Luigi / foca-modal-remito

Download as
Browse Code »

Commit c34bf9da62f02a782bbadbb815b2b79550c0b315

Authored by Eric Fernandez
1 parent 03fa05eb11
Exists in master and in 1 other branch develop

estilos mobile

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