Commit 4a3c1d0300b1a1e6d7f6a7e0d8f8163eeee4bd03
1 parent
4176cd7090
Exists in
master
Arreglo de vista abm-imagenes.
Showing
2 changed files
with
54 additions
and
32 deletions
Show diff stats
src/app/components/amb-imagenes/amb-imagenes.component.html
| 1 | 1 | <app-header></app-header> |
| 2 | 2 | |
| 3 | -<h1>Configuración imágenes</h1> | |
| 4 | -<br> | |
| 5 | -<span class="fa fa-search form-control-lg form-control-search pl-3"></span> | |
| 6 | -<input | |
| 7 | - type="text" | |
| 8 | - class="form-control form-control-lg shadow-sm rounded-pill px-5" | |
| 9 | - placeholder="Búsqueda productos" | |
| 10 | - [(ngModel)]="searchTerm" | |
| 11 | - (ngModelChange)="filterItems()"> | |
| 3 | +<div class="container-fluid"> | |
| 4 | + <div class="row m-3"> | |
| 5 | + <div class="col"> | |
| 6 | + <p class="h2">Configuración imágenes</p> | |
| 7 | + </div> | |
| 8 | + </div> | |
| 9 | + | |
| 10 | + <div class="row search"> | |
| 11 | + <div class="col"> | |
| 12 | + <span class="fa fa-search form-control-lg form-control-search pl-3"></span> | |
| 13 | + <input | |
| 14 | + type="text" | |
| 15 | + class="form-control form-control-lg shadow-sm rounded-pill px-5" | |
| 16 | + placeholder="Búsqueda productos" | |
| 17 | + [(ngModel)]="searchTerm" | |
| 18 | + (ngModelChange)="filterItems()"> | |
| 19 | + </div> | |
| 20 | + </div> | |
| 21 | + | |
| 22 | + <div class="row m-3 vh-70 overflow-scroll"> | |
| 23 | + <div class="col"> | |
| 24 | + <h5>Productos</h5> | |
| 25 | + <table class="table"> | |
| 26 | + <thead> | |
| 27 | + <tr class="text-center"> | |
| 28 | + <th>Nombre</th> | |
| 29 | + <th>Descripción</th> | |
| 30 | + <th>Imagen</th> | |
| 31 | + <th></th> | |
| 32 | + </tr> | |
| 33 | + </thead> | |
| 34 | + <tbody> | |
| 35 | + <tr *ngFor="let articulo of auxProductos"> | |
| 36 | + <td>{{articulo.DetArt}}</td> | |
| 37 | + <td>{{articulo.DET_LAR}}</td> | |
| 38 | + <td> | |
| 39 | + <img *ngIf="articulo.imagenes.length" src="{{apiUrl}}/imagenes/{{articulo.imagenes[0].imagen}}"> | |
| 40 | + <img id="{{articulo.CodSec + articulo.CodArt}}" [hidden]="articulo.imagenes.length"> | |
| 41 | + </td> | |
| 42 | + <td><input type="file" accept="image/*" (change)="onFileSelected($event, articulo)"></td> | |
| 43 | + </tr> | |
| 44 | + </tbody> | |
| 45 | + </table> | |
| 46 | + </div> | |
| 47 | + </div> | |
| 12 | 48 | |
| 13 | -<div class="row px-5"> | |
| 14 | - <h5>Productos</h5> | |
| 15 | - <table class="table"> | |
| 16 | - <thead> | |
| 17 | - <tr> | |
| 18 | - <th>Nombre</th> | |
| 19 | - <th>Descripción</th> | |
| 20 | - <th>Imagen</th> | |
| 21 | - <th></th> | |
| 22 | - </tr> | |
| 23 | - </thead> | |
| 24 | - <tbody> | |
| 25 | - <tr *ngFor="let articulo of auxProductos"> | |
| 26 | - <td>{{articulo.DetArt}}</td> | |
| 27 | - <td>{{articulo.DET_LAR}}</td> | |
| 28 | - <td> | |
| 29 | - <img *ngIf="articulo.imagenes.length" src="{{apiUrl}}/imagenes/{{articulo.imagenes[0].imagen}}"> | |
| 30 | - <img id="{{articulo.CodSec + articulo.CodArt}}" [hidden]="articulo.imagenes.length"> | |
| 31 | - </td> | |
| 32 | - <td><input type="file" accept="image/*" (change)="onFileSelected($event, articulo)"></td> | |
| 33 | - </tr> | |
| 34 | - </tbody> | |
| 35 | - </table> | |
| 36 | 49 | </div> |
src/app/components/amb-imagenes/amb-imagenes.component.scss