save mode into db, user doesn't need to set every time

Author: rinahong

imports/ui/Editor.js

@@ -47,7 +47,7 @@ export class Editor extends Component {
       availableUsersForPermission: [],
       userIdsWithPermission: [],
       firstTimeLoad: true,
-      mode: "javascript",
+      mode: "",
       defaultValue: ""
     }
 
@@ -80,6 +80,21 @@ export class Editor extends Component {
       });
     }
 
+    // Find the document on this editor page for updating title
+    Meteor.call('findDocument', id, (error, result) => {
+      if(error) {
+        console.log("Can't find Document");
+      } else {
+        console.log("result.mode", result.mode)
+        this.setState({
+          title: result.title,
+          documentCreatedBy: result.createdBy,
+          mode: (result.mode != "") ? result.mode : "javascript" //default mode is JS
+        })
+        console.log("current mode", this.state.mode)
+      }
+    });
+
     // Get all users so that we can give permission
     Meteor.call('getAllUsers', (error, result) => {
       if(error) {
@@ -112,15 +127,6 @@ export class Editor extends Component {
       }
     });
 
-    // Find the document on this editor page for updating title
-    Meteor.call('findDocument', id, (error, result) => {
-      if(error) {
-        console.log("Can't find Document");
-      } else {
-        this.setState({title: result.title, documentCreatedBy: result.createdBy})
-      }
-    });
-
 	}
 
   // onChange Event of input, setState of title
@@ -238,14 +244,22 @@ export class Editor extends Component {
   }
 
   setMode(e) {
-
+    const {id, mode} = this.state;
     if(this.state.mode = 'openedge') {
       this.refs.aceEditor.editor.getSession().setMode(customMode);
     }
 
     this.setState({
       mode: e.target.value
     })
+
+    Meteor.call('updateMode', id, e.target.value, (error) => {
+      if(error) {
+        console.log("Fail to update the document mode", error.reason);
+      } else {
+        console.log("Mode updated successfully");
+      }
+    });
   }
 
   onLoad(editor) {
@@ -298,7 +312,7 @@ export class Editor extends Component {
 
           this.lastTimeInsert = DocumentContents.findOne({ docId: id }, { sort: { createdAt: -1, limit: 1 } }).createdAt;
           this.prevValues = editor.getValue().split('\n');
-          
+
           this.setState({defaultValue: editor.getValue()})
         }
       }

imports/ui/LandingPage.js

@@ -82,7 +82,8 @@ export class LandingPage extends Component {
     Documents.insert({
       title: "Untitled Document",
       createdAt: new Date(), // current time
-      createdBy: currentUser
+      createdBy: currentUser,
+      mode: ""
     }, function (error, results) {
       if (error) {
         console.log("Documents Insert Failed: ", error.reason);

imports/ui/NavBar.js

@@ -147,7 +147,8 @@ class NavBar extends React.Component {
     Documents.insert({
       title: "Untitled Document",
       createdAt: new Date(), // current time
-      createdBy: currentUser
+      createdBy: currentUser,
+      mode: ""
     }, function (error, results) {
       if (error) {
         console.log("Documents Insert Failed: ", error.reason);
@@ -167,7 +168,7 @@ class NavBar extends React.Component {
       }
     });
   }
-  
+
   signOut() {
       // event.preventDefault();
       console.log("--sign out--")

server/main.js

@@ -46,6 +46,10 @@ Meteor.startup(() => {
         Documents.update({ _id: docId }, {$set: {title: docTitle}});
       },
 
+      updateMode(docId, docMode) {
+        Documents.update({ _id: docId }, {$set: {mode: docMode}});
+      },
+
       upsertUserDocument(userId, docId, documentCreatedBy) {
         UserDocuments.upsert({
             // Selector