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

   1 <md-dialog class="play-dialog" aria-label="play">
   2   <form name="playForm" ng-cloak>
   3     <md-toolbar>
   4       <div class="md-toolbar-tools">
   5         <h2
   6           translate="{{ vm.app.toUpperCase() }}.{{  vm.label.toUpperCase() }}"
   7         >
   8           Play Recording
   9         </h2>
  10         <span flex></span>
  11         <md-button
  12           class="md-icon-button"
  13           ng-disabled="vm.loading"
  14           ng-click="vm.closeDialog()"
  15         >
  16           <md-icon
  17             md-font-icon="icon-close"
  18             aria-label="Close dialog"
  19           ></md-icon>
  20         </md-button>
  21       </div>
  22     </md-toolbar>
  23     <md-dialog-content ng-hide="vm.loading">
  24       <div layout="row" layout-sm flex>
  25         <!-- VIRTUAL field -->
  26         <md-card>
  27           <md-card-title ng-if="vm.actionOptions.upperTitle">
  28             <md-card-title-text>
  29               <span class="md-headline">{{ vm.filename }}</span>
  30               <span class="md-subhead"
  31                 ><span translate="{{ vm.app.toUpperCase() }}.UPDATEDAT"></span>:
  32                 {{ vm.recording.updatedAt}}</span
  33               >
  34             </md-card-title-text>
  35           </md-card-title>
  36
  37           <!-- video recording directive -->
  38           <ms-dialog-recording
  39             ng-if="vm.format"
  40             id="vm.recording.id"
  41             title="vm.filename"
  42             element="vm.element"
  43             model="vm.route"
  44             path="vm.path"
  45             class="md-card-image"
  46           ></ms-dialog-recording>
  47           <!-- / video recording directive -->
  48
  49           <span ng-if="!vm.format">
  50             <em ng-if="vm.found"
  51               >{{ vm.app.toUpperCase() + '.CANT_PLAY_THIS_FILE' | translate
  52               }}</em
  53             >
  54             <em ng-if="!vm.found"
  55               >{{ vm.app.toUpperCase() + '.FILE_NOT_FOUND' | translate }}</em
  56             >
  57           </span>
  58
  59           <md-card-title ng-if="vm.actionOptions.lowerTitle">
  60             <md-card-title-text>
  61               <span class="md-headline">{{ vm.filename }}</span>
  62               <span class="md-subhead"
  63                 ><span translate="{{ vm.app.toUpperCase() }}.UPDATEDAT"></span>:
  64                 {{ vm.recording.updatedAt}}</span
  65               >
  66
  67               <span ng-if="vm.actionOptions.properties" class="md-subhead"
  68                 ><span translate="{{ vm.app.toUpperCase() }}.PROPERTIES"></span
  69                 >:</span
  70               >
  71             </md-card-title-text>
  72           </md-card-title>
  73
  74           <md-card-content ng-if="vm.actionOptions.properties">
  75             <md-list>
  76               <md-list-item
  77                 class="md-2-line"
  78                 ng-repeat="(key,value) in vm.properties"
  79                 ng-click="null"
  80                 ng-if="key != 'value' && key != 'updatedAt' && key != 'queue'"
  81               >
  82                 <md-icon
  83                   ng-if="vm.icon"
  84                   class="md-avatar-icon"
  85                   md-font-icon="vm.actionOptions.propertiesIcon"
  86                   class="s24"
  87                 ></md-icon>
  88
  89                 <div class="md-list-item-text" layout="column">
  90                   <p>
  91                     <b
  92                       ><span
  93                         translate="{{ vm.app.toUpperCase() }}.{{ key.toUpperCase() }}"
  94                       ></span
  95                     ></b>
  96                   </p>
  97                   <p>{{ value }}</p>
  98                   <p></p>
  99                 </div>
 100               </md-list-item>
 101             </md-list>
 102           </md-card-content>
 103         </md-card>
 104       </div>
 105     </md-dialog-content>
 106     <div
 107       ng-hide="!vm.loading"
 108       layout-fill
 109       style="min-height: 397px"
 110       layout="row"
 111       layout-sm="column"
 112       layout-align="center center"
 113     >
 114       <md-progress-circular
 115         class="md-primary md-hue-1"
 116         md-diameter="96"
 117       ></md-progress-circular>
 118     </div>
 119   </form>
 120 </md-dialog>