Jose Pinto / foca-modal-vehiculo

Download as
Browse Code »

Commit 50a0d78717c0dfb927925935d9a20a85c385ad7c

Authored by Jose Pinto
2 parents 83e6221700 1a96786683
Exists in master

Merge branch 'master' into 'master' 

Master(efernandez)

See merge request !3
Showing 1 changed file   Show diff stats
src/views/modal-vehiculo.html
Diff comments   View file @ 50a0d78
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 Vehiculo</h5> 4 <h5 class="modal-title my-1">Búsqueda de Vehiculo</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" 10 class="form-control form-control-sm"
11 id="search" 11 id="search"
12 placeholder="Búsqueda" 12 placeholder="Búsqueda"
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="selectedVehiculo == -1" 17 foca-focus="selectedVehiculo == -1"
18 ng-focus="selectedVehiculo = -1" 18 ng-focus="selectedVehiculo = -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 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 </div> 34 </div>
34 <div class="modal-body" id="modal-body"> 35 <div class="modal-body" id="modal-body">
35 36
36 <div ng-show="!primerBusqueda"> 37 <div ng-show="!primerBusqueda">
37 Debe realizar una primer búsqueda. 38 Debe realizar una primer búsqueda.
38 </div> 39 </div>
39 40
40 <table ng-show="primerBusqueda" class="table table-striped table-sm"> 41 <table ng-show="primerBusqueda" class="table table-striped table-sm">
41 <thead> 42 <thead>
42 <tr> 43 <tr>
43 <th>Código</th> 44 <th>Código</th>
44 <th>Tractor</th> 45 <th>Tractor</th>
45 <th>Semi</th> 46 <th>Semi</th>
46 <th>Capacidad</th> 47 <th>Capacidad</th>
47 <th>Cisternado</th> 48 <th>Cisternado</th>
48 </tr> 49 </tr>
49 </thead> 50 </thead>
50 <tbody> 51 <tbody>
51 <tr ng-show="currentPageVehiculos.length == 0 && primerBusqueda"> 52 <tr ng-show="currentPageVehiculos.length == 0 && primerBusqueda">
52 <td colspan="5"> 53 <td colspan="5">
53 No se encontraron resultados. 54 No se encontraron resultados.
54 </td> 55 </td>
55 </tr> 56 </tr>
56 <tr class="selectable" 57 <tr class="selectable"
57 ng-repeat="(key,vehiculo) in currentPageVehiculos" 58 ng-repeat="(key,vehiculo) in currentPageVehiculos"
58 ng-click="select(vehiculo)"> 59 ng-click="select(vehiculo)">
59 <td ng-bind="vehiculo.id"></td> 60 <td ng-bind="vehiculo.id"></td>
60 <td ng-bind="vehiculo.tractor"></td> 61 <td ng-bind="vehiculo.tractor"></td>
61 <td ng-bind="vehiculo.semi"></td> 62 <td ng-bind="vehiculo.semi"></td>
62 <td ng-bind="vehiculo.capacidad"></td> 63 <td ng-bind="vehiculo.capacidad"></td>
63 <td ng-bind="vehiculo.cisternado"></td> 64 <td ng-bind="vehiculo.cisternado"></td>
64 <td> 65 <td>
65 <button 66 <button
66 type="button" 67 type="button"
67 class="btn btn-xs p-1 float-right" 68 class="btn btn-xs p-1 float-right"
68 ng-class="{ 69 ng-class="{
69 'btn-secondary': selectedVehiculo != key, 70 'btn-secondary': selectedVehiculo != key,
70 'btn-primary': selectedVehiculo == key 71 'btn-primary': selectedVehiculo == key
71 }" 72 }"
72 foca-focus="selectedVehiculo == {{key}}" 73 foca-focus="selectedVehiculo == {{key}}"
73 ng-keydown="itemVehiculo($event.keyCode)" 74 ng-keydown="itemVehiculo($event.keyCode)"
74 > 75 >
75 <i class="fa fa-circle-thin" aria-hidden="true"></i> 76 <i class="fa fa-circle-thin" aria-hidden="true"></i>
76 </button> 77 </button>
77 </td> 78 </td>
78 </tr> 79 </tr>
79 </tbody> 80 </tbody>
80 </table> 81 </table>
81 82
82 </div> 83 </div>
83 <div class="modal-footer py-1"> 84 <div class="modal-footer py-1">
84 <nav ng-show="currentPageVehiculos.length > 0 && primerBusqueda" class="mr-auto"> 85 <nav ng-show="currentPageVehiculos.length > 0 && primerBusqueda" class="mr-auto">
85 <ul class="pagination pagination-sm justify-content mb-0"> 86 <ul class="pagination pagination-sm justify-content mb-0">
86 <li class="page-item" ng-class="{'disabled': currentPage == 1}"> 87 <li class="page-item" ng-class="{'disabled': currentPage == 1}">
87 <a class="page-link" href="javascript:void();" ng-click="selectPage(currentPage - 1)"> 88 <a class="page-link" href="javascript:void();" ng-click="selectPage(currentPage - 1)">
88 <span aria-hidden="true">&laquo;</span> 89 <span aria-hidden="true">&laquo;</span>
89 <span class="sr-only">Anterior</span> 90 <span class="sr-only">Anterior</span>
90 </a> 91 </a>
91 </li> 92 </li>
92 <li 93 <li
93 class="page-item" 94 class="page-item"
94 ng-repeat="pagina in paginas" 95 ng-repeat="pagina in paginas"
95 ng-class="{'active': pagina == currentPage}" 96 ng-class="{'active': pagina == currentPage}"
96 > 97 >
97 <a 98 <a
98 class="page-link" 99 class="page-link"
99 href="javascript:void();" 100 href="javascript:void();"
100 ng-click="selectPage(pagina)" 101 ng-click="selectPage(pagina)"
101 ng-bind="pagina" 102 ng-bind="pagina"
102 ></a> 103 ></a>
103 </li> 104 </li>
104 <li class="page-item" ng-class="{'disabled': currentPage == lastPage}"> 105 <li class="page-item" ng-class="{'disabled': currentPage == lastPage}">
105 <a class="page-link" href="javascript:void();" ng-click="selectPage(currentPage + 1)"> 106 <a class="page-link" href="javascript:void();" ng-click="selectPage(currentPage + 1)">
106 <span aria-hidden="true">&raquo;</span> 107 <span aria-hidden="true">&raquo;</span>
107 <span class="sr-only">Siguiente</span> 108 <span class="sr-only">Siguiente</span>
108 </a> 109 </a>
109 </li> 110 </li>
110 </ul> 111 </ul>
111 </nav> 112 </nav>
112 <button class="btn btn-sm btn-secondary" type="button" ng-click="cancel()">Cancelar</button> 113 <button class="btn btn-sm btn-secondary" type="button" ng-click="cancel()">Cancelar</button>
113 </div> 114 </div>
114 115