import { Component, OnInit } from '@angular/core';
import { faSlidersH } from '@fortawesome/free-solid-svg-icons';

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

  icon_settings = faSlidersH;
  filters_is_visible: boolean = false;

  constructor() { }

  ngOnInit(): void {
  }

  showFilters(){
    const filters: any = document.querySelector(".discover__filters");
    if(!this.filters_is_visible){
      console.log("Run show filters")
      filters.classList.add("discover__filters-show")
      this.filters_is_visible = true;
    }else{
      console.log("Run hide filters")
      filters.classList.remove("discover__filters-show")
      this.filters_is_visible = false;
    }
  }

}