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)="loadData($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)="loadData($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       </ng-template>
  73     </ng-container>
  74     <ng-container ngbNavItem="pipe">
  75       <a ngbNavLink
  76          i18n>Pipe</a>
  77       <ng-template ngbNavContent>
  78         <legend i18n>
  79           Pipe
  80           <cd-help-text>
  81             A pipe defines the actual buckets that can use these data flows, and the properties that are associated with it.
  82           </cd-help-text>
  83         </legend>
  84         <cd-table
  85         #table
  86         [data]="pipeData"
  87         [columns]="pipeCols"
  88         selectionType="multiClick"
  89         [searchableObjects]="true"
  90         [hasDetails]="false"
  91         [serverSide]="false"
  92         [toolHeader]="true"
  93         (updateSelection)="pipeSelection = $event"
  94         (fetchData)="loadData($event)">
  95         <div class="table-actions btn-toolbar">
  96           <cd-table-actions
  97             [permission]="permission"
  98             [selection]="pipeSelection"
  99             class="btn-group"
 100             [tableActions]="pipeTableActions">
 101           </cd-table-actions>
 102         </div>
 103         </cd-table>
 104       </ng-template>
 105     </ng-container>
 106   </nav>
 107   <div [ngbNavOutlet]="nav"></div>
 108 </ng-container>
 109
 110 <ng-template #deleteTpl>
 111   <cd-alert-panel type="danger"
 112                   i18n>
 113     Deleting {{ resourceType | upperFirst }} may disrupt data synchronization
 114   </cd-alert-panel>
 115 </ng-template>