Commit 077ce36872b13edcf01d90804849725d13e0dd81
1 parent
e22c7b6103
Exists in
develop
Arreglo visual de imagenes
Showing
2 changed files
with
2 additions
and
3 deletions
 
Show diff stats
src/app/shared/promocion/promocion.component.html
| 1 | <div class="p-3"> | 1 | <div class="p-3"> | 
| 2 | <div class="row mx-0 justify-content-end"> | 2 | <div class="row mx-0 justify-content-end"> | 
| 3 | <div | 3 | <div | 
| 4 | class="col-auto px-0 btn-effect" | 4 | class="col-auto px-0 btn-effect" | 
| 5 | (click)="modalRef.hide()"> | 5 | (click)="modalRef.hide()"> | 
| 6 | <img | 6 | <img | 
| 7 | draggable="false" | 7 | draggable="false" | 
| 8 | ondragstart="return false;" | 8 | ondragstart="return false;" | 
| 9 | (contextmenu)="false" | 9 | (contextmenu)="false" | 
| 10 | class="icon-30 rotate-45" | 10 | class="icon-30 rotate-45" | 
| 11 | src="assets/img/mas-blanco.svg"> | 11 | src="assets/img/mas-blanco.svg"> | 
| 12 | </div> | 12 | </div> | 
| 13 | </div> | 13 | </div> | 
| 14 | <div class="row mb-4 mx-0 text-center"> | 14 | <div class="row mb-4 mx-0 text-center"> | 
| 15 | <div class="col-7 align-self-center"> | 15 | <div class="col-7 align-self-center"> | 
| 16 | <p class="h6 text-muted mb-2"><small>{{'ENSALADA CAESAR'}}</small></p> | 16 | <p class="h6 text-muted mb-2"><small>{{'ENSALADA CAESAR'}}</small></p> | 
| 17 | <p class="h6"><small>¿QUERÉS LLEVAR ESTA ENSALADA</small></p> | 17 | <p class="h6"><small>¿QUERÉS LLEVAR ESTA ENSALADA</small></p> | 
| 18 | <p class="h4 mb-2 font-weight-bold">en combo con 1 bebida?</p> | 18 | <p class="h4 mb-2 font-weight-bold">en combo con 1 bebida?</p> | 
| 19 | <div class="row"> | 19 | <div class="row"> | 
| 20 | <div class="col-6 pl-0"> | 20 | <div class="col-6 pl-0"> | 
| 21 | <div | 21 | <div | 
| 22 | class="row mx-0 justify-content-between bg-light badge-pill btn-effect" | 22 | class="row mx-0 justify-content-between bg-light badge-pill btn-effect"> | 
| 23 | (click)="elegirArticulo(articulo)"> | ||
| 24 | <div class="col px-0 align-self-center text-primary"> | 23 | <div class="col px-0 align-self-center text-primary"> | 
| 25 | <p class="d-block"> | 24 | <p class="d-block"> | 
| 26 | <small class="pr-2">{{'Sola'}} {{155 | currency}}</small> | 25 | <small class="pr-2">{{'Sola'}} {{155 | currency}}</small> | 
| 27 | <img | 26 | <img | 
| 28 | draggable="false" | 27 | draggable="false" | 
| 29 | ondragstart="return false;" | 28 | ondragstart="return false;" | 
| 30 | (contextmenu)="false" | 29 | (contextmenu)="false" | 
| 31 | class="icon-20" | 30 | class="icon-20" | 
| 32 | src="assets/img/ir-color.svg"> | 31 | src="assets/img/ir-color.svg"> | 
| 33 | </p> | 32 | </p> | 
| 34 | </div> | 33 | </div> | 
| 35 | </div> | 34 | </div> | 
| 36 | </div> | 35 | </div> | 
| 37 | <div class="col-6 px-0"> | 36 | <div class="col-6 px-0"> | 
| 38 | <div | 37 | <div | 
| 39 | class="row mx-0 justify-content-between bg-light badge-pill btn-effect" | 38 | class="row mx-0 justify-content-between bg-light badge-pill btn-effect" | 
| 40 | (click)="elegirArticulo(articulo)"> | 39 | (click)="elegirArticulo(articulo)"> | 
| 41 | <div class="col px-0 align-self-center text-primary"> | 40 | <div class="col px-0 align-self-center text-primary"> | 
| 42 | <p class="d-block"> | 41 | <p class="d-block"> | 
| 43 | <small class="pr-2">{{'Con bebida'}} {{155 | currency}}</small> | 42 | <small class="pr-2">{{'Con bebida'}} {{155 | currency}}</small> | 
| 44 | <img | 43 | <img | 
| 45 | draggable="false" | 44 | draggable="false" | 
| 46 | ondragstart="return false;" | 45 | ondragstart="return false;" | 
| 47 | (contextmenu)="false" | 46 | (contextmenu)="false" | 
| 48 | class="icon-20" | 47 | class="icon-20" | 
| 49 | src="assets/img/ir-color.svg"> | 48 | src="assets/img/ir-color.svg"> | 
| 50 | </p> | 49 | </p> | 
| 51 | </div> | 50 | </div> | 
| 52 | </div> | 51 | </div> | 
| 53 | </div> | 52 | </div> | 
| 54 | </div> | 53 | </div> | 
| 55 | </div> | 54 | </div> | 
| 56 | <div class="col-5 align-self-center"> | 55 | <div class="col-5 align-self-center"> | 
| 57 | <img | 56 | <img | 
| 58 | draggable="false" | 57 | draggable="false" | 
| 59 | ondragstart="return false;" | 58 | ondragstart="return false;" | 
| 60 | (contextmenu)="false" | 59 | (contextmenu)="false" | 
| 61 | class="icon-150 rounded-circle" | 60 | class="icon-150 rounded-circle" | 
| 62 | src="assets/img/icono-volver.svg"> | 61 | src="assets/img/icono-volver.svg"> | 
| 63 | </div> | 62 | </div> | 
| 64 | </div> | 63 | </div> | 
| 65 | </div> | 64 | </div> | 
src/app/shared/promocion/promocion.component.ts
| 1 | import { Component, OnInit } from '@angular/core'; | 1 | import { Component, OnInit } from '@angular/core'; | 
| 2 | import { BsModalRef } from 'ngx-bootstrap/modal'; | 2 | import { BsModalRef } from 'ngx-bootstrap/modal'; | 
| 3 | 3 | ||
| 4 | @Component({ | 4 | @Component({ | 
| 5 | selector: 'app-promocion', | 5 | selector: 'app-promocion', | 
| 6 | templateUrl: './promocion.component.html', | 6 | templateUrl: './promocion.component.html', | 
| 7 | styleUrls: ['./promocion.component.scss'] | 7 | styleUrls: ['./promocion.component.scss'] | 
| 8 | }) | 8 | }) | 
| 9 | export class PromocionComponent implements OnInit { | 9 | export class PromocionComponent implements OnInit { | 
| 10 | 10 | ||
| 11 | constructor( | 11 | constructor( | 
| 12 | private modalRef: BsModalRef, | 12 | public modalRef: BsModalRef, | 
| 13 | ) { } | 13 | ) { } | 
| 14 | 14 | ||
| 15 | ngOnInit() { | 15 | ngOnInit() { | 
| 16 | } | 16 | } | 
| 17 | 17 | ||
| 18 | } | 18 | } | 
| 19 | 19 |