1 <!-- WIDGET INBOUND -->
2 <div class="dashboard-container md-background-bg md-whiteframe-1dp">
3 <div class="pb-16" layout="row" layout-align="start center">
4 <md-icon md-font-icon="icon-phone-outgoing" class="m-0 mr-16"></md-icon>
5 <div class="h2 secondary-text" translate="DASHBOARDS.TODAY_MOTION_BULL_STATS">Today Motion Bull STATS</div>
9 <div class="widget-group" layout="row" flex="100" layout-wrap>
12 <ms-widget flippable="true" layout="column" flex="100" flex-gt-xs="50" flex-gt-md="20">
15 <ms-widget-front class="grey-50-bg">
16 <div class="ph-8 pv-16 h-55" layout="row" layout-align="space-between center">
17 <md-button class="md-icon-button" ng-click="flipWidget()" aria-label="more">
18 <md-icon md-font-icon="icon-dots-vertical"></md-icon>
20 <md-button style="cursor:auto" class="md-icon-button" aria-label="more">
21 <md-icon md-font-icon="icon-timelapse"></md-icon>
25 <div class="pt-8 pb-32" layout="column" layout-align="center center">
26 <div class="light-blue-fg font-size-52 line-height-72">
27 {{vm.inbound.waiting || 0}}
29 <div class="h3 secondary-text font-weight-500">{{'DASHBOARDS.WAITING' | translate | uppercase}}</div>
32 <div class="p-16 grey-200-bg text-center border-top" layout-align="start center">
33 <span class="h6 light-blue-fg secondary-text text-truncate">{{'DASHBOARDS.WAITING_TEXT' | translate | uppercase}}</span>
39 <ms-widget-back class="p-16 grey-50-bg">
40 <div class="flip-to-front">
41 <md-button class="md-icon-button" ng-click="flipWidget()" aria-label="Flip widget">
42 <md-icon md-font-icon="icon-close" class="s16"></md-icon>
47 {{'DASHBOARDS.HELP.WAITING' | translate}}
56 <ms-widget flippable="true" layout="column" flex="100" flex-gt-xs="50" flex-gt-md="20">
58 <ms-widget-front class="grey-50-bg">
59 <div class="pl-16 pr-8 pv-16 h-55" layout="row" layout-align="space-between center">
60 <md-button class="md-icon-button" ng-click="flipWidget()" aria-label="more">
61 <md-icon md-font-icon="icon-dots-vertical"></md-icon>
63 <md-button style="cursor:auto" class="md-icon-button" aria-label="more">
64 <md-icon md-font-icon="icon-phone-in-talk"></md-icon>
68 <div class="pt-8 pb-32" layout="column" layout-align="center center">
69 <div class="orange-fg font-size-52 line-height-72">
70 {{vm.inbound.talking || 0}}
72 <div class="h3 secondary-text font-weight-500">{{'DASHBOARDS.TALKING' | translate | uppercase}}</div>
75 <div class="p-16 grey-200-bg text-center border-top" layout-align="start center">
76 <span class="h6 orange-fg secondary-text text-truncate">{{'DASHBOARDS.TALKING_TEXT' | translate | uppercase}}</span>
82 <ms-widget-back class="p-16 grey-50-bg">
83 <div class="flip-to-front">
84 <md-button class="md-icon-button" ng-click="flipWidget()" aria-label="Flip widget">
85 <md-icon md-font-icon="icon-close" class="s16"></md-icon>
90 {{'DASHBOARDS.HELP.TALKING' | translate}}
99 <ms-widget flippable="true" layout="column" flex="100" flex-gt-xs="50" flex-gt-md="20">
101 <ms-widget-front class="grey-50-bg">
102 <div class="ph-8 pv-16 h-55" layout="row" layout-align="space-between center">
103 <md-button class="md-icon-button" ng-click="flipWidget()" aria-label="more">
104 <md-icon md-font-icon="icon-dots-vertical"></md-icon>
106 <md-button style="cursor:auto" class="md-icon-button" aria-label="more">
107 <md-icon md-font-icon="icon-phone"></md-icon>
111 <div class="pt-8 pb-32" layout="column" layout-align="center center">
112 <div class="red-fg font-size-52 line-height-72">
113 {{vm.inbound.answered || 0}}
115 <div class="h3 secondary-text font-weight-500">{{'DASHBOARDS.INBOUND_ANSWERED' | translate | uppercase}}</div>
118 <div class="p-16 grey-200-bg text-center border-top" layout-align="start center">
119 <span class="h6 red-fg secondary-text text-truncate">{{'DASHBOARDS.INBOUND_ANSWERED_TEXT' | translate | uppercase}}</span>
125 <ms-widget-back class="p-16 grey-50-bg">
126 <div class="flip-to-front">
127 <md-button class="md-icon-button" ng-click="flipWidget()" aria-label="Flip widget">
128 <md-icon md-font-icon="icon-close" class="s16"></md-icon>
133 {{'DASHBOARDS.HELP.INBOUND_ANSWERED' | translate}}
142 <ms-widget flippable="true" layout="column" flex="100" flex-gt-xs="50" flex-gt-md="20">
144 <ms-widget-front class="grey-50-bg">
145 <div class="pl-16 pr-8 pv-16 h-55" layout="row" layout-align="space-between center">
146 <md-button class="md-icon-button" ng-click="flipWidget()" aria-label="more">
147 <md-icon md-font-icon="icon-dots-vertical"></md-icon>
149 <md-button style="cursor:auto" class="md-icon-button" aria-label="more">
150 <md-icon md-font-icon="icon-phone-missed"></md-icon>
154 <div class="pt-8 pb-32" layout="column" layout-align="center center">
155 <div class="blue-grey-fg font-size-52 line-height-72">
156 {{vm.inbound.abandoned || 0}}
158 <div class="h3 secondary-text font-weight-500">{{'DASHBOARDS.ABANDONED' | translate | uppercase}}</div>
161 <div class="p-16 grey-200-bg text-center border-top" layout-align="start center">
162 <span class="h6 blue-grey-fg secondary-text text-truncate">{{'DASHBOARDS.ABANDONED_TEXT' | translate | uppercase}}</span>
168 <ms-widget-back class="p-16 grey-50-bg">
169 <div class="flip-to-front">
170 <md-button class="md-icon-button" ng-click="flipWidget()" aria-label="Flip widget">
171 <md-icon md-font-icon="icon-close" class="s16"></md-icon>
176 {{'DASHBOARDS.HELP.ABANDONED' | translate}}
185 <ms-widget flippable="true" layout="column" flex="100" flex-gt-xs="50" flex-gt-md="20">
188 <ms-widget-front class="grey-50-bg">
189 <div class="pl-16 pr-8 pv-16 h-55" layout="row" layout-align="space-between center">
190 <md-button class="md-icon-button" ng-click="flipWidget()" aria-label="more">
191 <md-icon md-font-icon="icon-dots-vertical"></md-icon>
193 <md-button style="cursor:auto" class="md-icon-button" aria-label="more">
194 <md-icon md-font-icon="icon-phone-outgoing"></md-icon>
198 <div class="pt-8 pb-32" layout="column" layout-align="center center">
199 <div class="blue-green-fg font-size-52 line-height-72">
200 {{vm.inbound.total || 0}}
202 <div class="h3 secondary-text font-weight-500">{{'DASHBOARDS.TOTAL_OFFERED' | translate | uppercase}}</div>
205 <div class="p-16 grey-200-bg text-center border-top" layout-align="start center">
206 <span class="h6 blue-green-fg secondary-text text-truncate">{{'DASHBOARDS.TOTAL_OFFERED_TEXT' | translate | uppercase}}</span>
212 <ms-widget-back class="p-16 grey-50-bg">
213 <div class="flip-to-front">
214 <md-button class="md-icon-button" ng-click="flipWidget()" aria-label="Flip widget">
215 <md-icon md-font-icon="icon-close" class="s16"></md-icon>
220 {{'DASHBOARDS.HELP.TOTAL_OFFERED' | translate}}
229 <!-- / WIDGET GROUP -->
231 <!-- WIDGET GROUP -->
232 <div class="widget-group" layout="row" flex="100" layout-wrap>
235 <ms-widget flippable="true" layout="column" flex="100" flex-gt-xs="50" flex-gt-md="20">
238 <ms-widget-front class="grey-50-bg">
239 <div class="ph-8 pv-16 h-55" layout="row" layout-align="space-between center">
240 <md-button class="md-icon-button" ng-click="flipWidget()" aria-label="more">
241 <md-icon md-font-icon="icon-dots-vertical"></md-icon>
243 <md-button style="cursor:auto" class="md-icon-button" aria-label="more">
244 <md-icon md-font-icon="icon-timer-sand"></md-icon>
248 <div class="pt-8 pb-32" layout="column" layout-align="center center">
249 <div class="light-blue-fg font-size-42 line-height-72">
250 {{ vm.inbound.avgHoldTime || '00:00:00' }}
252 <div class="h3 secondary-text font-weight-500">{{'DASHBOARDS.AVG_HOLD_TIME' | translate | uppercase}}</div>
255 <div class="p-16 grey-200-bg text-center border-top" layout-align="start center">
256 <span class="h6 light-blue-fg secondary-text text-truncate">{{'DASHBOARDS.AVG_HOLD_TIME_TEXT' | translate | uppercase}}</span>
262 <ms-widget-back class="p-16 grey-50-bg">
263 <div class="flip-to-front">
264 <md-button class="md-icon-button" ng-click="flipWidget()" aria-label="Flip widget">
265 <md-icon md-font-icon="icon-close" class="s16"></md-icon>
270 {{'DASHBOARDS.HELP.AVG_HOLD_TIME' | translate}}
279 <ms-widget flippable="true" layout="column" flex="100" flex-gt-xs="50" flex-gt-md="20">
282 <ms-widget-front class="grey-50-bg">
283 <div class="pl-16 pr-8 pv-16 h-55" layout="row" layout-align="space-between center">
284 <md-button class="md-icon-button" ng-click="flipWidget()" aria-label="more">
285 <md-icon md-font-icon="icon-dots-vertical"></md-icon>
287 <md-button style="cursor:auto" class="md-icon-button" aria-label="more">
288 <md-icon md-font-icon="icon-phone-in-talk"></md-icon>
292 <div class="pt-8 pb-32" layout="column" layout-align="center center">
293 <div class="orange-fg font-size-42 line-height-72">
294 {{ vm.inbound.avgTalkTime || '00:00:00' }}
296 <div class="h3 secondary-text font-weight-500">{{'DASHBOARDS.AVG_TALK_TIME' | translate | uppercase}}</div>
299 <div class="p-16 grey-200-bg text-center border-top" layout-align="start center">
300 <span class="h6 orange-fg secondary-text text-truncate">{{'DASHBOARDS.AVG_TALK_TIME_TEXT' | translate | uppercase}}</span>
306 <ms-widget-back class="p-16 grey-50-bg">
307 <div class="flip-to-front">
308 <md-button class="md-icon-button" ng-click="flipWidget()" aria-label="Flip widget">
309 <md-icon md-font-icon="icon-close" class="s16"></md-icon>
314 {{'DASHBOARDS.HELP.AVG_TALK_TIME' | translate}}
323 <ms-widget flippable="true" layout="column" flex="100" flex-gt-xs="50" flex-gt-md="20">
326 <ms-widget-front class="grey-50-bg">
327 <div class="ph-8 pv-16 h-55" layout="row" layout-align="space-between center">
328 <md-button class="md-icon-button" ng-click="flipWidget()" aria-label="more">
329 <md-icon md-font-icon="icon-dots-vertical"></md-icon>
331 <md-button style="cursor:auto" class="md-icon-button" aria-label="more">
332 <md-icon md-font-icon="icon-percent"></md-icon>
336 <div class="pt-8 pb-32" layout="column" layout-align="center center">
337 <div class="red-fg font-size-42 line-height-72">
338 {{ vm.inbound.answerRate || 0 }}%
340 <div class="h3 secondary-text font-weight-500">{{'DASHBOARDS.INBOUND_ANSWER_RATE' | translate | uppercase}}</div>
343 <div class="p-16 grey-200-bg text-center border-top" layout-align="start center">
344 <span class="h6 red-fg secondary-text text-truncate">{{'DASHBOARDS.INBOUND_ANSWER_RATE_TEXT' | translate | uppercase}}</span>
350 <ms-widget-back class="p-16 grey-50-bg">
351 <div class="flip-to-front">
352 <md-button class="md-icon-button" ng-click="flipWidget()" aria-label="Flip widget">
353 <md-icon md-font-icon="icon-close" class="s16"></md-icon>
358 {{'DASHBOARDS.HELP.INBOUND_ANSWER_RATE' | translate}}
367 <ms-widget flippable="true" layout="column" flex="100" flex-gt-xs="50" flex-gt-md="20">
370 <ms-widget-front class="grey-50-bg">
371 <div class="pl-16 pr-8 pv-16 h-55" layout="row" layout-align="space-between center">
372 <md-button class="md-icon-button" ng-click="flipWidget()" aria-label="more">
373 <md-icon md-font-icon="icon-dots-vertical"></md-icon>
375 <md-button style="cursor:auto" class="md-icon-button" aria-label="more">
376 <md-icon md-font-icon="icon-percent"></md-icon>
380 <div class="pt-8 pb-32" layout="column" layout-align="center center">
381 <div class="blue-grey-fg font-size-42 line-height-72">
382 {{ vm.inbound.abandonRate || 0 }}%
384 <div class="h3 secondary-text font-weight-500">{{'DASHBOARDS.ABANDON_RATE' | translate | uppercase}}</div>
387 <div class="p-16 grey-200-bg text-center border-top" layout-align="start center">
388 <span class="h6 blue-grey-fg secondary-text text-truncate">{{'DASHBOARDS.ABANDON_RATE_TEXT' | translate | uppercase}}</span>
394 <ms-widget-back class="p-16 grey-50-bg">
395 <div class="flip-to-front">
396 <md-button class="md-icon-button" ng-click="flipWidget()" aria-label="Flip widget">
397 <md-icon md-font-icon="icon-close" class="s16"></md-icon>
402 {{'DASHBOARDS.HELP.ABANDON_RATE' | translate}}
411 <ms-widget flippable="true" layout="column" flex="100" flex-gt-xs="50" flex-gt-md="20">
414 <ms-widget-front class="grey-50-bg">
415 <div class="pl-16 pr-8 pv-16 h-55" layout="row" layout-align="space-between center">
416 <md-button class="md-icon-button" ng-click="flipWidget()" aria-label="more">
417 <md-icon md-font-icon="icon-dots-vertical"></md-icon>
419 <md-button style="cursor:auto" class="md-icon-button" aria-label="more">
420 <md-icon md-font-icon="icon-phone-dots"></md-icon>
424 <div class="pt-8 pb-32" layout="column" layout-align="center center">
425 <div class="blue-green-fg font-size-52 line-height-72">
426 {{vm.inbound.originated || 0}}
428 <div class="h3 secondary-text font-weight-500">{{'DASHBOARDS.ORIGINATED' | translate | uppercase}}</div>
431 <div class="p-16 grey-200-bg text-center border-top" layout-align="start center">
432 <span class="h6 blue-green-fg secondary-text text-truncate">{{'DASHBOARDS.ORIGINATED_TEXT' | translate | uppercase}}</span>
438 <ms-widget-back class="p-16 grey-50-bg">
439 <div class="flip-to-front">
440 <md-button class="md-icon-button" ng-click="flipWidget()" aria-label="Flip widget">
441 <md-icon md-font-icon="icon-close" class="s16"></md-icon>
446 {{'DASHBOARDS.HELP.ORIGINATED' | translate}}
455 <!-- / WIDGET GROUP -->
457 <!-- / WIDGET OUTBOUND -->
459 <!-- WIDGET INBOUND -->
460 <div class="dashboard-container md-background-bg md-whiteframe-1dp">
461 <div class="pb-16" layout="row" layout-align="start center">
462 <md-icon md-font-icon="icon-phone-outgoing" class="m-0 mr-16"></md-icon>
463 <div class="h2 secondary-text" translate="DASHBOARDS.TODAY_IVR_CAMPAIGNS_STATS">Today IVR campaigns stats</div>
466 <!-- WIDGET GROUP -->
467 <div class="widget-group" layout="row" flex="100" layout-wrap>
470 <ms-widget flippable="true" layout="column" flex="100" flex-gt-xs="50" flex-gt-md="20">
473 <ms-widget-front class="grey-50-bg">
474 <div class="pl-16 pr-8 pv-16 h-55" layout="row" layout-align="space-between center">
475 <md-button class="md-icon-button" ng-click="flipWidget()" aria-label="more">
476 <md-icon md-font-icon="icon-dots-vertical"></md-icon>
478 <md-button style="cursor:auto" class="md-icon-button" aria-label="more">
479 <md-icon md-font-icon="icon-phone-dots"></md-icon>
483 <div class="pt-8 pb-32" layout="column" layout-align="center center">
484 <div class="blue-green-fg font-size-52 line-height-72">
485 {{vm.ivr.originated || 0}}/{{vm.ivr.limitCalls || 0}}
487 <div class="h3 secondary-text font-weight-500">{{'DASHBOARDS.ORIGINATED' | translate | uppercase}}/{{'DASHBOARDS.LIMITED' | translate | uppercase}}</div>
490 <div class="p-16 grey-200-bg text-center border-top" layout-align="start center">
491 <span class="h6 blue-green-fg secondary-text text-truncate">{{'DASHBOARDS.LIMITED_TEXT' | translate | uppercase}}</span>
497 <ms-widget-back class="p-16 grey-50-bg">
498 <div class="flip-to-front">
499 <md-button class="md-icon-button" ng-click="flipWidget()" aria-label="Flip widget">
500 <md-icon md-font-icon="icon-close" class="s16"></md-icon>
505 {{'DASHBOARDS.HELP.ORIGINATEDLIMITED' | translate}}
514 <!-- / WIDGET GROUP -->
516 <!-- / WIDGET IVR -->