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

   1 <cd-orchestrator-doc-panel *ngIf="showDocPanel"></cd-orchestrator-doc-panel>
   2
   3 <div *ngIf="flag === 'hostDetails'; else serviceDetailsTpl">
   4   <ng-container *ngTemplateOutlet="serviceDaemonDetailsTpl"></ng-container>
   5 </div>
   6
   7 <ng-template #serviceDetailsTpl>
   8   <ng-container>
   9     <nav ngbNav
  10          #nav="ngbNav"
  11          class="nav-tabs"
  12          cdStatefulTab="service-details">
  13       <ng-container ngbNavItem="details">
  14         <a ngbNavLink
  15            i18n>Daemons</a>
  16         <ng-template ngbNavContent>
  17           <ng-container *ngTemplateOutlet="serviceDaemonDetailsTpl"></ng-container>
  18         </ng-template>
  19       </ng-container>
  20       <ng-container ngbNavItem="service_events">
  21         <a ngbNavLink
  22            i18n>Service Events</a>
  23         <ng-template ngbNavContent>
  24           <cd-table *ngIf="hasOrchestrator"
  25                     #serviceTable
  26                     [data]="services"
  27                     [columns]="serviceColumns"
  28                     columnMode="flex"
  29                     (fetchData)="getServices($event)">
  30           </cd-table>
  31         </ng-template>
  32       </ng-container>
  33     </nav>
  34     <div [ngbNavOutlet]="nav"></div>
  35   </ng-container>
  36 </ng-template>
  37
  38 <ng-template #statusTpl
  39              let-row="data.row">
  40   <span class="badge"
  41         [ngClass]="row | pipeFunction:getStatusClass">
  42     {{ row.status_desc }}
  43   </span>
  44 </ng-template>
  45
  46 <ng-template #listTpl
  47              let-events="data.value">
  48   <ul class="list-group list-group-flush"
  49       *ngIf="events?.length else noEventsAvailable">
  50     <li class="list-group-item"
  51         *ngFor="let event of events; trackBy:trackByFn">
  52       <b>{{ event.created | relativeDate }} - </b>
  53       <span class="badge badge-info">{{ event.subject }}</span><br>
  54       <span *ngIf="event.level === 'INFO'">
  55         <svg [cdsIcon]="icons.infoCircle"
  56              [size]="icons.size16"
  57              class="cds-info-color"></svg>
  58       </span>
  59       <span *ngIf="event.level === 'ERROR'">
  60         <svg [cdsIcon]="icons.warning"
  61              [size]="icons.size16"
  62              class="cds-warning-color"></svg>
  63       </span>
  64       {{ event.message }}
  65     </li>
  66   </ul>
  67   <ng-template #noEventsAvailable>
  68     <div class="list-group-item">
  69       <span>No data available</span>
  70     </div>
  71   </ng-template>
  72 </ng-template>
  73
  74 <ng-template #serviceDaemonDetailsTpl>
  75   <cd-table *ngIf="hasOrchestrator"
  76             #daemonsTable
  77             [data]="daemons"
  78             selectionType="single"
  79             [columns]="columns"
  80             columnMode="flex"
  81             identifier="daemon_name"
  82             (fetchData)="getDaemons($event)"
  83             (updateSelection)="updateSelection($event)">
  84     <cd-table-actions id="service-daemon-list-actions"
  85                       class="table-actions"
  86                       [selection]="selection"
  87                       [permission]="permissions.hosts"
  88                       [tableActions]="tableActions">
  89     </cd-table-actions>
  90   </cd-table>
  91 </ng-template>
  92
  93 <ng-template #cpuTpl
  94              let-row="data.row">
  95   <cd-usage-bar [total]="total"
  96                 [calculatePerc]="false"
  97                 [used]="row.cpu_percentage"
  98                 [isBinary]="false">
  99   </cd-usage-bar>
 100 </ng-template>