Save reactions on luna-development.net;

addReactions.html

@@ -44,7 +44,7 @@
     <div class="row">
         <div class="col">
             <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
-            <button type="button" class="btn btn-primary" data-dismiss="modal" @click="addNewResponseContainer">Add
+            <button type="button" class="btn btn-primary" data-dismiss="modal" @click="addNewReaction">Add
             </button>
         </div>
     </div>

addReponse.js

@@ -24,28 +24,24 @@ let responses = new Vue({
         addResponseToInput() {
             this.addModal.responses.push('');
         },
-        addNewResponseContainer() {
+        addNewReaction() {
             let includeAll = this.addModal.includeAll;
-            let keywords = this.cleanupMessage(this.addModal.keywords).split(',');
+            let keywords = this.addModal.keywords.split(',');
             let responses = this.addModal.responses;
 
-            let newResponse = {
+            let newReaction = {
                 includeAll: includeAll,
                 keywords: keywords,
                 responses: responses
             };
 
-            axios.post('/responses/create', newResponse)
-                .then((response) => {
-                    console.log(response);
-                })
-                .catch((error) => {
-                    console.log(error);
-                })
-
-            // this.addModal.includeAll = false;
-            // this.addModal.keywords = '';
-            // this.addModal.responses = [''];
+            axios.post('/reactions/create', {
+                reaction: newReaction
+            }).then((response) => {
+                console.log(response);
+            }).catch((error) => {
+                console.log(error);
+            });
         },
         cleanupMessage(message) {
             message = message.toLowerCase();

app.js

@@ -3,8 +3,7 @@ let kara = new Vue({
     data: {
         features: {
             changeName: false,
-            themes: true,
-            ownReactions: true,
+            themes: false,
             setNameAtStart: true
         },
         messages: [],
@@ -32,7 +31,7 @@ let kara = new Vue({
             location: ''
         },
         notes: [],
-        answers: [
+        reactions: [
             {
                 includeAll: false,
                 keywords: [
@@ -59,6 +58,7 @@ let kara = new Vue({
     },
     mounted() {
         this.getSavedData();
+        this.getReactions();
 
         if (this.features.themes) {
             this.getBootswatchThemes();
@@ -277,7 +277,7 @@ let kara = new Vue({
                 return "It's " + moment().format('dddd') + ", " + moment().format('MMMM Do YYYY') + ".";
             }
 
-            this.answers.forEach((answerOption) => {
+            this.reactions.forEach((answerOption) => {
                 if (answerOption.includeAll === true) {
                     if (this.includesAllOf(phrases, answerOption.keywords)) {
                         answer = this.oneOf(answerOption.responses);
@@ -464,7 +464,7 @@ let kara = new Vue({
             this.messages = savedMessages ? savedMessages : [];
 
             let savedAnswers = JSON.parse(localStorage.getItem('answers'));
-            this.answers = savedAnswers !== [] ? savedAnswers : this.answers;
+            this.reactions = savedAnswers !== [] ? savedAnswers : this.reactions;
 
             let savedNotes = JSON.parse(localStorage.getItem('notes'));
             this.notes = savedNotes ? savedNotes : [];
@@ -482,7 +482,7 @@ let kara = new Vue({
             localStorage.setItem('username', this.username);
             localStorage.setItem('activeTheme', this.activeTheme);
             localStorage.setItem('messages', JSON.stringify(this.messages));
-            localStorage.setItem('answers', JSON.stringify(this.answers));
+            localStorage.setItem('answers', JSON.stringify(this.reactions));
             localStorage.setItem('notes', JSON.stringify(this.notes));
             localStorage.setItem('lastMessage', JSON.stringify(this.lastMessage));
             localStorage.setItem('location', JSON.stringify(this.location));
@@ -572,7 +572,7 @@ let kara = new Vue({
             return includesAllPhrases;
         },
 
-        // Ajax calls for saving/receiving responses & themes
+        // Ajax calls for saving/receiving reactions & themes
         getBootswatchThemes() {
             let vue = this;
 
@@ -583,6 +583,15 @@ let kara = new Vue({
                 .catch(function (error) {
                     console.log(error);
                 })
+        },
+        getReactions() {
+            let vue = this;
+
+            axios.get('/reactions/get').then((response) => {
+                this.reactions = response.data;
+            }).catch((error) => {
+                console.log(error);
+            });
         }
     }
 })