refs #1064 change error icons from ou table
testing/ogGui-multibranch/pipeline/head This commit looks good Details

oggui/translations
Alvaro Puente Mella 2024-10-29 15:02:54 +01:00
parent 99d309b883
commit 83dc01aa1c
2 changed files with 8 additions and 6 deletions

View File

@ -39,15 +39,17 @@
.mat-chip-success {
background-color: #4CAF50 !important;
color: white !important;
align-items: center;
vertical-align: middle;
}
.mat-chip-error {
background-color: #F44336 !important;
color: white !important;
}
.button-row{
display: flex;
gap: 10px;
}
.calendar-ico{
margin-top: 5px;
color: gray;
}

View File

@ -32,8 +32,8 @@
{{ column.cell(ou) }}
</ng-container>
<ng-container *ngIf="column.columnDef === 'available'" >
<mat-chip *ngIf="ou.available" class="mat-chip-success"><mat-icon style="color:white;">check</mat-icon></mat-chip>
<mat-chip *ngIf="!ou.available" class="mat-chip-error"> <mat-icon style="color:white;">close</mat-icon></mat-chip>
<mat-chip *ngIf="ou.available" class="mat-chip-success"><mat-icon class="calendar-ico">event_available</mat-icon></mat-chip>
<mat-chip *ngIf="!ou.available" class="mat-chip-error"><mat-icon class="calendar-ico">event_busy</mat-icon></mat-chip>
</ng-container>
<ng-container *ngIf="column.columnDef === 'type'" >
<mat-chip> {{ ou.type }} </mat-chip>