Updated ogBoot components view
parent
26ec5b9397
commit
9bd09a7c76
|
@ -6,8 +6,8 @@
|
|||
<mat-icon [style.color]="getIcon().color">{{ getIcon().name }}</mat-icon>
|
||||
</mat-panel-description>
|
||||
</mat-expansion-panel-header>
|
||||
<p *ngIf="alertMessage">Isos alojadas en servidor ogBoot: {{ alertMessage }}</p>
|
||||
<p *ngIf="alertMessage">Isos alojadas en servidor ogCore (base de datos): {{ length }}</p>
|
||||
<p *ngIf="alertMessage">Oglives creados en servidor ogBoot: {{ alertMessage }}</p>
|
||||
<p *ngIf="alertMessage">Oglives creados en servidor ogCore (base de datos): {{ length }}</p>
|
||||
</mat-expansion-panel>
|
||||
</mat-accordion>
|
||||
|
||||
|
@ -23,11 +23,30 @@
|
|||
<th mat-header-cell *matHeaderCellDef> {{ column.header }} </th>
|
||||
<td mat-cell *matCellDef="let image" [ngClass]="{'clickable': column.columnDef === 'name'}"
|
||||
(click)="column.columnDef === 'name' && showInfo(image)">
|
||||
{{ column.cell(image) }}
|
||||
|
||||
<!-- Condición para mostrar íconos para isDefault e installed -->
|
||||
<ng-container *ngIf="column.columnDef === 'isDefault' || column.columnDef === 'installed'">
|
||||
<mat-icon [color]="image[column.columnDef] ? 'primary' : 'warn'">
|
||||
{{ image[column.columnDef] ? 'check_circle' : 'cancel' }}
|
||||
</mat-icon>
|
||||
</ng-container>
|
||||
|
||||
<!-- Mostrar el downloadUrl truncado con tooltip -->
|
||||
<ng-container *ngIf="column.columnDef === 'downloadUrl'">
|
||||
<span matTooltip="{{ image.downloadUrl }}">
|
||||
{{ image.downloadUrl ? image.downloadUrl.substring(0, 20) + '...' : '' }}
|
||||
</span>
|
||||
</ng-container>
|
||||
|
||||
<!-- Mostrar otros campos normalmente -->
|
||||
<ng-container *ngIf="column.columnDef !== 'isDefault' && column.columnDef !== 'installed' && column.columnDef !== 'downloadUrl'">
|
||||
{{ column.cell(image) }}
|
||||
</ng-container>
|
||||
|
||||
</td>
|
||||
<td mat-cell *matCellDef="let user" > {{ column.cell(user) }} </td>
|
||||
</ng-container>
|
||||
|
||||
|
||||
<ng-container matColumnDef="actions">
|
||||
<th mat-header-cell *matHeaderCellDef i18n="@@columnActions">Acciones</th>
|
||||
<td mat-cell *matCellDef="let image">
|
||||
|
|
|
@ -42,9 +42,14 @@ export class ImagesComponent implements OnInit {
|
|||
cell: (user: any) => `${user.downloadUrl}`
|
||||
},
|
||||
{
|
||||
columnDef: 'default',
|
||||
columnDef: 'isDefault',
|
||||
header: 'Imagen por defecto',
|
||||
cell: (user: any) => `${user.default}`
|
||||
cell: (user: any) => `${user.isDefault}`
|
||||
},
|
||||
{
|
||||
columnDef: 'installed',
|
||||
header: 'Imagen instalada en ogBoot',
|
||||
cell: (user: any) => `${user.installed}`
|
||||
},
|
||||
{
|
||||
columnDef: 'createdAt',
|
||||
|
@ -183,10 +188,10 @@ export class ImagesComponent implements OnInit {
|
|||
}
|
||||
|
||||
loadAlert() {
|
||||
this.http.get(`${this.apiUrl}/server/get-isos`)
|
||||
this.http.get(`${this.apiUrl}/server/get-collection`)
|
||||
.subscribe(response => {
|
||||
// @ts-ignore
|
||||
this.alertMessage = response.data.downloads.length
|
||||
this.alertMessage = response.length
|
||||
}, error => {
|
||||
console.error('Error al cargar la información del alert', error);
|
||||
});
|
||||
|
|
|
@ -23,9 +23,18 @@
|
|||
<th mat-header-cell *matHeaderCellDef> {{ column.header }} </th>
|
||||
<td mat-cell *matCellDef="let image" [ngClass]="{'clickable': column.columnDef === 'name'}"
|
||||
(click)="column.columnDef === 'name' && showPxeInfo(image)">
|
||||
{{ column.cell(image) }}
|
||||
<!-- Condición para mostrar íconos para isDefault e installed -->
|
||||
<ng-container *ngIf="column.columnDef === 'synchronized'">
|
||||
<mat-icon [color]="image[column.columnDef] ? 'primary' : 'warn'">
|
||||
{{ image[column.columnDef] ? 'check_circle' : 'cancel' }}
|
||||
</mat-icon>
|
||||
</ng-container>
|
||||
|
||||
<!-- Mostrar otros campos normalmente -->
|
||||
<ng-container *ngIf="column.columnDef !== 'synchronized'">
|
||||
{{ column.cell(image) }}
|
||||
</ng-container>
|
||||
</td>
|
||||
<td mat-cell *matCellDef="let user" > {{ column.cell(user) }} </td>
|
||||
</ng-container>
|
||||
|
||||
<ng-container matColumnDef="actions">
|
||||
|
|
|
@ -38,7 +38,7 @@ export class PxeComponent {
|
|||
{
|
||||
columnDef: 'synchronized',
|
||||
header: 'Creado en ogBoot',
|
||||
cell: (user: any) => `${user.name}`
|
||||
cell: (user: any) => `${user.synchronized}`
|
||||
},
|
||||
{
|
||||
columnDef: 'createdAt',
|
||||
|
|
Loading…
Reference in New Issue