groupbasedpolicy-ui/module/src/main/resources/gbp/resolved-policy/rule-sidepanel.tpl.html

   1 <md-content flex>
   2         <div layout="row" class="layout-padding-lr15 layout-row">
   3                 <ul class="breadcrumbs">
   4                         <li class="breadcrumb" ng-click="deselectContract()" role="button">Contracts</li>
   5                         <li class="breadcrumb"><i class="material-icons">keyboard_arrow_right</i></li>
   6                         <li class="breadcrumb" ng-click="openSidePanelTpl('contract')" role="button">{{selectedNode['contract-id']}}</li>
   7                         <li class="breadcrumb"><i class="material-icons">keyboard_arrow_right</i></li>
   8                         <li class="breadcrumb" ng-click="openSidePanelTpl('subject')" role="button">{{subjectIndex}}</li>
   9                         <li class="breadcrumb"><i class="material-icons">keyboard_arrow_right</i></li>
  10                         <li class="breadcrumb">{{selectedNode.subjects[subjectIndex]['resolved-rule'][0][ruleIndex].name}}</li>
  11                 </ul>
  12         </div>
  13         <md-divider></md-divider>
  14         <md-divider></md-divider>
  15         <md-subheader class="md-primary">Rule info</md-subheader>
  16         <div layout="row" class="layout-padding-lr15 layout-row layout-padding-b15">
  17             <span flex="50" class="flex-50"><strong>Resolved rule name</strong></span>
  18             <span flex="" class="ng-binding flex">{{selectedNode.subjects[subjectIndex]['resolved-rule'][0][ruleIndex].name}}</span>
  19         </div>
  20         <md-divider></md-divider>
  21         <md-subheader class="md-primary">
  22                 <div layout="row" class="layout-row">
  23                         <span>Actions ({{selectedNode.subjects[subjectIndex]['resolved-rule'][0][ruleIndex].action.length}})</span>
  24                         <span class="flex" flex></span>
  25                         <span ng-if="selectedNode.subjects[subjectIndex]['resolved-rule'][0][ruleIndex].action.length">
  26                                 <md-button class="md-button md-primary md-button md-ink-ripple expand-button" type="button" ng-click="expandAll(selectedNode.subjects[subjectIndex]['resolved-rule'][0][ruleIndex].action)" aria-label="Expand all">
  27                             <i class="fa fa-expand ng-scope"></i>
  28                                 <div class="md-ripple-container"></div>
  29                                 <md-tooltip md-direction="bottom">
  30                                         Expand all
  31                                 </md-tooltip>
  32                         </md-button>
  33                         <md-button class="md-button md-primary md-button md-ink-ripple expand-button" type="button" ng-click="collapseAll(selectedNode.subjects[subjectIndex]['resolved-rule'][0][ruleIndex].action)" aria-label="Collapse all">
  34                                         <i class="fa fa-compress ng-scope"></i>
  35                             <div class="md-ripple-container"></div>
  36                                 <md-tooltip md-direction="bottom">
  37                                         Collapse all
  38                                 </md-tooltip>
  39                         </md-button>
  40                 </span>
  41         </div>
  42         </md-subheader>
  43     <md-list class="expander">
  44                 <md-list-item ng-click="toggleExpanded(action)" class="md-3-line" layout="row"
  45                                           ng-repeat="action in selectedNode.subjects[subjectIndex]['resolved-rule'][0][ruleIndex].action">
  46                         <div layout-padding flex="10">
  47                                 <h3>{{action.order}}</h3>
  48                                 <md-tooltip md-direction="right">
  49                                         Order
  50                                 </md-tooltip>
  51                         </div>
  52                         <div class="md-list-item-text" flex>
  53                                 <h3>{{action.name}}</h3>
  54                                 <p>Action definition ID: {{action['action-definition-id']}} </p>
  55                                 <p>Name: {{action.name}} </p>
  56                         </div>
  57                         <div ng-if="action['action-definition-id'] === 'Action-Chain'" flex="10">
  58                                 <md-button class="md-icon-button" ng-click="openSfcDialog({{action.name}})">
  59                                         <md-icon>visibility</md-icon>
  60                                 </md-button>
  61                         </div>
  62                 </md-list-item>
  63     </md-list>
  64         <md-divider></md-divider>
  65         <md-subheader class="md-primary">
  66                 <div layout="row" class="layout-row">
  67                         <span>Classifiers ({{selectedNode.subjects[subjectIndex]['resolved-rule'][0][ruleIndex].classifier.length}})</span>
  68                         <span class="flex" flex></span>
  69                         <span ng-if="selectedNode.subjects[subjectIndex]['resolved-rule'][0][ruleIndex].classifier.length">
  70                                 <md-button class="md-button md-primary md-button md-ink-ripple expand-button" type="button" ng-click="expandAll(selectedNode.subjects[subjectIndex]['resolved-rule'][0][ruleIndex].classifier)" aria-label="Expand all">
  71                             <i class="fa fa-expand ng-scope"></i>
  72                                 <div class="md-ripple-container"></div>
  73                                 <md-tooltip md-direction="bottom">
  74                                         Expand all
  75                                 </md-tooltip>
  76                         </md-button>
  77                         <md-button class="md-button md-primary md-button md-ink-ripple expand-button" type="button" ng-click="collapseAll(selectedNode.subjects[subjectIndex]['resolved-rule'][0][ruleIndex].classifier)" aria-label="Collapse all">
  78                                         <i class="fa fa-compress ng-scope"></i>
  79                             <div class="md-ripple-container"></div>
  80                                 <md-tooltip md-direction="bottom">
  81                                         Collapse all
  82                                 </md-tooltip>
  83                         </md-button>
  84                 </span>
  85         </div>
  86         </md-subheader>
  87     <md-list class="expander">
  88         <ng-repeat ng-repeat="classifier in selectedNode.subjects[subjectIndex]['resolved-rule'][0][ruleIndex].classifier">
  89                 <md-list-item ng-click="toggleExpanded(classifier)">
  90                         {{classifier.name}}
  91                         <md-content ng-show="classifier.expanded" class="md-whiteframe-2dp ng-scope layout-margin">
  92                                 <div flex>
  93                                         <div layout="row" class="layout-row">
  94                                         <span flex="50" class="flex-50"><strong>Classifier definition ID</strong></span>
  95                                                 <span flex class="ng-binding flex">{{classifier['classifier-definition-id']}}</span>
  96                                                 </div>
  97                                         <div layout="row" class="layout-row">
  98                                         <span flex="50" class="flex-50"><strong>Name</strong></span>
  99                                                 <span flex class="ng-binding flex">{{classifier.name}}</span>
 100                                                 </div>
 101                                         <div layout="row" class="layout-row">
 102                                         <span flex="50" class="flex-50"><strong>Connection tracking</strong></span>
 103                                                 <span flex class="ng-binding flex">{{classifier['connection-tracking']}}</span>
 104                                                 </div>
 105                                         <div layout="row" class="layout-row">
 106                                         <span flex="50" class="flex-50"><strong>Direction</strong></span>
 107                                                 <span flex class="ng-binding flex">{{classifier.direction}}</span>
 108                                                 </div>
 109                                         <md-subheader class="md-primary">Parameters ({{classifier['parameter-value'].length}})</md-subheader>
 110                                         <div layout="row" class="layout-row" ng-repeat="param in classifier['parameter-value']">
 111                                         <span flex="50" class="flex-50"><strong>{{param.name}}</strong></span>
 112                                                 <span flex class="ng-binding flex">{{param['int-value']}}</span>
 113                                                 </div>
 114                                         </div>
 115                         </md-content>
 116                 </md-list-item>
 117         </ng-repeat>
 118     </md-list>
 119 </md-content>