Luis Suarez / foca-modal-remito

Download as
Browse Code »

Commit 3840bbc66d1e9b883812e9e247eb46c36371ebfd

Authored by Eric Fernandez
2 parents 8ed96853fa 2180f77a5d
Exists in master and in 2 other branches develop, lab

Merge branch 'master' into 'develop' 

Agregada cruz para limpiar filtro de búsqueda.

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