|
|
@@ -1,46 +1,44 @@
|
|
|
<h1 mat-dialog-title>Orden #{{ idOrder }}</h1>
|
|
|
<div mat-dialog-content class="prevent-select">
|
|
|
- <div class="content-container animated fadeIn">
|
|
|
- @if (isLoading) {
|
|
|
- <div class="is-loading animated fadeIn fast">
|
|
|
- <mat-spinner align="center"></mat-spinner>
|
|
|
- <h3>Cargando datos ...</h3>
|
|
|
- </div>
|
|
|
- }
|
|
|
- @if (!isLoading && hasError) {
|
|
|
- <div class="has-error animated fadeIn">
|
|
|
- <mat-icon class="red_primary_font">error</mat-icon>
|
|
|
- <h2>{{ errorStr }}</h2>
|
|
|
- </div>
|
|
|
- }
|
|
|
- @if (!isLoading && !hasError) {
|
|
|
- <div class="execution-info-container animated fadeIn">
|
|
|
- <h3 class="mb-8">Ejecución de la orden programada para el día {{ dateStr }}</h3>
|
|
|
- <h3 class="mb-8"><span class="bold">Descripción: </span><br>{{ prevOrdExec!.DESCRIPCION }}</h3>
|
|
|
- <h3 class="mb-8"><span class="bold">Equipamiento: </span><br>{{ prevOrdExec!.EQUIPAMIENTO }}</h3>
|
|
|
- <h3 class="mb-8"><span class="bold">Fecha de inicio: </span><br>{{ orderDate(prevOrdExec!.FECHAINICIO) }}</h3>
|
|
|
- <h3 class="mb-8"><span class="bold">Estado de la ejecución: </span><br>{{ prevOrdExec!.ESTADODEEJECUCION }}</h3>
|
|
|
- @if (prevOrdExec!.ESTADODEEJECUCION == 'Finalizado' || prevOrdExec!.ESTADODEEJECUCION == 'Cancelacion') {
|
|
|
- <h3 class="mb-8">
|
|
|
- <span class="bold">Observaciones: </span><br>{{ prevOrdExec!.OBSERVACIONES }}
|
|
|
- </h3>
|
|
|
- }
|
|
|
- @if (prevOrdExec!.ESTADODEEJECUCION == 'Programada') {
|
|
|
- <div class="execution-actions-container">
|
|
|
- <button mat-flat-button color="primary" (click)="closeDialog('execute')">Ejecutar ahora</button>
|
|
|
- <button mat-flat-button class="red_primary_background white_font ml-10" (click)="closeDialog('cancel')">
|
|
|
- Cancelar ejecución
|
|
|
- </button>
|
|
|
- </div>
|
|
|
- }
|
|
|
- @if (prevOrdExec!.ESTADODEEJECUCION == 'Ejecucion') {
|
|
|
- <div class="execution-actions-container">
|
|
|
- <button mat-flat-button color="primary" (click)="closeDialog('end')">Finalizar ejecución</button>
|
|
|
- </div>
|
|
|
- }
|
|
|
- </div>
|
|
|
- }
|
|
|
- </div>
|
|
|
+ @if (isLoading) {
|
|
|
+ <div class="is-loading animated fadeIn fast">
|
|
|
+ <mat-spinner align="center"></mat-spinner>
|
|
|
+ <h3>Cargando datos ...</h3>
|
|
|
+ </div>
|
|
|
+ }
|
|
|
+ @if (!isLoading && hasError) {
|
|
|
+ <div class="has-error animated fadeIn">
|
|
|
+ <mat-icon class="red_primary_font">error</mat-icon>
|
|
|
+ <h2>{{ errorStr }}</h2>
|
|
|
+ </div>
|
|
|
+ }
|
|
|
+ @if (!isLoading && !hasError) {
|
|
|
+ <div class="execution-info-container animated fadeIn">
|
|
|
+ <h3 class="mb-8">Ejecución de la orden programada para el día {{ dateStr }}</h3>
|
|
|
+ <h3 class="mb-8"><span class="bold">Descripción: </span><br>{{ prevOrdExec!.DESCRIPCION }}</h3>
|
|
|
+ <h3 class="mb-8"><span class="bold">Equipamiento: </span><br>{{ prevOrdExec!.EQUIPAMIENTO }}</h3>
|
|
|
+ <h3 class="mb-8"><span class="bold">Fecha de inicio: </span><br>{{ orderDate(prevOrdExec!.FECHAINICIO) }}</h3>
|
|
|
+ <h3 class="mb-8"><span class="bold">Estado de la ejecución: </span><br>{{ prevOrdExec!.ESTADODEEJECUCION }}</h3>
|
|
|
+ @if (prevOrdExec!.ESTADODEEJECUCION == 'Finalizado' || prevOrdExec!.ESTADODEEJECUCION == 'Cancelacion') {
|
|
|
+ <h3 class="mb-8">
|
|
|
+ <span class="bold">Observaciones: </span><br>{{ prevOrdExec!.OBSERVACIONES }}
|
|
|
+ </h3>
|
|
|
+ }
|
|
|
+ @if (prevOrdExec!.ESTADODEEJECUCION == 'Programada') {
|
|
|
+ <div class="execution-actions-container">
|
|
|
+ <button mat-flat-button color="primary" (click)="closeDialog('execute')">Ejecutar ahora</button>
|
|
|
+ <button mat-flat-button class="red_primary_background white_font ml-10" (click)="closeDialog('cancel')">
|
|
|
+ Cancelar ejecución
|
|
|
+ </button>
|
|
|
+ </div>
|
|
|
+ }
|
|
|
+ @if (prevOrdExec!.ESTADODEEJECUCION == 'Ejecucion') {
|
|
|
+ <div class="execution-actions-container">
|
|
|
+ <button mat-flat-button color="primary" (click)="closeDialog('end')">Finalizar ejecución</button>
|
|
|
+ </div>
|
|
|
+ }
|
|
|
+ </div>
|
|
|
+ }
|
|
|
</div>
|
|
|
<div mat-dialog-actions align="end">
|
|
|
<button mat-button mat-dialog-close>Cerrar</button>
|