From a55f7f2c6b58537e3ef0f19d0ecd24113c293bf1 Mon Sep 17 00:00:00 2001
From: Chris Brame <polonel@gmail.com>
Date: Mon, 28 Jan 2019 18:22:59 -0500
Subject: [PATCH] style(tootips): tooltips to buttons #138

---
 src/views/notices.hbs               |  2 +-
 src/views/partials/topbar.hbs       | 10 +++++-----
 src/views/subviews/singleticket.hbs | 19 ++++++++++---------
 src/views/tickets.hbs               | 20 ++++++++++----------
 4 files changed, 26 insertions(+), 25 deletions(-)

diff --git a/src/views/notices.hbs b/src/views/notices.hbs
index 543a27f28..1250cfdf5 100644
--- a/src/views/notices.hbs
+++ b/src/views/notices.hbs
@@ -1,5 +1,5 @@
 <div class="small-12 large-10 columns nopadding ticketContent" ng-controller="noticesCtrl">
-    <div class="page-title noshadow">
+    <div class="page-title noshadow no-border-bottom">
         <p class="left">{{title}}</p>
         <div class="uk-float-right">
             <div class="pagination uk-float-left">
diff --git a/src/views/partials/topbar.hbs b/src/views/partials/topbar.hbs
index 2819654e3..e49b9a198 100644
--- a/src/views/partials/topbar.hbs
+++ b/src/views/partials/topbar.hbs
@@ -23,23 +23,23 @@
                     <ul class="uk-subnav uk-margin-bottom-remove">
                         <!--<li class="top-bar-icon"><a href="/tickets/create/"><i class="material-icons">&#xE145;</i></a></li>-->
                         {{#canUser data.user "ticket:create"}}
-                            <li class="top-bar-icon nopadding tour-addTicket"><button class="anchor" data-uk-modal="{target:'#ticketCreateModal',bgclose:false}"><i class="material-icons">&#xE145;</i></button></li>
+                            <li class="top-bar-icon nopadding tour-addTicket"><button title="Create Ticket" class="anchor" data-uk-modal="{target:'#ticketCreateModal',bgclose:false}"><i class="material-icons">&#xE145;</i></button></li>
                             <li class="top-bar-icon nopadding">
                                 <i class="material-icons">more_vert</i>
                             </li>
                         {{/canUser}}
                         <li class="top-bar-icon tour-messagesNotification">
-                            <a id="btn_mail-notifications" href="#" class="no-ajaxy uk-vertical-align" data-notifications="mail-notifications"><i class="material-icons">sms</i>
+                            <a title="Conversations" id="btn_mail-notifications" href="#" class="no-ajaxy uk-vertical-align" data-notifications="mail-notifications"><i class="material-icons">sms</i>
                                 <!--<span class="alert uk-border-circle label"></span>-->
                             </a>
                         </li>
                         <li class="top-bar-icon tour-ticketNotifications">
-                            <a id="btn_notifications" href="#" class="no-ajaxy uk-vertical-align" data-updateUi="notifications" data-notifications="notifications"><i class="material-icons">&#xE88E;</i>
+                            <a title="Notifications" id="btn_notifications" href="#" class="no-ajaxy uk-vertical-align" data-updateUi="notifications" data-notifications="notifications"><i class="material-icons">&#xE88E;</i>
                                 <span class="alert uk-border-circle label {{#compare data.common.notifications.unreadCount "==" 0}}hide{{/compare}} ">{{data.common.notifications.unreadCount}}</span>
                             </a>
                         </li>
                         <li class="top-bar-icon tour-onlineUserListButton">
-                            <a href="#online-list-sidebar" class="no-ajaxy" data-updateUi="online-Users" data-uk-offcanvas="{mode: 'slide'}">
+                            <a title="Online Users" href="#online-list-sidebar" class="no-ajaxy" data-updateUi="online-Users" data-uk-offcanvas="{mode: 'slide'}">
                                 {{!-- <svg style="width:24px;height:24px" viewBox="0 0 24 24">
                                     <path d="M9,22A1,1 0 0,1 8,21V18H4A2,2 0 0,1 2,16V4C2,2.89 2.9,2 4,2H20A2,2 0 0,1 22,4V16A2,2 0 0,1 20,18H13.9L10.2,21.71C10,21.9 9.75,22 9.5,22V22H9M16,14V13C16,11.67 13.33,11 12,11C10.67,11 8,11.67 8,13V14H16M12,6A2,2 0 0,0 10,8A2,2 0 0,0 12,10A2,2 0 0,0 14,8A2,2 0 0,0 12,6Z" />
                                 </svg> --}}
@@ -50,7 +50,7 @@
                         <li class="profile-area profile-name" data-username="{{data.user.username}}" data-userId="{{data.user._id}}"><span>{{data.user.fullname}}</span>
                             <div style="position: relative; display: inline-block;">
                                 <div data-uk-dropdown="{pos: 'bottom-right', mode: 'click'}" aria-haspopup="true" aria-expanded="false">
-                                    <a href="#" class="profile-pic no-ajaxy uk-vertical-align-middle">
+                                    <a title="{{data.user.fullname}}" href="#" class="profile-pic no-ajaxy uk-vertical-align-middle">
                                         {{#isNull data.user.image}}
                                             <img id="profileImage" data-userid="{{data.user._id}}" src="/uploads/users/defaultProfile.jpg" alt="Profile"/>
                                         {{else}}
diff --git a/src/views/subviews/singleticket.hbs b/src/views/subviews/singleticket.hbs
index 05ca786ba..95261428b 100644
--- a/src/views/subviews/singleticket.hbs
+++ b/src/views/subviews/singleticket.hbs
@@ -15,28 +15,28 @@
                     <div class="floating-ticket-status" data-ticketId="{{data.ticket._id}}">
                         {{#is data.ticket.status 0}}
                             {{#canUser data.user "ticket:edit"}}
-                                <div class="ticket-status ticket-new cursor-pointer" ng-click="showStatusSelect()"><span>New</span></div>
+                                <div title="Change Status" class="ticket-status ticket-new cursor-pointer" ng-click="showStatusSelect()"><span>New</span></div>
                             {{else}}
                                 <div class="ticket-status ticket-new"><span>New</span></div>
                             {{/canUser}}
                         {{/is}}
                         {{#is data.ticket.status 1}}
                             {{#canUser data.user "ticket:edit"}}
-                                <div class="ticket-status ticket-open cursor-pointer" ng-click="showStatusSelect()"><span>Open</span></div>
+                                <div title="Change Status" class="ticket-status ticket-open cursor-pointer" ng-click="showStatusSelect()"><span>Open</span></div>
                             {{else}}
                                 <div class="ticket-status ticket-open"><span>Open</span></div>
                             {{/canUser}}
                         {{/is}}
                         {{#is data.ticket.status 2}}
                             {{#canUser data.user "ticket:edit"}}
-                                <div class="ticket-status ticket-pending cursor-pointer" ng-click="showStatusSelect()"><span>Pending</span></div>
+                                <div title="Change Status" class="ticket-status ticket-pending cursor-pointer" ng-click="showStatusSelect()"><span>Pending</span></div>
                             {{else}}
                                 <div class="ticket-status ticket-pending"><span>Pending</span></div>
                             {{/canUser}}
                         {{/is}}
                         {{#is data.ticket.status 3}}
                             {{#canUser data.user "ticket:edit"}}
-                                <div class="ticket-status ticket-closed cursor-pointer" ng-click="showStatusSelect()"><span>Closed</span></div>
+                                <div title="Change Status" class="ticket-status ticket-closed cursor-pointer" ng-click="showStatusSelect()"><span>Closed</span></div>
                             {{else}}
                                 <div class="ticket-status ticket-closed"><span>Closed</span></div>
                             {{/canUser}}
@@ -66,9 +66,9 @@
 
                                        style="float: left;" class="relative no-ajaxy">
                                         {{#if data.ticket.assignee.image}}
-                                            <img src="/uploads/users/{{data.ticket.assignee.image}}" alt=""/>
+                                            <img src="/uploads/users/{{data.ticket.assignee.image}}" alt="{{data.ticket.assignee.fullname}} Profile Image"/>
                                         {{else}}
-                                            <img src="/uploads/users/defaultProfile.jpg" alt=""/>
+                                            <img src="/uploads/users/defaultProfile.jpg" alt="Default Profile Image"/>
                                         {{/if}}
                                         <span class="user-offline uk-border-circle" data-user-status-id="{{data.ticket.assignee._id}}"></span>
                                         <span class="drop-icon material-icons" style="">keyboard_arrow_down</span>
@@ -83,12 +83,13 @@
                                 <div class="ticket-assignee uk-clearfix" data-ticketId="{{data.ticket._id}}">
                                     <a role="button"
                                         {{#canUser data.common.loggedInAccount "ticket:setAssignee"}}
-                                           data-notifications="assigneeDropdown"
-                                           data-updateui="assigneeList"
+                                            title="Set Assignee"
+                                            data-notifications="assigneeDropdown"
+                                            data-updateui="assigneeList"
                                         {{/canUser}}
 
                                        style="float: left;" class="relative no-ajaxy">
-                                        <img src="/uploads/users/defaultProfile.jpg" alt="" />
+                                        <img src="/uploads/users/defaultProfile.jpg" alt="Default Profile Image" />
                                         <span class="drop-icon material-icons" style="">keyboard_arrow_down</span>
                                     </a>
                                     <div class="ticket-assignee-details">
diff --git a/src/views/tickets.hbs b/src/views/tickets.hbs
index 683677d43..a584066e1 100644
--- a/src/views/tickets.hbs
+++ b/src/views/tickets.hbs
@@ -10,30 +10,30 @@
                         {{#is data.pagination.prevEnabled true}}
 
                             {{#is data.pagination.type 'filter'}}
-                                <li class="pagination"><a href="{{{data.filter.raw}}}&page={{{data.pagination.prevpage}}}" class="btn md-btn-wave-light"><i class="fa fa-large fa-chevron-left"></i></a></li>
+                                <li class="pagination"><a title="Previous Page" href="{{{data.filter.raw}}}&page={{{data.pagination.prevpage}}}" class="btn md-btn-wave-light"><i class="fa fa-large fa-chevron-left"></i></a></li>
                             {{else}}
-                                <li class="pagination"><a href="/tickets/{{data.pagination.type}}/page/{{{data.pagination.prevpage}}}" class="btn md-btn-wave-light"><i class="fa fa-large fa-chevron-left"></i></a></li>
+                                <li class="pagination"><a title="Previous Page" href="/tickets/{{data.pagination.type}}/page/{{{data.pagination.prevpage}}}" class="btn md-btn-wave-light"><i class="fa fa-large fa-chevron-left"></i></a></li>
                             {{/is}}
 
                         {{else}}
-                            <li class="pagination"><a href="#" class="btn no-ajaxy md-btn-wave-light"><i class="fa fa-large fa-chevron-left"></i></a></li>
+                            <li class="pagination"><a title="Previous Page" href="#" class="btn no-ajaxy md-btn-wave-light"><i class="fa fa-large fa-chevron-left"></i></a></li>
                         {{/is}}
 
                         {{#is data.pagination.nextEnabled true}}
 
                             {{#is data.pagination.type 'filter'}}
-                                <li class="pagination"><a href="{{{data.filter.raw}}}&page={{{data.pagination.nextpage}}}" class="btn md-btn-wave-light"><i class="fa fa-large fa-chevron-right"></i></a></li>
+                                <li class="pagination"><a title="Next Page" href="{{{data.filter.raw}}}&page={{{data.pagination.nextpage}}}" class="btn md-btn-wave-light"><i class="fa fa-large fa-chevron-right"></i></a></li>
                             {{else}}
-                                <li class="pagination"><a href="/tickets/{{data.pagination.type}}/page/{{{data.pagination.nextpage}}}" class="btn md-btn-wave-light"><i class="fa fa-large fa-chevron-right"></i></a></li>
+                                <li class="pagination"><a title="Next Page" href="/tickets/{{data.pagination.type}}/page/{{{data.pagination.nextpage}}}" class="btn md-btn-wave-light"><i class="fa fa-large fa-chevron-right"></i></a></li>
                             {{/is}}
 
                         {{else}}
-                            <li class="pagination"><a href="#" class="btn no-ajaxy md-btn-wave-light"><i class="fa fa-large fa-chevron-right"></i></a></li>
+                            <li class="pagination"><a title="Next page" href="#" class="btn no-ajaxy md-btn-wave-light"><i class="fa fa-large fa-chevron-right"></i></a></li>
                         {{/is}}
                     </ul>
                 </div>
                 <div class="pagination uk-float-left uk-clearfix" style="margin-right: 5px;">
-                    <div class="onoffswitch uk-float-left" style="margin-right: 5px; position: relative; top: 18px;">
+                    <div title="Auto Refresh" class="onoffswitch uk-float-left" style="margin-right: 5px; position: relative; top: 18px;">
                         <input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="refreshSwitch" ng-model="preferences_autoRefreshTicketGrid" ng-change="GridRefreshChanged()"
                             {{#is data.user.preferences.autoRefreshTicketGrid true}} checked {{/is}}>
                         <label class="onoffswitch-label" for="refreshSwitch">
@@ -43,13 +43,13 @@
                     </div>
                     <ul class="button-group">
                         <li class="pagination">
-                            <a id="refreshTicketGrid" href="#" class="btn md-btn-wave-light" style="border-radius: 3px; margin-right: 5px;" ng-click="RefreshTicketGrid($event)"><i class="fa fa-large fa-refresh"></i></a>
+                            <a title="Refresh" id="refreshTicketGrid" href="#" class="btn md-btn-wave-light" style="border-radius: 3px; margin-right: 5px;" ng-click="RefreshTicketGrid($event)"><i class="fa fa-large fa-refresh"></i></a>
                         </li>
                         <!--<li class="pagination">-->
                             <!--<a href="#" class="btn md-btn-wave-light" style="border-radius: 3px; margin-right: 5px;"><i class="fa fa-large fa-search"></i></a>-->
                         <!--</li>-->
                         <li class="pagination">
-                            <a href="" class="btn no-ajaxy md-btn-wave-light" style="border-radius: 3px;" ng-click="openFilterTicketWindow($event)">
+                            <a title="Ticket Filter" href="" class="btn no-ajaxy md-btn-wave-light" style="border-radius: 3px;" ng-click="openFilterTicketWindow($event)">
                                 <i class="fa fa-large fa-filter"></i>
                             </a>
                         </li>
@@ -59,7 +59,7 @@
                     <ul class="button-group uk-float-left">
                         <li class="pagination relative">
                             <div class="right" data-uk-dropdown="{pos: 'bottom-right', mode: 'click'}" aria-haspopup="true" aria-expanded="false">
-                                <a href="#" class="btn no-ajaxy" data-notifications="ticket-actions" style="border-radius: 3px;"><i class="fa fa-large fa-tasks"></i></a>
+                                <a title="Ticket Actions" href="#" class="btn no-ajaxy" data-notifications="ticket-actions" style="border-radius: 3px;"><i class="fa fa-large fa-tasks"></i></a>
                                 <div class="uk-dropdown uk-dropdown-xsmall uk-dropdown-bottom">
                                     <ul class="uk-nav">
                                         <li><a href="#" class="no-ajaxy" role="button" data-uk-modal="{target:'#ticketCreateModal',bgclose:false}">Create</a></li>