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

   1 <div ng-app="">
   2     <!--
   3     Main Tab
   4     -->
   5     <div ui-view="cpeui" />
   6     <!--
   7     Tenant Data Tab
   8     -->
   9     <!-- div class="container" ng-show="isTabSet('main',2)">
  10         <h1>L2 Services - Tenant {{ currentTenent.name }}</h1>
  11         <div class="menu">
  12             <ul id="EVCs-tab" class="nav nav-pills" role="tablist">
  13                 <li ng-class="{ active: isTabSet('tenantData',1)}" ng-click="setTab('tenantData',1)" >
  14                     <a id="evcs-view-tab"> <i class="icon-search"></i> View</a>
  15                 </li>
  16                 <li ng-class="{ active: isTabSet('tenantData',2)}" ng-click="setTab('tenantData',2)" >
  17                     <a id="evcs-configure-tab" > <i class="icon-wrench"></i> Configure</a>
  18                 </li>
  19                 <li ng-class="{ active: isTabSet('tenantData',3)}" ng-click="setTab('tenantData',3)" >
  20                     <a id="dashboard-tab" > <i class="icon-signal"></i> Dashboard</a>
  21                 </li>
  22             </ul>
  23         </div>
  24         <div id="EVCsContent" class="tab-content">
  25             <div role="tabpanel" class="tab-pane fade in active" id="evcs-view" ng-show="isTabSet('tenantData',1)" aria-labelledBy="evcs-view-tab">
  26                 <br></br>
  27                 <div class="panel panel-primary">
  28                     <div class="panel-heading">
  29                         <h3 class="panel-title">L2 Services Table</h3>
  30                     </div>
  31                     <div class="panel-body">
  32                         <table class="table table-striped">
  33                             <thead>
  34                                 <tr>
  35                                     <th>Service ID</th>
  36                                     <th>Service Type</th>
  37                                     <th>CEs in Service</th>
  38                                     <th>UNIs in Service</th>
  39                                 </tr>
  40                             </thead>
  41                             <tbody id="evc_table" />
  42                         </table>
  43                     </div>
  44                 </div>
  45             </div>
  46             <div role="tabpanel" class="tab-pane fade in active" id="evcs-configure" ng-show="isTabSet('tenantData',2)" aria-labelledBy="evcs-configure-tab">
  47                 <br></br>
  48                 <div class="panel panel-primary" style="width: 500px;">
  49                     <div class="panel-heading">
  50                         <h3 class="panel-title">EVCs Actions</h3>
  51                     </div>
  52                     <div class="panel-body">
  53                         <button type="button" class="btn btn-lg" data-toggle="modal" onclick="prepareCreateEVC()" data-target="#createEVCModal">Create EVC</button>
  54                         <button type="button" class="btn btn-lg" data-toggle="modal" onclick="prepareRemoveEVC(evcs_list)" data-target="#removeEVCModal">Remove EVC</button>
  55                     </div>
  56                 </div>
  57             </div>
  58         </div>
  59         <button class="btn btn-default pull-right" ng-click="setTab('main',1)" > Back </button>
  60     </div -->
  61 </div>