Motion >> Repos - motion-next.git/blob

   1 <md-dialog class="details-dialog" aria-label="details">
   2   <md-toolbar class="md-background-bg">
   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="VOICE.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="VOICE.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="VOICE.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="VOICE.SOURCE">Source</p>
  38           <h4>{{vm.call.source ? vm.call.source : 'unknown'}}</h4>
  39         </div>
  40       </md-list-item>
  41
  42       <md-list-item class="md-2-line">
  43         <div class="md-list-item-text">
  44           <p translate="VOICE.DESTINATION">Destination</p>
  45           <h4>{{vm.call.destination ? vm.call.destination : 'unknown'}}</h4>
  46         </div>
  47       </md-list-item>
  48
  49       <md-list-item class="md-2-line">
  50         <div class="md-list-item-text">
  51           <p translate="VOICE.STARTEDAT">Started At</p>
  52           <h4>{{vm.call.starttime | date:'medium'}}</h4>
  53         </div>
  54       </md-list-item>
  55
  56       <md-list-item class="md-2-line">
  57         <div class="md-list-item-text">
  58           <p translate="VOICE.ANSWEREDAT">Answered At</p>
  59           <h4>
  60             {{vm.call.answertime ? (vm.call.answertime | date:'medium') : '--'}}
  61           </h4>
  62         </div>
  63       </md-list-item>
  64
  65       <md-list-item class="md-2-line">
  66         <div class="md-list-item-text">
  67           <p translate="VOICE.ENDEDAT">Ended At</p>
  68           <h4>
  69             {{vm.call.endtime ? (vm.call.endtime | date:'medium') : '--'}}
  70           </h4>
  71         </div>
  72       </md-list-item>
  73
  74       <md-list-item class="md-2-line">
  75         <div class="md-list-item-text">
  76           <p translate="VOICE.DURATION">Duration</p>
  77           <h4>{{vm.call.duration ? vm.call.duration : '--'}}s</h4>
  78         </div>
  79       </md-list-item>
  80
  81       <md-list-item class="md-2-line">
  82         <div class="md-list-item-text">
  83           <p translate="VOICE.BILLABLESECONDS">Billable Seconds</p>
  84           <h4>{{vm.call.billableseconds ? vm.call.billableseconds : '--'}}s</h4>
  85         </div>
  86       </md-list-item>
  87
  88       <md-list-item class="md-2-line">
  89         <div class="md-list-item-text">
  90           <p translate="VOICE.DISPOSITION">Disposition</p>
  91           <h4>{{vm.call.userDisposition ? vm.call.userDisposition : '--'}}</h4>
  92         </div>
  93       </md-list-item>
  94
  95       <md-list-item class="md-2-line">
  96         <div class="md-list-item-text">
  97           <p translate="DASHBOARDS.SECOND_LEVEL_DISPOSITION">
  98             Second Level Disposition
  99           </p>
 100           <h4>
 101             {{vm.call.userSecondDisposition ? vm.call.userSecondDisposition :
 102             '--'}}
 103           </h4>
 104         </div>
 105       </md-list-item>
 106
 107       <md-list-item class="md-2-line">
 108         <div class="md-list-item-text">
 109           <p translate="DASHBOARDS.THIRD_LEVEL_DISPOSITION">
 110             Third Level Disposition
 111           </p>
 112           <h4>
 113             {{vm.call.userThirdDisposition ? vm.call.userThirdDisposition :
 114             '--'}}
 115           </h4>
 116         </div>
 117       </md-list-item>
 118
 119       <md-list-item class="md-2-line">
 120         <div class="md-list-item-text">
 121           <p translate="VOICE.NOTE">Note</p>
 122           <h4>{{vm.call.note ? vm.call.note : '--'}}</h4>
 123         </div>
 124       </md-list-item>
 125     </md-list>
 126   </md-dialog-content>
 127
 128   <md-dialog-actions layout="row" layout-align="space-between center">
 129     <md-button
 130       type="button"
 131       ng-click="vm.closeDialog()"
 132       class="send-button md-accent md-raised"
 133       aria-label="DISPOSE"
 134       translate="VOICE.CLOSE"
 135       translate-attr-aria-label="VOICE.DISPOSE"
 136     >
 137       CLOSE
 138     </md-button>
 139   </md-dialog-actions>
 140 </md-dialog>