Replace ngTagsInput by md-chips + md-autocomplete

UI/Templates/MailerUI/UIxMailEditor.wox

@@ -26,26 +26,45 @@
         <label class="pseudo-input-label">
           <var:string label:value="To"/>
         </label>
-
-          <tags-input type="text" name="to"
-                      ng-model="message.editable.to"
-                      label:placeholder="Add a recipient"
-                      ng-focus="angular.element().triggerHandler('focus')">
-            <auto-complete source="userFilter($query)"><!-- to --></auto-complete>
-          </tags-input>
-
+        <md-chips ng-model="message.editable.to">
+          <md-autocomplete
+              md-selected-item="autocomplete.to.selected"
+              md-search-text="autocomplete.to.searchText"
+              md-items="user in userFilter(autocomplete.to.searchText)"
+              label:placeholder="Add a recipient">
+            <span md-highlight-text="autocomplete.to.searchText">{{user}}</span>
+          </md-autocomplete>
+        </md-chips>
       </div>
+
       <div class="pseudo-input-container">
         <label class="pseudo-input-label">
           <var:string label:value="Cc"/>
         </label>
-        <div class="pseudo-input-inputLike">
-          <tags-input type="text" name="cc"
-                      ng-model="message.editable.cc"
-                      label:placeholder="Add a recipient">
-            <auto-complete source="userFilter($query)"><!-- to --></auto-complete>
-          </tags-input>
-        </div>
+        <md-chips ng-model="message.editable.cc">
+          <md-autocomplete
+              md-selected-item="autocomplete.cc.selected"
+              md-search-text="autocomplete.cc.searchText"
+              md-items="user in userFilter(autocomplete.cc.searchText)"
+              label:placeholder="Add a recipient">
+            <span md-highlight-text="autocomplete.cc.searchText">{{user}}</span>
+          </md-autocomplete>
+        </md-chips>
+      </div>
+
+      <div class="pseudo-input-container">
+        <label class="pseudo-input-label">
+          <var:string label:value="Bcc"/>
+        </label>
+        <md-chips ng-model="message.editable.bcc">
+          <md-autocomplete
+              md-selected-item="autocomplete.bcc.selected"
+              md-search-text="autocomplete.bcc.searchText"
+              md-items="user in userFilter(autocomplete.bcc.searchText)"
+              label:placeholder="Add a recipient">
+            <span md-highlight-text="autocomplete.bcc.searchText">{{user}}</span>
+          </md-autocomplete>
+        </md-chips>
       </div>
 
       <md-input-container>

UI/Templates/MailerUI/UIxMailMainFrame.wox

@@ -9,8 +9,7 @@
     title="title"
     const:userDefaultsKeys="SOGoMailMessageCheck,SOGoRefreshViewCheck,SOGoMailSortByThreads,SOGoMailListViewColumnsOrder,SOGoMailDisplayRemoteInlineImages,SOGoMailComposeMessageType,SOGoMailReplyPlacement"
     const:userSettingsKeys="Mail"
-    const:jsFiles="Common/resource.js, Common/user-model.js, Common/acl-model.js, Contacts/card-model.js, Contacts/addressbook-model.js, Mailer/message-model.js, Mailer/mailbox-model.js, Mailer/account-model.js, vendor/ckeditor/ckeditor.js, vendor/ckeditor/ck.js, vendor/ng-tags-input.js, vendor/angular-file-upload.js">
-    <!--const:cssFiles="ng-tags-input.css">-->
+    const:jsFiles="Common/resource.js, Common/user-model.js, Common/acl-model.js, Contacts/card-model.js, Contacts/addressbook-model.js, Mailer/message-model.js, Mailer/mailbox-model.js, Mailer/account-model.js, vendor/ckeditor/ckeditor.js, vendor/ckeditor/ck.js, vendor/angular-file-upload.js">
   <script type="text/javascript">
     var mailAccounts =<var:string value="mailAccounts" const:escapeHTML="NO" />;
     var userNames =<var:string value="userNames" const:escapeHTML="NO" />;