Author: BARATH KUMAR R (barath.r@tataelxsi.co.in)
-->
-<div class="row d-flex flex-row justify-content-between">
+<div class="d-flex flex-row justify-content-between">
<div class="d-flex align-items-center header-style">{{ 'PAGE.OPERATIONALDASHBOARD.TITLE' | translate }}
({{ 'PAGE.OPERATIONALDASHBOARD.MODELSUMMARY' | translate }})</div>
<page-reload></page-reload>
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 p-1">
<div class="row my-2 justify-content-end align-items-center setting-section">
- <div class="form-group row align-items-center mb-0">
- <label class="col-form-label font-weight-bold text-primary">
+ <div class="form-group align-items-center mb-0 text-end p-0">
+ <label class="col-form-label fw-bold text-primary">
{{ 'PAGE.OPERATIONALDASHBOARD.LIVELOAD' | translate}}
</label>
<!-- Live button switch -->
- <label class="switch ml-1">
+ <label class="switch ms-1">
<input id="liveData{{i}}" type="checkbox" [checked]="vcaDetail.isLiveloading"
(change)="callLiveData($event.target.checked, vcaDetail.ns_id, i)">
<div class="slider round">
</div>
</label>
<!-- Seconds button group -->
- <div class="btn-group list action ml-2 seconds-btn-group" role="group"
+ <div class="btn-group list action ms-2 seconds-btn-group" role="group"
*ngIf="vcaDetail.isLiveloading">
<button [disabled]="!vcaDetail.isLiveloading" type="button"
class="btn btn-primary"
</div>
</div>
<ng-container *ngFor="let modelVCAStatus of vcaDetail.vcaStatusModels; let i = index;">
- <h5 class="font-weight-bold text-primary">
+ <h5 class="fw-bold text-primary">
{{ 'PAGE.OPERATIONALDASHBOARD.MODEL' | translate }} {{i+1}} (Cloud/Region):
{{modelVCAStatus.model ? modelVCAStatus.model.cloud_tag : '-'}}/
{{modelVCAStatus.model ? modelVCAStatus.model.region : '-' }}
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 p-1">
<div class="row my-2 justify-content-between align-items-center filter-actions">
- <div class="form-group row align-items-center mb-0">
+ <div class="form-group align-items-center mb-0 p-0">
<button class="btn btn-sm btn-outline-primary mx-1 filter{{i}} all{{i}} active"
type="button" (click)="showHideTables($event.target, 'all', i)">
{{ 'ALL' | translate }}
</div>
<div class="form-group row align-items-center mb-0"
*ngIf="modelVCAStatus.executedActions !== undefined && modelVCAStatus.executedActions.length > 0">
- <label class="col-form-label font-weight-bold text-primary">
+ <label class="col-form-label fw-bold text-primary">
{{ 'EXECUTEDACTIONS' | translate }}
</label>
<button type="button"
- class="btn btn-sm btn-primary border border-radius-default ml-1"
+ class="btn btn-sm btn-primary border border-radius-default ms-1"
(click)="showExecutedActionsList(modelVCAStatus.executedActions);">
<i class="fas fa-directions"></i>
</button>