Skip to content

Commit

Permalink
style(tootips): tooltips to buttons #138
Browse files Browse the repository at this point in the history
  • Loading branch information
@polonel
polonel committed Jan 28, 2019
1 parent 02c23b7 commit a55f7f2
Show file tree
Hide file tree
Showing 4 changed files with 26 additions and 25 deletions.
2 changes: 1 addition & 1 deletion src/views/notices.hbs
View file
Original file line number Diff line number Diff line change
@@ -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">
Expand Down
10 changes: 5 additions & 5 deletions src/views/partials/topbar.hbs
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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> --}}
Expand All @@ -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}}
Expand Down
19 changes: 10 additions & 9 deletions src/views/subviews/singleticket.hbs
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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}}
Expand Down Expand Up @@ -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>
Expand All @@ -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">
Expand Down
20 changes: 10 additions & 10 deletions src/views/tickets.hbs
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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">
Expand All @@ -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>
Expand All @@ -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>
Expand Down

0 comments on commit a55f7f2

Please sign in to comment.