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.tenant.length">
   4         <span flex="35"><strong>Tenant</strong></span><span flex>{{ sidePanelObject.tenant }}</span>
   5     </div>
   6     <div layout="row" class="layout-padding-lr15 .layout-padding-b15 layout-row" ng-if="sidePanelObject['endpoint-group'].length">
   7         <span flex="35"><strong>Endpoint group</strong></span><span ng-repeat="epg in sidePanelObject['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['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['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['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.address }}</span>
  23     </div>
  24     <md-divider style="margin-bottom: 10px; margin-top: 10px;"></md-divider>
  25     <md-subheader class="md-secondary" ng-if="sidePanelObject['network-containment']['network-domain-type'].length">Network domain</md-subheader>
  26     <div layout="row" class="layout-padding-lr15 .layout-padding-b15 layout-row" ng-if="sidePanelObject['network-containment']['network-domain-id'].length">
  27         <span flex="35"><strong>Id</strong></span><span flex>{{ sidePanelObject['network-containment']['network-domain-id'] }}</span>
  28     </div>
  29     <div layout="row" class="layout-padding-lr15 .layout-padding-b15 layout-row" ng-if="sidePanelObject['network-containment']['network-domain-type'].length">
  30         <span flex="35"><strong>type</strong></span><span flex>{{ sidePanelObject['network-containment']['network-domain-type'] }}</span>
  31     </div>
  32     <md-subheader class="md-secondary"></md-subheader>
  33     <div layout="row" class="layout-padding-lr15 .layout-padding-b15 layout-row" ng-if="sidePanelObject.condition.length">
  34         <span flex="35"><strong>Condition</strong></span><span ng-repeat="cndt in sidePanelObject.condition">{{cndt}}<span ng-if="!$last">, </span>
  35         </span>
  36     </div>
  37     <section ng-if="sidePanelObject['absolute-location']['internal-node'].length || sidePanelObject['absolute-location']['internal-node-connector'].length">
  38         <label class=".md-subhead">Absolute Location</label>
  39         <div layout="row" class="layout-padding-lr15 .layout-padding-b15 layout-row" ng-if="sidePanelObject['absolute-location']['internal-node']">
  40             <span flex="35"><strong>Internal node</strong></span><span flex>{{ sidePanelObject['absolute-location']['internal-node'] }}</span>
  41         </div>
  42         <div layout="row" class="layout-padding-lr15 .layout-padding-b15 layout-row" ng-if="sidePanelObject['absolute-location']['internal-node-connector']">
  43             <span flex="35"><strong>Internal node connector</strong></span><span flex>{{ sidePanelObject['absolute-location']['internal-node-connector'] }}</span>
  44         </div>
  45     </section>
  46     <div layout="row" class="layout-padding-lr15 .layout-padding-b15 layout-row" ng-if="sidePanelObject.timestamp">
  47         <span flex="35"><strong>Timestamp</strong></span><span flex>{{ sidePanelObject.timestamp | date: 'short'}}</span>
  48     </div>
  49 <md-content>