Luis Suarez / autoservicio-axion

Download as
Browse Code »

Commit 995f2729e2335ab0081b77e25aa7c2819327798c

Authored by Luis Suarez
1 parent dd68072b39
Exists in develop

div en una linea

Showing 1 changed file with 3 additions and 6 deletions   Show diff stats
src/app/modules/indicaciones-pago-tarjeta/indicaciones-pago-tarjeta.component.html
Diff comments   View file @ 995f272
1 <div class="h-92 bg-white fade-in-left"> 1 <div class="h-92 bg-white fade-in-left">
2 <div class="row mx-0 h-15"> 2 <div class="row mx-0 h-15">
3 <div class="col-12 px-0 h-80 my-auto"> 3 <div class="col-12 px-0 h-80 my-auto">
4 <img 4 <img
5 draggable="false" 5 draggable="false"
6 ondragstart="return false;" 6 ondragstart="return false;"
7 (contextmenu)="(false)" 7 (contextmenu)="(false)"
8 class="d-block mx-auto h-100" 8 class="d-block mx-auto h-100"
9 src="assets/img/logo-spot.svg"/> 9 src="assets/img/logo-spot.svg"/>
10 </div> 10 </div>
11 </div> 11 </div>
12 <div class="h-85"> 12 <div class="h-85">
13 <div class="row h-auto mt-6 mx-0 justify-content-center text-center"> 13 <div class="row h-auto mt-6 mx-0 justify-content-center text-center">
14 <div 14 <div
15 #card 15 #card
16 class="p-5 mx-auto mt-4 h-30 align-self-center 16 class="p-5 mx-auto mt-4 h-30 align-self-center
17 btn-effect border border-primary rounded reduce-card-1" 17 btn-effect border border-primary rounded reduce-card-1"
18 [ngClass]="card.classList.contains('media-pantalla') ? 'col-md-4' : 'col-md-8'" 18 [ngClass]="card.classList.contains('media-pantalla') ? 'col-md-4' : 'col-md-8'"
19 [routerLink]="['/pago-tarjeta']"> 19 [routerLink]="['/pago-tarjeta']">
20 <div class="row h-auto"> 20 <div class="row h-auto">
21 <div [ngClass]="card.classList.contains('media-pantalla') ? 'col-12' : 'col-4'"> 21 <div [ngClass]="card.classList.contains('media-pantalla') ? 'col-12' : 'col-4'">
22 <img 22 <img
23 draggable="false" 23 draggable="false"
24 ondragstart="return false;" 24 ondragstart="return false;"
25 (contextmenu)="(false)" 25 (contextmenu)="(false)"
26 class="w-100 h-auto bg-white" 26 class="w-100 h-auto bg-white"
27 src="assets/img/tarjeta-banda.jpg"/> 27 src="assets/img/tarjeta-banda.jpg"/>
28 </div> 28 </div>
29 <div class="h-auto" 29 <div class="h-auto"
30 [ngClass]="card.classList.contains('media-pantalla') ? 'col-12' : 'col-8'"> 30 [ngClass]="card.classList.contains('media-pantalla') ? 'col-12' : 'col-8'">
31 <p class="h2 m-0 text-primary">Banda Magnética</p> 31 <p class="h2 m-0 text-primary">Banda Magnética</p>
32 <small class=" m-0"> 32 <small class=" m-0">
33 DESLIZÁ LA TARJETA POR LA RANURA<br> 33 DESLIZÁ LA TARJETA POR LA RANURA<br>
34 CUANDO LA PANTALLA LO INDIQUE 34 CUANDO LA PANTALLA LO INDIQUE
35 </small> 35 </small>
36 <div 36 <div class="btn-effect col-12 px-0 bg-white mt-4 mx-auto">
37 class="btn-effect col-12 px-0 bg-white mt-4 mx-auto">
38 <div class="row mx-0 bg-primary badge-pill h-auto"> 37 <div class="row mx-0 bg-primary badge-pill h-auto">
39 <div class="col-10 align-self-center text-center text-white"> 38 <div class="col-10 align-self-center text-center text-white">
40 Continuar 39 Continuar
41 </div> 40 </div>
42 <div class="col-2 align-self-center p-0"> 41 <div class="col-2 align-self-center p-0">
43 <img 42 <img
44 draggable="false" 43 draggable="false"
45 ondragstart="return false;" 44 ondragstart="return false;"
46 (contextmenu)="(false)" 45 (contextmenu)="(false)"
47 class="p-1 icon-50" 46 class="p-1 icon-50"
48 src="assets/img/ir.svg"/> 47 src="assets/img/ir.svg"/>
49 </div> 48 </div>
50 </div> 49 </div>
51 </div> 50 </div>
52 </div> 51 </div>
53 </div> 52 </div>
54 </div> 53 </div>
55 <div 54 <div
56 class="p-5 mx-auto mt-6 h-auto align-self-center 55 class="p-5 mx-auto mt-6 h-auto align-self-center
57 btn-effect border border-primary rounded reduce-card-1" 56 btn-effect border border-primary rounded reduce-card-1"
58 [ngClass]="card.classList.contains('media-pantalla') ? 'col-md-4' : 'col-md-8'" 57 [ngClass]="card.classList.contains('media-pantalla') ? 'col-md-4' : 'col-md-8'"
59 [routerLink]="['/pago-tarjeta']"> 58 [routerLink]="['/pago-tarjeta']">
60 <div class="row h-auto"> 59 <div class="row h-auto">
61 <div [ngClass]="card.classList.contains('media-pantalla') ? 'col-12' : 'col-4'"> 60 <div [ngClass]="card.classList.contains('media-pantalla') ? 'col-12' : 'col-4'">
62 <img 61 <img
63 draggable="false" 62 draggable="false"
64 ondragstart="return false;" 63 ondragstart="return false;"
65 (contextmenu)="(false)" 64 (contextmenu)="(false)"
66 class="w-100 h-auto bg-white" 65 class="w-100 h-auto bg-white"
67 src="assets/img/tarjeta-chip.jpg"/> 66 src="assets/img/tarjeta-chip.jpg"/>
68 </div> 67 </div>
69 <div 68 <div
70 class="h-auto" 69 class="h-auto"
71 [ngClass]="card.classList.contains('media-pantalla') ? 'col-12' : 'col-8'"> 70 [ngClass]="card.classList.contains('media-pantalla') ? 'col-12' : 'col-8'">
72 <p class="h2 m-0 text-primary">Chip</p> 71 <p class="h2 m-0 text-primary">Chip</p>
73 <small class=" m-0"> 72 <small class=" m-0">
74 INTRODUCÍ TU TARJETA POR LA<br> 73 INTRODUCÍ TU TARJETA POR LA<br>
75 PARTE INFERIOR DE LECTOR <br> 74 PARTE INFERIOR DE LECTOR <br>
76 CUANDO LA PANTALLA LO INDIQUE 75 CUANDO LA PANTALLA LO INDIQUE
77 </small> 76 </small>
78 <div 77 <div class="btn-effect col-12 px-0 bg-white mt-4 mx-auto">
79 class="btn-effect col-12 px-0 bg-white mt-4 mx-auto">
80 <div class="row mx-0 bg-primary badge-pill h-auto"> 78 <div class="row mx-0 bg-primary badge-pill h-auto">
81 <div 79 <div
82 class="col-10 align-self-center text-center text-white"> 80 class="col-10 align-self-center text-center text-white">
83 Continuar 81 Continuar
84 </div> 82 </div>
85 <div class="col-2 align-self-center p-0"> 83 <div class="col-2 align-self-center p-0">
86 <img 84 <img
87 draggable="false" 85 draggable="false"
88 ondragstart="return false;" 86 ondragstart="return false;"
89 (contextmenu)="(false)" 87 (contextmenu)="(false)"
90 class="p-1 icon-50" 88 class="p-1 icon-50"
91 src="assets/img/ir.svg"/> 89 src="assets/img/ir.svg"/>
92 </div> 90 </div>
93 </div> 91 </div>
94 </div> 92 </div>
95 </div> 93 </div>
96 </div> 94 </div>
97 </div> 95 </div>
98 <div 96 <div
99 class="col-sm-10 col-md-4 p-5 mx-auto mt-6 align-self-center 97 class="col-sm-10 col-md-4 p-5 mx-auto mt-6 align-self-center
100 btn-effect border border-primary rounded reduce-card-1" 98 btn-effect border border-primary rounded reduce-card-1"
101 [ngClass]="card.classList.contains('media-pantalla') ? 'col-md-4' : 'col-md-8'" 99 [ngClass]="card.classList.contains('media-pantalla') ? 'col-md-4' : 'col-md-8'"
102 [routerLink]="['/pago-tarjeta']"> 100 [routerLink]="['/pago-tarjeta']">
103 <div class="row h-auto"> 101 <div class="row h-auto">
104 <div [ngClass]="card.classList.contains('media-pantalla') ? 'col-12' : 'col-4'"> 102 <div [ngClass]="card.classList.contains('media-pantalla') ? 'col-12' : 'col-4'">
105 <img 103 <img
106 draggable="false" 104 draggable="false"
107 ondragstart="return false;" 105 ondragstart="return false;"
108 (contextmenu)="(false)" 106 (contextmenu)="(false)"
109 class="w-100 h-auto bg-white" 107 class="w-100 h-auto bg-white"
110 src="assets/img/tarjeta-contact-less.jpg"/> 108 src="assets/img/tarjeta-contact-less.jpg"/>
111 </div> 109 </div>
112 <div 110 <div
113 class="h-auto" 111 class="h-auto"
114 [ngClass]="card.classList.contains('media-pantalla') ? 'col-12' : 'col-8'"> 112 [ngClass]="card.classList.contains('media-pantalla') ? 'col-12' : 'col-8'">
115 <p class="h2 m-0 text-primary">Contact-less</p> 113 <p class="h2 m-0 text-primary">Contact-less</p>
116 <small class=" m-0"> 114 <small class=" m-0">
117 ACERCÁ LA TARJETA AL POSNET<br> 115 ACERCÁ LA TARJETA AL POSNET<br>
118 CUANDO LA PANTALLA LO INDIQUE 116 CUANDO LA PANTALLA LO INDIQUE
119 </small> 117 </small>
120 <div 118 <div class="btn-effect col-12 px-0 bg-white mt-4 mx-auto">
121 class="btn-effect col-12 px-0 bg-white mt-4 mx-auto">
122 <div class="row mx-0 bg-primary badge-pill h-auto"> 119 <div class="row mx-0 bg-primary badge-pill h-auto">
123 <div 120 <div
124 class="col-10 align-self-center text-center text-white"> 121 class="col-10 align-self-center text-center text-white">
125 <small>Continuar</small> 122 <small>Continuar</small>
126 </div> 123 </div>
127 <div class="col-2 align-self-center p-0"> 124 <div class="col-2 align-self-center p-0">
128 <img 125 <img
129 draggable="false" 126 draggable="false"
130 ondragstart="return false;" 127 ondragstart="return false;"
131 (contextmenu)="(false)" 128 (contextmenu)="(false)"
132 class="p-1 icon-50" 129 class="p-1 icon-50"
133 src="assets/img/ir.svg"/> 130 src="assets/img/ir.svg"/>
134 </div> 131 </div>
135 </div> 132 </div>
136 </div> 133 </div>
137 </div> 134 </div>
138 </div> 135 </div>
139 </div> 136 </div>
140 </div> 137 </div>
141 </div> 138 </div>
142 </div> 139 </div>
143 140