Marcelo Puebla / foca-modal-remito

Download as
Browse Code »

Commit e92c2591e7886bc42928db91d256296d6f284d36

Authored by Jose Pinto
2 parents d4fa669b56 c249388fb0
Exists in master and in 1 other branch develop

Merge branch 'master' into 'master' 

Master(efernandez)

See merge request !3
Showing 1 changed file   Show diff stats
src/views/foca-modal-remito.html
Diff comments   View file @ e92c259
1 <div class="modal-header py-1"> 1 <div class="modal-header py-1">
2 <div class="row w-100"> 2 <div class="row w-100">
3 <div class="col-lg-6"> 3 <div class="col-lg-6">
4 <h5 class="modal-title my-1">Búsqueda de Remito</h5> 4 <h5 class="modal-title my-1">Búsqueda de Remito</h5>
5 </div> 5 </div>
6 <div class="input-group col-lg-6 pr-0 my-2"> 6 <div class="input-group col-lg-6 pr-0 my-2">
7 <input 7 <input
8 ladda="searchLoading" 8 ladda="searchLoading"
9 type="text" 9 type="text"
10 class="form-control form-control-sm" 10 class="form-control form-control-sm"
11 placeholder="Razón social" 11 placeholder="Razón social"
12 ng-model="filters" 12 ng-model="filters"
13 ng-change="search()" 13 ng-change="search()"
14 ng-keydown="busquedaDown($event.keyCode)" 14 ng-keydown="busquedaDown($event.keyCode)"
15 ng-keypress="busquedaPress($event.keyCode)" 15 ng-keypress="busquedaPress($event.keyCode)"
16 foca-focus="selectedRemito == -1" 16 foca-focus="selectedRemito == -1"
17 ng-focus="selectedRemito = -1" 17 ng-focus="selectedRemito = -1"
18 id="search" 18 id="search"
19 teclado-virtual 19 teclado-virtual
20 > 20 >
21 <div class="input-group-append"> 21 <div class="input-group-append">
22 <button 22 <button
23 ladda="searchLoading" 23 ladda="searchLoading"
24 data-spinner-color="#FF0000"
24 class="btn btn-outline-secondary" 25 class="btn btn-outline-secondary"
25 type="button" 26 type="button"
26 ng-click="busquedaPress(13)" 27 ng-click="busquedaPress(13)"
27 > 28 >
28 <i class="fa fa-search" aria-hidden="true"></i> 29 <i class="fa fa-search" aria-hidden="true"></i>
29 </button> 30 </button>
30 </div> 31 </div>
31 </div> 32 </div>
32 </div> 33 </div>
33 34
34 </div> 35 </div>
35 <div class="modal-body" id="modal-body"> 36 <div class="modal-body" id="modal-body">
36 <div class="input-group row"> 37 <div class="input-group row">
37 <small class="col-md-2 col-4 text-left my-1">Fecha Desde</small> 38 <small class="col-md-2 col-4 text-left my-1">Fecha Desde</small>
38 <div class="col-md-4 col-8 input-group mb-2"> 39 <div class="col-md-4 col-8 input-group mb-2">
39 <div class="input-group-prepend"> 40 <div class="input-group-prepend">
40 <div class="input-group-text form-control-sm"> 41 <div class="input-group-text form-control-sm">
41 <i class="fa fa-calendar"></i> 42 <i class="fa fa-calendar"></i>
42 </div> 43 </div>
43 </div> 44 </div>
44 <input 45 <input
45 class="form-control form-control-sm" 46 class="form-control form-control-sm"
46 id="inlineFormInputGroup" 47 id="inlineFormInputGroup"
47 ladda="searchLoading" 48 ladda="searchLoading"
48 type="date" 49 type="date"
49 ng-model="fechaDesde" 50 ng-model="fechaDesde"
50 hasta-hoy 51 hasta-hoy
51 ng-required="true" 52 ng-required="true"
52 /> 53 />
53 </div> 54 </div>
54 <small class="col-md-2 col-4 text-left my-1">Fecha Hasta</small> 55 <small class="col-md-2 col-4 text-left my-1">Fecha Hasta</small>
55 <div class="col-md-4 col-8 input-group mb-2"> 56 <div class="col-md-4 col-8 input-group mb-2">
56 <div class="input-group-prepend"> 57 <div class="input-group-prepend">
57 <div class="input-group-text form-control-sm"> 58 <div class="input-group-text form-control-sm">
58 <i class="fa fa-calendar"></i> 59 <i class="fa fa-calendar"></i>
59 </div> 60 </div>
60 </div> 61 </div>
61 <input 62 <input
62 class="form-control form-control-sm" 63 class="form-control form-control-sm"
63 id="inlineFormInputGroup" 64 id="inlineFormInputGroup"
64 ladda="searchLoading" 65 ladda="searchLoading"
65 type="date" 66 type="date"
66 ng-model="fechaHasta" 67 ng-model="fechaHasta"
67 ng-required="true" 68 ng-required="true"
68 hasta-hoy 69 hasta-hoy
69 /> 70 />
70 </div> 71 </div>
71 </div> 72 </div>
72 <table ng-show="primerBusqueda" class="table table-striped table-sm"> 73 <table ng-show="primerBusqueda" class="table table-striped table-sm">
73 <thead> 74 <thead>
74 <tr> 75 <tr>
75 <th>Fecha</th> 76 <th>Fecha</th>
76 <th>Cliente</th> 77 <th>Cliente</th>
77 <th>Comprobante</th> 78 <th>Comprobante</th>
78 <th></th> 79 <th></th>
79 </tr> 80 </tr>
80 </thead> 81 </thead>
81 <tbody> 82 <tbody>
82 <tr ng-show="currentPageRemitos.length == 0 && primerBusqueda"> 83 <tr ng-show="currentPageRemitos.length == 0 && primerBusqueda">
83 <td colspan="5"> 84 <td colspan="5">
84 No se encontraron resultados. 85 No se encontraron resultados.
85 </td> 86 </td>
86 </tr> 87 </tr>
87 <tr class="selectable" 88 <tr class="selectable"
88 ng-repeat="(key, remito) in currentPageRemitos" 89 ng-repeat="(key, remito) in currentPageRemitos"
89 ng-click="select(remito)"> 90 ng-click="select(remito)">
90 <td ng-bind="remito.fechaRemito | date : 'dd/MM/yyyy'"></td> 91 <td ng-bind="remito.fechaRemito | date : 'dd/MM/yyyy'"></td>
91 <td ng-bind="remito.nombreCliente"></td> 92 <td ng-bind="remito.nombreCliente"></td>
92 <td ng-bind="[remito.sucursal, remito.numeroRemito] | comprobante"></td> 93 <td ng-bind="[remito.sucursal, remito.numeroRemito] | comprobante"></td>
93 <td> 94 <td>
94 <button 95 <button
95 type="button" 96 type="button"
96 class="btn btn-xs p-1 float-right" 97 class="btn btn-xs p-1 float-right"
97 ng-class="{ 98 ng-class="{
98 'btn-secondary': selectedRemito != key, 99 'btn-secondary': selectedRemito != key,
99 'btn-primary': selectedRemito == key 100 'btn-primary': selectedRemito == key
100 }" 101 }"
101 foca-focus="selectedRemito == {{key}}" 102 foca-focus="selectedRemito == {{key}}"
102 ng-keydown="itemRemito($event.keyCode)" 103 ng-keydown="itemRemito($event.keyCode)"
103 > 104 >
104 <i class="fa fa-circle-thin" aria-hidden="true"></i> 105 <i class="fa fa-circle-thin" aria-hidden="true"></i>
105 </button> 106 </button>
106 </td> 107 </td>
107 </tr> 108 </tr>
108 </tbody> 109 </tbody>
109 </table> 110 </table>
110 </div> 111 </div>
111 <div class="modal-footer py-1"> 112 <div class="modal-footer py-1">
112 <nav ng-show="currentPageRemitos.length > 0 && primerBusqueda" class="mr-auto"> 113 <nav ng-show="currentPageRemitos.length > 0 && primerBusqueda" class="mr-auto">
113 <ul class="pagination pagination-sm justify-content mb-0"> 114 <ul class="pagination pagination-sm justify-content mb-0">
114 <li class="page-item" ng-class="{'disabled': currentPage == 1}"> 115 <li class="page-item" ng-class="{'disabled': currentPage == 1}">
115 <a 116 <a
116 class="page-link" 117 class="page-link"
117 href="javascript:void();" 118 href="javascript:void();"
118 ng-click="selectPage(currentPage - 1)" 119 ng-click="selectPage(currentPage - 1)"
119 > 120 >
120 <span aria-hidden="true">&laquo;</span> 121 <span aria-hidden="true">&laquo;</span>
121 <span class="sr-only">Anterior</span> 122 <span class="sr-only">Anterior</span>
122 </a> 123 </a>
123 </li> 124 </li>
124 <li 125 <li
125 class="page-item" 126 class="page-item"
126 ng-repeat="pagina in paginas" 127 ng-repeat="pagina in paginas"
127 ng-class="{'active': pagina == currentPage}" 128 ng-class="{'active': pagina == currentPage}"
128 > 129 >
129 <a 130 <a
130 class="page-link" 131 class="page-link"
131 href="javascript:void();" 132 href="javascript:void();"
132 ng-click="selectPage(pagina)" 133 ng-click="selectPage(pagina)"
133 ng-bind="pagina" 134 ng-bind="pagina"
134 ></a> 135 ></a>
135 </li> 136 </li>
136 <li class="page-item" ng-class="{'disabled': currentPage == lastPage}"> 137 <li class="page-item" ng-class="{'disabled': currentPage == lastPage}">
137 <a 138 <a
138 class="page-link" 139 class="page-link"
139 href="javascript:void();" 140 href="javascript:void();"
140 ng-click="selectPage(currentPage + 1)" 141 ng-click="selectPage(currentPage + 1)"
141 > 142 >
142 <span aria-hidden="true">&raquo;</span> 143 <span aria-hidden="true">&raquo;</span>
143 <span class="sr-only">Siguiente</span> 144 <span class="sr-only">Siguiente</span>
144 </a> 145 </a>
145 </li> 146 </li>
146 </ul> 147 </ul>
147 </nav> 148 </nav>
148 <button class="btn btn-sm btn-secondary" type="button" ng-click="cancel()">Cancelar</button> 149 <button class="btn btn-sm btn-secondary" type="button" ng-click="cancel()">Cancelar</button>
149 </div> 150 </div>
150 151