images, gifs and messages added to frontend

static/app.js

@@ -489,26 +489,7 @@ var allFeaturesFileAddBtn = [
 
 
 
-var uploaded_images = [];
-var uploaded_GIFs = [];
 
-allFeaturesFileAddBtn.map((value, index) => {
-  if (value !== null) {
-    value.addEventListener("click", () => {
-      var tag = document.createElement("li");
-      tag.innerHTML = allFeaturesFile[index].files[0].name;
-      if (index == 10) {
-        uploaded_images.push(allFeaturesFile[index].files[0]);
-      } else if (index == 11) {
-        uploaded_GIFs.push(allFeaturesFile[index].files[0]);
-      }
-      
-      allFeatures[index].appendChild(tag);
-      changeVarValue();
-      addEventOnFeaturesList();
-    });
-  }
-});
 
 // features input text
 var stocksText = document.getElementById("inputText3");
@@ -724,7 +705,7 @@ function saveSettings() {
       method:"POST", 
       body:data
     });
-  }
+  } 
 }
 
 let saveSettingsButtons = document.querySelectorAll(".save-btn-div").forEach(button => 
@@ -801,6 +782,29 @@ function getSportsSettings(page){
   return settings;
 }
 
+
+var uploaded_images = [];
+var uploaded_GIFs = [];
+
+allFeaturesFileAddBtn.map((value, index) => {
+  if (value !== null) {
+    value.addEventListener("click", () => {
+      var tag = document.createElement("li");
+      tag.innerHTML = allFeaturesFile[index].files[0].name;
+      if (index == 10) {
+        uploaded_images.push(allFeaturesFile[index].files[0]);
+      } else if (index == 11) {
+        uploaded_GIFs.push(allFeaturesFile[index].files[0]);
+      }
+      
+      allFeatures[index].appendChild(tag);
+      changeVarValue();
+      addEventOnFeaturesList();
+    });
+  }
+});
+
+
 //images and GIFs
 function getImageSettings(page){
   let pause = page.querySelectorAll(".pause-select")[0].value;
@@ -814,8 +818,48 @@ function getImageSettings(page){
   return settings;
 }
 
-function getMessageSettings(page) {
+
+var messages = [];
+
+
+messagesTextAddBtn.addEventListener("click", () => {
+      let pageSelector = "Page13";
   
+      let page = document.getElementById(pageSelector);
+  
+  
+      let msg_name = messagesText.value;
+      //let speed = getSelected(page.querySelectorAll(".speed-select")[0]);
+      //let animation = getSelected(page.querySelectorAll(".animation-select")[0]);
+      
+      let message_text = page.querySelectorAll(".message-input")[0].value;
+      let text_colour = getSelected(page.querySelectorAll(".text-colour")[0]);
+      let text_size = getSelected(page.querySelectorAll(".text-size")[0]);
+      let background_colour = getSelected(page.querySelectorAll(".back-colour")[0]);
+      
+      let message = {'name':msg_name, 'text':message_text, 'text_colour':text_colour, 'size':text_size, 'background_colour':background_colour};
+      messages.push(message);
+
+ 
+});
+
+
+
+function getMessageSettings(page) {
+   
+  let messages_el = page.querySelectorAll(".message-list")[0];
+  let message_names = getListItems(messages_el);
+  
+  //remove any messages that arent in the list
+  let new_messages = [];
+  
+  for (let i = 0; i < messages.length; i++){
+    if (message_names.includes(messages[i]['name'])) {
+      new_messages.push(messages[i]);
+    }
+  }
+  let title = page.querySelectorAll(".title-select")[0].checked;
+  return {'title':title, 'messages':new_messages};
 }