SFC topology
[groupbasedpolicy.git] / groupbasedpolicy-ui / module / src / main / resources / gbp / resolved-policy / contract-sidepanel.tpl.html
1 <md-content flex>
2         <div ng-if="selectedNode == null">
3                 <div layout="row" class="layout-padding-lr15 layout-row">
4                         <ul class="breadcrumbs">
5                                 <li class="breadcrumb">Contracts</li>
6                         </ul>
7                 </div>
8                 <md-divider></md-divider>
9                 <md-divider></md-divider>
10             <md-subheader class="md-primary">Contracts list ({{sidePanelObject.length}})</md-subheader>
11             <md-list>
12                 <ng-repeat ng-repeat="contract in sidePanelObject">
13                         <md-list-item ng-click="openSidePanel('resolved-policy/contract-sidepanel', contract, null)"
14                                                           ng-mouseenter="highlightLink(contract.linkId)"
15                                                           ng-mouseleave="fadeAll()">
16                                 {{contract['contract-id']}}
17                         </md-list-item>
18                 </ng-repeat>
19             </md-list>
20         </div>
21         <div ng-if="selectedNode">
22                 <div layout="row" class="layout-padding-lr15 layout-row">
23                         <ul class="breadcrumbs">
24                                 <li class="breadcrumb" ng-click="deselectContract()" role="button">Contracts</li>
25                                 <li class="breadcrumb"><i class="material-icons">keyboard_arrow_right</i></li>
26                                 <li class="breadcrumb">{{selectedNode['contract-id']}}</li>
27                         </ul>
28                 </div>
29                 <md-divider></md-divider>
30                 <md-divider></md-divider>
31                 <md-subheader class="md-primary">Contract info</md-subheader>
32                 <div layout="row" class="layout-padding-lr15 layout-padding-b15 layout-row">
33                     <span flex="50" class="flex-50"><strong>Contract ID</strong></span>
34                     <span flex="" class="ng-binding flex">{{selectedNode['contract-id']}}</span>
35                 </div>
36                 <md-divider></md-divider>
37                 <md-subheader class="md-primary">Subject list ({{getObjectsCount(selectedNode.subjects)}})</md-subheader>
38             <md-list>
39                 <ng-repeat ng-repeat="(key, value) in selectedNode.subjects">
40                         <md-list-item ng-click="openSidePanelChild(key, 'subject')">
41                                 {{key}}
42                         </md-list-item>
43                 </ng-repeat>
44             </md-list>
45         </div>
46 </md-content>