comprobantes.component.html
3.93 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
<div class="row panel-informativo">
<div class="col-12">
<div class="row titulares">
<div class="col-12 col-sm numero-pedido text-center text-md-left border border-white align-middle ng-binding ng-scope">
Recepción
<button
class="btn btn-xs btn-outline-light float-right"
type="button"
ng-click="$ctrl.busqueda()"
ng-if="$ctrl.busqueda"
title="Buscar"
>
<i class="fa fa-search"></i>
</button>
</div>
<div class="col-7 col-sm border border-white align-middle">
Fecha:
<span
ng-click="datepickerAbierto = true"
> {{ fecha | date: 'dd/MM/yyyy' }}</span>
</div>
<div class="col-5 col-sm border border-white border-right-0 align-middle">
Hora:
<span
ng-click="datepickerAbierto = true"
> {{ fecha | date: 'shortTime'}}</span>
</div>
</div>
</div>
</div>
<form>
<div class="row border">
<div class="col-6 col-sm-3 d-flex">
<strong>Letra Factura: </strong>
<label>{{cabecera.TIP}}</label>
</div>
<div class="col-6 col-sm-3 d-flex">
<strong>Tipo Factura: </strong>
<label>{{cabecera.TCO}}</label>
</div>
<div class="col-6 col-sm-3 d-flex">
<strong>Sucursal: </strong>
<label>{{cabecera.SUC}}</label>
</div>
<div class="col-6 col-sm-3 d-flex">
<strong>Número: </strong>
<label>{{cabecera.NCO}}</label>
</div>
<div class="col-6 col-sm-3 d-flex">
<strong>Cuit: </strong>
<label>{{cabecera.CUI}}</label>
</div>
<div class="col-12 col-sm-3 d-flex">
<strong>Nombre: </strong>
<label>{{cabecera.NOM}}</label>
</div>
</div>
<div class="row">
<input
type="text"
class="form-control-sm col-12"
placeholder="Busque producto por nombre, codigo"
(keyup)="filtrar($event)"/>
</div>
<div class="row">
<table class="table table-dark">
<thead>
<tr>
<th>Rechazar</th>
<th>Producto</th>
<th>Cantidad</th>
<th>Aceptar</th>
</tr>
</thead>
<tbody>
<tr *ngFor="let articulo of articulosFiltro" [ngClass]="{'bg-success': articulo.done}">
<th><button type="button" class="" (click)="articulo.input = true">
<i class="fa fa-window-close"></i>
</button></th>
<th>{{articulo.LI0}}</th>
<th *ngIf="!articulo.input">{{articulo.CAN}}</th>
<th *ngIf="articulo.input">
<input class="form-control-sm col-12"/>
</th>
<th><button type="button" class="" (click)="articulo.done = true">
<i class="fa fa-check"></i>
</button></th>
</tr>
</tbody>
<tfoot>
<nav *ngIf="articulosFiltro.length > 0" class="mr-auto">
<ul class="pagination pagination-sm justify-content mb-0">
<li class="page-item" [ngClass]="{'disabled': pagina == 1}">
<a class="page-link" href="javascript:void();" (click)="paginar(articulosFiltro); pagina - 1">
<span aria-hidden="true">«</span>
<span class="sr-only">Anterior</span>
</a>
</li>
<li
class="page-item"
*ngFor="let pagina of paginas; index as i"
[ngClass]="{'active': pagina == currentPage}"
>
<a
class="page-link"
href="javascript:void();"
(click)="selectPage(pagina)"
>{{pagina}}</a>
</li>
<li class="page-item" [ngClass]="{'disabled': currentPage == lastPage}">
<a class="page-link" href="javascript:void();" (click)="paginar(articulosFiltro); pagina + 1">
<span aria-hidden="true">»</span>
<span class="sr-only">Siguiente</span>
</a>
</li>
</ul>
</nav>
</tfoot>
</table>
</div>
</form>