Merge pull request #1863 from OpenBazaar/fixStoreWizardSearch

Fixes the moderator search in the store wizard

Author: jjeffryes

js/templates/storeWizard.html

@@ -85,13 +85,13 @@
         <%= polyglot.t('StoreModeratorsOptional') %>
         <span class="textOpacity75 fontSize14 floatRight"><%= polyglot.t('pageXofY', {currentPage: 2, totalPages: 2}) %></span>
       </div>
-      <div class="flexContainer flex-border homeModal-settings homeModal-settings-noSearch scrollOverflow custCol-primary customThemeScrollbar">
+      <div id="modSearch" class="flexContainer flex-border homeModal-settings homeModal-settings-noSearch scrollOverflow custCol-primary customThemeScrollbar">
         <div class="flexRow">
           <div class="txtFieldWrapper txtFieldWrapper-bar searchWrapper custCol-primary custCol-border">
             <input type="text" class="txtField txtField-bar search" placeholder="<%= polyglot.t('Searchformoderators') %>" />
           </div>
         </div>
-        <div class="flexRow js-storeWizardModeratorList">
+        <div class="flexRow list js-storeWizardModeratorList">
         </div>
       </div>
       <div class="bar barFlush custCol-secondary borderBottomLeftRaidus3 borderBottomRightRaidus3  custCol-text">

js/templates/userShort.html

@@ -70,7 +70,7 @@
           </div>
           <div class="marginLeft15 marginRight15 marginTop2 <% if(ob.micro){ %>textSize10<% }else{ %>fontSize14<% } %> txt-fade textWeightNormal">
             <% if(ob.short_description) { %>
-              <div class="clamp2"><%= ob.short_description %></div>
+              <div class="clamp2 js-userDescription"><%= ob.short_description %></div>
             <% } else { %>
               <div><%= polyglot.t('NoDescriptionAdded') %></div>
             <% } %>

js/views/storeWizardVw.js

@@ -144,12 +144,15 @@ module.exports = baseModal.extend({
 
   handleSocketMessage: function(response) {
     var data = JSON.parse(response.data);
+
     if (data.id == this.socketModeratorID && data.moderator.guid != this.model.get('user').guid && this.model.get('user').blocked_guids.indexOf(data.moderator.guid) == -1){
       this.renderModerator(data.moderator);
     }
   },
 
   renderModerator: function(moderator){
+    const searchOptions = {valueNames: ['js-searchName', 'js-userDescription'], page: 1000};
+
     //make sure this moderator is not a duplicate
     if (this.shownMods.indexOf(moderator.guid) > -1){
       return;
@@ -168,6 +171,13 @@ module.exports = baseModal.extend({
 
     this.$el.find('.js-storeWizardModeratorList').append(modShort.el);
     this.moderatorCount++;
+
+    // create or update the search
+    if (!this.modSearch) {
+      this.modSearch = new window.List('modSearch', searchOptions);
+    } else {
+      this.modSearch.reIndex();
+    }
   },
 
   blockClicks: function(e) {