Jose Pinto / foca-modal-proveedor

Download as
Browse Code »

Commit 8455c40bb27601fafa249d8936584f7bc7dfeb6b

Authored by Jose Pinto
1 parent a40e9e854f
Exists in master

detalle responsive

Showing 1 changed file with 4 additions and 4 deletions   Show diff stats
src/views/modal-proveedor.html
Diff comments   View file @ 8455c40
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-md-6"> 3 <div class="col-lg-6">
4 <h5 class="modal-title" ng-hide="transportista">Búsqueda de Proveedor</h5> 4 <h5 class="modal-title my-1" ng-hide="transportista">Búsqueda de Proveedor</h5>
5 <h5 class="modal-title" ng-show="transportista">Búsqueda de Transportista</h5> 5 <h5 class="modal-title my-1" ng-show="transportista">Búsqueda de Transportista</h5>
6 </div> 6 </div>
7 <div class="input-group col-md-6 pr-0 my-2"> 7 <div class="input-group col-lg-6 pr-0 my-2">
8 <input 8 <input
9 ladda="searchLoading" 9 ladda="searchLoading"
10 type="text" 10 type="text"
11 class="form-control form-control-sm" 11 class="form-control form-control-sm"
12 placeholder="Busqueda" 12 placeholder="Busqueda"
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="selectedProveedores == -1" 17 foca-focus="selectedProveedores == -1"
18 ng-focus="selectedProveedores = -1" 18 ng-focus="selectedProveedores = -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 class="btn btn-outline-secondary" 24 class="btn btn-outline-secondary"
25 type="button" 25 type="button"
26 ng-click="busquedaPress(13)"> 26 ng-click="busquedaPress(13)">
27 <i class="fa fa-search" aria-hidden="true"></i> 27 <i class="fa fa-search" aria-hidden="true"></i>
28 </button> 28 </button>
29 </div> 29 </div>
30 </div> 30 </div>
31 </div> 31 </div>
32 </div> 32 </div>
33 <div class="modal-body" id="modal-body"> 33 <div class="modal-body" id="modal-body">
34 34
35 <div ng-show="!primerBusqueda"> 35 <div ng-show="!primerBusqueda">
36 Debe realizar una primer búsqueda. 36 Debe realizar una primer búsqueda.
37 </div> 37 </div>
38 38
39 <table ng-show="primerBusqueda" class="table table-striped table-sm"> 39 <table ng-show="primerBusqueda" class="table table-striped table-sm">
40 <thead> 40 <thead>
41 <tr> 41 <tr>
42 <th>Código</th> 42 <th>Código</th>
43 <th>Nombre</th> 43 <th>Nombre</th>
44 <th>CUIT</th> 44 <th>CUIT</th>
45 <th></th> 45 <th></th>
46 </tr> 46 </tr>
47 </thead> 47 </thead>
48 <tbody> 48 <tbody>
49 <tr ng-show="currentPageProveedores.length == 0 && primerBusqueda"> 49 <tr ng-show="currentPageProveedores.length == 0 && primerBusqueda">
50 <td colspan="4"> 50 <td colspan="4">
51 No se encontraron resultados. 51 No se encontraron resultados.
52 </td> 52 </td>
53 </tr> 53 </tr>
54 <tr 54 <tr
55 class="selectable" 55 class="selectable"
56 ng-repeat="(key, proveedor) in currentPageProveedores" 56 ng-repeat="(key, proveedor) in currentPageProveedores"
57 ng-click="select(proveedor)"> 57 ng-click="select(proveedor)">
58 <td ng-bind="proveedor.COD"></td> 58 <td ng-bind="proveedor.COD"></td>
59 <td ng-bind="proveedor.NOM"></td> 59 <td ng-bind="proveedor.NOM"></td>
60 <td ng-bind="proveedor.CUIT"></td> 60 <td ng-bind="proveedor.CUIT"></td>
61 <td> 61 <td>
62 <button 62 <button
63 type="button" 63 type="button"
64 class="btn btn-xs p-1 float-right" 64 class="btn btn-xs p-1 float-right"
65 ng-class="{ 65 ng-class="{
66 'btn-secondary': selectedProveedores != key, 66 'btn-secondary': selectedProveedores != key,
67 'btn-primary': selectedProveedores == key 67 'btn-primary': selectedProveedores == key
68 }" 68 }"
69 ng-click="select(proveedor)" 69 ng-click="select(proveedor)"
70 foca-focus="selectedProveedores == {{key}}" 70 foca-focus="selectedProveedores == {{key}}"
71 ng-keydown="itemProveedor($event.keyCode)" 71 ng-keydown="itemProveedor($event.keyCode)"
72 > 72 >
73 <i class="fa fa-circle-thin" aria-hidden="true"></i> 73 <i class="fa fa-circle-thin" aria-hidden="true"></i>
74 </button> 74 </button>
75 </td> 75 </td>
76 </tr> 76 </tr>
77 </tbody> 77 </tbody>
78 </table> 78 </table>
79 79
80 </div> 80 </div>
81 <div class="modal-footer py-1"> 81 <div class="modal-footer py-1">
82 <nav ng-show="currentPageProveedores.length > 0 && primerBusqueda" class="mr-auto"> 82 <nav ng-show="currentPageProveedores.length > 0 && primerBusqueda" class="mr-auto">
83 <ul class="pagination pagination-sm mb-0"> 83 <ul class="pagination pagination-sm mb-0">
84 <li class="page-item" ng-class="{'disabled': currentPage == 1}"> 84 <li class="page-item" ng-class="{'disabled': currentPage == 1}">
85 <a class="page-link" href="javascript:void();" ng-click="selectPage(currentPage - 1)"> 85 <a class="page-link" href="javascript:void();" ng-click="selectPage(currentPage - 1)">
86 <span aria-hidden="true">&laquo;</span> 86 <span aria-hidden="true">&laquo;</span>
87 <span class="sr-only">Anterior</span> 87 <span class="sr-only">Anterior</span>
88 </a> 88 </a>
89 </li> 89 </li>
90 <li 90 <li
91 class="page-item" 91 class="page-item"
92 ng-repeat="pagina in paginas" 92 ng-repeat="pagina in paginas"
93 ng-class="{'active': pagina == currentPage}" 93 ng-class="{'active': pagina == currentPage}"
94 > 94 >
95 <a 95 <a
96 class="page-link" 96 class="page-link"
97 href="javascript:void();" 97 href="javascript:void();"
98 ng-click="selectPage(pagina)" 98 ng-click="selectPage(pagina)"
99 ng-bind="pagina" 99 ng-bind="pagina"
100 ></a> 100 ></a>
101 </li> 101 </li>
102 <li class="page-item" ng-class="{'disabled': currentPage == lastPage}"> 102 <li class="page-item" ng-class="{'disabled': currentPage == lastPage}">
103 <a class="page-link" href="javascript:void();" ng-click="selectPage(currentPage + 1)"> 103 <a class="page-link" href="javascript:void();" ng-click="selectPage(currentPage + 1)">
104 <span aria-hidden="true">&raquo;</span> 104 <span aria-hidden="true">&raquo;</span>
105 <span class="sr-only">Siguiente</span> 105 <span class="sr-only">Siguiente</span>
106 </a> 106 </a>
107 </li> 107 </li>
108 </ul> 108 </ul>
109 </nav> 109 </nav>
110 <button class="btn btn-sm btn-secondary" type="button" ng-click="cancel()">Cancelar</button> 110 <button class="btn btn-sm btn-secondary" type="button" ng-click="cancel()">Cancelar</button>
111 </div> 111 </div>
112 112