ceph/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/upgrade/upgrade-progress/upgrade-progress.component.html

   1 <div class="d-flex flex-column justify-content-center align-items-center bold"
   2      *ngIf="upgradeStatus$ | async as upgradeStatus">
   3   <ng-container *ngIf="upgradeStatus.in_progress && !upgradeStatus.is_paused; else upgradePaused">
   4     <h3 class="text-center"
   5         i18n>
   6     <i [ngClass]="[icons.large, icons.spin, icons.spinner]"></i>
   7   </h3>
   8
   9   <h3 class="text-center mt-2">
  10     {{ executingTask?.description }}
  11   </h3>
  12
  13   <h5 class="text-center mt-3"
  14       i18n>{{ upgradeStatus.which }}</h5>
  15   </ng-container>
  16
  17   <div class="w-50 row h-100 d-flex justify-content-center align-items-center mt-4">
  18     <div class="text-center w-75">
  19       <ng-container *ngIf="upgradeStatus.services_complete.length > 0">
  20         Finished upgrading:
  21         <span class="text-success">
  22           {{ upgradeStatus.services_complete }}
  23         </span>
  24       </ng-container>
  25       <div class="mt-2">
  26         <ngb-progressbar type="info"
  27                          [value]="executingTask?.progress"
  28                          [striped]="true"
  29                          [animated]="!upgradeStatus.is_paused"></ngb-progressbar>
  30       </div>
  31
  32     <p class="card-text text-muted">
  33       <span class="float-end">
  34         {{ executingTask?.progress || 0 }} %
  35       </span>
  36     </p>
  37     </div>
  38     <h4 class="text-center m-2"
  39         i18n>{{ upgradeStatus.progress}}</h4>
  40
  41     <h5 *ngIf="upgradeStatus.in_progress"
  42         class="text-center mt-2"
  43         i18n>
  44     {{ upgradeStatus.message }}
  45     </h5>
  46
  47     <div class="text-center mt-3">
  48       <button class="btn btn-light"
  49               aria-label="Go back"
  50               routerLink="/upgrade"
  51               i18n>Back</button>
  52       <button *ngIf="upgradeStatus.in_progress && !upgradeStatus.is_paused"
  53               (click)="pauseUpgrade()"
  54               class="btn btn-light m-2"
  55               aria-label="Pause Upgrade"
  56               i18n>Pause</button>
  57       <button *ngIf="upgradeStatus.in_progress && upgradeStatus.is_paused"
  58               (click)="resumeUpgrade()"
  59               class="btn btn-light m-2"
  60               aria-label="Resume Upgrade"
  61               i18n>Resume</button>
  62       <button *ngIf="upgradeStatus.in_progress"
  63               (click)="stopUpgradeModal()"
  64               class="btn btn-danger"
  65               aria-label="Stop Upgrade"
  66               i18n>Stop</button>
  67     </div>
  68   </div>
  69 </div>
  70
  71 <legend class="cd-header"
  72         i18n>Cluster logs</legend>
  73   <cd-logs [showAuditLogs]="false"
  74            [showDaemonLogs]="false"
  75            [showNavLinks]="false"
  76            [showFilterTools]="false"
  77            [showDownloadCopyButton]="false"
  78            defaultTab="cluster-logs"
  79            [scrollable]="true"></cd-logs>
  80
  81 <ng-template #upgradePaused>
  82   <h3 class="text-center mt-3">
  83     <i [ngClass]="[icons.large, icons.spinner]"></i>
  84   </h3>
  85
  86   <h3 class="text-center mt-3 mb-4">
  87     {{ executingTask?.description }}
  88   </h3>
  89 </ng-template>