Built motion from commit 362b9399b4d0ed5560fbb795af995925d345fc38. Version 3.0.0...
[motion-next.git] / public / src / js / modules / main / apps / motiondialer / views / realtime / queues / predictive / dialog.html / dialog.html
1 <md-dialog class="predictive-dialog" aria-label="New predictive">
2   <md-toolbar class="md-accent md-hue-2">
3     <div
4       class="md-toolbar-tools"
5       layout="row"
6       layout-align="space-between center"
7     >
8       <span class="title">{{ vm.queueCampaign.name }} Info</span>
9       <md-button class="md-icon-button" ng-click="vm.closeDialog()">
10         <md-icon md-font-icon="icon-close" aria-label="Close dialog"></md-icon>
11       </md-button>
12     </div>
13   </md-toolbar>
14   <md-dialog-content class="text-center" ms-scroll>
15     <ds-widget-clock data-show-digital></ds-widget-clock>
16     <div
17       ng-if="!vm.queueCampaign.startProgressive && !vm.queueCampaign.startPredictive"
18     >
19       <div class="md-title">
20         <span translate="MOTIONDIALER.PREDICTIVE_IS_NOT_RUNNING"
21           >Predictive is not running</span
22         >
23       </div>
24     </div>
25
26     <div
27       ng-if="vm.queueCampaign.startProgressive && !vm.queueCampaign.startPredictive"
28       class="m-10"
29     >
30       <div layout="row">
31         <div flex="" class="column">
32           <div class="md-headline">
33             <span translate="MOTIONDIALER.DATA_COLLECTION_IN_PROGRESSIVE"
34               >Data collection in progressive</span
35             >
36           </div>
37           <div class="md-subhead">
38             ({{vm.queueCampaign.dialPredictiveInterval}} minutes)
39           </div>
40         </div>
41       </div>
42
43       <div layout="row">
44         <div flex="" class="column">
45           <div class="md-subhead">
46             <span translate="APP.STARTTIME">Start Time</span>
47           </div>
48           <div class="md-headline">
49             {{ vm.setFormatTime(vm.queueCampaign.startProgressive) }}
50           </div>
51         </div>
52         <div flex="" class="column">
53           <div class="md-subhead">
54             <span translate="APP.ENDTIME">End Time</span>
55           </div>
56           <div class="md-headline">
57             {{ vm.addMinutes(vm.queueCampaign.startProgressive,
58             vm.queueCampaign.dialPredictiveInterval) }}
59           </div>
60         </div>
61       </div>
62       <div>
63         <span class="text-boxed blue-bg white-fg">
64           {{vm.queueCampaign.message ? ('MOTIONDIALER.' +
65           vm.queueCampaign.message | translate) : '--'}}
66         </span>
67       </div>
68     </div>
69     <div ng-if="vm.queueCampaign.startPredictive" class="m-10">
70       <div layout="row">
71         <div flex="" class="column">
72           <div class="md-headline">
73             <span translate="MOTIONDIALER.PREDICTIVE_IS_RUNNING"
74               >Predictive is runnning</span
75             >
76           </div>
77           <div class="md-subhead">
78             ({{vm.queueCampaign.dialPredictiveInterval}} minutes)
79           </div>
80         </div>
81       </div>
82
83       <div layout="row">
84         <div flex="" class="column">
85           <div class="md-subhead">
86             <span translate="APP.STARTTIME">Start Time</span>
87           </div>
88           <div class="md-headline">
89             {{ vm.setFormatTime(vm.queueCampaign.startPredictive) }}
90           </div>
91         </div>
92         <div flex="" class="column">
93           <div class="md-subhead">
94             <span translate="APP.ENDTIME">End Time</span>
95           </div>
96           <div class="md-headline">
97             {{ vm.addMinutes(vm.queueCampaign.startPredictive,
98             vm.queueCampaign.dialPredictiveInterval) }}
99           </div>
100         </div>
101       </div>
102       <div>
103         <span class="text-boxed blue-bg white-fg">
104           {{vm.queueCampaign.message ? ('MOTIONDIALER.' +
105           vm.queueCampaign.message | translate) : '--'}}
106         </span>
107       </div>
108       <div class="row">
109         <md-card>
110           <md-toolbar class="md-table-toolbar md-default">
111             <div class="md-toolbar-tools">
112               <span class="md-subhead"
113                 >Predictive - {{ 'MOTIONDIALER.PREVIOUS_INTERVAL' | translate
114                 }}</span
115               >
116             </div>
117           </md-toolbar>
118           <md-table-container>
119             <table md-table>
120               <tbody md-body>
121                 <tr md-row>
122                   <td md-cell>
123                     <span translate="MOTIONDIALER.TOTAL_CALLS"
124                       >Total Calls</span
125                     >
126                   </td>
127                   <td md-cell>
128                     {{ vm.queueCampaign.predictiveIntervalTotalCalls }}
129                   </td>
130                 </tr>
131                 <tr md-row>
132                   <td md-cell>
133                     <span translate="MOTIONDIALER.ANSWERED_CALLS"
134                       >Total Calls</span
135                     >
136                   </td>
137                   <td md-cell>
138                     {{ vm.queueCampaign.predictiveIntervalAnsweredCalls }}
139                   </td>
140                 </tr>
141                 <!-- Temporaneamente non mostrate perchè contengono anche i dati dell'intervallo corrente -->
142                 <!-- <tr md-row>
143                                     <td md-cell>Dropped Calls Timeout</td>
144                                     <td md-cell>{{ vm.queueCampaign.predictiveIntervalDroppedCallsTimeout }}</td>
145                                 </tr>
146                                 <tr md-row>
147                                     <td md-cell>Dropped Calls Caller Exit</td>
148                                     <td md-cell>{{ vm.queueCampaign.predictiveIntervalDroppedCallsCallersExit }}
149                                     </td>
150                                 </tr> -->
151                 <tr md-row>
152                   <td md-cell>
153                     <span translate="APP.AVG_HOLD_TIME">AVG Hold Time</span>
154                   </td>
155                   <td md-cell>
156                     ~ {{ vm.queueCampaign.predictiveIntervalAvgHoldtime |
157                     number:0 }}s
158                   </td>
159                 </tr>
160                 <tr md-row>
161                   <td md-cell>
162                     <span translate="MOTIONDIALER.AVG_TALK_TIME"
163                       >AVG Talk Time</span
164                     >
165                   </td>
166                   <td md-cell>
167                     ~ {{ vm.queueCampaign.predictiveIntervalAvgTalktime |
168                     number:0 }}s
169                   </td>
170                 </tr>
171               </tbody>
172             </table>
173           </md-table-container>
174         </md-card>
175         <md-card>
176           <md-toolbar class="md-table-toolbar md-default">
177             <div class="md-toolbar-tools">
178               <span class="md-subhead"
179                 >ErlangB - {{ 'MOTIONDIALER.CURRENT_INTERVAL' | translate
180                 }}</span
181               >
182             </div>
183           </md-toolbar>
184           <md-table-container>
185             <table md-table>
186               <tbody md-body>
187                 <tr md-row>
188                   <td md-cell>
189                     <span translate="APP.SCHEDULED_CALLS">Scheduled Calls</span>
190                   </td>
191                   <td md-cell>{{ vm.queueCampaign.erlangCalls }}</td>
192                 </tr>
193                 <tr md-row>
194                   <td md-cell>
195                     <span translate="MOTIONDIALER.ONE_CALL_EVERY"
196                       >One call every</span
197                     >
198                   </td>
199                   <td md-cell>
200                     ~ {{ vm.queueCampaign.erlangCallToSecond | number:0 }}s
201                   </td>
202                 </tr>
203                 <tr md-row>
204                   <td md-cell>
205                     <span translate="MOTIONDIALER.DROPRATE">Drop Rate</span>
206                   </td>
207                   <td md-cell>
208                     {{ vm.queueCampaign.erlangAbandonmentRate * 100 | number:2
209                     }}%
210                   </td>
211                 </tr>
212                 <tr md-row>
213                   <td md-cell>
214                     <span translate="MOTIONDIALER.AGENTBUSYFACTOR"
215                       >Agent Busy Factor</span
216                     >
217                   </td>
218                   <td md-cell>
219                     {{ vm.queueCampaign.erlangBusyFactor * 100 | number:2 }}%
220                   </td>
221                 </tr>
222               </tbody>
223             </table>
224           </md-table-container>
225         </md-card>
226       </div>
227     </div>
228   </md-dialog-content>
229 </md-dialog>