Add color palette and allow selection

client/components/main/globalSearch.jade

@@ -34,6 +34,9 @@ template(name="globalSearch")
         .global-search-instructions
           +viewer
             = searchInstructions
+          .palette-colors: each label in labelColors
+            span.card-label.palette-color.js-palette-color(class="card-label-{{label.color}}")
+              = label.name
 
 template(name="globalSearchViewChangePopup")
   if currentUser

client/components/main/globalSearch.js

@@ -355,6 +355,14 @@ BlazeComponent.extendComponent({
     return text;
   },
 
+  labelColors() {
+    return Boards.simpleSchema()._schema['labels.$.color'].allowedValues.map(
+      color => {
+        return { color, name: TAPi18n.__(`color-${color}`) };
+      },
+    );
+  },
+
   events() {
     return [
       {
@@ -362,6 +370,11 @@ BlazeComponent.extendComponent({
           evt.preventDefault();
           this.searchAllBoards(evt.target.searchQuery.value);
         },
+        'click .js-palette-color'(evt) {
+          this.query.set(
+            `${this.query.get()} label:"${evt.currentTarget.textContent}"`,
+          );
+        },
       },
     ];
   },