groupbasedpolicy-old-ui/module/src/main/resources/gbp/views/main/policy-renderer.tpl.html

   1 <section ng-controller="policyRendererCtrl">
   2     <!-- TOPOLOGY -->
   3     <section class="sigmaWrapper col-md-9">
   4         <section class="sigmaModalWrapper simpleBox" ng-controller="linkDataCtrl" ng-show="showTable">
   5             <div class="tableWrapper">
   6                 <i class="icon-remove" ng-click="close()"></i>
   7
   8                 <div class="dataWrapper">
   9                     <section ng-repeat="subject in linkData">
  10                         <section class="header">
  11                             <span class="block">{{ 'Subject: ' + subject.name }}</span>
  12                         </section>
  13
  14                         <section class="ml10" ng-repeat="rule in subject['ui-rule']">
  15                             <label class="block">Rule:{{rule.name}}</label>
  16                             <section class="ml10" ng-repeat="classifier in rule['classifier-ref']">
  17                                 <span class="block">Classifier:</span>
  18                                 <ul>
  19                                     <li ng-repeat="(key, value) in classifier">{{key}}: {{value}}</li>
  20                                 </ul>
  21                             </section>
  22                             <section ng-repeat="classifier in rule['action-ref']">
  23                                 <span class="block">Action:</span>
  24                                 <ul>
  25                                     <li ng-repeat="(key, value) in classifier">{{key}}: {{value}}</li>
  26                                 </ul>
  27                             </section>
  28                         </section>
  29                     </section>
  30                 </div>
  31             </div>
  32         </section>
  33
  34
  35         <section class="policyGraphWrapper">
  36             <div graph="graph" id="graph" grid-size="1" />
  37         </section>
  38
  39         <div class="topoNav">
  40             <label class="block"><span>Topology type:</span></label>
  41             <div class="btn-group" role="group">
  42               <button type="button" class="btn btn-primary" ng-click="loadTopology('CONFIG', { tenantId: selectedTenant.id })">Config</button>
  43               <button type="button" class="btn btn-primary" ng-click="loadTopology('OPERATIONAL', { tenantId: selectedTenant.id })">Operational</button>
  44               <button type="button" class="btn btn-primary" ng-click="loadTopology('L2L3', { tenantId: selectedTenant.id, storage: 'config' })">L2/L3</button>
  45             </div>
  46         </div>
  47
  48     </section>
  49
  50     <!-- RIGHT PANEL -->
  51     <aside class="col-md-3">
  52         <section class="inWrapper">
  53
  54             <div ng-include src="view_path+'parts/breadcrumbs.tpl.html'" class="breadcrumbs clearfix"></div>
  55
  56             <div class="block clearfix" style="height: 109px;">
  57                 <!-- Tenants list -->
  58                 <div class="rowWrapper clearfix">
  59                     <label class="block"><span>Tenants list</span></label>
  60                     <div class="selectWrapper col-md-12">
  61                         <select class="form-control" ng-model="selectedTenant" ng-change="setTenant(selectedTenant); reloadTopo();" ng-options="getDisplayLabel(d, tenantDisplayLabel) for d in tenantList">
  62                             <option value="">Select option</option>
  63                         </select>
  64                     </div>
  65                 </div>
  66             </div>
  67
  68             <div class="panelWrapper clearfix" ng-show="policyRendererView.basic">
  69                 <button class="btn btn-primary col-md-12 btn-lg" ng-click="setViewExpand('subMenuView','policySub'); setBreadcrumb('l2', 'Policy', subMenuView.policySub);" tooltip="Show/Hide policy submenu" >Policy</button>
  70                 <section ng-show="subMenuView.policySub">
  71                     <button class="btn btn-default col-md-12" ng-click="toggleExpanded('tenants'); setBreadcrumb('l3', 'Tenants', policyRendererView.tenants);" tooltip="CRUD for tenants" >Tenants</button>
  72                     <button class="btn btn-default col-md-12" ng-click="toggleExpanded('epg'); setBreadcrumb('l3', 'Endpoint groups', policyRendererView.epg);" tooltip="CRUD for endpoint groups">Endpoint groups</button>
  73                     <button class="btn btn-default col-md-12" ng-click="toggleExpanded('contracts'); setBreadcrumb('l3', 'Contracts', policyRendererView.contracts);" tooltip="CRUD for contracts">Contracts</button>
  74                     <button class="btn btn-default col-md-12" ng-click="toggleExpanded('l2l3'); setBreadcrumb('l3', 'L2/L3', policyRendererView.l2l3);" tooltip="CRUD for l2/l3">L2/L3</button>
  75                 </section>
  76
  77                 <button class="btn btn-primary col-md-12 btn-lg" ng-click="setViewExpand('subMenuView','renderers'); setBreadcrumb('l2', 'Renderers', subMenuView.renderers);" tooltip="Show/Hide renderers submenu" >Renderers</button>
  78
  79                 <section ng-show="subMenuView.renderers">
  80                     <button class="btn btn-default col-md-12" ng-click="toggleExpanded('classifiers'); setBreadcrumb('l3', 'Classifiers', policyRendererView.classifiers);" tooltip="CRUD for classifiers">Classifiers</button>
  81                     <button class="btn btn-default col-md-12" ng-click="toggleExpanded('actions'); setBreadcrumb('l3', 'Actions', policyRendererView.actions);" tooltip="CRUD for actions">Actions</button>
  82                 </section>
  83
  84                 <button class="btn btn-primary col-md-12 btn-lg" ng-click="setViewExpand('subMenuView','endpoints'); setBreadcrumb('l2', 'Endpoints', subMenuView.endpoints);" tooltip="Show/Hide endpoints submenu">Endpoints</button>
  85                 <section ng-show="subMenuView.endpoints">
  86                     <button class="btn btn-default col-md-12" ng-click="toggleExpanded('registerEndpoint'); setBreadcrumb('l3', 'Endpoint', policyRendererView.registerEndpoint);" tooltip="CRUD for endpoint">Endpoint</button>
  87                     <button class="btn btn-default col-md-12" ng-click="toggleExpanded('registerL3PrefixEndpoint'); setBreadcrumb('l3', 'L3 prefix endpoint', policyRendererView.registerL3PrefixEndpoint);" tooltip="CRUD for L3 prefix endpoint">L3 prefix endpoint</button>
  88                 </section>
  89                 <!-- <button class="btn btn-primary col-md-12" ng-click="toggleExpanded('docs')"  >Docs</button> -->
  90
  91                 <button class="btn btn-primary  bottom-buttons full-width wizard-button" ng-click="showWizard('accessModelWizard')"><i class="icon-magic"></i>Access Model Wizard</button>
  92                 <button class="btn btn-primary bottom-buttons full-width" ng-click="toggleExpandedMM('main')"  >Home</button>
  93             </div>
  94
  95             <div class="panelWrapper clearfix" ng-show="policyRendererView.tenants">
  96                 <div ng-include src="view_path+'tenants.tpl.html'"></div>
  97             </div>
  98
  99             <div class="panelWrapper clearfix" ng-show="policyRendererView.l2l3">
 100                 <div ng-include src="view_path+'l2l3.tpl.html'"></div>
 101             </div>
 102
 103             <div class="panelWrapper clearfix" ng-show="policyRendererView.epg" ng-controller="epgCtrl">
 104                 <div ng-include src="view_path+'epg.tpl.html'"></div>
 105             </div>
 106
 107             <div class="panelWrapper clearfix" ng-show="policyRendererView.contracts">
 108                 <div ng-include src="view_path+'contracts.tpl.html'"></div>
 109             </div>
 110
 111             <div class="panelWrapper clearfix" ng-show="policyRendererView.docs">
 112                 <div ng-include src="view_path+'docs.tpl.html'"></div>
 113             </div>
 114
 115             <div ng-controller="renderersCtrl">
 116                 <div class="panelWrapper clearfix" ng-show="policyRendererView.classifiers" ng-controller="classifiersCtrl">
 117                     <div ng-include src="view_path+'classifiers.tpl.html'"></div>
 118                 </div>
 119
 120                 <div class="panelWrapper clearfix" ng-show="policyRendererView.actions" ng-controller="actionsCtrl">
 121                     <div ng-include src="view_path+'actions.tpl.html'"></div>
 122                 </div>
 123             </div>
 124
 125             <div class="panelWrapper clearfix" ng-show="policyRendererView.registerEndpoint">
 126                 <div ng-include src="view_path+'endpoint.tpl.html'"></div>
 127             </div>
 128
 129             <div class="panelWrapper clearfix" ng-show="policyRendererView.registerL3PrefixEndpoint">
 130                 <div ng-include src="view_path+'l3-endpoint.tpl.html'"></div>
 131             </div>
 132
 133
 134
 135         </section>
 136     </aside>
 137
 138     <div ng-if="wizards.accessModelWizard">
 139         <div ng-include src="view_path+'wizards/accessModelWizard.tpl.html'"></div>
 140     </div>
 141 </section>