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-button ng-href="#/gbp/index/policy" ng-click="closeSidePanel()" class="md-primary">Policy</md-button>
   7                 <span flex></span>
   8                 <md-button ng-if="stateUrl === '/policy'" ng-href="#/gbp/index/policy/epg" ng-click="openSidePanel()" class="md-primary">EPGs</md-button>
   9                 <md-button ng-if="stateUrl === '/policy'" ng-href="#/gbp/index/policy/contract" ng-click="openSidePanel()" class="md-primary">Contracts</md-button>
  10             </div>
  11         </md-toolbar>
  12         <md-content md-scroll-y flex ui-view></md-content>
  13     </div>
  14     <md-sidenav class="md-sidenav-right md-whiteframe-z1 detail-view" md-is-locked-open="sidePanelPage">
  15         <md-toolbar>
  16             <div class="md-toolbar-tools">
  17                 <h2>
  18                     <span>Sidepanel</span>
  19                 </h2>
  20                 <span flex></span>
  21                 <md-button ng-href="#/gbp/index/policy" ng-click="closeSidePanel()" class="md-button">Close panel</md-button>
  22             </div>
  23         </md-toolbar>
  24         <md-content flex>
  25             <div flex layout="column" ui-view="sidePanel"></div>
  26         </md-content>
  27     </md-sidenav>
  28 </div>