Commit 782144db78b5232810489e4aef4416ad70226b1e

Authored by Eric Fernandez
1 parent b160476d2e
Exists in master

mostrando 2 dígitos en pedidos

src/app/components/comanda/comanda.component.html
1 <div class="container-fluid fade-in p-0"> 1 <div class="container-fluid fade-in p-0">
2 <div class="card-columns m-1 fade-in disable-user-select"> 2 <div class="card-columns m-1 fade-in disable-user-select">
3 <div 3 <div
4 *ngFor="let comanda of comandas" 4 *ngFor="let comanda of comandas"
5 class="card fade-in rounded-xs shadow-sm" 5 class="card fade-in rounded-xs shadow-sm"
6 [ngClass]="{ 6 [ngClass]="{
7 'bg-light': comanda.estado === 1, 7 'bg-light': comanda.estado === 1,
8 'bg-danger': comanda.estado === 2, 8 'bg-danger': comanda.estado === 2,
9 'bg-success swing-out-top-bck': comanda.estado === 3 9 'bg-success swing-out-top-bck': comanda.estado === 3
10 }"> 10 }">
11 <div class="card-body p-2"> 11 <div class="card-body p-2">
12 <p class="h5 card-title text-center mb-1">{{comanda.id}}.</p> 12 <p class="h5 card-title text-center mb-1">{{comanda.id.toString().slice(comanda.id.toString().length - 2)}}.</p>
13 <p 13 <p
14 *ngFor="let detalle of comanda.detalles" 14 *ngFor="let detalle of comanda.detalles"
15 [ngClass]=" 15 [ngClass]="
16 { 16 {
17 'border-secondary': comanda.estado === 1, 17 'border-secondary': comanda.estado === 1,
18 'border-light': comanda.estado != 1 18 'border-light': comanda.estado != 1
19 }" 19 }"
20 class="card-text border-top pt-2 mb-2"> 20 class="card-text border-top pt-2 mb-2">
21 <small> 21 <small>
22 {{detalle.articulo.DET_LAR}} 22 {{detalle.articulo.DET_LAR}}
23 </small> 23 </small>
24 </p> 24 </p>
25 <button 25 <button
26 *ngIf="comanda.estado === 1" 26 *ngIf="comanda.estado === 1"
27 class="btn btn-block btn-danger shadow-sm" 27 class="btn btn-block btn-danger shadow-sm"
28 (click)="updateComanda(comanda, 2, 'En elaboracion')"> 28 (click)="updateComanda(comanda, 2, 'En elaboracion')">
29 Elaborar 29 Elaborar
30 </button> 30 </button>
31 <button 31 <button
32 *ngIf="comanda.estado === 2" 32 *ngIf="comanda.estado === 2"
33 class="btn btn-block btn-success shadow-sm" 33 class="btn btn-block btn-success shadow-sm"
34 (click)="updateComanda(comanda, 3, 'Terminado')"> 34 (click)="updateComanda(comanda, 3, 'Terminado')">
35 Terminado 35 Terminado
36 </button> 36 </button>
37 <button 37 <button
38 *ngIf="comanda.estado === 2" 38 *ngIf="comanda.estado === 2"
39 class="btn btn-block btn-light btn-sm shadow-sm p-0" 39 class="btn btn-block btn-light btn-sm shadow-sm p-0"
40 (click)="updateComanda(comanda, 1, 'Pagado')"> 40 (click)="updateComanda(comanda, 1, 'Pagado')">
41 <span class="pr-1 h6"><small>En espera</small></span> 41 <span class="pr-1 h6"><small>En espera</small></span>
42 <i class="fa fa-undo text-warning" aria-hidden="true"></i> 42 <i class="fa fa-undo text-warning" aria-hidden="true"></i>
43 </button> 43 </button>
44 </div> 44 </div>
45 </div> 45 </div>
46 </div> 46 </div>
47 </div> 47 </div>
48 48