Resolved policy sidepanel
[groupbasedpolicy.git] / groupbasedpolicy-ui / module / src / main / resources / gbp / resolved-policy / clause-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.data.id}}</li>
7                         <li class="breadcrumb"><i class="material-icons">keyboard_arrow_right</i></li>
8                         <li class="breadcrumb">{{selectedNode.data.clause[clauseIndex].name}}</li>
9                 </ul>
10         </div>
11         <md-divider></md-divider>
12         <md-divider></md-divider>
13         <md-subheader class="md-primary">Clause info</md-subheader>
14         <div layout="row" class="layout-padding-lr15 layout-row layout-padding-b15">
15             <span flex="50" class="flex-50"><strong>Clause name</strong></span>
16             <span flex="" class="ng-binding flex">{{selectedNode.data.clause[clauseIndex].name}}</span>
17         </div>
18         <md-divider></md-divider>
19         <md-subheader class="md-primary">Subject refs ({{selectedNode.data.clause[clauseIndex]['subject-refs'].length}})</md-subheader>
20     <md-list>
21         <ng-repeat ng-repeat="ref in selectedNode.data.clause[clauseIndex]['subject-refs']">
22                 <md-list-item ng-click="toggleExpanded(ref)">
23                         {{ref}}
24                         <md-content ng-show="ref.expanded" class="md-whiteframe-2dp ng-scope flex layout-margin">
25                                 <div layout="row" class="layout-row">
26                                 <span flex="50" class="flex-50"><strong>Subject refs</strong></span>
27                                         <span flex class="ng-binding flex">{{ref}}</span>
28                                 </div>
29                         </md-content>
30                 </md-list-item>
31         </ng-repeat>
32     </md-list>
33 </md-content>