blob: e756986434616cc88ec4fc60f2f420dd189140a6 [file] [log] [blame]
beccabroek44da4712019-03-20 13:24:23 -05001<primary>
2 <h1>Virtual media</h1>
3 <p class="vm__page-description" ng-if="devices.length >= 1">Specify image file location to start session.</p>
4 <p ng-if="devices.length < 1">
5 There are no Virtual Media devices available.
6 </primary>
7 <div ng-repeat="device in devices track by $index" class="vm__upload">
8 <h2 class="h3">{{device.deviceName}}</h2>
9 <div class="vm__upload-chooser">
10 <!-- name and error message -->
11 <div class="vm__upload-content">
12 <div class="vm__upload-controls">
13 <!-- Button -->
14 <label class="vm__upload-choose-label">
15 <input id="file-upload" type="file" file="device.file" class="hide" ng-disabled="device.isActive"/>
Yoshie Muranakac86ce3c2019-06-05 12:30:30 -050016 <span class="vm__upload-choose-button btn btn-secondary" ng-class="{disabled:device.isActive}">Choose file</span>
beccabroek44da4712019-03-20 13:24:23 -050017 </label>
18 <div class="vm__upload-name">
19 <span ng-if="!device.file">No file selected</span>
20 <span ng-if="device.file.name !== undefined">{{device.file.name}}</span>
Yoshie Muranakac86ce3c2019-06-05 12:30:30 -050021 <span class="icon__exit" ng-if="device.file && !device.isActive" ng-click="resetFile($index);">
22 <icon file="icon-close.svg"></icon>
23 </span>
beccabroek44da4712019-03-20 13:24:23 -050024 </div>
25 </div>
26 <div class="vm__active-text vm__active-border" ng-if="device.isActive">
27 <span>Active Session</span>
28 </div>
29 <div class="vm__active-text vm__error-border" ng-if="device.hasError">
30 <span>Error in connecting to the selected file</span>
31 </div>
32 </div>
33 <div class="vm__upload-start">
Yoshie Muranakac86ce3c2019-06-05 12:30:30 -050034 <input type="button" ng-value="device.isActive ? 'Stop' : 'Start'" ng-class="{disabled:!device.file}" class="btn btn-primary" ng-click="device.isActive? stopVM($index) : startVM($index)"/>
beccabroek44da4712019-03-20 13:24:23 -050035 </div>
36 </div>
37 </div>
38</div>