31bc120698c055266edf0d28dd98900503cfa002
[groupbasedpolicy.git] / groupbasedpolicy-ui / module / src / main / resources / gbp / resolved-policy / sidepanel / views / 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="openSidePanel('resolved-policy/sidepanel/views/contract-list-sidepanel')" role="button">Contracts</li>
5                         <li class="breadcrumb"><i class="material-icons">keyboard_arrow_right</i></li>
6                         <li class="breadcrumb" ng-click="openSidePanel('resolved-policy/sidepanel/views/contract-sidepanel', sidePanelObject)" role="button">{{sidePanelObject['contract-id']}}</li>
7                         <li class="breadcrumb"><i class="material-icons">keyboard_arrow_right</i></li>
8                         <li class="breadcrumb" ng-click="openSidePanel('resolved-policy/sidepanel/views/subject-sidepanel', sidePanelObject)" role="button">{{innerObj.subject}}</li>
9                         <li class="breadcrumb"><i class="material-icons">keyboard_arrow_right</i></li>
10                         <li class="breadcrumb">{{sidePanelObject.subjects[innerObj.subject]['resolved-rule'][innerObj.rule].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">{{sidePanelObject.subjects[innerObj.subject]['resolved-rule'][innerObj.rule].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 ({{sidePanelObject.subjects[innerObj.subject]['resolved-rule'][innerObj.rule].action.length}})</span>
24                         <span ng-if="sidePanelObject.subjects[innerObj.subject]['resolved-rule'][innerObj.rule].action.length">
25                 </span>
26         </div>
27         </md-subheader>
28     <md-list>
29                 <md-list-item class="md-4-line" layout="row"
30                                           ng-repeat="action in sidePanelObject.subjects[innerObj.subject]['resolved-rule'][innerObj.rule].action">
31                         <div layout-padding flex="10">
32                                 <h3>{{action.order}}</h3>
33                                 <md-tooltip md-direction="right">
34                                         Order
35                                 </md-tooltip>
36                         </div>
37                         <div class="md-list-item-text" flex>
38                                 <h3>{{action.name}}</h3>
39                                 <p>Action definition ID: {{action['action-definition-id']}} </p>
40                                 <p ng-if="action['action-definition-id'] === 'Action-Chain'">Parameter name: {{action['parameter-value'][0].name}} </p>
41                 <p ng-if="action['action-definition-id'] === 'Action-Chain'">Parameter value: {{action['parameter-value'][0]['string-value']}} </p>
42                         </div>
43                         <div ng-if="action['action-definition-id'] === 'Action-Chain'" flex="10">
44                                 <md-button class="md-icon-button margin-lr0" ng-click="openSfcDialog(action['parameter-value'][0]['string-value'])">
45                                         <md-icon>visibility</md-icon>
46                                 </md-button>
47                         </div>
48                 </md-list-item>
49     </md-list>
50         <md-divider></md-divider>
51         <md-subheader class="md-primary">
52                 <div layout="row" class="layout-row">
53                         <span>Classifiers ({{sidePanelObject.subjects[innerObj.subject]['resolved-rule'][innerObj.rule].classifier.length}})</span>
54                         <span class="flex" flex></span>
55         </div>
56         </md-subheader>
57     <md-list class="expander">
58                 <md-list-item ng-repeat="classifier in sidePanelObject.subjects[innerObj.subject]['resolved-rule'][innerObj.rule].classifier"
59                                           class="md-4-line">
60             <div layout-padding flex="15">
61                 <h3>{{classifier.direction}}</h3>
62                 <md-tooltip md-direction="right">
63                     Direction
64                 </md-tooltip>
65             </div>
66                         <div class="md-list-item-text" flex="80">
67                                 <h3>{{classifier.name}}</h3>
68                                 <p>Classifier definition ID: {{classifier['classifier-definition-id']}} </p>
69                                 <p>Connection tracking: {{classifier['connection-tracking']}} </p>
70                                 <p ng-repeat="param in classifier['parameter-value']">{{param.name}}: {{param['int-value']}} </p>
71                         </div>
72                 </md-list-item>
73     </md-list>
74 </md-content>