From be4d56b7e19c3bb7a872f48ff82daa0537c2fc43 Mon Sep 17 00:00:00 2001
From: iRouge <bfavreault@inverse.ca>
Date: Fri, 27 Feb 2015 15:26:18 -0500
Subject: [PATCH] Add Selected-state to lists elements (Contacts and Messages)

---
 .../ContactsUI/UIxContactFoldersView.wox      | 56 ++++++++++---------
 .../MailerUI/UIxMailFolderTemplate.wox        |  4 +-
 2 files changed, 31 insertions(+), 29 deletions(-)

diff --git a/UI/Templates/ContactsUI/UIxContactFoldersView.wox b/UI/Templates/ContactsUI/UIxContactFoldersView.wox
index d6fbf644b..153412f8a 100644
--- a/UI/Templates/ContactsUI/UIxContactFoldersView.wox
+++ b/UI/Templates/ContactsUI/UIxContactFoldersView.wox
@@ -191,30 +191,30 @@
 
     <section layout="column" class="md-layout-fill">
       <md-toolbar layout="column" layout-align="space-between start" class="md-tall toolbar-main">
-        <div class="md-toolbar-tools" layout="row" layout-align="space-between start" ng-controller="toggleCtrl">
-          <div class="sg-toolbar-group-1" layout="row">
-            <md-button ng-click="toggleLeft()" class="md-hide-gt-md sg-button-navicon">
-              <span class="md-icon-menu"></span>
-            </md-button>
-            <div class="sg-date-group" layout="column" layout-align="center end">
-              <p class="sg-day">monday</p>
-              <p class="sg-month">january</p>
-              <p class="sg-year">2015</p>
-            </div>
+      <div class="md-toolbar-tools" layout="row" layout-align="space-between start" ng-controller="toggleCtrl">
+        <div class="sg-toolbar-group-1" layout="row">
+          <md-button ng-click="toggleLeft()" class="md-hide-gt-md sg-button-navicon">
+            <span class="md-icon-menu"></span>
+          </md-button>
+          <div class="sg-date-group" layout="column" layout-align="center end">
+            <p class="sg-day">monday</p>
+            <p class="sg-month">january</p>
+            <p class="sg-year">2015</p>
+          </div>
 
-            <p class="sg-md-display-3">15</p>
-          </div>
-          <div class="sg-toolbar-group-2">
-            <span class="md-icon-search"></span>
-          </div>
+          <p class="sg-md-display-3">15</p>
         </div>
-        <div class="md-toolbar-tools md-toolbar-tools-bottom" layout="row" layout-align="space-between center">
-          <div class="cols-6" layout="row" layout-align="space-between center" style="padding-right: 16px">
-            <md-input-container class="sg-search-field-container">
-              <label style="color: white"><i class="md-icon-search"><!--icon--></i>Search</label>
-              <input name="folderSearch" type="search"
-                     ng-model="search.filter" ng-keyup="doSearch($event)" style="color: white"/>
-            </md-input-container>
+        <div class="sg-toolbar-group-2">
+          <span class="md-icon-search"></span>
+        </div>
+      </div>
+      <div class="md-toolbar-tools md-toolbar-tools-bottom" layout="row" layout-align="space-between center">
+        <div class="cols-6" layout="row" layout-align="space-between center" style="padding-right: 16px">
+          <md-input-container class="sg-search-field-container">
+            <label style="color: white"><i class="md-icon-search"><!--icon--></i>Search</label>
+            <input name="folderSearch" type="search"
+                   ng-model="search.filter" ng-keyup="doSearch($event)" style="color: white"/>
+          </md-input-container>
 
             <div class="sg-toolbar-group">
               <md-select class="sg-toolbar-sort md-contrast-light" label:placeholder="All"
@@ -224,9 +224,10 @@
               <span class="md-icon-create"><!-- icon --></span>
             </div>
           </div>
-          <div class="spacer cols-8"><!-- spacer --></div>
         </div>
-      </md-toolbar>
+        <div class="spacer cols-8"><!-- spacer --></div>
+      </div>
+    </md-toolbar>
 
       <div layout="row" class="md-flex" layout-align="space-between">
 
@@ -254,9 +255,10 @@
                </div>
           -->
           <md-list vs-repeat="72" vs-scroll-parent="#contactsList">
-            <md-item ng-repeat="currentCard in addressbook.cards track by currentCard.id"
-                     ng-class="{_selected: card.id == currentCard.id}">
-              <md-item-content>
+            <md-item ng-repeat="currentCard in addressbook.cards track by currentCard.id">
+              <md-item-content
+                  ng-class="{_selected: card.id == currentCard.id}"
+                  ng-click="select($index)">
                 <div class="md-tile-left">
                   <!--avatar--><!-- currentCard.tag = vcard || vlist -->
                 </div>
diff --git a/UI/Templates/MailerUI/UIxMailFolderTemplate.wox b/UI/Templates/MailerUI/UIxMailFolderTemplate.wox
index 595a115af..131f85cdf 100644
--- a/UI/Templates/MailerUI/UIxMailFolderTemplate.wox
+++ b/UI/Templates/MailerUI/UIxMailFolderTemplate.wox
@@ -16,13 +16,13 @@
         vs-scroll-parent="#messagesList">
       <md-item ng-repeat="currentMessage in mailbox.$messages track by currentMessage.id"
           ng-class="{unread: !currentMessage.isread}">
-        <md-item-content>
+        <md-item-content ui-sref-active="_selected">
           <div class="md-tile-left">
             <!--avatar-->
           </div>
           <div class="sg-tile-content">
             <a ui-sref="mail.account.mailbox.message({accountId: account.id, mailboxId: (mailbox.path | encodeUri), messageId: currentMessage.uid})"
-                ui-sref-active="_selected">
+                >
               <div class="sg-md-subhead-multi subject">
                 {{currentMessage.subject}}
               </div>