Virtual media page
Adds page to manage virtual media devices. User selects file
and pushes 'start' button to establish websocket connection.
nbdServerService added to provide ability for user to navigate
away from the page and return with the ability to see the current
active sessions.
Currently only supports 1 Virtual Media device.
Resolves openbmc/phosphor-webui#40
Tested: uploaded ubuntu image file, started the connection and
mounted virtual media device from host console. Able to see Ubuntu
image file. Also uploaded file and navigated away from the page,
checking that the websocket remained open and was sending /
recieving messages. Finally, tested that when connection
was stopped, 'USB disconnect' log was present in host console.
Change-Id: Ia3155d27cbcfef94c2753dde1303a151e08847cc
Signed-off-by: beccabroek <beccabroek@gmail.com>
Signed-off-by: Gunnar Mills <gmills@us.ibm.com>
Signed-off-by: Derick Montague <derick.montague@ibm.com>
diff --git a/app/configuration/controllers/virtual-media-controller.html b/app/configuration/controllers/virtual-media-controller.html
new file mode 100644
index 0000000..22c4bf8
--- /dev/null
+++ b/app/configuration/controllers/virtual-media-controller.html
@@ -0,0 +1,36 @@
+<primary>
+ <h1>Virtual media</h1>
+ <p class="vm__page-description" ng-if="devices.length >= 1">Specify image file location to start session.</p>
+ <p ng-if="devices.length < 1">
+ There are no Virtual Media devices available.
+ </primary>
+ <div ng-repeat="device in devices track by $index" class="vm__upload">
+ <h2 class="h3">{{device.deviceName}}</h2>
+ <div class="vm__upload-chooser">
+ <!-- name and error message -->
+ <div class="vm__upload-content">
+ <div class="vm__upload-controls">
+ <!-- Button -->
+ <label class="vm__upload-choose-label">
+ <input id="file-upload" type="file" file="device.file" class="hide" ng-disabled="device.isActive"/>
+ <span class="vm__upload-choose-button button btn-secondary" ng-class="{disabled:device.isActive}">Choose file</span>
+ </label>
+ <div class="vm__upload-name">
+ <span ng-if="!device.file">No file selected</span>
+ <span ng-if="device.file.name !== undefined">{{device.file.name}}</span>
+ <span class="icon__exit" ng-if="device.file && !device.isActive" ng-click="resetFile($index);"></span>
+ </div>
+ </div>
+ <div class="vm__active-text vm__active-border" ng-if="device.isActive">
+ <span>Active Session</span>
+ </div>
+ <div class="vm__active-text vm__error-border" ng-if="device.hasError">
+ <span>Error in connecting to the selected file</span>
+ </div>
+ </div>
+ <div class="vm__upload-start">
+ <input type="button" ng-value="device.isActive ? 'Stop' : 'Start'" ng-class="{disabled:!device.file}" class="button btn-primary" ng-click="device.isActive? stopVM($index) : startVM($index)"/>
+ </div>
+ </div>
+ </div>
+</div>