xos/gui/src/app/components/eline-side.component.html

<div class = "elinepanel">
  <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 | orderBy: 'name'"
      >
      </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>
  <button type="button" class = "btn btn-danger delete-eline" ng-click="vm.deleteEline(vm.mng.eline)">Delete Eline</button>
</div>