Mauricio Cattafi / foca-modal-nota-pedido

Download as
Browse Code »

Commit e5c04c55bddcfb61ad4411063ba24ef232264d0c

Authored by Marcelo Puebla
1 parent fda99be4fd
Exists in master and in 1 other branch develop

Arreglo botón de calendario. 

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