Added DashboardStatsWidget help description.

This commit is contained in:
Denny Bresch 2019-06-24 16:34:04 +02:00 committed by Thorsten Eckel
parent 95404e0fd8
commit df657a3e96
14 changed files with 68 additions and 8 deletions

View file

@ -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')

View file

@ -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

View file

@ -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

View file

@ -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

View file

@ -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

View file

@ -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)

View file

@ -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)

View file

@ -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">

View file

@ -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>

View file

@ -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>

View file

@ -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) %>

View file

@ -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>

View file

@ -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') %>

View file

@ -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 {