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; } } }