Luis Suarez / autoservicio-axion

Browse Code »

Commit e22c7b610304bac812520217ec6bf15317d37fdf

Authored by Marcelo Puebla 2020-01-02 11:38:54 -0300

1 parent 6a20e06d5e

Exists in master and in 2 other branches

Arreglo visual de imagenes

Showing 2 changed files with 27 additions and 15 deletions Show diff stats

src/app/modules/seleccion-articulos/seleccion-articulos.component.html

Diff comments View file @ e22c7b6

 <div class="h-92 bg-white fade-in-left">
   <!-- PUBLICIDADES -->
   <app-header-publicidad></app-header-publicidad>
   <div class="row mx-0 h-90 align-items-end">
     <!-- CABECERA -->
     <div class="row w-100 mx-3 h-auto border border-primary rounded-sm">
       <div class="col-12 p-2 align-self-center">
         <div class="px-3">
           <p class="h6 text-truncate">SELECCIONÁ TÚ COMIDA Y/O BEBIDA</p>
         </div>
       </div>
     </div>
     <!-- CUERPO -->
     <div class="row w-100 mr-4 h-70">
       <div class="col-12 h-100 px-0 py-3">
         <div class="row mx-0 h-100">
           <!-- FILTRO CATEGORIAS -->
           <div class="col-5 col-sm-3 col-xl-2 h-100">
             <p class="h6 h-6 m-0 text-center"><small>CATEGORÍAS</small></p>
             <div class="row mx-0 h-94 align-items-center">
               <div class="col-12 h-5">
                 <img
                   draggable="false"
                   ondragstart="return false;"
                   (contextmenu)="false"
                   class="h-100 d-block mx-auto rotate-90-neg"
                   src="assets/img/ir-color.svg"
                   (mousedown)="scrollY(templateCategorias, -80)"
                   (mouseup)="mouseup()"
                   (mouseleave)="mouseup()">
               </div>
               <!-- CATEGORIAS -->
               <div
                 #templateCategorias
                 class="col-12 px-0 box-categorias border border-primary border-left-0 rounded-right scroll-y">
                 <div
                   class="row mx-4 mb-2 h-32 justify-content-center tab"
                   [ngClass]="{ 'active': categoria.selected, 'border-bottom-effect': !categoria.selected }"
                   (click)="selectCategoria(i)"
                   *ngFor="let categoria of categorias; let i = index;">
                   <img
                     draggable="false"
                     ondragstart="return false;"
                     (contextmenu)="false"
-                    class="col-12 h-50 align-self-end d-none d-sm-block"
+                    class="col-12 h-50 align-self-end d-none d-sm-block rounded-circle"
                     src="assets/img/ir-color.svg">
                   <small class="col-10 my-1 h-25 align-self-end text-center">{{categoria.id}}</small>
                 </div>
               </div>
               <div class="col-12 h-5">
                 <img
                   draggable="false"
                   ondragstart="return false;"
                   (contextmenu)="false"
                   class="h-100 d-block mx-auto rotate-90"
                   src="assets/img/ir-color.svg"
                   (mousedown)="scrollY(templateCategorias, 80)"
                   (mouseup)="mouseup()"
                   (mouseleave)="mouseup()">
               </div>
             </div>
           </div>
           <!-- LISTA DE ARTICULOS -->
           <div class="col-7 col-sm-9 col-xl-10 pb-3 h-80 align-self-center scroll-y">
             <div class="row row-cols-1 row-cols-sm-3 row-cols-xl-6 h-100">
               <!-- ARTICULO -->
-              <div class="col px-2 my-1 my-md-3 h-auto" *ngFor="let articulo of [{},{},{promo: true},{},{},{},{},{},{},{},{},{},{},{},{},{}]">
+              <div
+                class="col px-2 my-1 my-md-3 h-auto"
+                *ngFor="let articulo of [{},{},{promo: true},{},{},{},{},{},{},{},{},{},{},{},{},{}]">
                 <div class="card h-100">
                   <img
                     draggable="false"
                     ondragstart="return false;"
                     (contextmenu)="false"
-                    src="assets/img/ir-color.svg"
+                    src="assets/img/icono-volver.svg"
                     class="card-img-top h-55">
                   <div class="row mx-0 py-1 h-auto justify-content-center">
                     <p class="col-12 px-1 h6 h-auto text-primary text-center">{{'CORTADO'}}</p>
                     <p class="col-12 px-1 h-auto text-center"><small>{{'Café con un poco de leche'}}</small></p>
                     <div class="col-12 px-1 align-self-end btn-effect h-auto">
                       <div
                         [ngClass]="{'bg-secondary': articulo.promo}"
                         class="row mx-0 justify-content-between bg-primary badge-pill"
                         (click)="elegirArticulo(articulo)">
                         <div class="col px-0 align-self-center text-white text-right">
                           {{55 | currency}}
                         </div>
                         <div class="col-5 px-0">
                           <img
                             draggable="false"
                             ondragstart="return false;"
                             (contextmenu)="false"
                             class="d-block ml-auto py-1 icon-30"
                             src="assets/img/ir.svg">
                         </div>
                       </div>
                     </div>
                   </div>
                 </div>
               </div>
             </div>
           </div>
         </div>
       </div>
     </div>
     <!-- FOOTER CARRITO DE COMPRAS -->
     <div class="row w-90 mx-auto h-auto justify-content-center">
       <div class="col-12 h-75 px-0 border border-primary rounded">
         <div class="row mx-0 h-15 border-bottom border-primary">
           <p class="col align-self-center text-truncate"><small>ARTÍCULOS EN TÚ CARRITO DE COMPRAS</small></p>
         </div>
         <div class="row h-85 mx-0 justify-content-between">
           <div class="col-auto h-20 align-self-center">
             <img
               draggable="false"
               ondragstart="return false;"
               (contextmenu)="false"
               class="icon-30 rotate-180-neg"
               src="assets/img/ir-fondo-color.svg"
               (mousedown)="scrollX(templateCarrito, -100)"
               (mouseup)="mouseup()"
               (mouseleave)="mouseup()">
           </div>
           <div class="col-6 col-sm-8 col-md-9 col-lg-10 h-100">
             <div #templateCarrito class="row flex-row flex-nowrap h-100 mx-0 scroll-x">
               <div
                 class="col-10 col-sm-4 col-lg-2 col-xl-auto px-2 px-xl-4 my-2 h-100 align-self-center border-right border-primary"
                 (click)="selectCategoria(i)"
                 *ngFor="let categoria of [{},{},{},{},{},{},{},{},{},{},{},{},{},{}]; let i = index;">
                 <img
                   draggable="false"
                   ondragstart="return false;"
                   (contextmenu)="false"
                   class="d-block h-55 p-2 mx-auto"
                   src="assets/img/ir-color.svg">
                 <p class="d-block mt-auto text-center text-primary"><small>{{'articulo'}}</small></p>
               </div>
             </div>
           </div>
           <div class="col-auto h-20 align-self-center">
             <img
               draggable="false"
               ondragstart="return false;"
               (contextmenu)="false"
               class="icon-30"
               src="assets/img/ir-fondo-color.svg"
               (mousedown)="scrollX(templateCarrito, 100)"
               (mouseup)="mouseup()"
               (mouseleave)="mouseup()">
           </div>
         </div>
       </div>
       <div class="col-auto p-0 mt-2 ml-auto h-20">
         <div
           class="btn-effect col-auto align-self-center px-0 bg-white"
           [routerLink]="['/carrito']">
           <div class="row mx-0 bg-light">
             <div class="col-auto align-self-center text-primary">VER CARRITO</div>
             <div class="col-auto p-0 bg-primary d-none d-sm-block">
               <img
                 draggable="false"
                 ondragstart="return false;"
                 (contextmenu)="false"
                 class="p-2 icon-40"
                 src="assets/img/carrito.svg">
             </div>
           </div>
         </div>
       </div>
     </div>
   </div>
 </div>

src/app/shared/promocion/promocion.component.html

Diff comments View file @ e22c7b6

 <div class="p-3">
   <div class="row mx-0 justify-content-end">
     <div
       class="col-auto px-0 btn-effect"
       (click)="modalRef.hide()">
-      <img class="icon-30 rotate-45" src="assets/img/mas-blanco.svg">
+      <img
+        draggable="false"
+        ondragstart="return false;"
+        (contextmenu)="false"
+        class="icon-30 rotate-45"
+        src="assets/img/mas-blanco.svg">
     </div>
   </div>
   <div class="row mb-4 mx-0 text-center">
     <div class="col-7 align-self-center">
       <p class="h6 text-muted mb-2"><small>{{'ENSALADA CAESAR'}}</small></p>
       <p class="h6"><small>¿QUERÉS LLEVAR ESTA ENSALADA</small></p>
       <p class="h4 mb-2 font-weight-bold">en combo con 1 bebida?</p>
       <div class="row">
         <div class="col-6 pl-0">
           <div
             class="row mx-0 justify-content-between bg-light badge-pill btn-effect"
             (click)="elegirArticulo(articulo)">
             <div class="col px-0 align-self-center text-primary">
               <p class="d-block">
                 <small class="pr-2">{{'Sola'}} {{155 | currency}}</small>
                 <img
-                draggable="false"
+                  draggable="false"
-                ondragstart="return false;"
+                  ondragstart="return false;"
-                (contextmenu)="false"
+                  (contextmenu)="false"
-                class="icon-20"
+                  class="icon-20"
-                src="assets/img/ir-color.svg">
+                  src="assets/img/ir-color.svg">
               </p>
             </div>
           </div>
         </div>
         <div class="col-6 px-0">
           <div
             class="row mx-0 justify-content-between bg-light badge-pill btn-effect"
             (click)="elegirArticulo(articulo)">
             <div class="col px-0 align-self-center text-primary">
               <p class="d-block">
                 <small class="pr-2">{{'Con bebida'}} {{155 | currency}}</small>
                 <img
-                draggable="false"
+                  draggable="false"
-                ondragstart="return false;"
+                  ondragstart="return false;"
-                (contextmenu)="false"
+                  (contextmenu)="false"
-                class="icon-20"
+                  class="icon-20"
-                src="assets/img/ir-color.svg">
+                  src="assets/img/ir-color.svg">
               </p>
             </div>
           </div>
         </div>
       </div>
     </div>
     <div class="col-5 align-self-center">
-      <img class="icon-150" src="assets/img/mas-blanco.svg">
+      <img
+        draggable="false"
+        ondragstart="return false;"
+        (contextmenu)="false"
+        class="icon-150 rounded-circle"
+        src="assets/img/icono-volver.svg">
     </div>
   </div>
 </div>