Fixes for dlux
[unimgr.git] / dlux / cpeui / cpeui-module / src / main / resources / cpeui / admin.tpl.html
index 19b98de87c6faf5dcd5289a1f64892d1a095fb49..75bbd0b53bd0acdba43d5b6f97acc40dc79ea94a 100644 (file)
                                        <i class="icon-tasks"></i> CPEs (Devices)</a></li>
                        <li ng-class="{ active: isTabSet('admin',3)}"
                                ng-click="setTab('admin',3);updateView()"><a id="dashboard-tab"  href="#/cpeui/admin/unis">
-                                <i class="icon-signal"></i> UNIs</a></li>
+                                <i class="icon-exchange"></i> UNIs</a>
+                        </li>
+                        <li ng-class="{ active: isTabSet('admin',4)}"
+                               ng-click="setTab('admin',4);updateNetworksView()"><a id="dashboard-tab"  href="#/cpeui/admin/networks">
+                               <i class="icon-signal"></i> Networks</a>
+                        </li>
                        <li id="refresh_btn" class="active refresh-btn"
                                ng-click="updateView()"><button class="btn add-row"> <i class="icon-refresh"></i> Refresh</button>
                                </li>
                        <tbody id="ces_table">
                                <tr ng-repeat="item in ces | orderBy: '[\'dev-id\']'">                                  
                                        <td class="minimal-width">{{ item['dev-id'] }}</td>
-                                       <td>{{ item['device-name'] }}</td>
+                                       <td>{{ item['device-name'] }}
+                                               <button ng-if="!(item['device-name'] || item._naming)" class="btn right" ng-click="addCEName(item)"><i class="icon-edit"></i> Add Name</button>
+                                               <i class="clear"></i>
+                                               <md-input-container class="md-block no-error-spacer left" ng-show="item._naming" style="width:79%">
+                                                       <label>Device Name</label>
+                                                       <input id="INPUT_{{item['dev-id']}}" type="text" ng-model="item._new_name"/>
+                                               </md-input-container>                                                   
+                                               <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>                                                 
+                                       </td>
                                        <td>
-                                       <!-- 
-                                       <button class="btn add-row btn-block" ng-click="assignCpeToTenant(item['dev-id'], )">SHOW OF RULES ...</button>
-                                        -->
                                                <md-input-container class="md-block">
                                                <label>Multiple</label>
                                                <md-select ng-change="assignCpeToTenant(item['dev-id'])" ng-model="selectedTenant[item['dev-id']]" name="selectedTenant">
                        </tbody>
                </table>
        </div>
+       <div ng-show="isTabSet('admin',4)">
+               <div class="table-header">Networks</div>
+               <table class="footable table table-striped">
+                       <thead>
+                               <tr>
+                                       <th>Network ID</th>
+                                       <th>Network name</th>
+                                       <th>Tenant</th>
+                               </tr>
+                       </thead>
+                       <tbody id="ces_table">
+                               <tr ng-repeat="svc in services ">                                       
+                                       <td class="minimal-width">{{ svc['svc-id'] }}</td>
+                                       <td class="minimal-width">{{ networkNames[svc['svc-id']] }}</td>                                        
+                                       <td ng-if="svc['tenant-id']" class="minimal-width">{{ svc['tenant-id'] }}</td>
+                                       <td ng-if="!(svc['tenant-id'])" class="minimal-width">
+                                       <md-input-container class="md-block">
+                                                       <label>Assign Tenant</label>
+                                               <md-select ng-change="assignNetworkToTenant(svc)" ng-model="selectedTenant[svc['svc-id']]" name="selectedTenant">
+                                                       <md-option ng-repeat="tenant in tenantArray" value="{{ tenant.name }}">{{ tenant.name }}</md-option>
+                                               </md-select>
+                                       </md-input-container>
+                                       </td>
+                               </tr>
+                       </tbody>
+               </table>                
+       </div>
 </div>