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(
|
new widget.controller(
|
||||||
el: el
|
el: el
|
||||||
)
|
)
|
||||||
|
@$('.js-stat-help').tooltip()
|
||||||
catch e
|
catch e
|
||||||
@log 'error', "statsWidgets #{key}:", e
|
@log 'error', "statsWidgets #{widget}:", e
|
||||||
|
|
||||||
|
|
||||||
App.Event.trigger(event + ':ready')
|
App.Event.trigger(event + ':ready')
|
||||||
|
|
|
@ -30,6 +30,8 @@ class Stats extends App.Controller
|
||||||
inbound_in_percent: 0
|
inbound_in_percent: 0
|
||||||
outbound_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)
|
content = App.view('dashboard/stats/ticket_channel_distribution')(data)
|
||||||
|
|
||||||
if @$('.ticket_channel_distribution').length > 0
|
if @$('.ticket_channel_distribution').length > 0
|
||||||
|
|
|
@ -17,6 +17,8 @@ class Stats extends App.Controller
|
||||||
own: 0
|
own: 0
|
||||||
total: 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)
|
content = App.view('dashboard/stats/ticket_escalation')(data)
|
||||||
|
|
||||||
if @$('.ticket_escalation').length > 0
|
if @$('.ticket_escalation').length > 0
|
||||||
|
|
|
@ -17,6 +17,8 @@ class Stats extends App.Controller
|
||||||
percent: 0
|
percent: 0
|
||||||
average_per_agent: 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)
|
content = App.view('dashboard/stats/ticket_in_process')(data)
|
||||||
|
|
||||||
if @$('.ticket_in_process').length > 0
|
if @$('.ticket_in_process').length > 0
|
||||||
|
|
|
@ -19,6 +19,8 @@ class Stats extends App.Controller
|
||||||
total: 0
|
total: 0
|
||||||
average_per_agent: 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)
|
content = App.view('dashboard/stats/ticket_load_measure')(data)
|
||||||
|
|
||||||
if @$('.ticket_load_measure').length > 0
|
if @$('.ticket_load_measure').length > 0
|
||||||
|
|
|
@ -17,6 +17,8 @@ class Stats extends App.Controller
|
||||||
percent: 0
|
percent: 0
|
||||||
average_per_agent: 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)
|
content = App.view('dashboard/stats/ticket_reopen')(data)
|
||||||
if @$('.ticket_reopen').length > 0
|
if @$('.ticket_reopen').length > 0
|
||||||
@$('.ticket_reopen').html(content)
|
@$('.ticket_reopen').html(content)
|
||||||
|
|
|
@ -18,6 +18,8 @@ class Stats extends App.Controller
|
||||||
state: 'supergood'
|
state: 'supergood'
|
||||||
average_per_agent: 0
|
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)
|
content = App.view('dashboard/stats/ticket_waiting_time')(data)
|
||||||
if @$('.ticket_waiting_time').length > 0
|
if @$('.ticket_waiting_time').length > 0
|
||||||
@$('.ticket_waiting_time').html(content)
|
@$('.ticket_waiting_time').html(content)
|
||||||
|
|
|
@ -1,6 +1,11 @@
|
||||||
<div class="column ticket_channel_distribution">
|
<div class="column ticket_channel_distribution">
|
||||||
<div class="stat-widget vertical centered">
|
<div class="stat-widget vertical">
|
||||||
<div class="stat-title"><%- @T('Channel Distribution') %></div>
|
<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">
|
<div class="stat-graphic">
|
||||||
<% for channel_name, channel of @StatsTicketChannelDistribution.channels: %>
|
<% for channel_name, channel of @StatsTicketChannelDistribution.channels: %>
|
||||||
<div class="stats-row email-channel">
|
<div class="stats-row email-channel">
|
||||||
|
|
|
@ -1,6 +1,11 @@
|
||||||
<div class="column ticket_escalation">
|
<div class="column ticket_escalation">
|
||||||
<div class="stat-widget vertical">
|
<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">
|
<div class="stat-graphic">
|
||||||
<%- @Icon("mood-#{@StatsTicketEscalation.state}", 'stat-icon mood-icon') %>
|
<%- @Icon("mood-#{@StatsTicketEscalation.state}", 'stat-icon mood-icon') %>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -1,6 +1,11 @@
|
||||||
<div class="column ticket_in_process">
|
<div class="column ticket_in_process">
|
||||||
<div class="stat-widget vertical">
|
<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">
|
<div class="stat-graphic">
|
||||||
<%- @Icon('in-process', "in-process-icon #{@StatsTicketInProcess.state}-color") %>
|
<%- @Icon('in-process', "in-process-icon #{@StatsTicketInProcess.state}-color") %>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -1,6 +1,11 @@
|
||||||
<div class="column ticket_load_measure">
|
<div class="column ticket_load_measure">
|
||||||
<div class="stat-widget vertical">
|
<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-graphic">
|
||||||
<div class="stat-tickets vertical reverse end">
|
<div class="stat-tickets vertical reverse end">
|
||||||
<% stack_counter = parseInt(@StatsTicketLoadMeasure.percent*0.16) %>
|
<% stack_counter = parseInt(@StatsTicketLoadMeasure.percent*0.16) %>
|
||||||
|
|
|
@ -1,6 +1,11 @@
|
||||||
<div class="column ticket_reopen">
|
<div class="column ticket_reopen">
|
||||||
<div class="stat-widget vertical">
|
<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">
|
<div class="stat-graphic">
|
||||||
<%- @Icon('reopening', "reopening-icon #{@StatsTicketReopen.state}-color") %>
|
<%- @Icon('reopening', "reopening-icon #{@StatsTicketReopen.state}-color") %>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -1,6 +1,11 @@
|
||||||
<div class="column ticket_waiting_time">
|
<div class="column ticket_waiting_time">
|
||||||
<div class="time stat-widget vertical">
|
<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-graphic">
|
||||||
<div class="stat-stopwatch centered">
|
<div class="stat-stopwatch centered">
|
||||||
<%- @Icon('stopwatch', 'stat-icon stopwatch-icon') %>
|
<%- @Icon('stopwatch', 'stat-icon stopwatch-icon') %>
|
||||||
|
|
|
@ -4893,6 +4893,21 @@ footer {
|
||||||
color: #444a4f;
|
color: #444a4f;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
font-weight: normal;
|
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 {
|
.stat-widget .stat-label {
|
||||||
|
|
Loading…
Reference in a new issue