Added DashboardStatsWidget help description.
This commit is contained in:
parent
95404e0fd8
commit
df657a3e96
14 changed files with 68 additions and 8 deletions
|
@ -22,6 +22,9 @@ class App.DashboardStats extends App.Controller
|
|||
new widget.controller(
|
||||
el: el
|
||||
)
|
||||
@$('.js-stat-help').tooltip()
|
||||
catch e
|
||||
@log 'error', "statsWidgets #{key}:", e
|
||||
@log 'error', "statsWidgets #{widget}:", e
|
||||
|
||||
|
||||
App.Event.trigger(event + ':ready')
|
||||
|
|
|
@ -30,6 +30,8 @@ class Stats extends App.Controller
|
|||
inbound_in_percent: 0
|
||||
outbound_in_percent: 0
|
||||
|
||||
data.StatsTicketChannelDistribution.description = 'How many of your tickets are coming from email, phone, Twitter, or Facebook? (Shows percentages for both inbound and outbound tickets.)'
|
||||
|
||||
content = App.view('dashboard/stats/ticket_channel_distribution')(data)
|
||||
|
||||
if @$('.ticket_channel_distribution').length > 0
|
||||
|
|
|
@ -17,6 +17,8 @@ class Stats extends App.Controller
|
|||
own: 0
|
||||
total: 0
|
||||
|
||||
data.StatsTicketEscalation.description = 'How many escalated tickets do you have open? (Mr. Bubbles gets grumpy if you have too many…)'
|
||||
|
||||
content = App.view('dashboard/stats/ticket_escalation')(data)
|
||||
|
||||
if @$('.ticket_escalation').length > 0
|
||||
|
|
|
@ -17,6 +17,8 @@ class Stats extends App.Controller
|
|||
percent: 0
|
||||
average_per_agent: 0
|
||||
|
||||
data.StatsTicketInProcess.description = 'What percentage of your tickets have you responded to, updated, or modified in some way today?'
|
||||
|
||||
content = App.view('dashboard/stats/ticket_in_process')(data)
|
||||
|
||||
if @$('.ticket_in_process').length > 0
|
||||
|
|
|
@ -19,6 +19,8 @@ class Stats extends App.Controller
|
|||
total: 0
|
||||
average_per_agent: 0
|
||||
|
||||
data.StatsTicketLoadMeasure.description = 'Out of all open tickets (company-wide), how many are assigned to you?'
|
||||
|
||||
content = App.view('dashboard/stats/ticket_load_measure')(data)
|
||||
|
||||
if @$('.ticket_load_measure').length > 0
|
||||
|
|
|
@ -17,6 +17,8 @@ class Stats extends App.Controller
|
|||
percent: 0
|
||||
average_per_agent: 0
|
||||
|
||||
data.StatsTicketReopen.description = 'How many of your tickets have been re-opened after being marked “closed”?'
|
||||
|
||||
content = App.view('dashboard/stats/ticket_reopen')(data)
|
||||
if @$('.ticket_reopen').length > 0
|
||||
@$('.ticket_reopen').html(content)
|
||||
|
|
|
@ -18,6 +18,8 @@ class Stats extends App.Controller
|
|||
state: 'supergood'
|
||||
average_per_agent: 0
|
||||
|
||||
data.StatsTicketWaitingTime.description = 'How long has each customer had to wait, on average, to get a response from you today?'
|
||||
|
||||
content = App.view('dashboard/stats/ticket_waiting_time')(data)
|
||||
if @$('.ticket_waiting_time').length > 0
|
||||
@$('.ticket_waiting_time').html(content)
|
||||
|
|
|
@ -1,6 +1,11 @@
|
|||
<div class="column ticket_channel_distribution">
|
||||
<div class="stat-widget vertical centered">
|
||||
<div class="stat-title"><%- @T('Channel Distribution') %></div>
|
||||
<div class="stat-widget vertical">
|
||||
<div class="stat-title">
|
||||
<%- @T('Channel Distribution') %>
|
||||
<div class="stat-icon-help js-stat-help" title="<%- @Ti(@StatsTicketChannelDistribution.description) %>" data-placement="left">
|
||||
<%- @Icon('help') %>
|
||||
</div>
|
||||
</div>
|
||||
<div class="stat-graphic">
|
||||
<% for channel_name, channel of @StatsTicketChannelDistribution.channels: %>
|
||||
<div class="stats-row email-channel">
|
||||
|
|
|
@ -1,6 +1,11 @@
|
|||
<div class="column ticket_escalation">
|
||||
<div class="stat-widget vertical">
|
||||
<div class="stat-title"><%- @T('Mood') %></div>
|
||||
<div class="stat-title">
|
||||
<%- @T('Mood') %>
|
||||
<div class="stat-icon-help js-stat-help" title="<%- @Ti(@StatsTicketEscalation.description) %>" data-placement="bottom">
|
||||
<%- @Icon('help') %>
|
||||
</div>
|
||||
</div>
|
||||
<div class="stat-graphic">
|
||||
<%- @Icon("mood-#{@StatsTicketEscalation.state}", 'stat-icon mood-icon') %>
|
||||
</div>
|
||||
|
|
|
@ -1,6 +1,11 @@
|
|||
<div class="column ticket_in_process">
|
||||
<div class="stat-widget vertical">
|
||||
<div class="stat-title"><%- @T('Your tickets in process') %></div>
|
||||
<div class="stat-title">
|
||||
<%- @T('Your tickets in process') %>
|
||||
<div class="stat-icon-help js-stat-help" title="<%- @Ti(@StatsTicketInProcess.description) %>" data-placement="bottom">
|
||||
<%- @Icon('help') %>
|
||||
</div>
|
||||
</div>
|
||||
<div class="stat-graphic">
|
||||
<%- @Icon('in-process', "in-process-icon #{@StatsTicketInProcess.state}-color") %>
|
||||
</div>
|
||||
|
|
|
@ -1,6 +1,11 @@
|
|||
<div class="column ticket_load_measure">
|
||||
<div class="stat-widget vertical">
|
||||
<div class="stat-title"><%- @T('Assigned') %></div>
|
||||
<div class="stat-title">
|
||||
<%- @T('Assigned') %>
|
||||
<div class="stat-icon-help js-stat-help" title="<%- @Ti(@StatsTicketLoadMeasure.description) %>" data-placement="bottom">
|
||||
<%- @Icon('help') %>
|
||||
</div>
|
||||
</div>
|
||||
<div class="stat-graphic">
|
||||
<div class="stat-tickets vertical reverse end">
|
||||
<% stack_counter = parseInt(@StatsTicketLoadMeasure.percent*0.16) %>
|
||||
|
|
|
@ -1,6 +1,11 @@
|
|||
<div class="column ticket_reopen">
|
||||
<div class="stat-widget vertical">
|
||||
<div class="stat-title"><%- @T('Reopening rate') %></div>
|
||||
<div class="stat-title">
|
||||
<%- @T('Reopening rate') %>
|
||||
<div class="stat-icon-help js-stat-help" title="<%- @Ti(@StatsTicketReopen.description) %>" data-placement="left">
|
||||
<%- @Icon('help') %>
|
||||
</div>
|
||||
</div>
|
||||
<div class="stat-graphic">
|
||||
<%- @Icon('reopening', "reopening-icon #{@StatsTicketReopen.state}-color") %>
|
||||
</div>
|
||||
|
|
|
@ -1,6 +1,11 @@
|
|||
<div class="column ticket_waiting_time">
|
||||
<div class="time stat-widget vertical">
|
||||
<div class="stat-title"><%- @T('∅ Waiting time today') %></div>
|
||||
<div class="stat-title">
|
||||
<%- @T('∅ Waiting time today') %>
|
||||
<div class="stat-icon-help js-stat-help" title="<%- @Ti(@StatsTicketWaitingTime.description) %>" data-placement="bottom">
|
||||
<%- @Icon('help') %>
|
||||
</div>
|
||||
</div>
|
||||
<div class="stat-graphic">
|
||||
<div class="stat-stopwatch centered">
|
||||
<%- @Icon('stopwatch', 'stat-icon stopwatch-icon') %>
|
||||
|
|
|
@ -4893,6 +4893,21 @@ footer {
|
|||
color: #444a4f;
|
||||
text-transform: uppercase;
|
||||
font-weight: normal;
|
||||
position: relative;
|
||||
padding: 0 24px;
|
||||
|
||||
.tooltip {
|
||||
text-transform: none;
|
||||
width: 200px;
|
||||
}
|
||||
}
|
||||
|
||||
.stat-icon-help {
|
||||
position: absolute;
|
||||
right: 3px;
|
||||
top: 1px;
|
||||
opacity: .2;
|
||||
cursor: help;
|
||||
}
|
||||
|
||||
.stat-widget .stat-label {
|
||||
|
|
Loading…
Reference in a new issue