Nicolás Guarnieri / foca-modal-factura

Download as
Browse Code »

Commit 033dcfe18b490fbd54911f89da475ac9158a8471

Authored by Jose Pinto
1 parent 22a55aaf35
Exists in master

buscador en header, paginado en footer, cambio icons

Showing 1 changed file with 34 additions and 29 deletions   Show diff stats
src/views/foca-modal-factura.html
Diff comments   View file @ 033dcfe
1 <div class="modal-header py-1"> 1 <div class="modal-header py-1">
2 <h5 class="modal-title">Busqueda de Facturas</h5> 2 <div class="row w-100">
3 <div class="col-lg-6">
4 <h5 class="modal-title">Búsqueda de Facturas</h5>
5 </div>
6 <div class="input-group col-lg-6 pr-0 my-2">
7 <input
8 ladda="searchLoading"
9 type="text"
10 class="form-control form-control-sm"
11 placeholder="Búsqueda"
12 ng-model="filters"
13 ng-change="search()"
14 ng-keydown="busquedaDown($event.keyCode)"
15 ng-keypress="busquedaPress($event.keyCode)"
16 foca-focus="selectedFactura == -1"
17 ng-focus="selectedFactura = -1"
18 teclado-virtual
19 />
20 <div class="input-group-append">
21 <button
22 ladda="searchLoading"
23 class="btn btn-outline-secondary"
24 type="button"
25 ng-click="busquedaPress(13)"
26 >
27 <i class="fa fa-search" aria-hidden="true"></i>
28 </button>
29 </div>
30 </div>
31 </div>
3 </div> 32 </div>
4 <div class="modal-body" id="modal-body"> 33 <div class="modal-body" id="modal-body">
5 <div class="input-group row"> 34 <div class="input-group row">
6 <small class="col-md-2 col-4 text-left my-1">Fecha Desde</small> 35 <small class="col-md-2 col-4 text-left my-1">Fecha Desde</small>
7 <div class="col-md-4 col-8 input-group mb-2"> 36 <div class="col-md-4 col-8 input-group mb-2">
8 <div class="input-group-prepend"> 37 <div class="input-group-prepend">
9 <div class="input-group-text form-control-sm"> 38 <div class="input-group-text form-control-sm">
10 <i class="fa fa-calendar"></i> 39 <i class="fa fa-calendar"></i>
11 </div> 40 </div>
12 </div> 41 </div>
13 <input 42 <input
14 class="form-control form-control-sm" 43 class="form-control form-control-sm"
15 id="inlineFormInputGroup" 44 id="inlineFormInputGroup"
16 ladda="searchLoading" 45 ladda="searchLoading"
17 type="date" 46 type="date"
18 ng-model="fechaDesde" 47 ng-model="fechaDesde"
19 hasta-hoy 48 hasta-hoy
20 ng-required="true" 49 ng-required="true"
21 /> 50 />
22 </div> 51 </div>
23 <small class="col-md-2 col-4 text-left my-1">Fecha Hasta</small> 52 <small class="col-md-2 col-4 text-left my-1">Fecha Hasta</small>
24 <div class="col-md-4 col-8 input-group mb-2"> 53 <div class="col-md-4 col-8 input-group mb-2">
25 <div class="input-group-prepend"> 54 <div class="input-group-prepend">
26 <div class="input-group-text form-control-sm"> 55 <div class="input-group-text form-control-sm">
27 <i class="fa fa-calendar"></i> 56 <i class="fa fa-calendar"></i>
28 </div> 57 </div>
29 </div> 58 </div>
30 <input 59 <input
31 class="form-control form-control-sm" 60 class="form-control form-control-sm"
32 id="inlineFormInputGroup" 61 id="inlineFormInputGroup"
33 ladda="searchLoading" 62 ladda="searchLoading"
34 type="date" 63 type="date"
35 ng-model="fechaHasta" 64 ng-model="fechaHasta"
36 ng-required="true" 65 ng-required="true"
37 hasta-hoy 66 hasta-hoy
38 /> 67 />
39 </div> 68 </div>
40 </div> 69 </div>
41 <div class="input-group"> 70
42 <input
43 ladda="searchLoading"
44 type="text"
45 class="form-control form-control-sm"
46 placeholder="Busqueda"
47 ng-model="filters"
48 ng-change="search()"
49 ng-keydown="busquedaDown($event.keyCode)"
50 ng-keypress="busquedaPress($event.keyCode)"
51 foca-focus="selectedFactura == -1"
52 ng-focus="selectedFactura = -1"
53 teclado-virtual
54 />
55 <div class="input-group-append">
56 <button
57 ladda="searchLoading"
58 class="btn btn-outline-secondary"
59 type="button"
60 ng-click="busquedaPress(13)"
61 >
62 <i class="fa fa-search" aria-hidden="true"></i>
63 </button>
64 </div>
65 </div>
66 <table ng-show="primerBusqueda" class="table table-striped table-sm"> 71 <table ng-show="primerBusqueda" class="table table-striped table-sm">
67 <thead> 72 <thead>
68 <tr> 73 <tr>
69 <th>Cliente</th> 74 <th>Cliente</th>
70 <th>Fecha</th> 75 <th>Fecha</th>
71 <th>Nro</th> 76 <th>Nro</th>
72 <th>Importe</th> 77 <th>Importe</th>
73 <th></th> 78 <th></th>
74 </tr> 79 </tr>
75 </thead> 80 </thead>
76 <tbody> 81 <tbody>
77 <tr ng-show="currentPageFacturas.length == 0 && primerBusqueda"> 82 <tr ng-show="currentPageFacturas.length == 0 && primerBusqueda">
78 <td colspan="5"> 83 <td colspan="5">
79 No se encontraron resultados. 84 No se encontraron resultados.
80 </td> 85 </td>
81 </tr> 86 </tr>
82 <tr class="selectable" 87 <tr class="selectable"
83 ng-repeat="(key,factura) in currentPageFacturas"> 88 ng-repeat="(key,factura) in currentPageFacturas">
84 <td ng-bind="factura.cliente.NOM"></td> 89 <td ng-bind="factura.cliente.NOM"></td>
85 <td ng-bind="factura.FEP | date : 'dd/MM/yyyy'"></td> 90 <td ng-bind="factura.FEP | date : 'dd/MM/yyyy'"></td>
86 <td ng-bind= 91 <td ng-bind=
87 "(factura.TCO + '-' + factura.TIP + '-' + factura.SUC + '-' + factura.NCO)"> 92 "(factura.TCO + '-' + factura.TIP + '-' + factura.SUC + '-' + factura.NCO)">
88 </td> 93 </td>
89 <td 94 <td
90 class="text-right" 95 class="text-right"
91 ng-bind="(factura.IPA / parametrosFactura.cotizacion) | 96 ng-bind="(factura.IPA / parametrosFactura.cotizacion) |
92 currency: parametrosFactura.simbolo"></td> 97 currency: parametrosFactura.simbolo"></td>
93 <td><input 98 <td><input
94 ng-class="{ 99 ng-class="{
95 'btn-secondary': selectedFactura != key, 100 'btn-secondary': selectedFactura != key,
96 'btn-primary': selectedFactura == key}" 101 'btn-primary': selectedFactura == key}"
97 ng-keydown="itemFactura($event.keyCode)" 102 ng-keydown="itemFactura($event.keyCode)"
98 foca-focus="selectedFactura == {{key}}" 103 foca-focus="selectedFactura == {{key}}"
99 type="checkbox" 104 type="checkbox"
100 ng-model="factura.checked"/> 105 ng-model="factura.checked"/>
101 </td> 106 </td>
102 </tr> 107 </tr>
103 </tbody> 108 </tbody>
104 </table> 109 </table>
105 <nav ng-show="currentPageFacturas.length > 0 && primerBusqueda"> 110 </div>
111 <div class="modal-footer py-1">
112 <nav ng-show="currentPageFacturas.length > 0 && primerBusqueda" class="mr-auto">
106 <ul class="pagination pagination-sm justify-content mb-0"> 113 <ul class="pagination pagination-sm justify-content mb-0">
107 <li class="page-item" ng-class="{'disabled': currentPage == 1}"> 114 <li class="page-item" ng-class="{'disabled': currentPage == 1}">
108 <a class="page-link" href="javascript:void();" ng-click="selectPage(currentPage - 1)"> 115 <a class="page-link" href="javascript:void();" ng-click="selectPage(currentPage - 1)">
109 <span aria-hidden="true">&laquo;</span> 116 <span aria-hidden="true">&laquo;</span>
110 <span class="sr-only">Anterior</span> 117 <span class="sr-only">Anterior</span>
111 </a> 118 </a>
112 </li> 119 </li>
113 <li 120 <li
114 class="page-item" 121 class="page-item"
115 ng-repeat="pagina in paginas" 122 ng-repeat="pagina in paginas"
116 ng-class="{'active': pagina == currentPage}" 123 ng-class="{'active': pagina == currentPage}"
117 > 124 >