Mauricio Cattafi / autoservicio

Download as
Browse Code ยป

Commit b3d13fb3103bb4862f337a51e24a60b9d509f236

Authored by Marcelo Puebla
1 parent 2d8839dd8b
Exists in master and in 1 other branch validar_pve

Arreglo de vista.

Showing 1 changed file with 102 additions and 50 deletions   Show diff stats
src/app/components/comanda/comanda.component.html
Diff comments   View file @ b3d13fb
1 1 <div class="container-fluid fade-in p-0">
2   - <div class="row m-1 fade-in disable-user-select">
  2 + <div class="card-columns m-1 fade-in disable-user-select">
3 3 <div
4   - [ngClass]="{ 'swing-out-top-bck': comanda.estado === 3 }"
5   - class="col-2 col-1-5 p-1" *ngFor="let comanda of comandas">
6   -
7   - <div
8   - class="card-comanda fade-in d-flex align-items-end flex-column bg-danger rounded-xs shadow-sm border-0 h-100"
9   - [ngClass]="
10   - {
11   - 'bg-light': comanda.estado === 1,
12   - 'bg-danger': comanda.estado === 2,
13   - 'bg-success': comanda.estado === 3
14   - }">
15   - <img
16   - class="card-img-top rounded-xs shadow-sm"
17   - src="{{apiImagenes}}/imagenes/{{comanda.detalles[0].articulo.imagenes[0].imagen}}"/>
18   - <div class="row w-100 m-0 mt-2">
19   - <p class="col-12 px-2 mb-2 m-0 h6">{{comanda.detalles[0].articulo.DetArt}}</p>
20   - <p class="col-12 px-2 mb-2 m-0 h6"><small>{{comanda.detalles[0].articulo.DET_LAR}}</small></p>
21   - </div>
22   - <div class="row w-100 m-0 mb-2 mt-auto">
23   - <div
24   - class="col-12 px-2"
25   - *ngIf="comanda.estado === 1">
26   - <button
27   - class="btn btn-block btn-danger shadow-sm"
28   - (click)="updateComanda(comanda, 2, 'En elaboracion')">
29   - Elaborar
30   - </button>
31   - </div>
32   - <div
33   - class="col-12 px-2"
34   - *ngIf="comanda.estado === 2">
35   - <button
36   - class="btn btn-block btn-success shadow-sm"
37   - (click)="updateComanda(comanda, 3, 'Terminado')">
38   - Terminado
39   - </button>
40   - </div>
  4 + *ngFor="let comanda of comandas"
  5 + class="card fade-in rounded-xs shadow-sm"
  6 + [ngClass]="{
  7 + 'bg-light': comanda.estado === 1,
  8 + 'bg-danger': comanda.estado === 2,
  9 + 'bg-success swing-out-top-bck': comanda.estado === 3
  10 + }">
  11 + <div class="card-body p-2">
  12 + <p class="h5 card-title text-center mb-1">{{comanda.id}}.</p>
  13 + <p
  14 + *ngFor="let detalle of comanda.detalles"
  15 + [ngClass]="
  16 + {
  17 + 'border-secondary': comanda.estado === 1,
  18 + 'border-light': comanda.estado != 1
  19 + }"
  20 + class="card-text border-top pt-2 mb-2">
  21 + <small>
  22 + {{detalle.articulo.DET_LAR}}
  23 + </small>
  24 + </p>
  25 + <button
  26 + *ngIf="comanda.estado === 1"
  27 + class="btn btn-block btn-danger shadow-sm"
  28 + (click)="updateComanda(comanda, 2, 'En elaboracion')">
  29 + Elaborar
  30 + </button>
  31 + <button
  32 + *ngIf="comanda.estado === 2"
  33 + class="btn btn-block btn-success shadow-sm"
  34 + (click)="updateComanda(comanda, 3, 'Terminado')">
  35 + Terminado
  36 + </button>
  37 + <button
  38 + *ngIf="comanda.estado === 2"
  39 + class="btn btn-block btn-light btn-sm shadow-sm p-0"
  40 + (click)="updateComanda(comanda, 1, 'Pagado')">
  41 + <span class="pr-1 h6"><small>En espera</small></span>
  42 + <i class="fa fa-undo text-warning" aria-hidden="true"></i>
  43 + </button>
  44 + </div>
  45 + </div>
  46 + </div>
  47 +</div>
  48 +
  49 +<!-- <div class="row m-0">
  50 + <div
  51 + [ngClass]="{'swing-out-top-bck': comanda.estado === 3}"
  52 + class="col-2 col-1-5 p-1" *ngFor="let comanda of comandas">
  53 +
  54 + <div
  55 + class="fade-in rounded-xs shadow-sm"
  56 + [ngClass]="
  57 + {
  58 + 'bg-light': comanda.estado === 1,
  59 + 'bg-danger': comanda.estado === 2,
  60 + 'bg-success': comanda.estado === 3
  61 + }">
  62 + <div class="row w-100 m-0">
  63 + <p class="col-12 p-1 mb-2 m-0 h5 text-center">{{comanda.id}}.</p>
  64 + <p
  65 + [ngClass]="
  66 + {
  67 + 'border-secondary': comanda.estado === 1,
  68 + 'border-light': comanda.estado != 1
  69 + }"
  70 + class="col-12 p-2 mb-2 m-0 h6 border-top">
  71 + <small>
  72 + {{comanda.detalles[0].articulo.DET_LAR}}
  73 + </small>
  74 + </p>
  75 + </div>
  76 + <div class="row w-100 m-0 mb-2 mt-auto">
  77 + <div
  78 + class="col-12 p-2"
  79 + *ngIf="comanda.estado === 1">
  80 + <button
  81 + class="btn btn-block btn-danger shadow-sm"
  82 + (click)="updateComanda(comanda, 2, 'En elaboracion')">
  83 + Elaborar
  84 + </button>
41 85 </div>
42 86 <div
43   - *ngIf="comanda.estado === 2"
44   - class="row w-100 mx-0 mb-2">
45   - <div class="col-12 px-2">
46   - <button
47   - class="btn btn-block btn-light btn-sm shadow-sm p-0"
48   - (click)="updateComanda(comanda, 1, 'Pagado')">
49   - <span class="pr-1 h6"><small>En espera</small></span>
50   - <i class="fa fa-undo text-warning" aria-hidden="true"></i>
51   - </button>
52   - </div>
  87 + class="col-12 p-2"
  88 + *ngIf="comanda.estado === 2">
  89 + <button
  90 + class="btn btn-block btn-success shadow-sm"
  91 + (click)="updateComanda(comanda, 3, 'Terminado')">
  92 + Terminado
  93 + </button>
  94 + </div>
  95 + </div>
  96 + <div
  97 + *ngIf="comanda.estado === 2"
  98 + class="row w-100 mx-0 mb-2">
  99 + <div class="col-12 px-2 pb-2">
  100 + <button
  101 + class="btn btn-block btn-light btn-sm shadow-sm p-0"
  102 + (click)="updateComanda(comanda, 1, 'Pagado')">
  103 + <span class="pr-1 h6"><small>En espera</small></span>
  104 + <i class="fa fa-undo text-warning" aria-hidden="true"></i>
  105 + </button>
53 106 </div>
54 107 </div>
55   -
56 108 </div>
57 109 </div>
58   -</div>
  110 +</div-->