Luigi / foca-modal-domicilio

Download as
Browse Code ยป

Commit c60ee77aeac60d71044e9940f41818ff5856e4f0

Authored by Eric Fernandez
1 parent 44be72c89e
Exists in master

First Version

Showing 1 changed file with 0 additions and 1 deletions   Show diff stats
src/views/modal-domicilio.html
Diff comments   View file @ c60ee77
1 <div class="modal-header"> 1 <div class="modal-header">
2 <h3 class="modal-title">Busqueda de Domicilios</h3> 2 <h3 class="modal-title">Busqueda de Domicilios</h3>
3 </div> 3 </div>
4 <div class="modal-body" id="modal-body"> 4 <div class="modal-body" id="modal-body">
5 <div class="input-group mb-3"> 5 <div class="input-group mb-3">
6 <input 6 <input
7 type="text" 7 type="text"
8 class="form-control" 8 class="form-control"
9 placeholder="Busqueda" 9 placeholder="Busqueda"
10 ng-model="filters" 10 ng-model="filters"
11 ng-change="search()" 11 ng-change="search()"
12 ng-keydown="busquedaDown($event.keyCode)" 12 ng-keydown="busquedaDown($event.keyCode)"
13 ng-keypress="busquedaPress($event.keyCode)" 13 ng-keypress="busquedaPress($event.keyCode)"
14 foca-focus="selectedDomicilio == -1" 14 foca-focus="selectedDomicilio == -1"
15 ng-focus="selectedDomicilio = -1" 15 ng-focus="selectedDomicilio = -1"
16 > 16 >
17 <table class="table table-striped table-sm"> 17 <table class="table table-striped table-sm">
18 <thead> 18 <thead>
19 <tr> 19 <tr>
20 <th>Domicilio</th> 20 <th>Domicilio</th>
21 <th>Localidad</th> 21 <th>Localidad</th>
22 <th>Provincia</th> 22 <th>Provincia</th>
23 <th colspan="5" class="text-center">Contacto</th> 23 <th colspan="5" class="text-center">Contacto</th>
24 <th></th> 24 <th></th>
25 </tr> 25 </tr>
26 <tr> 26 <tr>
27 <th></th> 27 <th></th>
28 <th></th> 28 <th></th>
29 <th></th> 29 <th></th>
30 <th>Nombre</th> 30 <th>Nombre</th>
31 <th>Telefono 1</th> 31 <th>Telefono 1</th>
32 <th>Telefono 2</th> 32 <th>Telefono 2</th>
33 <th></th> 33 <th></th>
34 </tr> 34 </tr>
35 </thead> 35 </thead>
36 <tbody> 36 <tbody>
37 <tr class="selectable" 37 <tr class="selectable"
38 ng-repeat="(key,domicilio) in currentPageDomicilios" 38 ng-repeat="(key,domicilio) in currentPageDomicilios"
39 ng-click="select(domicilio)"> 39 ng-click="select(domicilio)">
40 <td ng-bind="domicilio.dom"></td> 40 <td ng-bind="domicilio.dom"></td>
41 <td ng-bind="domicilio.loc"></td> 41 <td ng-bind="domicilio.loc"></td>
42 <td ng-bind="domicilio.pci"></td> 42 <td ng-bind="domicilio.pci"></td>
43 <td ng-bind="domicilio.contacto[0].nombre"></td> 43 <td ng-bind="domicilio.contacto[0].nombre"></td>
44 <td ng-bind="domicilio.contacto[0].telefono1"></td> 44 <td ng-bind="domicilio.contacto[0].telefono1"></td>
45 <td ng-bind="domicilio.contacto[0].telefono2"></td> 45 <td ng-bind="domicilio.contacto[0].telefono2"></td>
46 <td> 46 <td>
47 <button 47 <button
48 type="button" 48 type="button"
49 class="btn p-2 float-right" 49 class="btn p-2 float-right"
50 ng-class="{ 50 ng-class="{
51 'btn-secondary': selectedDomicilio != key, 51 'btn-secondary': selectedDomicilio != key,
52 'btn-primary': selectedDomicilio == key 52 'btn-primary': selectedDomicilio == key
53 }" 53 }"
54 foca-focus="selectedDomicilio == {{key}}" 54 foca-focus="selectedDomicilio == {{key}}"
55 ng-keydown="itemDomicilio($event.keyCode)" 55 ng-keydown="itemDomicilio($event.keyCode)"
56 > 56 >
57 <i class="fa fa-arrow-right" aria-hidden="true"></i> 57 <i class="fa fa-arrow-right" aria-hidden="true"></i>
58 </button> 58 </button>
59 </td> 59 </td>
60 </tr> 60 </tr>
61
62 </tbody> 61 </tbody>
63 </table> 62 </table>
64 <nav> 63 <nav>
65 <ul class="pagination justify-content-end"> 64 <ul class="pagination justify-content-end">
66 <li class="page-item" ng-class="{'disabled': currentPage == 1}"> 65 <li class="page-item" ng-class="{'disabled': currentPage == 1}">
67 <a class="page-link" href="#" ng-click="selectPage(currentPage - 1)"> 66 <a class="page-link" href="#" ng-click="selectPage(currentPage - 1)">
68 <span aria-hidden="true">&laquo;</span> 67 <span aria-hidden="true">&laquo;</span>
69 <span class="sr-only">Anterior</span> 68 <span class="sr-only">Anterior</span>
70 </a> 69 </a>
71 </li> 70 </li>
72 <li 71 <li
73 class="page-item" 72 class="page-item"
74 ng-repeat="pagina in paginas" 73 ng-repeat="pagina in paginas"
75 ng-class="{'active': pagina == currentPage}" 74 ng-class="{'active': pagina == currentPage}"
76 > 75 >
77 <a 76 <a
78 class="page-link" 77 class="page-link"
79 href="#" 78 href="#"
80 ng-click="selectPage(pagina)" 79 ng-click="selectPage(pagina)"
81 ng-bind="pagina" 80 ng-bind="pagina"
82 ></a> 81 ></a>
83 </li> 82 </li>
84 <li class="page-item" ng-class="{'disabled': currentPage == lastPage}"> 83 <li class="page-item" ng-class="{'disabled': currentPage == lastPage}">
85 <a class="page-link" href="#" ng-click="selectPage(currentPage + 1)"> 84 <a class="page-link" href="#" ng-click="selectPage(currentPage + 1)">
86 <span aria-hidden="true">&raquo;</span> 85 <span aria-hidden="true">&raquo;</span>
87 <span class="sr-only">Siguiente</span> 86 <span class="sr-only">Siguiente</span>
88 </a> 87 </a>
89 </li> 88 </li>
90 </ul> 89 </ul>
91 </nav> 90 </nav>
92 </div> 91 </div>
93 </div> 92 </div>
94 <div class="modal-footer"> 93 <div class="modal-footer">
95 <button class="btn btn-secondary" type="button" ng-click="cancel()">Seleccionar otro cliente</button> 94 <button class="btn btn-secondary" type="button" ng-click="cancel()">Seleccionar otro cliente</button>
96 </div> 95 </div>
97 96