import { Component, OnInit } from '@angular/core';
import { Location } from '@angular/common';

@Component({
  selector: 'app-footer',
  templateUrl: './footer.component.html',
  styleUrls: ['./footer.component.scss']
})
export class FooterComponent implements OnInit {

  constructor(private location: Location) {
    this.mediaPantalla();
  }

  ngOnInit() {}

  goBack() {
    this.location.back();
  }

  mediaPantalla() {
    $(document).ready(function() {
      $('#btn-media-pantalla').click(function() {
        $('body,#card1,#card2,#content,.cat-content,#headerPub,#headerPad,.cat-btn,#boxCarrito,#cancelImg,#cancelCard,#carrito,#art-carrito').toggleClass('media-pantalla');
        $('#bagsCarrito').toggleClass(['col-auto','col-4']);
        $('#ver-car,#img-car').toggleClass('mt-4');
      });     
    });
  }
}