git.apps.os.sepia.ceph.com Git - ceph.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         <cd-alert-panel
  73           *ngIf="dirFlowSelection.hasSelection"
  74           type="info"
  75           title="Directional Flow 'edit' & 'delete' actions disabled"
  76           i18n-title
  77           i18n>
  78           Due to some internal dependencies these actions are disabled, it will get enabled once the issue gets resolved.
  79         </cd-alert-panel>
  80       </ng-template>
  81     </ng-container>
  82     <ng-container ngbNavItem="pipe">
  83       <a ngbNavLink
  84          i18n>Pipe</a>
  85       <ng-template ngbNavContent>
  86         <legend i18n>
  87           Pipe
  88           <cd-help-text>
  89             A pipe defines the actual buckets that can use these data flows, and the properties that are associated with it.
  90           </cd-help-text>
  91         </legend>
  92         <cd-table
  93         #table
  94         [data]="pipeData"
  95         [columns]="pipeCols"
  96         selectionType="multiClick"
  97         [searchableObjects]="true"
  98         [hasDetails]="false"
  99         [serverSide]="false"
 100         [toolHeader]="true"
 101         (updateSelection)="pipeSelection = $event"
 102         (fetchData)="loadData($event)">
 103         <div class="table-actions btn-toolbar">
 104           <cd-table-actions
 105             [permission]="permission"
 106             [selection]="pipeSelection"
 107             class="btn-group"
 108             [tableActions]="pipeTableActions">
 109           </cd-table-actions>
 110         </div>
 111         </cd-table>
 112       </ng-template>
 113     </ng-container>
 114   </nav>
 115   <div [ngbNavOutlet]="nav"></div>
 116 </ng-container>
 117
 118 <ng-template #deleteTpl>
 119   <cd-alert-panel type="danger"
 120                   i18n>
 121     Are you sure you want to delete these Flow?
 122   </cd-alert-panel>
 123 </ng-template>