modal-tarjetas.html
3.91 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<div class="modal-header">
<h5 class="modal-title">Pago con Tarjeta</h5>
</div>
<div class="modal-body" id="modal-body">
<div class="row mb-2">
<div class="col-12 p-0">
<div class="row mx-0 botonera-secundaria">
<div class="col-12">
<foca-botonera-tarjetas
botones="botonesTarjetas"
max="1"
class="row justify-content-start mx-0"
>
</foca-botonera-tarjetas>
</div>
</div>
</div>
</div>
<div class="border-top" ng-show="showForm">
<div class="row mt-4 fadeIn">
<div class="col">
<form>
<div class="row pb-3">
<div class="col-3 col-sm-2 pr-1">
<strong ng-bind="tarjeta.id"></strong>
</div>
<div class="col-9 col-sm-4 pl-2">
<strong ng-bind="tarjeta.nombre"></strong>
</div>
</div>
<div class="row pb-3">
<div class="col">
<span>Importe</span>
<strong ng-bind="parametros.importe | currency: '$'"></strong>
</div>
</div>
<div class="row pb-3">
<div class="col-3 col-sm-2 pr-1 my-auto">
<span>Terminal Nº</span>
</div>
<div class="col col-sm-4 pl-1">
<input
class="form-control form-control-sm"
ng-model="terminal"
type="number"
ng-disabled="readonly"
foca-focus="focused == 1"
ng-focus="focus(1)"
ng-keypress="next($event.keyCode)">
</div>
</div>
<div class="row pb-3">
<div class="col-5 col-sm-3 pr-1 my-auto">
<span>Número de Cupón</span>
</div>
<div class="col col-sm-3 pl-1">
<input
class="form-control form-control-sm"
ng-model="numeroCupon"
type="number"
ng-disabled="readonly"
foca-focus="focused == 2"
ng-focus="focus(2)"
ng-keypress="next($event.keyCode)">
</div>
</div>
<div class="row pb-3">
<div class="col-2 col-sm-1 pr-1 my-auto">
<span>Cuotas</span>
</div>
<div class="col col-sm-5 pl-1">
<input
class="form-control form-control-sm"
type="number"
ng-model="cuotas"
ng-disabled="readonly"
foca-focus="focused == 3"
ng-focus="focus(3)">
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="modal-footer d-flex" ng-class="{ 'justify-content-between': showForm }">
<button class="btn btn-sm btn-secondary" type="button" ng-click="cancel()">Cancelar</button>
<button
class="btn btn-sm btn-primary"
type="button"
ng-click="aceptarFormaDePago()"
ng-show="showForm">Aceptar
</button>
</div>