Add add mod with guid

- added a field to add a mod manually, mostly for testing.

Author: jjeffryes

js/languages/en-US.json

@@ -231,7 +231,9 @@
   "SearchForCategory": "Search for category",
   "Moderators": "Moderators",
   "CurrentModerators": "Current Moderators",
-  "AddModerators": "Add New Moderators",
+  "AddModerators": "Add Moderators",
+  "ManualAddModerator": "Add Moderators by GUID",
+  "ManualAddModeratorHelp": "Enter the GUIDs of one or more moderators, separated by commas, here. The GUID is on the right side of their About tab on their page. Adding the GUID of a user that is not a moderator will have no effect, that GUID will be ignored.",
   "DeselectToRemoveModerator": "Deselect the moderators you want to remove",
   "SelectToAddModerator": "Select the moderators you want to add",
   "Categories": "Categories",

js/templates/settings.html

@@ -756,6 +756,26 @@ <h3 class="padding15 margin0 fontWeight500"><%= polyglot.t('Basic') %></h3>
               </div>
             </div>
 
+            <div class="flexRow">
+              <div class="flexCol-3  borderRight custCol-border zIndex1"><!-- add z-index so help box overlaps next column-->
+                <div class="fieldItem">
+                  <label for="addManualMods" class="tooltip tooltip-box" data-tooltip="<%= polyglot.t('ManualAddModeratorHelp') %>">
+                    <%= polyglot.t('ManualAddModerator') %> <i class="ion-help-circled"></i>
+                  </label>
+
+                </div>
+              </div>
+
+              <div class="flexCol-9 borderRight0 custCol-border">
+                <div class="fieldItem padding0">
+                  <input name="manualMods"
+                         type="text"
+                         id="addManualMods"
+                         class="fieldItem">
+                </div>
+              </div>
+            </div>
+
             <div class="flexRow TODO">
               <div class="flexCol-3  borderRight custCol-border">
                 <div class="fieldItem">
@@ -768,6 +788,7 @@ <h3 class="padding15 margin0 fontWeight500"><%= polyglot.t('Basic') %></h3>
               <div class="flexCol-9 borderRight0 custCol-border">
                 <div class="fieldItem padding0">
                   <!--TODO: keywords input here -->
+                  <input id="store-keywords">
                 </div>
               </div>
             </div>

js/views/settingsVw.js

@@ -811,24 +811,36 @@ module.exports = Backbone.View.extend({
         form = this.$el.find("#storeForm"),
         settingsData = {},
         moderatorsNew = this.$el.find('#storeForm .js-settingsNewMods .js-userShortView input:checked'),
-        moderatorList = this.userModel.get('moderators').map(function(moderatorObject){
-          return moderatorObject.guid;
-        }),
+        moderatorList = this.userModel.get('moderator_guids'),
+        manualModList,
         moderatorsUnChecked = this.$('#storeForm .js-settingsCurrentMods .js-userShortView input:not(:checked)'),
         onFail,
         $saveBtn = this.$('.js-saveStore');
 
     $saveBtn.addClass('loading');
 
+    console.log(moderatorList)
+
     //first, remove any existing moderators that have been unchecked. This prevents removing saved moderators that don't show up in the UI for some reason
     moderatorsUnChecked.each(function() {
       moderatorList = __.without(moderatorList, ($(this).data('guid')));
     });
 
+    console.log(moderatorList)
+
     //add any new moderators that have been checked
     moderatorsNew.each(function() {
       moderatorList.push($(this).data('guid'));
     });
+    
+    //add any manually entered mods
+    manualModList = this.$('#addManualMods').val().split(',');
+    console.log(manualModList);
+    __.each(manualModList, function(mod){
+      if(mod.length === 40){
+        moderatorList.push(mod);
+      }
+    });
 
     settingsData.moderators = moderatorList.length > 0 ? moderatorList : "";
 
@@ -838,6 +850,8 @@ module.exports = Backbone.View.extend({
       messageModal.show(window.polyglot.t('errorMessages.saveError'), data.reason);
     };
 
+    return;
+
     saveToAPI(form, "", self.serverUrl + "profile", function() {
       saveToAPI(form, self.userModel.toJSON(), self.serverUrl + "settings",
           function () {