public/templates/main/apps/dashboards/views/general/agent/home/voice/details/dialog.html/dialog.html

   1 <md-dialog class="details-dialog" aria-label="details">
   2   <md-toolbar>
   3     <div
   4       class="md-toolbar-tools"
   5       layout="row"
   6       layout-align="space-between center"
   7     >
   8       <span
   9         ng-if="!vm.interaction.closed"
  10         class="title"
  11         translate="APP.DETAILS"
  12       ></span>
  13       <md-button class="md-icon-button" ng-click="vm.closeDialog()">
  14         <md-icon md-font-icon="icon-close" aria-label="Close dialog"></md-icon>
  15       </md-button>
  16     </div>
  17   </md-toolbar>
  18
  19   <md-dialog-content>
  20     <md-list flex>
  21       <md-list-item class="md-2-line">
  22         <div class="md-list-item-text">
  23           <p translate="APP.UNIQUEID">Uniqueid</p>
  24           <h4>{{vm.call.uniqueid}}</h4>
  25         </div>
  26       </md-list-item>
  27
  28       <md-list-item class="md-2-line">
  29         <div class="md-list-item-text">
  30           <p translate="APP.TYPE">Type</p>
  31           <h4>{{vm.call.type ? vm.call.type : 'no type'}}</h4>
  32         </div>
  33       </md-list-item>
  34
  35       <md-list-item class="md-2-line">
  36         <div class="md-list-item-text">
  37           <p translate="APP.SOURCE">Source</p>
  38           <h4 privacy ng-cloak>
  39             {{vm.call.source ? vm.call.source : 'unknown'}}
  40           </h4>
  41         </div>
  42       </md-list-item>
  43
  44       <md-list-item class="md-2-line">
  45         <div class="md-list-item-text">
  46           <p translate="APP.DESTINATION">Destination</p>
  47           <h4 privacy ng-cloak>
  48             {{vm.call.destination ? vm.call.destination : 'unknown'}}
  49           </h4>
  50         </div>
  51       </md-list-item>
  52
  53       <md-list-item class="md-2-line">
  54         <div class="md-list-item-text">
  55           <p translate="APP.STARTEDAT">Started At</p>
  56           <h4>{{vm.call.starttime | date:'medium'}}</h4>
  57         </div>
  58       </md-list-item>
  59
  60       <md-list-item class="md-2-line">
  61         <div class="md-list-item-text">
  62           <p translate="VOICE.ANSWEREDAT">Answered At</p>
  63           <h4>
  64             {{vm.call.answertime ? (vm.call.answertime | date:'medium') : '--'}}
  65           </h4>
  66         </div>
  67       </md-list-item>
  68
  69       <md-list-item class="md-2-line">
  70         <div class="md-list-item-text">
  71           <p translate="VOICE.ENDEDAT">Ended At</p>
  72           <h4>
  73             {{vm.call.endtime ? (vm.call.endtime | date:'medium') : '--'}}
  74           </h4>
  75         </div>
  76       </md-list-item>
  77
  78       <md-list-item class="md-2-line">
  79         <div class="md-list-item-text">
  80           <p translate="APP.DURATION">Duration</p>
  81           <h4>{{vm.call.duration ? vm.call.duration : '--'}}s</h4>
  82         </div>
  83       </md-list-item>
  84
  85       <md-list-item class="md-2-line">
  86         <div class="md-list-item-text">
  87           <p translate="VOICE.BILLABLESECONDS">Billable Seconds</p>
  88           <h4>{{vm.call.billableseconds ? vm.call.billableseconds : '--'}}s</h4>
  89         </div>
  90       </md-list-item>
  91
  92       <md-list-item class="md-2-line">
  93         <div class="md-list-item-text">
  94           <p translate="APP.DISPOSITION">Disposition</p>
  95           <h4>{{vm.call.userDisposition ? vm.call.userDisposition : '--'}}</h4>
  96         </div>
  97       </md-list-item>
  98
  99       <md-list-item class="md-2-line">
 100         <div class="md-list-item-text">
 101           <p translate="DASHBOARDS.SECOND_LEVEL_DISPOSITION">
 102             Second Level Disposition
 103           </p>
 104           <h4>
 105             {{vm.call.userSecondDisposition ? vm.call.userSecondDisposition :
 106             '--'}}
 107           </h4>
 108         </div>
 109       </md-list-item>
 110
 111       <md-list-item class="md-2-line">
 112         <div class="md-list-item-text">
 113           <p translate="DASHBOARDS.THIRD_LEVEL_DISPOSITION">
 114             Third Level Disposition
 115           </p>
 116           <h4>
 117             {{vm.call.userThirdDisposition ? vm.call.userThirdDisposition :
 118             '--'}}
 119           </h4>
 120         </div>
 121       </md-list-item>
 122
 123       <md-list-item class="md-2-line">
 124         <div class="md-list-item-text">
 125           <p translate="APP.NOTE">Note</p>
 126           <h4>{{vm.call.note ? vm.call.note : '--'}}</h4>
 127         </div>
 128       </md-list-item>
 129     </md-list>
 130   </md-dialog-content>
 131
 132   <md-dialog-actions layout="row" layout-align="space-between center">
 133     <md-button
 134       type="button"
 135       ng-click="vm.closeDialog()"
 136       class="send-button md-accent md-raised"
 137       aria-label="DISPOSE"
 138       translate="APP.CLOSE"
 139       translate-attr-aria-label="VOICE.DISPOSE"
 140     >
 141       CLOSE
 142     </md-button>
 143   </md-dialog-actions>
 144 </md-dialog>