Commit a4b5f5da0383fa090275fad4a7dcb9d1cf639706
1 parent
60fb918954
Exists in
master
buscador en header, paginado en footer, cambio icons
Showing
1 changed file
with
37 additions
and
27 deletions
Show diff stats
src/views/modal-chofer.html
1 | 1 | <div class="modal-header py-1"> |
2 | - <h5 class="modal-title">Busqueda de Chofer</h5> | |
3 | -</div> | |
4 | -<div class="modal-body" id="modal-body"> | |
5 | - <div class="input-group"> | |
6 | - <input | |
7 | - ladda="searchLoading" | |
8 | - type="text" | |
9 | - class="form-control" | |
10 | - placeholder="Busqueda" | |
11 | - ng-model="filters" | |
12 | - ng-change="search()" | |
13 | - ng-keydown="busquedaDown($event.keyCode)" | |
14 | - ng-keypress="busquedaPress($event.keyCode)" | |
15 | - foca-focus="selectedChofer == -1" | |
16 | - ng-focus="selectedChofer = -1" | |
17 | - > | |
18 | - <div class="input-group-append"> | |
19 | - <button | |
2 | + <div class="row w-100"> | |
3 | + <div class="col-lg-6"> | |
4 | + <h5 class="modal-title my-1">Busqueda de Chofer</h5> | |
5 | + </div> | |
6 | + <div class="input-group col-lg-6 pr-0 my-2"> | |
7 | + <input | |
20 | 8 | ladda="searchLoading" |
21 | - class="btn btn-outline-secondary" | |
22 | - type="button" | |
23 | - ng-click="busquedaPress(13)" | |
9 | + type="text" | |
10 | + class="form-control" | |
11 | + placeholder="Busqueda" | |
12 | + ng-model="filters" | |
13 | + ng-change="search()" | |
14 | + ng-keydown="busquedaDown($event.keyCode)" | |
15 | + ng-keypress="busquedaPress($event.keyCode)" | |
16 | + foca-focus="selectedChofer == -1" | |
17 | + ng-focus="selectedChofer = -1" | |
24 | 18 | > |
25 | - <i class="fa fa-search" aria-hidden="true"></i> | |
26 | - </button> | |
19 | + <div class="input-group-append"> | |
20 | + <button | |
21 | + ladda="searchLoading" | |
22 | + class="btn btn-outline-secondary" | |
23 | + type="button" | |
24 | + ng-click="busquedaPress(13)" | |
25 | + > | |
26 | + <i class="fa fa-search" aria-hidden="true"></i> | |
27 | + </button> | |
28 | + </div> | |
27 | 29 | </div> |
28 | 30 | </div> |
31 | + | |
32 | +</div> | |
33 | +<div class="modal-body" id="modal-body"> | |
34 | + | |
35 | + <div ng-show="!primerBusqueda"> | |
36 | + Debe realizar una primer búsqueda. | |
37 | + </div> | |
38 | + | |
29 | 39 | <table ng-show="primerBusqueda" class="table table-striped table-sm"> |
30 | 40 | <thead> |
31 | 41 | <tr> |
... | ... | @@ -60,13 +70,15 @@ |
60 | 70 | foca-focus="selectedChofer == {{key}}" |
61 | 71 | ng-keydown="itemChofer($event.keyCode)" |
62 | 72 | > |
63 | - <i class="fa fa-arrow-right" aria-hidden="true"></i> | |
73 | + <i class="fa fa-circle-thin" aria-hidden="true"></i> | |
64 | 74 | </button> |
65 | 75 | </td> |
66 | 76 | </tr> |
67 | 77 | </tbody> |
68 | 78 | </table> |
69 | - <nav ng-show="currentPageChoferes.length > 0 && primerBusqueda"> | |
79 | +</div> | |
80 | +<div class="modal-footer py-1"> | |
81 | + <nav ng-show="currentPageChoferes.length > 0 && primerBusqueda" class="mr-auto"> | |
70 | 82 | <ul class="pagination pagination-sm justify-content mb-0"> |
71 | 83 | <li class="page-item" ng-class="{'disabled': currentPage == 1}"> |
72 | 84 | <a class="page-link" href="javascript:void();" ng-click="selectPage(currentPage - 1)"> |
... | ... | @@ -94,7 +106,5 @@ |
94 | 106 | </li> |
95 | 107 | </ul> |
96 | 108 | </nav> |
97 | -</div> | |
98 | -<div class="modal-footer py-1"> | |
99 | 109 | <button class="btn btn-sm btn-secondary" type="button" ng-click="cancel()">Cancelar</button> |
100 | 110 | </div> |