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

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