import { Component, EventEmitter, OnInit, Output } 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 { @Output() search_change = new EventEmitter(); icon_settings = faSlidersH; filters_is_visible: boolean = false; search: string = ''; 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; } } handlePatternSearch = ($event: string) => { this.search_change.emit($event); } }