dlux/cpeui/cpeui-module/src/main/resources/cpeui/admin.tpl.html

   1 <div class="container">
   2         <h1>Global Administration</h1>
   3         <div class="menu">
   4                 <ul id="MainTabs" class="nav nav-pills" role="tablist">
   5                         <li ng-class="{ active: isTabSet('admin',1)}"
   6                                 ng-click="setTab('admin',1)"><a id="evcs-view-tab" href="#/cpeui/admin/tenants">
   7                                  <i class="icon-desktop"></i> Tenants</a></li>
   8                         <li ng-class="{ active: isTabSet('admin',2)}"
   9                                 ng-click="setTab('admin',2)"><a id="evcs-configure-tab" href="#/cpeui/admin/cpes">
  10                                         <i class="icon-tasks"></i> Assigned CPEs</a></li>
  11                         <!-- For Future Use
  12                         <li ng-class="{ active: isTabSet('admin',6)}"
  13                                 ng-click="setTab('admin',6)"><a id="unassigned-cpe-tab" href="#/cpeui/admin/ucpes">
  14                                         <i class="icon-tasks"></i> Unassigned CPEs</a></li>
  15                         <li ng-class="{ active: isTabSet('admin',7)}"
  16                                 ng-click="setTab('admin',7)"><a id="dashboard-tab" href="#/cpeui/admin/dashboard">
  17                                         <i class="icon-dashboard"></i> Dashboard</a></li>
  18                         <li ng-class="{ active: isTabSet('admin',7)}"
  19                                 ng-click="setTab('admin',7)"><a id="monitor-tab" href="#/cpeui/admin/monitor">
  20                                         <i class="icon-bar-chart"></i> CPE Monitor</a></li>
  21                      -->
  22                         <li ng-class="{ active: isTabSet('admin',3)}"
  23                                 ng-click="setTab('admin',3);updateView()"><a href="#/cpeui/admin/unis">
  24                                  <i class="icon-exchange"></i> UNIs</a>
  25                          </li>
  26                          <li ng-class="{ active: isTabSet('admin',4)}"
  27                                 ng-click="setTab('admin',4);updateNetworksView()"><a href="#/cpeui/admin/networks">
  28                                 <i class="icon-signal"></i> Networks</a>
  29                          </li>
  30                          <li ng-class="{ active: isTabSet('admin',5)}" ng-click="setTab('admin',5);updateProfilesView()">
  31                                 <a href="#/cpeui/admin/profiles"><i class="icon-book"></i> Bandwidth Profiles</a>
  32                          </li>
  33                         <li id="refresh_btn" class="active refresh-btn"
  34                                 ng-click="updateView()"><button class="btn add-row"> <i class="icon-refresh"></i> Refresh</button>
  35                                 </li>
  36                 </ul>
  37         </div>
  38         <div ng-show="isTabSet('admin',1)">
  39                 <div ui-view="tenants" />
  40         </div>
  41         <div ng-show="isTabSet('admin',2)">
  42                 <div class="table-header">Devices</div>
  43                 <table class="footable table table-striped">
  44                         <thead>
  45                                 <tr>
  46                                         <th>ID</th>
  47                                         <th>Name</th>
  48                                         <th>Tenant</th>
  49                     <th class="minimal-width">
  50                                            <button class="btn btn-md btn-info" ng-click="cesDialog.show($event)">
  51                                                <i class="icon-plus"></i>
  52                                                <md-tooltip>Add Device</md-tooltip>
  53                                            </button>
  54                                         </th>
  55                                 </tr>
  56                         </thead>
  57                         <tbody id="ces_table">
  58                                 <tr ng-repeat="item in ces | orderBy: '[\'dev-id\']'">
  59                                         <td class="minimal-width">{{ item['dev-id'] }}</td>
  60                                         <td>{{ item['device-name'] }}
  61                                                 <button ng-if="!(item['device-name'] || item._naming)" class="btn right" ng-click="addCEName(item)"><i class="icon-edit"></i> Add Name</button>
  62                                                 <i class="clear"></i>
  63                                                 <md-input-container class="md-block no-error-spacer left" ng-show="item._naming" style="width:79%">
  64                                                         <label>Device Name</label>
  65                                                         <input id="INPUT_{{item['dev-id']}}" type="text" ng-model="item._new_name"/>
  66                                                 </md-input-container>
  67                                                 <button id="OK_{{item['dev-id']}}" ng-show="item._naming" class="btn right" style="max-width:20%" ng-click="renameCE(item)"><i class="icon-ok"></i> OK</button>
  68                                         </td>
  69                                         <td>
  70                                                 <md-input-container class="md-block">
  71                                                 <label>Multiple</label>
  72                                                 <md-select ng-change="assignCpeToTenant(item['dev-id'])" ng-model="selectedTenant[item['dev-id']]" name="selectedTenant">
  73                                                         <md-option value="" default>&lt;None&gt;</md-option>
  74                                                         <md-option ng-repeat="tenant in tenantArray" value="{{ tenant.name }}">{{ tenant.name }}</md-option>
  75                                                 </md-select>
  76                                         </md-input-container>
  77                                         </td>
  78                                         <td class="minimal-width"><button class="btn btn-md btn-danger" ng-click="deleteCe(curTenant,item['dev-id'])"> <i class="icon-trash"></i> </button></td>
  79                                 </tr>
  80                         </tbody>
  81                 </table>
  82         </div>
  83         <div ng-show="isTabSet('admin',3)">
  84                 <div class="table-header">UNIs</div>
  85                 <table class="footable table table-striped">
  86                         <thead>
  87                                 <tr>
  88                                         <th>Device</th>
  89                                         <th>ID</th>
  90                                         <th colspan="2">Tenant</th>
  91                                 </tr>
  92                         </thead>
  93                         <tbody>
  94                                 <tr ng-repeat="item in unis | orderBy: '[\'uni-id\']'">
  95                                         <td ng-init="device = ces.filterByField('dev-id',item.device)[0]">{{ device["device-name"] ? device["device-name"] : item.device}}</td>
  96                                         <td>{{ item.prettyID }}</td>
  97                                         <td ng-if="item['tenant-id'] != undefined" >
  98                                                 {{ item['tenant-id'] }} <button class="btn add-row right" ng-click="linkUniDialog.show($event, {'uni':item['uni-id'], tenants:tenantArray})">Edit</button>
  99                                         </td>
 100                                         <td ng-if="item['tenant-id'] == undefined" >
 101                                                 <button class="btn add-row btn-middle" ng-click="linkUniDialog.show($event, {'uni':item['uni-id'], tenants:tenantArray})"><i class="icon-link"></i> Link Tenant</button>
 102                                         </td>
 103                                         <td class="minimal-width"><button class="btn btn-md btn-danger" ng-click="deleteUni(item['uni-id'])"> <i class="icon-trash"></i> </button></td>
 104                                 </tr>
 105                         </tbody>
 106                 </table>
 107         </div>
 108         <div ng-show="isTabSet('admin',4)">
 109                 <div class="table-header">Networks</div>
 110                 <table class="footable table table-striped">
 111                         <thead>
 112                                 <tr>
 113                                         <th>Network ID</th>
 114                                         <th>Network name</th>
 115                                         <th>Tenant</th>
 116                                 </tr>
 117                         </thead>
 118                         <tbody>
 119                                 <tr ng-repeat="svc in services ">
 120                                         <td class="minimal-width">{{ svc['svc-id'] }}</td>
 121                                         <td class="minimal-width">{{ networkNames[svc['svc-id']] }}</td>
 122                                         <td ng-if="svc['tenant-id']" class="minimal-width">{{ svc['tenant-id'] }}</td>
 123                                         <td ng-if="!(svc['tenant-id'])" class="minimal-width">
 124                                         <md-input-container class="md-block">
 125                                                         <label>Assign Tenant</label>
 126                                                 <md-select ng-change="assignNetworkToTenant(svc)" ng-model="selectedTenant[svc['svc-id']]" name="selectedTenant">
 127                                                         <md-option ng-repeat="tenant in tenantArray" value="{{ tenant.name }}">{{ tenant.name }}</md-option>
 128                                                 </md-select>
 129                                         </md-input-container>
 130                                         </td>
 131                                 </tr>
 132                         </tbody>
 133                 </table>
 134         </div>
 135         <div ng-show="isTabSet('admin',5)">
 136                 <div class="table-header">Bandwidth Profiles</div>
 137                 <table class="footable table table-striped">
 138                         <thead>
 139                                 <tr>
 140                                         <th>Bandwidth Profile Name</th>
 141                                         <th>Committed Information Rate (kb/s)</th>
 142                                         <th>Committed Burst Size (KB)</th>
 143                                         <th class="minimal-width">
 144                        <button class="btn btn-md btn-info right" ng-click="addProfile.show($event)">
 145                            <i class="icon-plus"></i>
 146                            <md-tooltip>Add Profile</md-tooltip>
 147                        </button>
 148                     </th>
 149                                 </tr>
 150                         </thead>
 151                         <tbody>
 152                                 <tr ng-repeat="profile in profiles | orderBy: '[\'bw-profile\']'">
 153                                         <td>{{ profile['bw-profile'] }}</td>
 154                                         <td>{{ profile.cir }}</td>
 155                                         <td>{{ profile.cbs }}</td>
 156                                         <td class="minimal-width">
 157                                            <button class="btn btn-md btn-info" ng-click="editProfile(profile['bw-profile'],profile.cbs,profile.cir)">
 158                         <i class="icon-edit"></i>
 159                         <md-tooltip>Edit Bandwidth Profile</md-tooltip>
 160                         </button>
 161                                                 <button class="btn btn-md btn-danger" ng-click="deleteProfile(profile['bw-profile'])">
 162                                                 <i class="icon-trash"></i>
 163                                                 <md-tooltip>Delete Bandwidth Profile</md-tooltip>
 164                                                 </button>
 165                                         </td>
 166                                 </tr>
 167                         </tbody>
 168                 </table>
 169         </div>
 170 </div>