comprobantes.component.html
5.04 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
123
124
125
126
<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" (click)="busquedaComprobantes()"
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>
<div class="row">
<form class="col-12 col-sm-10">
<div class="row border" *ngIf="showCabecera">
<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-6 d-flex">
<strong>Nombre: </strong>
<label>{{cabecera['NOM']}}</label>
</div>
</div>
<div>
<button type="button" class="btn btn-dark form-control" (click)="showCabecera = !showCabecera">
<i class="fa" [ngClass]="{'fa-chevron-down': !showCabecera, 'fa-chevron-up': showCabecera }"></i>
</button>
</div>
<div class="row border pr-2">
<div class="col-6">
<button type="button" class="btn btn-outline-success btn-sm"
[ngClass]="{'active': estadoArticulos == 'modificado'}"
(click)="estadoArticulos == 'modificado' ? estadoArticulos = undefined : estadoArticulos = 'modificado'; filter = '';">
Modificados ({{getCantidadArticulosByEstado('modificado')}})
</button>
</div>
<div class="col-6">
<button type="button" class="btn btn-outline-danger btn-sm"
[ngClass]="{'active': estadoArticulos == 'rechazado'}"
(click)="estadoArticulos == 'rechazado' ? estadoArticulos = undefined : estadoArticulos = 'rechazado'; filter = '';">
Rechazados ({{getCantidadArticulosByEstado('rechazado')}})
</button>
</div>
</div>
<div class="row">
<input type="text" class="form-control-sm col-12" placeholder="Busque producto por nombre, codigo"
[(ngModel)]="filter" [ngModelOptions]="{standalone: true}" />
</div>
<div class="row">
<table class="table table-dark">
<thead>
<tr>
<th>Producto</th>
<th>Cantidad</th>
<th></th>
</tr>
</thead>
<tbody class="scroll-tabla w-100 mb-5">
<tr *ngFor="let articulo of getPaginaFiltro();" class="row mx-0" [ngClass]="{'bg-danger': articulo.estado == 'rechazado'}">
<td class="col-5">{{articulo.TIO.trim() || articulo.LI0}}</td>
<td
class="col-5"
*ngIf="!articulo.input"
(click)="articulo.estado != 'rechazado' ? articulo.input = true : false"
>
{{articulo.cantidadRecibida != articulo.CAN ? articulo.cantidadRecibida + '/' : ''}}{{articulo.CAN}}
</td>
<td *ngIf="articulo.input" class="col-5">
<input
class="form-control-sm col-10"
type="number"
(focus)="$event.target.select();"
(keyup.enter)="inputArticulo(articulo)"
(keyup.esc)="articulo.input = false"
[(ngModel)]="articulo.tempRecibido"
[ngModelOptions]="{standalone: true}" autofocus/>
/{{articulo.CAN}}
</td>
<td class="col-2" *ngIf="articulo.estado != 'rechazado'">
<button type="button"
(click)="articulo.estado = 'rechazado'">
<i class="fa fa-window-close"></i>
</button>
</td>
<td class="col-2" *ngIf="articulo.estado == 'rechazado'">
<button type="button" (click)="articulo.estado = undefined">
<i class="fa fa-check"></i>
</button>
</td>
</tr>
<tr>
<th colspan="3" *ngIf="articulosFiltro.length == 0">Por el momento no hay elementos aquí</th>
</tr>
</tbody>
</table>
</div>
</form>
<app-acciones (guardar)="guardarComprobante()" [(saveLoading)]="saveLoading"></app-acciones>
</div>