75 lines
2.4 KiB
HTML
75 lines
2.4 KiB
HTML
<div class="delete-results-container">
|
|
<div class="modal-header">
|
|
<h2 mat-dialog-title>
|
|
<mat-icon class="header-icon" [ngClass]="{
|
|
'success-icon': isCompleteSuccess,
|
|
'warning-icon': isPartialSuccess,
|
|
'error-icon': isCompleteFailure
|
|
}">
|
|
{{ isCompleteSuccess ? 'check_circle' : isPartialSuccess ? 'warning' : 'error' }}
|
|
</mat-icon>
|
|
Resultados de Eliminación
|
|
</h2>
|
|
<button mat-icon-button (click)="onClose()" class="close-button">
|
|
<mat-icon>close</mat-icon>
|
|
</button>
|
|
</div>
|
|
|
|
<div mat-dialog-content class="modal-content">
|
|
<!-- Resumen general -->
|
|
<div class="summary-section">
|
|
<div class="summary-card" [ngClass]="{
|
|
'success-card': isCompleteSuccess,
|
|
'warning-card': isPartialSuccess,
|
|
'error-card': isCompleteFailure
|
|
}">
|
|
<div class="summary-icon">
|
|
<mat-icon>{{ isCompleteSuccess ? 'check_circle' : isPartialSuccess ? 'warning' : 'error' }}</mat-icon>
|
|
</div>
|
|
<div class="summary-content">
|
|
<h3>{{ getSummaryTitle() }}</h3>
|
|
<p>{{ getSummaryMessage() }}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Lista de clientes eliminados exitosamente -->
|
|
<div class="success-list" *ngIf="successCount > 0">
|
|
<h4>
|
|
Clientes Eliminados ({{ successCount }})
|
|
</h4>
|
|
<div class="client-list">
|
|
<div class="client-item success-item" *ngFor="let client of getSuccessfullyDeletedClients()">
|
|
<mat-icon>computer</mat-icon>
|
|
<span class="client-name">{{ client.name }}</span>
|
|
<span class="client-ip">{{ client.ip }}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Lista de errores si los hay -->
|
|
<div class="error-list" *ngIf="hasErrors">
|
|
<h4>
|
|
<mat-icon>error</mat-icon>
|
|
Errores Encontrados ({{ errorCount }})
|
|
</h4>
|
|
<div class="error-details">
|
|
<div class="error-item" *ngFor="let error of data.response.errors">
|
|
<mat-icon>warning</mat-icon>
|
|
<div class="error-content">
|
|
<span class="error-message">{{ error.message || 'Error desconocido' }}</span>
|
|
<span class="error-client" *ngIf="error.client">Cliente: {{ error.client }}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div mat-dialog-actions class="modal-actions">
|
|
<button mat-button (click)="onClose()" class="close-btn">
|
|
<mat-icon>close</mat-icon>
|
|
Cerrar
|
|
</button>
|
|
</div>
|
|
</div>
|