Jose Pinto / foca-modal-chofer

Download as
Browse Code »

Commit 193c1163be3961ea66bdb436137b9276dc36adb1

Authored by Jose Pinto
2 parents ec744d659b 78a47ee78c
Exists in master

Merge branch 'master' into 'master' 

Master(efernandez)

See merge request !4
Showing 1 changed file   Show diff stats
src/views/modal-chofer.html
Diff comments   View file @ 193c116
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 Chofer</h5> 4 <h5 class="modal-title my-1">Búsqueda de Chofer</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="selectedChofer == -1" 17 foca-focus="selectedChofer == -1"
18 ng-focus="selectedChofer = -1" 18 ng-focus="selectedChofer = -1"
19 teclado-virtual
19 > 20 >
20 <div class="input-group-append"> 21 <div class="input-group-append">
21 <button 22 <button
22 ladda="searchLoading" 23 ladda="searchLoading"
24 data-spinner-color="#FF0000"
23 class="btn btn-outline-secondary" 25 class="btn btn-outline-secondary"
24 type="button" 26 type="button"
25 ng-click="busquedaPress(13)" 27 ng-click="busquedaPress(13)"
26 > 28 >
27 <i class="fa fa-search" aria-hidden="true"></i> 29 <i class="fa fa-search" aria-hidden="true"></i>
28 </button> 30 </button>
29 </div> 31 </div>
30 </div> 32 </div>
31 </div> 33 </div>
32 34
33 </div> 35 </div>
34 <div class="modal-body" id="modal-body"> 36 <div class="modal-body" id="modal-body">
35 37
36 <div ng-show="!primerBusqueda"> 38 <div ng-show="!primerBusqueda">
37 Debe realizar una primer búsqueda. 39 Debe realizar una primer búsqueda.
38 </div> 40 </div>
39 41
40 <table ng-show="primerBusqueda" class="table table-striped table-sm"> 42 <table ng-show="primerBusqueda" class="table table-striped table-sm">
41 <thead> 43 <thead>
42 <tr> 44 <tr>
43 <th>Código</th> 45 <th>Código</th>
44 <th>Nombre</th> 46 <th>Nombre</th>
45 <th>DNI</th> 47 <th>DNI</th>
46 <th>Teléfono</th> 48 <th>Teléfono</th>
47 <th></th> 49 <th></th>
48 </tr> 50 </tr>
49 </thead> 51 </thead>
50 <tbody> 52 <tbody>
51 <tr ng-show="currentPageChoferes.length == 0 && primerBusqueda"> 53 <tr ng-show="currentPageChoferes.length == 0 && primerBusqueda">
52 <td colspan="5"> 54 <td colspan="5">
53 No se encontraron resultados. 55 No se encontraron resultados.
54 </td> 56 </td>
55 </tr> 57 </tr>
56 <tr class="selectable" 58 <tr class="selectable"
57 ng-repeat="(key,chofer) in currentPageChoferes" 59 ng-repeat="(key,chofer) in currentPageChoferes"
58 ng-click="select(chofer)"> 60 ng-click="select(chofer)">
59 <td ng-bind="chofer.id"></td> 61 <td ng-bind="chofer.id"></td>
60 <td ng-bind="chofer.nombre"></td> 62 <td ng-bind="chofer.nombre"></td>
61 <td ng-bind="chofer.dni"></td> 63 <td ng-bind="chofer.dni"></td>
62 <td ng-bind="chofer.telefono"></td> 64 <td ng-bind="chofer.telefono"></td>
63 <td> 65 <td>
64 <button 66 <button
65 type="button" 67 type="button"
66 class="btn btn-xs p-1 float-right" 68 class="btn btn-xs p-1 float-right"
67 ng-class="{ 69 ng-class="{
68 'btn-secondary': selectedChofer != key, 70 'btn-secondary': selectedChofer != key,
69 'btn-primary': selectedChofer == key 71 'btn-primary': selectedChofer == key
70 }" 72 }"
71 foca-focus="selectedChofer == {{key}}" 73 foca-focus="selectedChofer == {{key}}"
72 ng-keydown="itemChofer($event.keyCode)" 74 ng-keydown="itemChofer($event.keyCode)"
73 > 75 >
74 <i class="fa fa-circle-thin" aria-hidden="true"></i> 76 <i class="fa fa-circle-thin" aria-hidden="true"></i>
75 </button> 77 </button>
76 </td> 78 </td>
77 </tr> 79 </tr>
78 </tbody> 80 </tbody>
79 </table> 81 </table>
80 </div> 82 </div>
81 <div class="modal-footer py-1"> 83 <div class="modal-footer py-1">
82 <nav ng-show="currentPageChoferes.length > 0 && primerBusqueda" class="mr-auto"> 84 <nav ng-show="currentPageChoferes.length > 0 && primerBusqueda" class="mr-auto">
83 <ul class="pagination pagination-sm justify-content mb-0"> 85 <ul class="pagination pagination-sm justify-content mb-0">
84 <li class="page-item" ng-class="{'disabled': currentPage == 1}"> 86 <li class="page-item" ng-class="{'disabled': currentPage == 1}">
85 <a class="page-link" href="javascript:void();" ng-click="selectPage(currentPage - 1)"> 87 <a class="page-link" href="javascript:void();" ng-click="selectPage(currentPage - 1)">
86 <span aria-hidden="true">&laquo;</span> 88 <span aria-hidden="true">&laquo;</span>
87 <span class="sr-only">Anterior</span> 89 <span class="sr-only">Anterior</span>
88 </a> 90 </a>
89 </li> 91 </li>
90 <li 92 <li
91 class="page-item" 93 class="page-item"
92 ng-repeat="pagina in paginas" 94 ng-repeat="pagina in paginas"
93 ng-class="{'active': pagina == currentPage}" 95 ng-class="{'active': pagina == currentPage}"
94 > 96 >
95 <a 97 <a
96 class="page-link" 98 class="page-link"
97 href="javascript:void();" 99 href="javascript:void();"
98 ng-click="selectPage(pagina)" 100 ng-click="selectPage(pagina)"
99 ng-bind="pagina" 101 ng-bind="pagina"
100 ></a> 102 ></a>
101 </li> 103 </li>
102 <li class="page-item" ng-class="{'disabled': currentPage == lastPage}"> 104 <li class="page-item" ng-class="{'disabled': currentPage == lastPage}">
103 <a class="page-link" href="javascript:void();" ng-click="selectPage(currentPage + 1)"> 105 <a class="page-link" href="javascript:void();" ng-click="selectPage(currentPage + 1)">
104 <span aria-hidden="true">&raquo;</span> 106 <span aria-hidden="true">&raquo;</span>
105 <span class="sr-only">Siguiente</span> 107 <span class="sr-only">Siguiente</span>
106 </a> 108 </a>
107 </li> 109 </li>
108 </ul> 110 </ul>
109 </nav> 111 </nav>
110 <button class="btn btn-sm btn-secondary" type="button" ng-click="cancel()">Cancelar</button> 112 <button class="btn btn-sm btn-secondary" type="button" ng-click="cancel()">Cancelar</button>
111 </div> 113 </div>
112 114