Luis Suarez / autoservicio-axion

Download as
Browse Code »

Commit d5eed28e60b4db0c7f600e78d3a2a3291c1beba5

Authored by Marcelo Puebla
1 parent 4d04085d33
Exists in master and in 2 other branches 20200117-axion-responsive, develop

quitado evento drag de imagenes

Showing 7 changed files with 169 additions and 31 deletions   Show diff stats
src/app/app-routing.module.ts
Diff comments   View file @ d5eed28
... ... @@ -22,7 +22,16 @@ const routes: Routes = [
22 22 loadChildren: () => import('./modules/seleccion-articulos/seleccion-articulos.module').then(m => m.SeleccionArticulosModule)
23 23 },
24 24 {
25   - path: 'carrito', loadChildren: () => import('./modules/carrito/carrito.module').then(m => m.CarritoModule)
  25 + path: 'carrito',
  26 + loadChildren: () => import('./modules/carrito/carrito.module').then(m => m.CarritoModule)
  27 + },
  28 + {
  29 + path: 'forma-pago',
  30 + loadChildren: () => import('./modules/forma-pago/forma-pago.module').then(m => m.FormaPagoModule)
  31 + },
  32 + {
  33 + path: 'pago-electronico',
  34 + loadChildren: () => import('./modules/pago-electronico/pago-electronico.module').then(m => m.PagoElectronicoModule)
26 35 },
27 36 ]
28 37 },
src/app/modules/carrito/carrito.component.html
Diff comments   View file @ d5eed28
... ... @@ -22,7 +22,12 @@
22 22 <div class="row mx-0 h-100">
23 23 <!-- NOMBRE E IMAGEN -->
24 24 <div class="col-3 h-100 border-right border-primary align-self-center">
25   - <img class="d-block mx-auto h-55" src="assets/img/icono-efectivo.svg">
  25 + <img
  26 + draggable="false"
  27 + ondragstart="return false;"
  28 + (contextmenu)="false"
  29 + class="d-block mx-auto h-55"
  30 + src="assets/img/icono-efectivo.svg">
26 31 <div class="row mx-0 h-45">
27 32 <p class="col text-primary align-self-end"><small>{{'CORTADO'}}</small></p>
28 33 </div>
... ... @@ -35,14 +40,24 @@
35 40 <div class="row mx-0 justify-content-between bg-primary badge-pill">
36 41 <div class="col-auto px-0">
37 42 <!-- BOTON MENOS -->
38   - <img class="d-block ml-auto py-2 icon-20 btn-effect" src="assets/img/menos-blanco.svg">
  43 + <img
  44 + draggable="false"
  45 + ondragstart="return false;"
  46 + (contextmenu)="false"
  47 + class="d-block ml-auto py-2 icon-20 btn-effect"
  48 + src="assets/img/menos-blanco.svg">
39 49 </div>
40 50 <div class="col px-0 align-self-center text-white">
41 51 <p><small>{{55}}</small></p>
42 52 </div>
43 53 <div class="col-auto px-0">
44 54 <!-- BOTON MAS -->
45   - <img class="d-block ml-auto py-2 icon-20 btn-effect" src="assets/img/mas-blanco.svg">
  55 + <img
  56 + draggable="false"
  57 + ondragstart="return false;"
  58 + (contextmenu)="false"
  59 + class="d-block ml-auto py-2 icon-20 btn-effect"
  60 + src="assets/img/mas-blanco.svg">
46 61 </div>
47 62 </div>
48 63 </div>
... ... @@ -56,7 +71,12 @@
56 71 <div class="col-auto pl-3 btn-effect bg-primary badge-pill text-white">
57 72 <span>
58 73 <small class="pr-2">CAMBIAR</small>
59   - <img class="icon-20" src="assets/img/ir.svg">
  74 + <img
  75 + draggable="false"
  76 + ondragstart="return false;"
  77 + (contextmenu)="false"
  78 + class="icon-20"
  79 + src="assets/img/ir.svg">
60 80 </span>
61 81 </div>
62 82 </div>
... ... @@ -67,7 +87,12 @@
67 87 <div class="col-auto px-3 py-1 btn-effect bg-primary badge-pill text-white">
68 88 <span>
69 89 <small class="pr-2">ELIMINAR</small>
70   - <img class="icon-20 rotate-45" src="assets/img/mas-blanco.svg">
  90 + <img
  91 + draggable="false"
  92 + ondragstart="return false;"
  93 + (contextmenu)="false"
  94 + class="icon-20 rotate-45"
  95 + src="assets/img/mas-blanco.svg">
71 96 </span>
72 97 </div>
73 98 </div>
... ... @@ -77,20 +102,33 @@
77 102 </div>
78 103 </div>
79 104 <div class="row mx-3 mt-4 h-auto justify-content-end">
80   - <div class="col-auto py-2 px-3 align-self-center btn-effect bg-primary badge-pill text-white">
  105 + <div
  106 + class="col-auto py-2 px-3 align-self-center btn-effect bg-primary badge-pill text-white"
  107 + [routerLink]="['/forma-pago']">
81 108 <span>
82 109 <small class="pr-2">CONTINUAR</small>
83   - <img class="icon-20" src="assets/img/ir.svg">
  110 + <img
  111 + draggable="false"
  112 + ondragstart="return false;"
  113 + (contextmenu)="false"
  114 + class="icon-20"
  115 + src="assets/img/ir.svg">
84 116 </span>
85 117 </div>
86 118 </div>
  119 +
87 120 <div class="row mx-3 mt-2 h-auto justify-content-end">
88 121 <div
89 122 class="col-auto py-2 px-3 align-self-center btn-effect bg-primary badge-pill text-white"
90 123 (click)="goBack()">
91 124 <span>
92 125 <small class="pr-2">SEGUIR COMPRANDO</small>
93   - <img class="icon-20" src="assets/img/ir.svg">
  126 + <img
  127 + draggable="false"
  128 + ondragstart="return false;"
  129 + (contextmenu)="false"
  130 + class="icon-20"
  131 + src="assets/img/ir.svg">
94 132 </span>
95 133 </div>
96 134 </div>
src/app/modules/info-formas-pago/info-formas-pago.component.html
Diff comments   View file @ d5eed28
1 1 <div class="h-92 bg-white fade-in-left">
2 2 <div class="row mx-0 h-15">
3 3 <div class="col-12 px-0 h-80 my-auto">
4   - <img class="d-block mx-auto h-100" src="assets/img/logo-spot.svg">
  4 + <img
  5 + draggable="false"
  6 + ondragstart="return false;"
  7 + (contextmenu)="false"
  8 + class="d-block mx-auto h-100"
  9 + src="assets/img/logo-spot.svg">
5 10 </div>
6 11 </div>
7 12 <div class="h-85">
8 13 <div class="row h-50 mx-0 justify-content-center text-center">
9 14 <div class="col-7 pt-5 pb-3 h-auto align-self-end border border-secondary rounded">
10   - <img class="img-in-top px-4 bg-white" src="assets/img/icono-tarjetas.svg">
  15 + <img
  16 + draggable="false"
  17 + ondragstart="return false;"
  18 + (contextmenu)="false"
  19 + class="img-in-top px-4 bg-white"
  20 + src="assets/img/icono-tarjetas.svg">
11 21 <p class="h6 m-0">ESTA TERMINAL OPERA CON</p>
12 22 <p class="h2 mb-3 text-secondary">
13 23 tarjetas y
14   - <img class="w-15" src="assets/img/icono-mercado-pago.svg">
  24 + <img
  25 + draggable="false"
  26 + ondragstart="return false;"
  27 + (contextmenu)="false"
  28 + class="w-15"
  29 + src="assets/img/icono-mercado-pago.svg">
15 30 </p>
16 31 <div
17 32 class="d-inline-block py-1 btn-effect bg-secondary badge-pill text-white"
18 33 [routerLink]="['/opcion-pedido']">
19 34 CONTINUAR
20   - <img class="icon-30" src="assets/img/ir.svg">
  35 + <img
  36 + draggable="false"
  37 + ondragstart="return false;"
  38 + (contextmenu)="false"
  39 + class="icon-30"
  40 + src="assets/img/ir.svg">
21 41 </div>
22 42 </div>
23 43 </div>
24 44 <div class="row h-50 mx-0 justify-content-center text-center">
25 45 <div class="col-7 p-5 h-auto align-self-center border border-primary rounded">
26   - <img class="img-in-top px-4 bg-white" src="assets/img/icono-efectivo.svg">
  46 + <img
  47 + draggable="false"
  48 + ondragstart="return false;"
  49 + (contextmenu)="false"
  50 + class="img-in-top px-4 bg-white"
  51 + src="assets/img/icono-efectivo.svg">
27 52 <p class="h6 m-0">SI PREFERIS PAGAR EN EFECTIVO</p>
28 53 <p class="h2 m-0 text-primary">te esperamos en la caja</p>
29 54 </div>
src/app/modules/opcion-pedido/opcion-pedido.component.html
Diff comments   View file @ d5eed28
1 1 <div class="h-92 bg-white fade-in-left">
2 2 <div class="row mx-0 h-15">
3 3 <div class="col-12 px-0 h-80 my-auto">
4   - <img class="d-block mx-auto h-100" src="assets/img/logo-spot.svg">
  4 + <img
  5 + draggable="false"
  6 + ondragstart="return false;"
  7 + (contextmenu)="false"
  8 + class="d-block mx-auto h-100"
  9 + src="assets/img/logo-spot.svg">
5 10 </div>
6 11 </div>
7 12 <div class="h-85">
8   - <div class="row h-25 mx-0 justify-content-center text-center">
9   - <div class="col-12 px-0 h-auto align-self-center">
10   - <p class="h6 mb-5 text-center">TU PEDIDO ES PARA:</p>
  13 + <div class="row mt-5 mx-3 h-auto">
  14 + <div class="col-12 px-0 py-2 align-self-center">
  15 + <p class="h6 text-truncate text-center">TÚ PEDIDO ES PARA</p>
11 16 </div>
12 17 </div>
13   - <div class="row h-15 justify-content-center mx-0">
  18 + <div class="row mt-5 h-auto justify-content-center mx-0">
14 19 <div class="col-auto px-0 h-auto align-self-start">
15 20 <div
16 21 class="btn-effect col-auto align-self-center px-0 bg-white"
17 22 (click)="goTo('/seleccion-articulos')">
18 23 <div class="row mx-0 bg-primary badge-pill">
19 24 <div class="col-auto p-0">
20   - <img class="p-1 icon-50" src="assets/img/icono-plato.svg">
  25 + <img
  26 + draggable="false"
  27 + ondragstart="return false;"
  28 + (contextmenu)="false"
  29 + class="p-1 icon-50"
  30 + src="assets/img/icono-plato.svg">
21 31 </div>
22 32 <div class="col-auto align-self-center text-white">comer acá</div>
23 33 <div class="col-auto align-self-center p-0">
24   - <img class="p-1 icon-30" src="assets/img/ir.svg">
  34 + <img
  35 + draggable="false"
  36 + ondragstart="return false;"
  37 + (contextmenu)="false"
  38 + class="p-1 icon-30"
  39 + src="assets/img/ir.svg">
25 40 </div>
26 41 </div>
27 42 </div>
28 43 </div>
29 44 </div>
30   - <div class="row h-15 justify-content-center mx-0">
  45 + <div class="row mt-4 h-auto justify-content-center mx-0">
31 46 <div class="col-auto px-0 h-auto align-self-start">
32 47 <div
33 48 class="btn-effect col-auto align-self-center px-0 bg-white"
34 49 (click)="goTo('/seleccion-articulos')">
35 50 <div class="row mx-0 bg-primary badge-pill">
36 51 <div class="col-auto p-0">
37   - <img class="p-1 icon-50" src="assets/img/icono-take-away.svg">
  52 + <img
  53 + draggable="false"
  54 + ondragstart="return false;"
  55 + (contextmenu)="false"
  56 + class="p-1 icon-50"
  57 + src="assets/img/icono-take-away.svg">
38 58 </div>
39 59 <div class="col-auto align-self-center text-white">para llevar</div>
40 60 <div class="col-auto align-self-center p-0">
41   - <img class="p-1 icon-30" src="assets/img/ir.svg">
  61 + <img
  62 + draggable="false"
  63 + ondragstart="return false;"
  64 + (contextmenu)="false"
  65 + class="p-1 icon-30"
  66 + src="assets/img/ir.svg">
42 67 </div>
43 68 </div>
44 69 </div>
src/app/modules/seleccion-articulos/seleccion-articulos.component.html
Diff comments   View file @ d5eed28
... ... @@ -40,6 +40,9 @@
40 40 (click)="selectCategoria(i)"
41 41 *ngFor="let categoria of categorias; let i = index;">
42 42 <img
  43 + draggable="false"
  44 + ondragstart="return false;"
  45 + (contextmenu)="false"
43 46 class="col-12 h-50 align-self-end d-none d-sm-block"
44 47 src="assets/img/ir-color.svg">
45 48 <small class="col-10 my-1 h-25 align-self-end text-center">{{categoria.id}}</small>
... ... @@ -64,7 +67,12 @@
64 67 <!-- ARTICULO -->
65 68 <div class="col px-2 my-1 my-md-3 h-auto" *ngFor="let lala of [{},{},{},{},{},{},{},{},{},{},{},{},{},{},{},{}]">
66 69 <div class="card h-100">
67   - <img src="assets/img/ir-color.svg" class="card-img-top h-55">
  70 + <img
  71 + draggable="false"
  72 + ondragstart="return false;"
  73 + (contextmenu)="false"
  74 + src="assets/img/ir-color.svg"
  75 + class="card-img-top h-55">
68 76 <div class="row mx-0 py-1 h-auto justify-content-center">
69 77 <p class="col-12 px-1 h6 h-auto text-primary text-center">{{'CORTADO'}}</p>
70 78 <p class="col-12 px-1 h-auto text-center"><small>{{'Café con un poco de leche'}}</small></p>
... ... @@ -74,7 +82,12 @@
74 82 {{55 | currency}}
75 83 </div>
76 84 <div class="col-5 px-0">
77   - <img class="d-block ml-auto py-1 icon-30" src="assets/img/ir.svg">
  85 + <img
  86 + draggable="false"
  87 + ondragstart="return false;"
  88 + (contextmenu)="false"
  89 + class="d-block ml-auto py-1 icon-30"
  90 + src="assets/img/ir.svg">
78 91 </div>
79 92 </div>
80 93 </div>
... ... @@ -111,6 +124,9 @@
111 124 (click)="selectCategoria(i)"
112 125 *ngFor="let categoria of [{},{},{},{},{},{},{},{},{},{},{},{},{},{}]; let i = index;">
113 126 <img
  127 + draggable="false"
  128 + ondragstart="return false;"
  129 + (contextmenu)="false"
114 130 class="d-block h-55 p-2 mx-auto"
115 131 src="assets/img/ir-color.svg">
116 132 <p class="d-block mt-auto text-center text-primary"><small>{{'lala'}}</small></p>
... ... @@ -137,7 +153,12 @@
137 153 <div class="row mx-0 bg-light">
138 154 <div class="col-auto align-self-center text-primary">VER CARRITO</div>
139 155 <div class="col-auto p-0 bg-primary d-none d-sm-block">
140   - <img class="p-2 icon-40" src="assets/img/carrito.svg">
  156 + <img
  157 + draggable="false"
  158 + ondragstart="return false;"
  159 + (contextmenu)="false"
  160 + class="p-2 icon-40"
  161 + src="assets/img/carrito.svg">
141 162 </div>
142 163 </div>
143 164 </div>
src/app/modules/splash-screen/splash-screen.component.html
Diff comments   View file @ d5eed28
1 1 <div *ngIf="showSplashScreen" class="vh-100 bg-splash">
2 2 <div class="row mx-0 h-100">
3 3 <div class="col-12 px-0 h-30 my-auto">
4   - <img class="d-block mx-auto h-100 focus-in-blur" src="assets/img/logo-spot.svg">
  4 + <img
  5 + draggable="false"
  6 + ondragstart="return false;"
  7 + (contextmenu)="false"
  8 + class="d-block mx-auto h-100 focus-in-blur"
  9 + src="assets/img/logo-spot.svg">
5 10 </div>
6 11 </div>
7 12 </div>
... ... @@ -11,7 +16,12 @@
11 16 <div class="col-12 px-0 h-100 my-auto">
12 17 <div class="row mx-0 h-15">
13 18 <div class="col-12 px-0 h-80 my-auto">
14   - <img class="d-block mx-auto h-100" src="assets/img/negativo-spot.svg">
  19 + <img
  20 + draggable="false"
  21 + ondragstart="return false;"
  22 + (contextmenu)="false"
  23 + class="d-block mx-auto h-100"
  24 + src="assets/img/negativo-spot.svg">
15 25 </div>
16 26 </div>
17 27 <div class="row mx-0 h-75 justify-content-center text-white text-center">
src/app/shared/footer/footer.component.html
Diff comments   View file @ d5eed28
... ... @@ -3,7 +3,12 @@
3 3 <div class="btn-effect row mx-0 bg-light">
4 4 <div class="col-auto align-self-center text-primary">ESTAMOS PARA AYUDARTE</div>
5 5 <div class="col-auto p-0 bg-primary d-none d-sm-block">
6   - <img class="p-2 icon-60" src="assets/img/iconos-accesibilidad.svg">
  6 + <img
  7 + draggable="false"
  8 + ondragstart="return false;"
  9 + (contextmenu)="false"
  10 + class="p-2 icon-60"
  11 + src="assets/img/iconos-accesibilidad.svg">
7 12 </div>
8 13 </div>
9 14 </div>
... ... @@ -13,7 +18,12 @@
13 18 <div class="row mx-0 bg-light">
14 19 <div class="col-auto align-self-center text-primary">VOLVER</div>
15 20 <div class="col-auto p-0 bg-primary d-none d-sm-block">
16   - <img class="p-2 icon-40" src="assets/img/icono-volver.svg">
  21 + <img
  22 + draggable="false"
  23 + ondragstart="return false;"
  24 + (contextmenu)="false"
  25 + class="p-2 icon-40"
  26 + src="assets/img/icono-volver.svg">
17 27 </div>
18 28 </div>
19 29 </div>