catalog-ui/src/app/ng2/pages/composition/panel/panel.component.html

   1 <ng2-composition-panel-header
   2     [name]="selectedZoneInstanceName"
   3     [topologyTemplate]="topologyTemplate"
   4     [selectedZoneInstanceType]="selectedZoneInstanceType"
   5     [selectedZoneInstanceId]="selectedZoneInstanceId"
   6     [nonCertified]="nonCertified"
   7     [isViewOnly]="isViewOnly"
   8     [isLoading]="isLoading"
   9 ></ng2-composition-panel-header>
  10
  11 <div class="component-details-panel-tabs">
  12     <loader [display]="isLoading" [size]="'large'" [relative]="true" [loaderDelay]="500"></loader>
  13
  14     <div *ngIf="selectedZoneInstanceType === zoneInstanceType.POLICY">
  15         <policy-tabs
  16            [topologyTemplate]="topologyTemplate"
  17            [selectedZoneInstanceType]="selectedZoneInstanceType"
  18            [selectedZoneInstanceId]="selectedZoneInstanceId"
  19            [isViewOnly]="isViewOnly"
  20            (isLoading)="setIsLoading($event)"
  21         ></policy-tabs>
  22     </div>
  23
  24     <div *ngIf="selectedZoneInstanceType === zoneInstanceType.GROUP">
  25         <group-tabs
  26             [topologyTemplate]="topologyTemplate"
  27             [selectedZoneInstanceType]="selectedZoneInstanceType"
  28             [selectedZoneInstanceId]="selectedZoneInstanceId"
  29             [isViewOnly]="isViewOnly"
  30             (isLoading)="setIsLoading($event)"
  31          ></group-tabs>
  32     </div>
  33
  34 </div>