Global search limited working prototype

* added publication
* need to filter cards on client side

client/components/main/globalSearch.jade

@@ -9,25 +9,49 @@ template(name="globalSearchModalTitle")
     | {{_ 'globalSearch-title'}}
 
 template(name="globalSearch")
-  if isPageReady.get
-    .wrapper
-      form.js-search-query-form
-        input(type="text" name="searchQuery" placeholder="{{_ 'search-example'}}" autofocus dir="auto")
-  else
+  .wrapper
+    form.js-search-query-form
+      input(type="text" name="searchQuery" placeholder="{{_ 'search-example'}}" autofocus dir="auto")
+  if searching.get
     +spinner
+  else if hasResults.get
+    .global-search-dueat-list-wrapper
+      h1 Results
+      each card in results
+        .global-search-card-wrapper
+          a.minicard-wrapper.card-title(href=card.absoluteUrl)
+            +minicard(card)
+          ul.global-search-context-list
+            li.global-search-context(title="{{_ 'board'}}")
+              +viewer
+                = card.getBoard.title
+            li.global-search-context.global-search-context-separator
+              = ' '
+              | {{_ 'context-separator'}}
+              = ' '
+            li.global-search-context(title="{{_ 'swimlane'}}")
+              +viewer
+                = card.getSwimlane.title
+            li.global-search-context
+              = ' '
+              | {{_ 'context-separator'}}
+              = ' '
+            li.global-search-context(title="{{_ 'list'}}")
+              +viewer
+                = card.getList.title
 
 template(name="globalSearchViewChangePopup")
   ul.pop-over-list
     li
       with "globalSearchViewChange-choice-me"
-        a.js-due-cards-view-me
+        a.js-global-search-view-me
           i.fa.fa-user.colorful
           | {{_ 'globalSearchViewChange-choice-me'}}
           if $eq Utils.globalSearchView "me"
             i.fa.fa-check
     li
       with "globalSearchViewChange-choice-all"
-        a.js-due-cards-view-all
+        a.js-global-search-view-all
           i.fa.fa-users.colorful
           | {{_ 'globalSearchViewChange-choice-all'}}
           span.sub-name

client/components/main/globalSearch.js

@@ -37,6 +37,8 @@ BlazeComponent.extendComponent({
 BlazeComponent.extendComponent({
   onCreated() {
     this.isPageReady = new ReactiveVar(true);
+    this.searching = new ReactiveVar(false);
+    this.hasResults = new ReactiveVar(false);
     this.query = new ReactiveVar('');
 
     // this.autorun(() => {
@@ -50,16 +52,24 @@ BlazeComponent.extendComponent({
     Meteor.subscribe('setting');
   },
 
+  results() {
+    return Cards.find();
+  },
+
   events() {
     return [
       {
         'submit .js-search-query-form'(evt) {
           evt.preventDefault();
           this.query.set(evt.target.searchQuery.value);
-          // eslint-disable-next-line no-console
-          console.log('query:', this.query.get());
+
+          this.searching.set(true);
+          this.hasResults.set(false);
 
           let query = this.query.get();
+          // eslint-disable-next-line no-console
+          console.log('query:', query);
+
           const reUser = /^@(?<user>\w+)(\s+|$)/;
           const reLabel = /^#(?<label>\w+)(\s+|$)/;
           const reOperator1 = /^(?<operator>\w+):(?<value>\w+)(\s+|$)/;
@@ -139,6 +149,16 @@ BlazeComponent.extendComponent({
           console.log('selector:', selector);
           // eslint-disable-next-line no-console
           console.log('text:', text);
+
+          this.autorun(() => {
+            const handle = subManager.subscribe('globalSearch', selector);
+            Tracker.nonreactive(() => {
+              Tracker.autorun(() => {
+                this.searching.set(!handle.ready());
+                this.hasResults.set(handle.ready());
+              });
+            });
+          });
         },
       },
     ];

client/components/main/globalSearch.styl

@@ -1,4 +1,4 @@
-.due-cards-board-wrapper
+.global-search-board-wrapper
   border-radius: 8px
   //padding: 0.5rem
   min-width: 400px
@@ -9,14 +9,14 @@
   margin-right: auto
   margin-left: auto
 
-.due-cards-board-title
+.global-search-board-title
   font-size: 1.4rem
   font-weight: bold
   padding: 0.5rem
   background-color: grey
   color: white
 
-.due-cards-swimlane-title
+.global-search-swimlane-title
   font-size: 1.1rem
   font-weight: bold
   padding: 0.5rem
@@ -30,7 +30,7 @@
 .swimlane-default-color
   background-color: lightgrey
 
-.due-cards-list-title
+.global-search-list-title
   font-weight: bold
   font-size: 1.1rem
   //padding-bottom: 0
@@ -38,7 +38,7 @@
   text-align: center
   margin-bottom: 0.7rem
 
-.due-cards-list-wrapper
+.global-search-list-wrapper
   margin: 1rem
   border-radius: 5px
   padding: 1.5rem
@@ -47,23 +47,23 @@
   min-width: 250px
   max-width: 350px
 
-.due-cards-card-wrapper
+.global-search-card-wrapper
   margin-top: 0
   margin-bottom: 10px
 
-.due-cards-dueat-list-wrapper
+.global-search-dueat-list-wrapper
   max-width: 500px
   margin-right: auto
   margin-left: auto
 
-.due-cards-field-name
+.global-search-field-name
   font-weight: bold
 
-.due-cards-context
+.global-search-context
   display: inline-block
 
-.due-cards-context-separator
+.global-search-context-separator
   font-weight: bold
 
-.due-cards-context-list
+.global-search-context-list
   margin-bottom: 0.7rem