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

   1 <ng-template #emptyCluster>
   2   <ng-container class="container h-75"
   3                 *ngIf="managedByConfig$ | async as managedByConfig">
   4     <div class="row h-100 justify-content-center align-items-center">
   5       <div class="blank-page">
   6         <i class="mx-auto d-block"
   7            [ngClass]="[icons.large, icons.wrench]">
   8         </i>
   9       <div class="mt-4 text-center">
  10         <h4 class="mt-3">This cluster is already managed by cluster -
  11           <a target="_blank"
  12              [href]="managedByConfig['MANAGED_BY_CLUSTERS'][0]['url']">
  13             {{ managedByConfig['MANAGED_BY_CLUSTERS'][0]['fsid'] }}
  14             <i class="fa fa-external-link"></i>
  15           </a>
  16         </h4>
  17       </div>
  18       </div>
  19     </div>
  20   </ng-container>
  21 </ng-template>
  22
  23 <ng-container *ngIf="managedByConfig$ | async as managedByConfig">
  24   <div *ngIf="managedByConfig['MANAGED_BY_CLUSTERS'].length === 0; else emptyCluster">
  25     <nav ngbNav
  26          #nav="ngbNav"
  27          class="nav-tabs">
  28       <ng-container ngbNavItem>
  29         <a ngbNavLink
  30            i18n>Clusters List</a>
  31         <ng-template ngbNavContent>
  32           <cd-table #table
  33                     [data]="data"
  34                     [columns]="columns"
  35                     columnMode="flex"
  36                     selectionType="single"
  37                     [maxLimit]="25"
  38                     (updateSelection)="updateSelection($event)">
  39             <div class="table-actions btn-toolbar">
  40               <cd-table-actions [permission]="permissions.user"
  41                                 [selection]="selection"
  42                                 class="btn-group"
  43                                 id="cluster-actions"
  44                                 [tableActions]="tableActions">
  45               </cd-table-actions>
  46             </div>
  47           </cd-table>
  48         </ng-template>
  49       </ng-container>
  50     </nav>
  51     <div [ngbNavOutlet]="nav"></div>
  52   </div>
  53 </ng-container>
  54
  55 <ng-template #urlTpl
  56              let-row="row">
  57   <a target="_blank"
  58      [href]="row.url">
  59       {{ row?.url?.endsWith('/') ? row?.url?.slice(0, -1) : row.url }}
  60     <i class="fa fa-external-link"></i>
  61   </a>
  62 </ng-template>
  63