groupbasedpolicy-ui/module/src/main/resources/gbp/endpoints/side_panel_endpoints_detail.tpl.html

   1 <md-content>
   2     <md-subheader class="md-primary">Endpoint properties</md-subheader>
   3     <div layout="row" class="layout-padding-lr15 .layout-padding-b15 layout-row" ng-if="sidePanelObject.data.tenant.length">
   4         <span flex="35"><strong>Tenant</strong></span><span flex>{{ sidePanelObject.data.tenant }}</span>
   5     </div>
   6     <div layout="row" class="layout-padding-lr15 .layout-padding-b15 layout-row" ng-if="sidePanelObject.data['endpoint-group'].length">
   7         <span flex="35"><strong>Endpoint group</strong></span><span ng-repeat="epg in sidePanelObject.data['endpoint-group']">{{epg}}<span ng-if="!$last">, </span>
   8         </span>
   9     </div>
  10     <md-divider style="margin-bottom: 10px; margin-top: 10px;"></md-divider>
  11     <div layout="row" class="layout-padding-lr15 .layout-padding-b15 layout-row">
  12         <span flex="35"><strong>Context type</strong></span><span flex>{{ sidePanelObject.data['context-type'] }}</span>
  13     </div>
  14     <div layout="row" class="layout-padding-lr15 .layout-padding-b15 layout-row">
  15         <span flex="35"><strong>Context Id</strong></span><span flex>{{ sidePanelObject.data['context-id'] }}</span>
  16     </div>
  17     <md-divider style="margin-bottom: 10px; margin-top: 10px;"></md-divider>
  18     <div layout="row" class="layout-padding-lr15 .layout-padding-b15 layout-row">
  19         <span flex="35"><strong>Address type</strong></span><span flex>{{ sidePanelObject.data['address-type'] }}</span>
  20     </div>
  21     <div layout="row" class="layout-padding-lr15 .layout-padding-b15 layout-row">
  22         <span flex="35"><strong>Address</strong></span><span flex>{{ sidePanelObject.data.address }}</span>
  23     </div>
  24     <md-divider style="margin-bottom: 10px; margin-top: 10px;"></md-divider>
  25     <section ng-if="sidePanelObject.data['network-containment']['network-domain-type'].length">
  26         <md-subheader class="md-secondary" style="color: rgb(33,150,243);">Network domain</md-subheader>
  27         <div layout="row" class="layout-padding-lr15 .layout-padding-b15 layout-row">
  28             <span flex="35"><strong>Id</strong></span><span flex>{{ sidePanelObject.data['network-containment']['network-domain-id'] }}</span>
  29         </div>
  30         <div layout="row" class="layout-padding-lr15 .layout-padding-b15 layout-row">
  31             <span flex="35"><strong>type</strong></span><span flex>{{ sidePanelObject.data['network-containment']['network-domain-type'] }}</span>
  32         </div>
  33         <md-divider style="margin-bottom: 10px; margin-top: 10px;"></md-divider>
  34     </section>
  35     <div layout="row" class="layout-padding-lr15 .layout-padding-b15 layout-row" ng-if="sidePanelObject.data.condition.length">
  36         <span flex="35"><strong>Condition</strong></span><span ng-repeat="cndt in sidePanelObject.data.condition">{{cndt}}<span ng-if="!$last">, </span>
  37         </span>
  38     </div>
  39     <section ng-if="sidePanelObject.data['absolute-location']['internal-node'].length || sidePanelObject.data['absolute-location']['internal-node-connector'].length">
  40         <label class=".md-subhead">Absolute Location</label>
  41         <div layout="row" class="layout-padding-lr15 .layout-padding-b15 layout-row" ng-if="sidePanelObject.data['absolute-location']['internal-node']">
  42             <span flex="35"><strong>Internal node</strong></span><span flex>{{ sidePanelObject.data['absolute-location']['internal-node'] }}</span>
  43         </div>
  44         <div layout="row" class="layout-padding-lr15 .layout-padding-b15 layout-row" ng-if="sidePanelObject.data['absolute-location']['internal-node-connector']">
  45             <span flex="35"><strong>Internal node connector</strong></span><span flex>{{ sidePanelObject.data['absolute-location']['internal-node-connector'] }}</span>
  46         </div>
  47     </section>
  48     <div layout="row" class="layout-padding-lr15 .layout-padding-b15 layout-row" ng-if="sidePanelObject.data.timestamp">
  49         <span flex="35"><strong>Timestamp</strong></span><span flex>{{ sidePanelObject.data.timestamp | date: 'short'}}</span>
  50     </div>
  51     <div layout="row" class="layout-padding-lr15 .layout-padding-b15 layout-row" ng-if="endpointSgtList.findSgtsForEndpoint(sidePanelObject).length">
  52         <span flex="35"><strong>SGT</strong></span><span>{{ endpointSgtList.findSgtsForEndpoint(sidePanelObject) }}</span>
  53     </div>
  54 <md-content>