From adb3c3a0e6f03f8b12c6ab3e787fb00761e6e17e Mon Sep 17 00:00:00 2001
From: Francis Lachapelle <flachapelle@inverse.ca>
Date: Thu, 26 Nov 2015 16:51:31 -0500
Subject: [PATCH] (html) Hide tags chips if message has none

---
 UI/Templates/MailerUI/UIxMailViewTemplate.wox    | 16 ++++++++++++----
 .../js/Mailer/MessageController.js               |  1 +
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/UI/Templates/MailerUI/UIxMailViewTemplate.wox b/UI/Templates/MailerUI/UIxMailViewTemplate.wox
index 21337cdc9..ba5b5b41d 100644
--- a/UI/Templates/MailerUI/UIxMailViewTemplate.wox
+++ b/UI/Templates/MailerUI/UIxMailViewTemplate.wox
@@ -69,6 +69,12 @@
             <md-icon>more_vert</md-icon>
           </md-button>
           <md-menu-content width="4">
+            <md-menu-item ng-hide="viewer.showFlags">
+              <md-button label:aria-label="Add a tag"
+                         ng-click="viewer.showFlags = true">
+                <var:string label:value="Add a tag"/>
+              </md-button>
+            </md-menu-item>
             <md-menu-item>
               <md-button label:aria-label="Save As..."
                          ng-click="viewer.saveMessage()">
@@ -136,16 +142,18 @@
               </span>
             </div>
           </div>
-          <md-chips class="sg-readonly"
-                    ng-model="viewer.message.flags"
-                    md-on-append="$chip.name"
-                    md-on-remove="viewer.message.removeTag($chip)">
+          <md-chips class="sg-readonly hide-sm"
+                      ng-show="viewer.showFlags"
+                      ng-model="viewer.message.flags"
+                      md-on-append="$chip.name"
+                      md-on-remove="viewer.message.removeTag($chip)">
             <md-chip-template>{{viewer.service.$tags[$chip][0]}}</md-chip-template>
             <md-autocomplete
                 md-selected-item="viewer.tags.selected"
                 md-selected-item-change="viewer.message.addTag(viewer.tags.selected.name)"
                 md-search-text="viewer.tags.searchText"
                 md-items="tag in viewer.service.filterTags(viewer.tags.searchText)"
+                md-autoselect="true"
                 label:placeholder="Add a tag">
               <md-item-template>
                 <span md-highlight-text="viewer.tags.searchText"
diff --git a/UI/WebServerResources/js/Mailer/MessageController.js b/UI/WebServerResources/js/Mailer/MessageController.js
index 9a2150936..563b7d982 100644
--- a/UI/WebServerResources/js/Mailer/MessageController.js
+++ b/UI/WebServerResources/js/Mailer/MessageController.js
@@ -16,6 +16,7 @@
     vm.message = stateMessage;
     vm.service = Message;
     vm.tags = { searchText: '', selected: '' };
+    vm.showFlags = stateMessage.flags.length > 0;
     vm.doDelete = doDelete;
     vm.close = close;
     vm.reply = reply;