beccabroek | 44da471 | 2019-03-20 13:24:23 -0500 | [diff] [blame] | 1 | <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 Muranaka | c86ce3c | 2019-06-05 12:30:30 -0500 | [diff] [blame] | 16 | <span class="vm__upload-choose-button btn btn-secondary" ng-class="{disabled:device.isActive}">Choose file</span> |
beccabroek | 44da471 | 2019-03-20 13:24:23 -0500 | [diff] [blame] | 17 | </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 Muranaka | c86ce3c | 2019-06-05 12:30:30 -0500 | [diff] [blame] | 21 | <span class="icon__exit" ng-if="device.file && !device.isActive" ng-click="resetFile($index);"> |
| 22 | <icon file="icon-close.svg"></icon> |
| 23 | </span> |
beccabroek | 44da471 | 2019-03-20 13:24:23 -0500 | [diff] [blame] | 24 | </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 Muranaka | c86ce3c | 2019-06-05 12:30:30 -0500 | [diff] [blame] | 34 | <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)"/> |
beccabroek | 44da471 | 2019-03-20 13:24:23 -0500 | [diff] [blame] | 35 | </div> |
| 36 | </div> |
| 37 | </div> |
| 38 | </div> |