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

   1 <md-content ng-controller="EpgSidePanelController">
   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/epg-list-sidepanel')" role="button">Endpoint-groups</li>
   5                         <li class="breadcrumb"><i class="material-icons">keyboard_arrow_right</i></li>
   6                         <li class="breadcrumb">{{sidePanelObject.id}}</li>
   7                 </ul>
   8         </div>
   9         <md-divider></md-divider>
  10         <md-divider></md-divider>
  11         <md-subheader class="md-primary">Endpoint-group info</md-subheader>
  12         <div layout="row" class="layout-padding-lr15 layout-padding-b15 layout-row">
  13             <span flex="50" class="flex-50"><strong>Endpoint-group ID</strong></span>
  14             <span flex="" class="ng-binding flex">{{sidePanelObject.id}}</span>
  15         </div>
  16         <md-divider></md-divider>
  17         <div ng-if="sidePanelObject['provided-contracts'].length">
  18             <md-subheader class="md-primary">Provided contracts ({{sidePanelObject['provided-contracts'].length}})</md-subheader>
  19             <md-list>
  20             <md-list-item ng-click="openSidePanel('resolved-policy/sidepanel/views/contract-sidepanel', providedContract);"
  21                           ng-repeat="providedContract in sidePanelObject['provided-contracts']"
  22                           ng-mouseenter="highlightLink(providedContract.linkId)"
  23                           ng-mouseleave="highlightNode(sidePanelObject.id)"
  24                           >
  25                 {{providedContract['contract-id']}}
  26             </md-list-item>
  27             </md-list>
  28     </div>
  29         <div ng-if="sidePanelObject['consumed-contracts'].length">
  30             <md-subheader class="md-primary">Consumed contracts ({{sidePanelObject['consumed-contracts'].length}})</md-subheader>
  31             <md-list>
  32             <md-list-item ng-click="openSidePanel('resolved-policy/sidepanel/views/contract-sidepanel', consumedContract);"
  33                           ng-repeat="consumedContract in sidePanelObject['consumed-contracts']"
  34                           ng-mouseenter="highlightLink(consumedContract.linkId)"
  35                           ng-mouseleave="highlightNode(sidePanelObject.id)"
  36                           >
  37                 {{consumedContract['contract-id']}}
  38             </md-list-item>
  39             </md-list>
  40     </div>
  41     <md-divider></md-divider>
  42     <md-subheader class="md-primary">
  43                 <div layout="row" class="layout-row">
  44                         <span>Endpoints ({{endpoints.data.length}})</span>
  45         </div>
  46     </md-subheader>
  47     <md-list class="expander">
  48                 <md-list-item class="md-4-line" layout="row" ng-repeat="endpoint in endpoints.data">
  49                         <div layout-padding flex="15">
  50                                 <h3>{{endpoint.getEndpointContextTypeAcronym()}}</h3>
  51                                 <md-tooltip md-direction="right">{{endpoint.data['context-type']}}</md-tooltip>
  52                         </div>
  53                         <div class="md-list-item-text" flex="60">
  54                                 <h3>{{endpoint.data['context-id']}}</h3>
  55                                 <p>Address: {{endpoint.data.address}} </p>
  56                                 <p>Network Domain: {{endpoint.data['network-containment']['network-domain-id']}} </p>
  57                 <p>SGT: {{endpointSgtList.findSgtsForEndpoint(endpoint)}} </p>
  58                         </div>
  59                         <div flex="10">
  60                                 <md-button class="md-icon-button" ng-click="rootOpenEndpointDialog('edit', endpoint)">
  61                                         <md-icon>edit</md-icon>
  62                                 </md-button>
  63                         </div>
  64                         <div flex="10">
  65                                 <md-button class="md-icon-button" ng-click="rootDeleteEndpointDialog(endpoint)">
  66                                         <md-icon>delete</md-icon>
  67                                 </md-button>
  68                         </div>
  69                 </md-list-item>
  70     </md-list>
  71 </md-content>