Eric Fernandez / foca-modal-forma-pago

Download as
Browse Code »

Commit 222bf7cbd7b80a5129a6c9cbd25ce2efc26bd551

Authored by Marcelo Puebla
1 parent 80db4b7038
Exists in master and in 1 other branch develop

Agregado input (numero de cupon).

Showing 1 changed file with 16 additions and 5 deletions   Show diff stats
src/views/modal-tarjetas.html
Diff comments   View file @ 222bf7c
1 <div class="modal-header"> 1 <div class="modal-header">
2 <h5 class="modal-title">Pago con Tarjeta</h5> 2 <h5 class="modal-title">Pago con Tarjeta</h5>
3 </div> 3 </div>
4 4
5 <div class="modal-body" id="modal-body"> 5 <div class="modal-body" id="modal-body">
6 <div class="row mb-2"> 6 <div class="row mb-2">
7 <div class="col-12 p-0"> 7 <div class="col-12 p-0">
8 <div class="row mx-0 botonera-secundaria"> 8 <div class="row mx-0 botonera-secundaria">
9 <div class="col-12"> 9 <div class="col-12">
10 <foca-botonera-tarjetas 10 <foca-botonera-tarjetas
11 botones="botonesTarjetas" 11 botones="botonesTarjetas"
12 max="1" 12 max="1"
13 class="row justify-content-start mx-0" 13 class="row justify-content-start mx-0"
14 > 14 >
15 </foca-botonera-tarjetas> 15 </foca-botonera-tarjetas>
16 </div> 16 </div>
17 </div> 17 </div>
18 </div> 18 </div>
19 </div> 19 </div>
20 <div class="border-top" ng-show="showForm"> 20 <div class="border-top" ng-show="showForm">
21 <div class="row mt-4 fadeIn"> 21 <div class="row mt-4 fadeIn">
22 <div class="col"> 22 <div class="col">
23 <form> 23 <form>
24 <div class="row pb-3"> 24 <div class="row pb-3">
25 <div class="col-3 col-sm-2 pr-1"> 25 <div class="col-3 col-sm-2 pr-1">
26 <input class="form-control form-control-sm"> 26 <input class="form-control form-control-sm">
27 </div> 27 </div>
28 <div class="col-9 col-sm-4 pl-2"> 28 <div class="col-9 col-sm-4 pl-2">
29 <input class="form-control form-control-sm"> 29 <input class="form-control form-control-sm">
30 </div> 30 </div>
31 </div> 31 </div>
32 <div class="row pb-3"> 32 <div class="row pb-3">
33 <div class="col"> 33 <div class="col">
34 <span>Importe</span> 34 <span>Importe</span>
35 <strong>$1560.45</strong> 35 <strong>$1560.45</strong>
36 </div> 36 </div>
37 </div> 37 </div>
38 <div class="row pb-3"> 38 <div class="row pb-3">
39 <div class="col-auto pr-1 my-auto"> 39 <div class="col-2 pr-1 my-auto">
40 <span>Cuotas</span> 40 <span>Terminal Nº</span>
41 </div> 41 </div>
42 <div class="col col-sm-5 pl-1"> 42 <div class="col col-sm-4 pl-1">
43 <input 43 <input
44 class="form-control form-control-sm" 44 class="form-control form-control-sm"
45 type="number" 45 type="number"
46 ng-disabled="readonly"> 46 ng-disabled="readonly">
47 </div> 47 </div>
48 </div> 48 </div>
49 <div class="row pb-3"> 49 <div class="row pb-3">
50 <div class="col-auto pr-1 my-auto"> 50 <div class="col-3 pr-1 my-auto">
51 <span>Terminal Nº</span> 51 <span>Número de Cupón</span>
52 </div>
53 <div class="col col-sm-3 pl-1">
54 <input
55 class="form-control form-control-sm"
56 type="number"
57 ng-disabled="readonly">
58 </div>
59 </div>
60 <div class="row pb-3">
61 <div class="col-1 pr-1 my-auto">
62 <span>Cuotas</span>
52 </div> 63 </div>
53 <div class="col col-sm-5 pl-1"> 64 <div class="col col-sm-5 pl-1">
54 <input 65 <input
55 class="form-control form-control-sm" 66 class="form-control form-control-sm"
56 type="number" 67 type="number"
57 ng-disabled="readonly"> 68 ng-disabled="readonly">
58 </div> 69 </div>
59 </div> 70 </div>
60 </form> 71 </form>
61 </div> 72 </div>
62 </div> 73 </div>
63 </div> 74 </div>
64 </div> 75 </div>
65 76
66 77
67 <div class="modal-footer d-flex" ng-class="{ 'justify-content-between': showForm }"> 78 <div class="modal-footer d-flex" ng-class="{ 'justify-content-between': showForm }">
68 <button class="btn btn-sm btn-secondary" type="button" ng-click="cancel()">Cancelar</button> 79 <button class="btn btn-sm btn-secondary" type="button" ng-click="cancel()">Cancelar</button>
69 <button 80 <button
70 class="btn btn-sm btn-primary" 81 class="btn btn-sm btn-primary"
71 type="button" 82 type="button"
72 ng-click="aceptarFormaDePago()" 83 ng-click="aceptarFormaDePago()"
73 ng-show="showForm">Aceptar 84 ng-show="showForm">Aceptar
74 </button> 85 </button>
75 </div> 86 </div>
76 87