Marcelo Puebla / foca-modal-resumen-cuenta

Download as
Browse Code ยป

Commit daf22b40970b8740413f1df6731cf3d47cf186e8

Authored by Marcelo Puebla
1 parent ac228012b3
Exists in master

Arreglo en estilo de boton y calendario

Showing 1 changed file with 7 additions and 4 deletions   Show diff stats
src/views/modal-resumen-cuenta.html
Diff comments   View file @ daf22b4
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">Resumen de cuenta</h5> 4 <h5 class="modal-title my-1">Resumen de cuenta</h5>
5 </div> 5 </div>
6 <div class="col-lg-6 text-right" ng-show="generado"> 6 <div class="col-lg-6 text-right" ng-show="generado">
7 <h6 class="modal-title my-1">Saldo hasta la fecha: {{results.saldo | number: 2}}</h6> 7 <h6 class="modal-title my-1">Saldo hasta la fecha: {{results.saldo | number: 2}}</h6>
8 </div> 8 </div>
9 </div> 9 </div>
10 </div> 10 </div>
11 <div class="modal-body" id="modal-body"> 11 <div class="modal-body" id="modal-body">
12 <div class="input-group row" 12 <div class="input-group row"
13 ng-hide="generado"> 13 ng-hide="generado">
14 <small class="col-md-2 col-4 text-left my-1">Fecha Desde</small> 14 <small class="col-md-2 col-4 text-left my-1">Fecha Desde</small>
15 <div class="col-md-4 col-8 input-group mb-2"> 15 <div class="col-md-4 col-8 input-group mb-3">
16 <div class="input-group-prepend"> 16 <div class="input-group-prepend">
17 <div class="input-group-text form-control-sm"> 17 <button
18 type="button"
19 ng-click="datepickerOpen = true"
20 class="input-group-text">
18 <i class="fa fa-calendar"></i> 21 <i class="fa fa-calendar"></i>
19 </div> 22 </button>
20 </div> 23 </div>
21 <input 24 <input
22 class="form-control form-control-sm" 25 class="form-control form-control-sm"
23 id="inlineFormInputGroup" 26 id="inlineFormInputGroup"
24 ladda="searchLoading" 27 ladda="searchLoading"
25 type="text" 28 type="text"
26 ng-model="fechaDesde" 29 ng-model="fechaDesde"
27 ng-required="true" 30 ng-required="true"
28 uib-datepicker-popup="dd/MM/yyyy" 31 uib-datepicker-popup="dd/MM/yyyy"
29 show-button-bar="false" 32 show-button-bar="false"
30 is-open="datepickerOpen" 33 is-open="datepickerOpen"
31 on-open-focus="false" 34 on-open-focus="false"
32 ng-focus="datepickerOpen = true" 35 ng-focus="datepickerOpen = true"
33 /> 36 />
34 </div> 37 </div>
35 </div> 38 </div>
36 <table class="table table-striped table-sm" ng-show="generado"> 39 <table class="table table-striped table-sm" ng-show="generado">
37 <thead> 40 <thead>
38 <tr> 41 <tr>
39 <th>Comprobante</th> 42 <th>Comprobante</th>
40 <th>Vencimiento</th> 43 <th>Vencimiento</th>
41 <th class="text-right">Importe</th> 44 <th class="text-right">Importe</th>
42 <th class="text-right">Saldo</th> 45 <th class="text-right">Saldo</th>
43 <th class="text-right"></th> 46 <th class="text-right"></th>
44 <th class="text-right"></th> 47 <th class="text-right"></th>
45 </tr> 48 </tr>
46 </thead> 49 </thead>
47 <tbody> 50 <tbody>
48 <tr class="selectable" 51 <tr class="selectable"
49 ng-repeat="(key, factura) in currentPageFacturas"> 52 ng-repeat="(key, factura) in currentPageFacturas">
50 <td>{{factura.numeroFactura}} {{factura.FECHA_COMPROBANTE | date : 'dd/MM/yyyy' : 'GMT'}}</td> 53 <td>{{factura.numeroFactura}} {{factura.FECHA_COMPROBANTE | date : 'dd/MM/yyyy' : 'GMT'}}</td>
51 <td>{{(factura.TCO == 'FT') ? factura.NCU + ' - ' : ''}}{{factura.FEV | date : 'dd/MM/yyyy' : 'GMT'}}</td> 54 <td>{{(factura.TCO == 'FT') ? factura.NCU + ' - ' : ''}}{{factura.FEV | date : 'dd/MM/yyyy' : 'GMT'}}</td>
52 <td class="text-right"> 55 <td class="text-right">
53 {{ factura.IPA_SHOW | number:2 }} 56 {{ factura.IPA_SHOW | number:2 }}
54 <span ng-class="{'invisible': factura.IPA >= 0}">-</span> 57 <span ng-class="{'invisible': factura.IPA >= 0}">-</span>
55 </td> 58 </td>
56 <td class="text-right"> 59 <td class="text-right">
57 {{ factura.saldo_show | number:2 }} 60 {{ factura.saldo_show | number:2 }}
58 <span ng-class="{'invisible': factura.saldo >= 0}">-</span> 61 <span ng-class="{'invisible': factura.saldo >= 0}">-</span>
59 </td> 62 </td>
60 <td> 63 <td>
61 <button 64 <button
62 class="btn p-1" 65 class="btn p-1"
63 ng-click="verFactura(factura)" 66 ng-click="verFactura(factura)"
64 title="Ver comprobante" 67 title="Ver comprobante"
65 > 68 >
66 <i class="fa fa-eye" aria-hidden="true"></i> 69 <i class="fa fa-eye" aria-hidden="true"></i>
67 </button> 70 </button>
68 </td> 71 </td>
69 <td> 72 <td>
70 <button 73 <button
71 class="btn p-1" 74 class="btn p-1"
72 ng-click="enviarMail(factura)" 75 ng-click="enviarMail(factura)"
73 title="Enviar comprobante por mail" 76 title="Enviar comprobante por mail"
74 > 77 >
75 <i class="fa fa-envelope-o" aria-hidden="true"></i> 78 <i class="fa fa-envelope-o" aria-hidden="true"></i>
76 </button> 79 </button>
77 </td> 80 </td>
78 </tr> 81 </tr>
79 </tbody> 82 </tbody>
80 </table> 83 </table>
81 </div> 84 </div>
82 <div class="modal-footer py-1"> 85 <div class="modal-footer py-1">
83 <nav ng-show="currentPageFacturas.length" class="mr-auto"> 86 <nav ng-show="currentPageFacturas.length" class="mr-auto">
84 <ul class="pagination pagination-sm justify-content mb-0"> 87 <ul class="pagination pagination-sm justify-content mb-0">
85 <li class="page-item" ng-class="{'disabled': currentPage == 1}"> 88 <li class="page-item" ng-class="{'disabled': currentPage == 1}">
86 <a class="page-link" href="javascript:void();" ng-click="selectPage(currentPage - 1)"> 89 <a class="page-link" href="javascript:void();" ng-click="selectPage(currentPage - 1)">
87 <span aria-hidden="true">&laquo;</span> 90 <span aria-hidden="true">&laquo;</span>
88 <span class="sr-only">Anterior</span> 91 <span class="sr-only">Anterior</span>
89 </a> 92 </a>
90 </li> 93 </li>
91 <li 94 <li
92 class="page-item" 95 class="page-item"
93 ng-repeat="pagina in paginas" 96 ng-repeat="pagina in paginas"
94 ng-class="{'active': pagina == currentPage}" 97 ng-class="{'active': pagina == currentPage}"
95 > 98 >
96 <a 99 <a
97 class="page-link" 100 class="page-link"
98 href="javascript:void();" 101 href="javascript:void();"
99 ng-click="selectPage(pagina)" 102 ng-click="selectPage(pagina)"
100 ng-bind="pagina" 103 ng-bind="pagina"
101 ></a> 104 ></a>
102 </li> 105 </li>
103 <li class="page-item" ng-class="{'disabled': currentPage == lastPage}"> 106 <li class="page-item" ng-class="{'disabled': currentPage == lastPage}">
104 <a class="page-link" href="javascript:void();" ng-click="selectPage(currentPage + 1)"> 107 <a class="page-link" href="javascript:void();" ng-click="selectPage(currentPage + 1)">
105 <span aria-hidden="true">&raquo;</span> 108 <span aria-hidden="true">&raquo;</span>
106 <span class="sr-only">Siguiente</span> 109 <span class="sr-only">Siguiente</span>
107 </a> 110 </a>
108 </li> 111 </li>
109 </ul> 112 </ul>
110 </nav> 113 </nav>
111 <button class="btn btn-sm btn-secondary my-1" type="button" ng-click="generar()" ng-hide="generado">Generar</button> 114 <button class="btn btn-sm btn-primary my-1" type="button" ng-click="generar()" ng-hide="generado">Generar</button>
112 <button class="btn btn-sm btn-primary my-1" type="button" ng-click="enviarResumen()" ng-show="generado">Enviar</button> 115 <button class="btn btn-sm btn-primary my-1" type="button" ng-click="enviarResumen()" ng-show="generado">Enviar</button>
113 <button class="btn btn-sm btn-secondary my-1" type="button" ng-click="cancel()">Cancelar</button> 116 <button class="btn btn-sm btn-secondary my-1" type="button" ng-click="cancel()">Cancelar</button>
114 </div> 117 </div>
115 118