Marcelo Puebla / foca-modal-resumen-cuenta

1

1

2

2

3

3

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

6

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

11

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

15

16

16

17

17

18

18

19

</div>

19

</div>

20

</div>

20

</div>

21

<input

21

<input

22

class="form-control form-control-sm"

22

class="form-control form-control-sm"

23

id="inlineFormInputGroup"

23

id="inlineFormInputGroup"

24

ladda="searchLoading"

24

ladda="searchLoading"

25

type="text"

25

type="text"

26

ng-model="fechaDesde"

26

ng-model="fechaDesde"

27

ng-required="true"

27

ng-required="true"

28

uib-datepicker-popup="dd/MM/yyyy"

28

uib-datepicker-popup="dd/MM/yyyy"

29

show-button-bar="false"

29

show-button-bar="false"

30

is-open="datepickerOpen"

30

is-open="datepickerOpen"

31

on-open-focus="false"

31

on-open-focus="false"

32

ng-focus="datepickerOpen = true"

32

ng-focus="datepickerOpen = true"

33

/>

33

/>

34

</div>

34

</div>

35

</div>

35

</div>

36

36

37

<thead>

37

<thead>

38

<tr>

38

<tr>

39

<th>Comprobante</th>

39

<th>Comprobante</th>

40

<th>Vencimiento</th>

40

<th>Vencimiento</th>

41

<th class="text-right">Importe</th>

41

<th class="text-right">Importe</th>

42

42

<th class="text-right">Saldo</th>

43

43

44

44

45

</tr>

45

</tr>

46

</thead>

46

</thead>

47

<tbody>

47

<tbody>

48

<tr class="selectable"

48

<tr class="selectable"

49

ng-repeat="(key, factura) in currentPageFacturas">

49

ng-repeat="(key, factura) in currentPageFacturas">

50

<td>{{factura.numeroFactura}} {{factura.FECHA_COMPROBANTE | date : 'dd/MM/yyyy' : 'GMT'}}</td>

50

<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>

51

<td>{{(factura.TCO == 'FT') ? factura.NCU + ' - ' : ''}}{{factura.FEV | date : 'dd/MM/yyyy' : 'GMT'}}</td>

52

52

53

54

54

55

</td>

55

</td>

56

56

57

58

58

59

</td>

59

</td>

60

<td>

60

<td>

61

<button

61

<button

62

class="btn p-1"

62

class="btn p-1"

63

ng-click="verFactura(factura)"

63

ng-click="verFactura(factura)"

64

title="Ver comprobante"

64

title="Ver comprobante"

65

>

65

>

66

66

67

</button>

67

</button>

68

</td>

68

</td>

69

<td>

69

<td>

70

<button

70

<button

71

class="btn p-1"

71

class="btn p-1"

72

ng-click="enviarMail(factura)"

72

ng-click="enviarMail(factura)"

73

title="Enviar comprobante por mail"

73

title="Enviar comprobante por mail"

74

>

74

>

75

75

76

</button>

76

</button>

77

</td>

77

</td>

78

</tr>

78

</tr>

79

</tbody>

79

</tbody>

80

</table>

80

</table>

81

</div>

81

</div>

82

82

83

83

84

84

85

85

86

86

87

87

88

<span class="sr-only">Anterior</span>

88

<span class="sr-only">Anterior</span>

89

</a>

89

</a>

90

</li>

90

</li>

91

<li

91

<li

92

class="page-item"

92

class="page-item"

93

ng-repeat="pagina in paginas"

93

ng-repeat="pagina in paginas"

94

ng-class="{'active': pagina == currentPage}"

94

ng-class="{'active': pagina == currentPage}"

95

>

95

>

96

<a

96

<a

97

class="page-link"

97

class="page-link"

98

href="javascript:void();"

98

href="javascript:void();"

99

ng-click="selectPage(pagina)"

99

ng-click="selectPage(pagina)"

100

ng-bind="pagina"

100

ng-bind="pagina"

101

></a>

101

></a>

102

</li>

102

</li>

103

103

104

104

105

105

106

<span class="sr-only">Siguiente</span>

106

<span class="sr-only">Siguiente</span>

107

</a>

107

</a>

108

</li>

108

</li>

109

</ul>

109

</ul>

110

</nav>

110

</nav>

111

<button class="btn btn-sm btn-secondary my-1" type="button" ng-click="generar()" ng-hide="generado">Generar</button>

111

<button class="btn btn-sm btn-secondary 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>

112

<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>

113

<button class="btn btn-sm btn-secondary my-1" type="button" ng-click="cancel()">Cancelar</button>

114

</div>

114

</div>

115

GITLAB

Marcelo Puebla / foca-modal-resumen-cuenta

ok th

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