Luis Suarez / autoservicio-axion

Download as
Browse Code »

Commit cd76e82cc3f659841cc1d5175a38e9b69ff39cf0

Authored by Luis Suarez
1 parent 995f2729e2
Exists in develop

borro espacios en blanco

Showing 1 changed file with 1 additions and 1 deletions   Show diff stats
src/app/modules/indicaciones-pago-tarjeta/indicaciones-pago-tarjeta.component.html
Diff comments   View file @ cd76e82
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 class="btn-effect col-12 px-0 bg-white mt-4 mx-auto"> 36 <div class="btn-effect col-12 px-0 bg-white mt-4 mx-auto">
37 <div class="row mx-0 bg-primary badge-pill h-auto"> 37 <div class="row mx-0 bg-primary badge-pill h-auto">
38 <div class="col-10 align-self-center text-center text-white"> 38 <div class="col-10 align-self-center text-center text-white">
39 Continuar 39 Continuar
40 </div> 40 </div>
41 <div class="col-2 align-self-center p-0"> 41 <div class="col-2 align-self-center p-0">
42 <img 42 <img
43 draggable="false" 43 draggable="false"
44 ondragstart="return false;" 44 ondragstart="return false;"
45 (contextmenu)="(false)" 45 (contextmenu)="(false)"
46 class="p-1 icon-50" 46 class="p-1 icon-50"
47 src="assets/img/ir.svg"/> 47 src="assets/img/ir.svg"/>
48 </div> 48 </div>
49 </div> 49 </div>
50 </div> 50 </div>
51 </div> 51 </div>
52 </div> 52 </div>
53 </div> 53 </div>
54 <div 54 <div
55 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
56 btn-effect border border-primary rounded reduce-card-1" 56 btn-effect border border-primary rounded reduce-card-1"
57 [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'"
58 [routerLink]="['/pago-tarjeta']"> 58 [routerLink]="['/pago-tarjeta']">
59 <div class="row h-auto"> 59 <div class="row h-auto">
60 <div [ngClass]="card.classList.contains('media-pantalla') ? 'col-12' : 'col-4'"> 60 <div [ngClass]="card.classList.contains('media-pantalla') ? 'col-12' : 'col-4'">
61 <img 61 <img
62 draggable="false" 62 draggable="false"
63 ondragstart="return false;" 63 ondragstart="return false;"
64 (contextmenu)="(false)" 64 (contextmenu)="(false)"
65 class="w-100 h-auto bg-white" 65 class="w-100 h-auto bg-white"
66 src="assets/img/tarjeta-chip.jpg"/> 66 src="assets/img/tarjeta-chip.jpg"/>
67 </div> 67 </div>
68 <div 68 <div
69 class="h-auto" 69 class="h-auto"
70 [ngClass]="card.classList.contains('media-pantalla') ? 'col-12' : 'col-8'"> 70 [ngClass]="card.classList.contains('media-pantalla') ? 'col-12' : 'col-8'">
71 <p class="h2 m-0 text-primary">Chip</p> 71 <p class="h2 m-0 text-primary">Chip</p>
72 <small class=" m-0"> 72 <small class=" m-0">
73 INTRODUCÍ TU TARJETA POR LA<br> 73 INTRODUCÍ TU TARJETA POR LA<br>
74 PARTE INFERIOR DE LECTOR <br> 74 PARTE INFERIOR DE LECTOR <br>
75 CUANDO LA PANTALLA LO INDIQUE 75 CUANDO LA PANTALLA LO INDIQUE
76 </small> 76 </small>
77 <div class="btn-effect col-12 px-0 bg-white mt-4 mx-auto"> 77 <div class="btn-effect col-12 px-0 bg-white mt-4 mx-auto">
78 <div class="row mx-0 bg-primary badge-pill h-auto"> 78 <div class="row mx-0 bg-primary badge-pill h-auto">
79 <div 79 <div
80 class="col-10 align-self-center text-center text-white"> 80 class="col-10 align-self-center text-center text-white">
81 Continuar 81 Continuar
82 </div> 82 </div>
83 <div class="col-2 align-self-center p-0"> 83 <div class="col-2 align-self-center p-0">
84 <img 84 <img
85 draggable="false" 85 draggable="false"
86 ondragstart="return false;" 86 ondragstart="return false;"
87 (contextmenu)="(false)" 87 (contextmenu)="(false)"
88 class="p-1 icon-50" 88 class="p-1 icon-50"
89 src="assets/img/ir.svg"/> 89 src="assets/img/ir.svg"/>
90 </div> 90 </div>
91 </div> 91 </div>
92 </div> 92 </div>
93 </div> 93 </div>
94 </div> 94 </div>
95 </div> 95 </div>
96 <div 96 <div
97 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
98 btn-effect border border-primary rounded reduce-card-1" 98 btn-effect border border-primary rounded reduce-card-1"
99 [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'"
100 [routerLink]="['/pago-tarjeta']"> 100 [routerLink]="['/pago-tarjeta']">
101 <div class="row h-auto"> 101 <div class="row h-auto">
102 <div [ngClass]="card.classList.contains('media-pantalla') ? 'col-12' : 'col-4'"> 102 <div [ngClass]="card.classList.contains('media-pantalla') ? 'col-12' : 'col-4'">
103 <img 103 <img
104 draggable="false" 104 draggable="false"
105 ondragstart="return false;" 105 ondragstart="return false;"
106 (contextmenu)="(false)" 106 (contextmenu)="(false)"
107 class="w-100 h-auto bg-white" 107 class="w-100 h-auto bg-white"
108 src="assets/img/tarjeta-contact-less.jpg"/> 108 src="assets/img/tarjeta-contact-less.jpg"/>
109 </div> 109 </div>
110 <div 110 <div
111 class="h-auto" 111 class="h-auto"
112 [ngClass]="card.classList.contains('media-pantalla') ? 'col-12' : 'col-8'"> 112 [ngClass]="card.classList.contains('media-pantalla') ? 'col-12' : 'col-8'">
113 <p class="h2 m-0 text-primary">Contact-less</p> 113 <p class="h2 m-0 text-primary">Contact-less</p>
114 <small class=" m-0"> 114 <small class=" m-0">
115 ACERCÁ LA TARJETA AL POSNET<br> 115 ACERCÁ LA TARJETA AL POSNET<br>
116 CUANDO LA PANTALLA LO INDIQUE 116 CUANDO LA PANTALLA LO INDIQUE
117 </small> 117 </small>
118 <div class="btn-effect col-12 px-0 bg-white mt-4 mx-auto"> 118 <div class="btn-effect col-12 px-0 bg-white mt-4 mx-auto">
119 <div class="row mx-0 bg-primary badge-pill h-auto"> 119 <div class="row mx-0 bg-primary badge-pill h-auto">
120 <div 120 <div
121 class="col-10 align-self-center text-center text-white"> 121 class="col-10 align-self-center text-center text-white">
122 <small>Continuar</small> 122 <small>Continuar</small>
123 </div> 123 </div>
124 <div class="col-2 align-self-center p-0"> 124 <div class="col-2 align-self-center p-0">
125 <img 125 <img
126 draggable="false" 126 draggable="false"
127 ondragstart="return false;" 127 ondragstart="return false;"
128 (contextmenu)="(false)" 128 (contextmenu)="(false)"
129 class="p-1 icon-50" 129 class="p-1 icon-50"
130 src="assets/img/ir.svg"/> 130 src="assets/img/ir.svg"/>
131 </div> 131 </div>
132 </div> 132 </div>
133 </div> 133 </div>
134 </div> 134 </div>
135 </div> 135 </div>
136 </div> 136 </div>
137 </div> 137 </div>
138 </div> 138 </div>
139 </div> 139 </div>
140 140