git.apps.os.sepia.ceph.com Git - ceph-ci.git/blob

   1 <ng-container *ngIf="expandedRow">
   2   <nav
   3     ngbNav
   4     #nav="ngbNav"
   5     class="nav-tabs"
   6     cdStatefulTab="sync-policy-details">
   7     <ng-container ngbNavItem="flow">
   8       <a
   9         ngbNavLink
  10         i18n>Flow</a>
  11       <ng-template ngbNavContent>
  12         <legend>
  13           Symmetrical
  14           <cd-help-text>
  15             It can define symmetrical data flow, in which multiple zones sync data from each other.
  16           </cd-help-text>
  17         </legend>
  18         <cd-table
  19           #table
  20           [autoReload]="false"
  21           [data]="symmetricalFlowData"
  22           [columns]="symmetricalFlowCols"
  23           columnMode="flex"
  24           selectionType="multiClick"
  25           [searchableObjects]="true"
  26           [hasDetails]="false"
  27           [serverSide]="false"
  28           [count]="0"
  29           [maxLimit]="25"
  30           [toolHeader]="true"
  31           (updateSelection)="updateSelection($event, flowType.symmetrical)"
  32           (fetchData)="loadFlowData($event)">
  33           <div class="table-actions btn-toolbar">
  34             <cd-table-actions
  35               [permission]="permission"
  36               [selection]="symFlowSelection"
  37               class="btn-group"
  38               [tableActions]="symFlowTableActions" >
  39             </cd-table-actions>
  40           </div>
  41         </cd-table>
  42         <legend>
  43           Directional
  44           <cd-help-text>
  45             It can define directional data flow, in which the data moves in one way, from one zone to another.
  46           </cd-help-text>
  47         </legend>
  48         <cd-table
  49           #table
  50           [autoReload]="false"
  51           [data]="directionalFlowData"
  52           [columns]="directionalFlowCols"
  53           columnMode="flex"
  54           selectionType="multiClick"
  55           [searchableObjects]="true"
  56           [hasDetails]="false"
  57           [serverSide]="false"
  58           [count]="0"
  59           [maxLimit]="25"
  60           [toolHeader]="true"
  61           (updateSelection)="updateSelection($event, flowType.directional)"
  62           (fetchData)="loadFlowData($event)">
  63           <div class="table-actions btn-toolbar">
  64             <cd-table-actions
  65               [permission]="permission"
  66               [selection]="dirFlowSelection"
  67               class="btn-group"
  68               [tableActions]="dirFlowTableActions">
  69             </cd-table-actions>
  70           </div>
  71         </cd-table>
  72         <cd-alert-panel
  73           type="info"
  74           *ngIf="dirFlowSelection.hasSelection">
  75           'Edit' and 'Delete' functionalities for Directional flow are disabled for now due to some internal dependency. They will be enabled once the issue is resolved.
  76         </cd-alert-panel>
  77       </ng-template>
  78     </ng-container>
  79   </nav>
  80
  81   <div [ngbNavOutlet]="nav"></div>
  82 </ng-container>
  83
  84 <ng-template #deleteTpl>
  85   <cd-alert-panel type="danger"
  86                   i18n>
  87     Are you sure you want to delete these Flow?
  88   </cd-alert-panel>
  89 </ng-template>