ovsdb-ui/module/src/main/resources/ovsdb/views/index.tpl.html

   1 <!--\r
   2  * Copyright (c) 2015 Inocybe Technologies and others.  All rights reserved.\r
   3  *\r
   4  * This program and the accompanying materials are made available under the\r
   5  * terms of the Eclipse Public License v1.0 which accompanies this distribution,\r
   6  * and is available at http://www.eclipse.org/legal/epl-v10.html\r
   7 -->\r
   8 <div id="ovsdb_contain">\r
   9 <!--\r
  10 <div class="row">\r
  11   <div class="col-md-2 form-inline">\r
  12     <label class="switch-light well">\r
  13       <input type="checkbox" ng-model="opt.layer" ng-change="toggleLayer();">\r
  14       <span>\r
  15         Layer 3\r
  16         <span>Off</span>\r
  17         <span>On</span>\r
  18       </span>\r
  19 \r
  20       <a  class="btn btn-orange"></a>\r
  21     </label>\r
  22   </div>\r
  23   <div class="col-md-2 form-inline">\r
  24     <label class="switch-light well">\r
  25       <input type="checkbox" ng-model="opt.underlay" ng-change="toggleUnderlay();">\r
  26       <span>\r
  27         Underlay\r
  28         <span>Off</span>\r
  29         <span>On</span>\r
  30       </span>\r
  31 \r
  32       <a class="btn btn-orange"></a>\r
  33     </label>\r
  34   </div>\r
  35 </div>\r
  36 -->\r
  37 <div class="row">\r
  38   <div class="col-md-12">\r
  39     <div id="tabs" >\r
  40       <ul class="nav nav-tabs tabsHeader" style="margin-bottom:15px;">\r
  41         <li><a href="#logical_view">Logical View</a></li>\r
  42         <li><a href="#2d_view">2D View</a></li>\r
  43         <li><a href="#3d_view">3D View</a></li>\r
  44       </ul>\r
  45       <div id="logical_view" style="background-color:white; position:relative;">\r
  46         <div id="l_graph" style="position:relative; height:580px;" logical-graph ></div>\r
  47 \r
  48         <div id="lDialog" class="ovsDialog arrow-left">\r
  49           <div style="height:10px;">\r
  50             <i data-ng-click="hideLogicalDialog()" class="window-icon icon-remove"></i>\r
  51           </div>\r
  52           <div class="window_content">\r
  53             <ul class="nav nav-tabs tabsHeader">\r
  54               <li ng-repeat="tab in lDialogData.tabs track by $index" >\r
  55                 <a href="#lDialogTab_{{$index}}" class="active">{{tab}}</a>\r
  56               </li>\r
  57             </ul>\r
  58             <div ng-repeat="tabContaint in lDialogData.containts track by $index" id="lDialogTab_{{$index}}">\r
  59               <table ng-if="!tabContaint.hasHeader" class="table table-bordered" style="margin-bottom:0;">\r
  60                 <tr ng-repeat="info in tabContaint.datas track by $index">\r
  61                   <td > {{info.key}} </td> <td> {{ info.value }} </td>\r
  62                 </tr>\r
  63               </table>\r
  64               <table ng-if="tabContaint.hasHeader" class="table table-bordered" style="margin-bottom:0;">\r
  65                 <tr>\r
  66                   <th ng-repeat=" h in tabContaint.header track by $index">{{h}}</th>\r
  67                 </tr>\r
  68                 <tr ng-repeat="item in tabContaint.datas track by $index">\r
  69                   <td ng-repeat="value in item track by $index"> {{ value }} </td>\r
  70                 </tr>\r
  71               </table>\r
  72             </div>\r
  73           </div>\r
  74         </div>\r
  75 \r
  76       </div>\r
  77       <div id="2d_view">\r
  78         <div class="row">\r
  79           <div class="col-md-4 col-md-offset-1 form-inline">\r
  80             <span>Tenant</span>\r
  81             <select id="tenantSelect" ng-model="selectedTenant" ng-change="fiterByTenant()"  ng-options="tenant.name for tenant in tenants track by tenant.id">\r
  82               <option value="">---All---</option>\r
  83             </select>\r
  84           </div>\r
  85           <div class="col-md-4 form-inline">\r
  86             <span>Subnet</span>\r
  87             <select id="tagPicker" multiple="multiple" ng-model="selectedSubnet" ng-change="filterBySubnet()" ng-options="subnet.name for subnet in subnets track by subnet.id">\r
  88             </select>\r
  89           </div>\r
  90         </div>\r
  91         <div id="nv_graph" style="position:relative; height:580px;" physical-graph></div>\r
  92         <div id="pDialog" class="ovsDialog arrow-left">\r
  93             <div style="height:10px">\r
  94               <i data-ng-click="hidePhysicalDialog()" class="window-icon icon-remove"></i>\r
  95             </div>\r
  96           <div class="window_content">\r
  97             <ul class="nav nav-tabs tabsHeader">\r
  98               <li ng-repeat="tab in pDialogData.tabs track by $index" >\r
  99                 <a href="#pDialogTab_{{$index}}" class="active">{{tab}}</a>\r
 100               </li>\r
 101             </ul>\r
 102             <div ng-repeat="tabContaint in pDialogData.containts track by $index" id="pDialogTab_{{$index}}">\r
 103               <table ng-if="!tabContaint.hasHeader" class="table table-bordered" style="margin-bottom:0;">\r
 104                 <tr ng-repeat="info in tabContaint.datas track by $index">\r
 105                   <td > {{info.key}} </td> <td> {{ info.value }} </td>\r
 106                 </tr>\r
 107               </table>\r
 108               <table ng-if="tabContaint.hasHeader" class="table table-bordered" style="margin-bottom:0;">\r
 109                 <tr>\r
 110                   <th ng-repeat=" h in tabContaint.header track by $index">{{h}}</th>\r
 111                 </tr>\r
 112                 <tr ng-repeat="item in tabContaint.datas track by $index">\r
 113                   <td ng-repeat="value in item track by $index"> {{ value }} </td>\r
 114                 </tr>\r
 115               </table>\r
 116             </div>\r
 117           </div>\r
 118         </div>\r
 119 \r
 120       </div>\r
 121     <!--  <div id="3d_view">\r
 122     </div> -->\r
 123   </div><!-- tab -->\r
 124 </div>\r