Marcelo Puebla / foca-modal-nota-pedido

Download as
Browse Code »

Commit ab6b6ac0523219d2b13f791e1b18b6573514ddf6

Authored by Eric Fernandez
2 parents 8115f6afc1 a4c967375d
Exists in master

Merge branch 'master' into 'develop' 

Arreglo responsividad en input de calendario.

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