style(UX): add missing tooltips

UI/Common/English.lproj/Localizable.strings

@@ -44,6 +44,9 @@
 "Expand" = "Expand";
 "Reduce" = "Reduce";
 
+/* tooltip */
+"Refresh" = "Refresh";
+
 /* generic.js */
 "Unable to subscribe to that folder!"
         = "Unable to subscribe to that folder!";

UI/Common/French.lproj/Localizable.strings

@@ -44,6 +44,9 @@
 "Expand" = "Agrandir";
 "Reduce" = "Réduire";
 
+/* tooltip */
+"Refresh" = "Rafraîchir";
+
 /* generic.js */
 "Unable to subscribe to that folder!"
         = "Impossible de s'abonner à ce dossier.";

UI/MailerUI/English.lproj/Localizable.strings

@@ -445,6 +445,8 @@
 "Back" = "Back";
 "Copy messages" = "Copy messages";
 "More messages options" = "More messages options";
+"Flag" = "Flag";
+"Unflag" = "Unflag";
 "Mark as Unread" = "Mark as Unread";
 "Mark as Read" = "Mark as Read";
 "Closing Window ..." = "Closing Window ...";
@@ -458,6 +460,8 @@
 "Your email has been sent" = "Your email has been sent";
 "Folder compacted" = "Folder compacted";
 
+"More Options" = "More Options";
+
 "New draft" = "New draft";
 "Create new draft with this template" = "Create new draft with this template";
 

UI/MailerUI/French.lproj/Localizable.strings

@@ -445,6 +445,8 @@
 "Back" = "Retour";
 "Copy messages" = "Copier les messages";
 "More messages options" = "Options messages avancées";
+"Flag" = "Marquer";
+"Unflag" = "Démarquer";
 "Mark as Unread" = "Marquer comme non-lu";
 "Mark as Read" = "Marquer comme lu";
 "Closing Window ..." = "Fermer la fenêtre...";
@@ -458,6 +460,8 @@
 "Your email has been sent" = "Votre courriel a été envoyé";
 "Folder compacted" = "Dossier compressé";
 
+"More Options" = "Plus d'Options";
+
 "New draft" = "Nouveau message";
 "Create new draft with this template" = "Créer un nouveau message à partir de ce modèle";
 

UI/Templates/ContactsUI/UIxContactFoldersView.wox

@@ -250,8 +250,8 @@
             <a href="#" class="sg-folder-name"
                ng-click="addressbook.searchMode($event)">{{addressbook.selectedFolder.name}}</a>
             <md-menu>
-              <md-button class="sg-icon-button" label:aria-label="Sort"
-                         ng-click="$mdMenu.open()">
+              <md-button class="sg-icon-button" label:aria-label="Sort" ng-click="$mdMenu.open()">
+                <md-tooltip md-direction="bottom"><var:string label:value="Sort"/></md-tooltip>
                 <md-icon>sort</md-icon>
               </md-button>
               <md-menu-content>
@@ -300,7 +300,8 @@
                 </md-menu-item>
               </md-menu-content>
             </md-menu>
-            <md-button class="sg-icon-button" aria-label="Refresh" ng-click="addressbook.selectedFolder.$reload()" >
+            <md-button class="sg-icon-button" aria-label="Refresh" ng-click="addressbook.selectedFolder.$reload()">
+              <md-tooltip md-direction="bottom"><var:string label:value="Refresh"/></md-tooltip>
               <md-icon>refresh</md-icon>
             </md-button>
           </div>

UI/Templates/MailerUI/UIxMailFolderTemplate.wox

@@ -76,6 +76,7 @@
         <md-menu>
           <md-button class="sg-icon-button" label:aria-label="Filter"
                      ng-click="$mdMenu.open()">
+            <md-tooltip md-direction="bottom"><var:string label:value="Filter"/></md-tooltip>
             <md-icon>filter_list</md-icon>
           </md-button>
           <md-menu-content width="4">
@@ -110,8 +111,8 @@
           </md-menu-content>
         </md-menu>
         <md-menu>
-          <md-button class="sg-icon-button" label:aria-label="Sort"
-                     ng-click="$mdMenu.open()">
+          <md-button class="sg-icon-button" label:aria-label="Sort" ng-click="$mdMenu.open()">
+            <md-tooltip md-direction="bottom"><var:string label:value="Sort"/></md-tooltip>
             <md-icon>sort</md-icon>
           </md-button>
           <md-menu-content>
@@ -135,7 +136,7 @@
                 <md-icon label:aria-label="Size">{{ mailbox.sortedBy('size') ? 'check' : null }}</md-icon> <var:string label:value="Size"/>
               </md-button>
             </md-menu-item>
-	    <md-menu-item>
+	          <md-menu-item>
               <md-button ng-click="mailbox.sort('arrival')">
                 <md-icon label:aria-label="Order Received">{{ mailbox.sortedBy('arrival') ? 'check' : null }}</md-icon> <var:string label:value="Order Received"/>
               </md-button>
@@ -152,6 +153,7 @@
           </md-menu-content>
         </md-menu>
         <md-button class="sg-icon-button" label:aria-label="Get Mail" ng-click="mailbox.refresh()" >
+          <md-tooltip md-direction="bottom"><var:string label:value="Refresh"/></md-tooltip>
           <md-icon>refresh</md-icon>
         </md-button>
       </div>

UI/Templates/MailerUI/UIxMailViewTemplate.wox

@@ -33,11 +33,15 @@
           </md-button>
           <div class="md-flex"><!-- spacer --></div>
           <md-button class="sg-icon-button" label:aria-label="Flagged" ng-click="viewer.message.toggleFlag()">
+            <md-tooltip md-direction="bottom" ng-if="!viewer.message.isflagged"><var:string label:value="Flag"/></md-tooltip>
+            <md-tooltip md-direction="bottom" ng-if="viewer.message.isflagged"><var:string label:value="Unflag"/></md-tooltip>
             <md-icon ng-class="{ 'sg-icon-star': viewer.message.isflagged }">{{ viewer.message.isflagged ? 'star' : 'star_border' }}</md-icon>
           </md-button>
           <md-button class="sg-icon-button" label:aria-label="Mark as read"
                      ng-click="viewer.message.toggleRead()"
                      ng-switch="viewer.message.isread">
+            <md-tooltip md-direction="bottom" ng-if="viewer.message.isread"><var:string label:value="Mark as Unread"/></md-tooltip>
+            <md-tooltip md-direction="bottom" ng-if="!viewer.message.isread"><var:string label:value="Mark as Read"/></md-tooltip>
             <md-icon class="ng-animate-disabled" ng-switch-when="true" rsrc:md-svg-src="img/mark_email_unread.svg"><!-- mark as unread --></md-icon>
             <md-icon class="ng-animate-disabled" ng-switch-default="true" rsrc:md-svg-src="img/mark_email_read.svg"><!-- mark as read --></md-icon>
           </md-button>
@@ -79,6 +83,7 @@
           </md-button>
           <md-menu>
             <md-button label:aria-label="More mail options" class="sg-icon-button" ng-click="$mdMenu.open($event)">
+              <md-tooltip md-direction="bottom"><var:string label:value="More Options"/></md-tooltip>
               <md-icon>more_vert</md-icon>
             </md-button>
             <md-menu-content width="4">

UI/Templates/SchedulerUI/UIxCalDayView.wox

@@ -20,18 +20,26 @@
                  var:aria-label="yesterdayName"
                  var:date="prevDayQueryParameters.day"
                  ng-click="calendar.changeDate($event)"
-                 md-no-ink="md-no-ink"><md-icon>chevron_left</md-icon></md-button>
+                 md-no-ink="md-no-ink">
+         <md-tooltip md-direction="bottom"><var:string label:value="Previous Day"/></md-tooltip>
+         <md-icon>chevron_left</md-icon>
+      </md-button>
       <md-button class="sg-icon-button"
                  var:aria-label="tomorrowName"
                  var:date="nextDayQueryParameters.day"
                  ng-click="calendar.changeDate($event)"
-                 md-no-ink="md-no-ink"><md-icon>chevron_right</md-icon></md-button>
+                 md-no-ink="md-no-ink">
+         <md-tooltip md-direction="bottom"><var:string label:value="Next Day"/></md-tooltip>
+         <md-icon>chevron_right</md-icon>
+      </md-button>
       <md-datepicker md-hide-icons="triangle"
                      md-open-on-focus="md-open-on-focus"
                      md-date-filter="calendar.isSelectableDay"
                      ng-model="calendar.selectedDate"
                      ng-change="calendar.changeDate($event, calendar.selectedDate)"
-                     sg-datepicker-readonly-input="true"><!-- date picker --></md-datepicker>
+                     sg-datepicker-readonly-input="true">
+         <!-- date picker -->
+      </md-datepicker>
       <div class="md-flex"><!-- spacer --></div>
       <md-button class="md-icon-button hide-gt-sm" label:aria-label="Today"
                  var:date="todayQueryParameters.day"
@@ -43,24 +51,40 @@
                  var:date="todayQueryParameters.day"
                  ng-click="calendar.changeDate($event, null, true)"
                  md-no-ink="md-no-ink">
-        <var:string label:value="Today"/>
+         <md-tooltip md-direction="bottom"><var:string label:value="Go to today"/></md-tooltip>
+         <var:string label:value="Today"/>
       </md-button>
       <a class="md-icon-button md-button"
          label:aria-label="Day"
          ng-disabled="true"
-         ng-click="calendar.changeView($event, 'day')"><md-icon>view_day</md-icon></a>
+         ng-click="calendar.changeView($event, 'day')">
+         <md-tooltip md-direction="bottom"><var:string label:value="Switch to day view"/></md-tooltip>
+         <md-icon>view_day</md-icon>
+      </a>
       <a class="md-icon-button md-button"
          label:aria-label="Week"
-         ng-click="calendar.changeView($event, 'week')"><md-icon>view_week</md-icon></a>
+         ng-click="calendar.changeView($event, 'week')">
+         <md-tooltip md-direction="bottom"><var:string label:value="Switch to week view"/></md-tooltip>
+         <md-icon>view_week</md-icon>
+      </a>
       <a class="md-icon-button md-button"
          label:aria-label="Month"
-         ng-click="calendar.changeView($event, 'month')"><md-icon>view_module</md-icon></a>
+         ng-click="calendar.changeView($event, 'month')">
+         <md-tooltip md-direction="bottom"><var:string label:value="Switch to month view"/></md-tooltip>
+         <md-icon>view_module</md-icon>
+      </a>
       <a class="md-icon-button md-button"
          label:aria-label="Multicolumn Day View"
-         ng-click="calendar.changeView($event, 'multicolumnday')"><md-icon>view_array</md-icon></a>
+         ng-click="calendar.changeView($event, 'multicolumnday')">
+         <md-tooltip md-direction="bottom"><var:string label:value="Switch to multi-columns day view"/></md-tooltip>
+         <md-icon>view_array</md-icon>
+      </a>
       <md-button class="md-icon-button md-primary md-hue-1 hide show-gt-xs"
                  label:aria-label="Print"
-                 ng-click="calendar.printView(centerIsClose, list.componentType)"><md-icon>print</md-icon></md-button>
+                 ng-click="calendar.printView(centerIsClose, list.componentType)">
+         <md-tooltip md-direction="bottom"><var:string label:value="Print the current calendar view"/></md-tooltip>
+         <md-icon>print</md-icon>
+      </md-button>
     </md-card-actions>
 
     <var:component

UI/Templates/SchedulerUI/UIxCalMainView.wox

@@ -162,8 +162,8 @@
               </md-button>
               <div class="md-flex"><!-- spacer --></div>
               <md-menu>
-                <md-button class="sg-icon-button" label:aria-label="Filter"
-                           ng-click="$mdMenu.open()">
+                <md-button class="sg-icon-button" label:aria-label="Filter" ng-click="$mdMenu.open()">
+                  <md-tooltip md-direction="bottom"><var:string label:value="Filter"/></md-tooltip>
                   <md-icon>filter_list</md-icon>
                 </md-button>
                 <md-menu-content width="4">
@@ -263,8 +263,8 @@
                 </md-menu-content>
               </md-menu>
               <md-menu>
-                <md-button class="sg-icon-button" label:aria-label="Sort"
-                           ng-click="$mdMenu.open()">
+                <md-button class="sg-icon-button" label:aria-label="Sort" ng-click="$mdMenu.open()">
+                  <md-tooltip md-direction="bottom"><var:string label:value="Sort"/></md-tooltip>
                   <md-icon>sort</md-icon>
                 </md-button>
                 <md-menu-content width="4">
@@ -333,6 +333,7 @@
                 </md-menu-content>
               </md-menu>
               <md-button class="sg-icon-button" ng-click="list.reload()">
+                <md-tooltip md-direction="bottom"><var:string label:value="Refresh"/></md-tooltip>
                 <md-icon>refresh</md-icon>
               </md-button>
             </div>

UI/Templates/SchedulerUI/UIxCalMonthView.wox

@@ -20,12 +20,18 @@
                  label:aria-label="Previous Month"
                  var:date="prevMonthQueryParameters.day"
                  ng-click="calendar.changeDate($event)"
-                 md-no-ink="md-no-ink"><md-icon>chevron_left</md-icon></md-button>
+                 md-no-ink="md-no-ink">
+        <md-tooltip md-direction="bottom"><var:string label:value="Previous Month"/></md-tooltip>
+        <md-icon>chevron_left</md-icon>
+      </md-button>
       <md-button class="md-icon-button"
                  label:aria-label="Next Month"
                  var:date="nextMonthQueryParameters.day"
                  ng-click="calendar.changeDate($event)"
-                 md-no-ink="md-no-ink"><md-icon>chevron_right</md-icon></md-button>
+                 md-no-ink="md-no-ink">
+        <md-tooltip md-direction="bottom"><var:string label:value="Next Month"/></md-tooltip>
+        <md-icon>chevron_right</md-icon>
+      </md-button>
       <md-datepicker md-hide-icons="triangle"
                      md-open-on-focus="md-open-on-focus"
                      ng-model="calendar.selectedDate"
@@ -42,24 +48,40 @@
                  var:date="todayQueryParameters.day"
                  ng-click="calendar.changeDate($event, null, true)"
                  md-no-ink="md-no-ink">
-        <var:string label:value="Today"/>
+         <md-tooltip md-direction="bottom"><var:string label:value="Go to today"/></md-tooltip>
+         <var:string label:value="Today"/>
       </md-button>
       <a class="md-icon-button md-button"
          label:aria-label="Day"
-         ng-click="calendar.changeView($event, 'day')"><md-icon>view_day</md-icon></a>
+         ng-disabled="true"
+         ng-click="calendar.changeView($event, 'day')">
+         <md-tooltip md-direction="bottom"><var:string label:value="Switch to day view"/></md-tooltip>
+         <md-icon>view_day</md-icon>
+      </a>
       <a class="md-icon-button md-button"
          label:aria-label="Week"
-         ng-click="calendar.changeView($event, 'week')"><md-icon>view_week</md-icon></a>
+         ng-click="calendar.changeView($event, 'week')">
+         <md-tooltip md-direction="bottom"><var:string label:value="Switch to week view"/></md-tooltip>
+         <md-icon>view_week</md-icon>
+      </a>
       <a class="md-icon-button md-button"
          label:aria-label="Month"
-         ng-disabled="true"
-         ng-click="calendar.changeView($event, 'month')"><md-icon>view_module</md-icon></a>
+         ng-click="calendar.changeView($event, 'month')">
+         <md-tooltip md-direction="bottom"><var:string label:value="Switch to month view"/></md-tooltip>
+         <md-icon>view_module</md-icon>
+      </a>
       <a class="md-icon-button md-button"
          label:aria-label="Multicolumn Day View"
-         ng-click="calendar.changeView($event, 'multicolumnday')"><md-icon>view_array</md-icon></a>
+         ng-click="calendar.changeView($event, 'multicolumnday')">
+         <md-tooltip md-direction="bottom"><var:string label:value="Switch to multi-columns day view"/></md-tooltip>
+         <md-icon>view_array</md-icon>
+      </a>
       <md-button class="md-icon-button md-primary md-hue-1 hide show-gt-xs"
                  label:aria-label="Print"
-                 ng-click="calendar.printView(centerIsClose, list.componentType)"><md-icon>print</md-icon></md-button>
+                 ng-click="calendar.printView(centerIsClose, list.componentType)">
+         <md-tooltip md-direction="bottom"><var:string label:value="Print the current calendar view"/></md-tooltip>
+         <md-icon>print</md-icon>
+      </md-button>
     </md-card-actions>
 
     <md-toolbar class="monthView">

UI/Templates/SchedulerUI/UIxCalMulticolumnDayView.wox

@@ -20,12 +20,18 @@
                  var:aria-label="yesterdayName"
                  var:date="prevDayQueryParameters.day"
                  ng-click="calendar.changeDate($event)"
-                 md-no-ink="md-no-ink"><md-icon>chevron_left</md-icon></md-button>
+                 md-no-ink="md-no-ink">
+         <md-tooltip md-direction="bottom"><var:string label:value="Previous Day"/></md-tooltip>
+         <md-icon>chevron_left</md-icon>
+      </md-button>
       <md-button class="md-icon-button"
                  var:aria-label="tomorrowName"
                  var:date="nextDayQueryParameters.day"
                  ng-click="calendar.changeDate($event)"
-                 md-no-ink="md-no-ink"><md-icon>chevron_right</md-icon></md-button>
+                 md-no-ink="md-no-ink">
+         <md-tooltip md-direction="bottom"><var:string label:value="Next Day"/></md-tooltip>
+         <md-icon>chevron_right</md-icon>
+      </md-button>
       <md-datepicker md-hide-icons="triangle"
                      md-open-on-focus="md-open-on-focus"
                      ng-model="calendar.selectedDate"
@@ -42,24 +48,40 @@
                  var:date="todayQueryParameters.day"
                  ng-click="calendar.changeDate($event, null, true)"
                  md-no-ink="md-no-ink">
-        <var:string label:value="Today"/>
+         <md-tooltip md-direction="bottom"><var:string label:value="Go to today"/></md-tooltip>
+         <var:string label:value="Today"/>
       </md-button>
       <a class="md-icon-button md-button"
          label:aria-label="Day"
-         ng-click="calendar.changeView($event, 'day')"><md-icon>view_day</md-icon></a>
+         ng-disabled="true"
+         ng-click="calendar.changeView($event, 'day')">
+         <md-tooltip md-direction="bottom"><var:string label:value="Switch to day view"/></md-tooltip>
+         <md-icon>view_day</md-icon>
+      </a>
       <a class="md-icon-button md-button"
          label:aria-label="Week"
-         ng-click="calendar.changeView($event, 'week')"><md-icon>view_week</md-icon></a>
+         ng-click="calendar.changeView($event, 'week')">
+         <md-tooltip md-direction="bottom"><var:string label:value="Switch to week view"/></md-tooltip>
+         <md-icon>view_week</md-icon>
+      </a>
       <a class="md-icon-button md-button"
          label:aria-label="Month"
-         ng-click="calendar.changeView($event, 'month')"><md-icon>view_module</md-icon></a>
+         ng-click="calendar.changeView($event, 'month')">
+         <md-tooltip md-direction="bottom"><var:string label:value="Switch to month view"/></md-tooltip>
+         <md-icon>view_module</md-icon>
+      </a>
       <a class="md-icon-button md-button"
          label:aria-label="Multicolumn Day View"
-         ng-disabled="true"
-         ng-click="calendar.changeView($event, 'multicolumnday')"><md-icon>view_array</md-icon></a>
+         ng-click="calendar.changeView($event, 'multicolumnday')">
+         <md-tooltip md-direction="bottom"><var:string label:value="Switch to multi-columns day view"/></md-tooltip>
+         <md-icon>view_array</md-icon>
+      </a>
       <md-button class="md-icon-button md-primary md-hue-1 hide show-gt-xs"
                  label:aria-label="Print"
-                 ng-click="calendar.printView(centerIsClose, list.componentType)"><md-icon>print</md-icon></md-button>
+                 ng-click="calendar.printView(centerIsClose, list.componentType)">
+         <md-tooltip md-direction="bottom"><var:string label:value="Print the current calendar view"/></md-tooltip>
+         <md-icon>print</md-icon>
+      </md-button>
     </md-card-actions>
 
     <var:component

UI/Templates/SchedulerUI/UIxCalWeekView.wox

@@ -20,12 +20,18 @@
                  label:aria-label="Previous Week"
                  var:date="prevWeekQueryParameters.day"
                  ng-click="calendar.changeDate($event)"
-                 md-no-ink="md-no-ink"><md-icon>chevron_left</md-icon></md-button>
+                 md-no-ink="md-no-ink">
+         <md-tooltip md-direction="bottom"><var:string label:value="Previous Week"/></md-tooltip>
+         <md-icon>chevron_left</md-icon>
+      </md-button>
       <md-button class="md-icon-button"
                  label:aria-label="Next Week"
                  var:date="nextWeekQueryParameters.day"
                  ng-click="calendar.changeDate($event)"
-                 md-no-ink="md-no-ink"><md-icon>chevron_right</md-icon></md-button>
+                 md-no-ink="md-no-ink">
+         <md-tooltip md-direction="bottom"><var:string label:value="Next Week"/></md-tooltip>
+         <md-icon>chevron_right</md-icon>
+      </md-button>
       <md-datepicker md-hide-icons="triangle"
                      md-open-on-focus="md-open-on-focus"
                      ng-model="calendar.selectedDate"
@@ -42,24 +48,40 @@
                  var:date="todayQueryParameters.day"
                  ng-click="calendar.changeDate($event, null, true)"
                  md-no-ink="md-no-ink">
-        <var:string label:value="Today"/>
+         <md-tooltip md-direction="bottom"><var:string label:value="Go to today"/></md-tooltip>
+         <var:string label:value="Today"/>
       </md-button>
       <a class="md-icon-button md-button"
          label:aria-label="Day"
-         ng-click="calendar.changeView($event, 'day')"><md-icon>view_day</md-icon></a>
+         ng-disabled="true"
+         ng-click="calendar.changeView($event, 'day')">
+         <md-tooltip md-direction="bottom"><var:string label:value="Switch to day view"/></md-tooltip>
+         <md-icon>view_day</md-icon>
+      </a>
       <a class="md-icon-button md-button"
          label:aria-label="Week"
-         ng-disabled="true"
-         ng-click="calendar.changeView($event, 'week')"><md-icon>view_week</md-icon></a>
+         ng-click="calendar.changeView($event, 'week')">
+         <md-tooltip md-direction="bottom"><var:string label:value="Switch to week view"/></md-tooltip>
+         <md-icon>view_week</md-icon>
+      </a>
       <a class="md-icon-button md-button"
          label:aria-label="Month"
-         ng-click="calendar.changeView($event, 'month')"><md-icon>view_module</md-icon></a>
+         ng-click="calendar.changeView($event, 'month')">
+         <md-tooltip md-direction="bottom"><var:string label:value="Switch to month view"/></md-tooltip>
+         <md-icon>view_module</md-icon>
+      </a>
       <a class="md-icon-button md-button"
          label:aria-label="Multicolumn Day View"
-         ng-click="calendar.changeView($event, 'multicolumnday')"><md-icon>view_array</md-icon></a>
+         ng-click="calendar.changeView($event, 'multicolumnday')">
+         <md-tooltip md-direction="bottom"><var:string label:value="Switch to multi-columns day view"/></md-tooltip>
+         <md-icon>view_array</md-icon>
+      </a>
       <md-button class="md-icon-button md-primary md-hue-1 hide show-gt-xs"
                  label:aria-label="Print"
-                 ng-click="calendar.printView(centerIsClose, list.componentType)"><md-icon>print</md-icon></md-button>
+                 ng-click="calendar.printView(centerIsClose, list.componentType)">
+         <md-tooltip md-direction="bottom"><var:string label:value="Print the current calendar view"/></md-tooltip>
+         <md-icon>print</md-icon>
+      </md-button>
     </md-card-actions>
     <var:component
         className="UIxCalDayTable"