Updated ogBoot components view

oggui/ogboot
Manuel Aranda Rosales 2024-08-20 10:30:02 +02:00
parent 26ec5b9397
commit 9bd09a7c76
4 changed files with 44 additions and 11 deletions

View File

@ -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">

View File

@ -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);
});

View File

@ -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">

View File

@ -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',