[CORD-1558] metro-net GUI development
Change-Id: Id85e7cec9d52717777c388f7bfde712bb72850e9
diff --git a/xos/gui/src/app/components/eline-side.component.html b/xos/gui/src/app/components/eline-side.component.html
new file mode 100644
index 0000000..09cf33e
--- /dev/null
+++ b/xos/gui/src/app/components/eline-side.component.html
@@ -0,0 +1,46 @@
+<div>
+ <h1>ELine Overview</h1>
+ <form ng-submit="vm.saveEline(vm.mng.eline)">
+ <div class="form-group" ng-hide="vm.mng.createMode">
+ <label>ID</label><br/>
+ <p>{{vm.mng.eline.id}}</p>
+ </div>
+ <div class="form-group">
+ <label for="name">Name</label>
+ <input required class="form-control" id="name" type="text" ng-value="vm.mng.eline.name" ng-model="vm.mng.eline.name">
+ </div>
+ <div class="form-group" ng-hide="vm.mng.createMode">
+ <label>Backend Status</label><br/>
+ <p>{{vm.mng.eline.backend_status}}</p>
+ </div>
+ <div class="form-group">
+ <label for="cpi1">Connect point 1 ID</label>
+ <input required class="form-control" id="cpi1" type="text" ng-value="vm.mng.eline.connect_point_1_id" ng-model="vm.mng.eline.connect_point_1_id">
+ </div>
+ <div class="form-group">
+ <label for="cpi2">Connect point 2 ID</label>
+ <input required class="form-control" id="cpi2" type="text" ng-value="vm.mng.eline.connect_point_2_id" ng-model="vm.mng.eline.connect_point_2_id">
+ </div>
+ <div class="form-group">
+ <label for="bwps">Bandwidth Profile</label>
+ <select required class="form-control"
+ id="bwps"
+ ng-model="vm.mng.eline.bwp"
+ ng-options="bwp.name as bwp.name for bwp in vm.mng.bwps"
+ >
+ </select>
+ </div>
+ <div class="form-group">
+ <label for="sitename">CORD Site Name</label>
+ <input required class="form-control" id="sitename" type="text" ng-value="vm.mng.eline.cord_site_name" ng-model="vm.mng.eline.cord_site_name">
+ </div>
+ <div class="form-group">
+ <label for="vlanids">Vlan IDs</label>
+ <input required class="form-control" id="vlanids" type="text" ng-value="vm.mng.eline.vlanids" ng-model="vm.mng.eline.vlanids">
+ </div>
+ <div class="form-group" style="text-align: center">
+ <button type="submit" class="btn btn-success btn-block">Save Changes</button>
+ </div>
+ </form>
+ <button type="button" class="btn btn-danger btn-block" ng-click="vm.mng.elinePanel({}, vm.mng.eline, false)">Close</button>
+</div>
\ No newline at end of file