groupbasedpolicy-ui/module/src/main/resources/gbp/common/views/index.tpl.html

   1 <div layout="row" class="gbpUiWrapper" flex>
   2     <div layout="column" role="main" flex class="master-view">
   3         <md-toolbar>
   4             <div class="md-toolbar-tools">
   5                 <!--<md-button ng-href="#/gbp/index/tenant" ng-click="closeSidePanel()" class="md-primary">Tenant</md-button>
   6                 <md-menu class="md-primary" class="md-toolbar-tools" style="background-color:rgb(33,150,243);color:black;">
   7                     <md-button ng-click="$mdOpenMenu($event)" style="background-color:rgb(33,150,243);color:black;">Policy</md-button>
   8                     <md-menu-content style="background-color:rgb(33,150,243);color:black;">
   9                         <md-button ng-click="" ng-disabled="policyDisabled" ng-href="#/gbp/index/policy/epg" style="background-color:rgb(33,150,243);color:black;">EPGs</md-button>
  10                         <md-button ng-click="" ng-disabled="policyDisabled" ng-href="#/gbp/index/policy/contract" style="background-color:rgb(33,150,243);color:black;">Contracts</md-button>
  11                     </md-menu-content>
  12                 </md-menu>-->
  13                 <md-button ng-click="closeSidePanel()" ng-href="#/gbp/index/resolved-policy">Resolved Policy</md-button>
  14                 <md-button ng-click="closeSidePanel()" ng-href="#/gbp/index/endpoints">Endpoints</md-button>
  15                 <span flex></span>
  16                 <md-button ng-if="('main.gbp.index.resolvedPolicy' | isState) && rootTenant" ng-click="openSidePanel('resolved-policy/sidepanel/views/epg-list-sidepanel')" ng-href="">Endpoint-groups</md-button>
  17                 <md-button ng-if="('main.gbp.index.resolvedPolicy' | isState) && rootTenant" ng-click="openSidePanel('resolved-policy/sidepanel/views/contract-list-sidepanel')" ng-href="">Contracts</md-button>
  18                 <md-input-container style="margin-right: 10px;">
  19                     <md-select ng-model="rootTenant"
  20                                placeholder="select tenant"
  21                                md-on-close="setRootTenant();"
  22                                id="tenantSelector">
  23                         <md-option ng-repeat="tenant in rootTenants.data" ng-value="tenant.data.id">{{ tenant.data.id }}</md-option>
  24                     </md-select>
  25                 </md-input-container>
  26             </div>
  27         </md-toolbar>
  28         <!-- <md-content md-scroll-y flex ui-view></md-content> -->
  29         <md-content md-scroll-y flex ui-view>
  30             <md-content md-scroll-y flex ui-view="main_top" class="col-md-6"></md-content>
  31             <md-content md-scroll-y flex ui-view="main_bottom" class="col-md-6"></md-content>
  32         </md-content>
  33     </div>
  34     <!-- Node's side pannel -->
  35     <md-sidenav class="md-sidenav-right md-whiteframe-z1 detail-view" md-is-locked-open="sidePanelPage">
  36         <md-toolbar>
  37             <div class="md-toolbar-tools">
  38                 <h2>
  39                     <span>Sidepanel</span>
  40                 </h2>
  41                 <span flex></span>
  42                 <md-button ng-click="closeSidePanel()" class="md-button">Close panel</md-button>
  43             </div>
  44         </md-toolbar>
  45         <md-content flex>
  46             <div flex layout="column" ui-view="sidePanel">
  47                 <ng-include ng-if="sidePanelPage" src="viewPath + sidePanelPage + '.tpl.html'"></ng-include>
  48             </div>
  49         </md-content>
  50     </md-sidenav>
  51 </div>