import { Ffilter } from './../../../core/interfaces/utils/forms/filters'; import { AfterViewInit, Component, OnInit, ViewChild } from '@angular/core'; import { Title } from '@angular/platform-browser'; import { faBorderAll } from '@fortawesome/free-solid-svg-icons'; import { Site } from 'src/app/core/interfaces/site/site'; import { SiteService } from 'src/app/core/services/site/site.service'; import { SITES } from '../../../core/mocks/data'; import { ActivatedRoute } from '@angular/router' @Component({ templateUrl: './discover.component.html', styleUrls: ['./discover.component.scss'] }) export class DiscoverComponent implements OnInit, AfterViewInit { @ViewChild('modalSiteComponent') modal: any; icon_border_all = faBorderAll; allyId: number = -1; sites: Site[] = SITES; search: string = ''; form: Ffilter = { search: '', lat: 7.376362792514798, lng: -72.65115193327162, location: '', category: '', zoom: 2, } constructor(private site_service: SiteService, private title: Title, private activeRoute: ActivatedRoute) { } ngOnInit(): void { this.setTitle("Discover | Camara de comercio|"); /* this.site_service.getSites().subscribe( (sites) => { console.log("this is sites",sites) this.sites = sites }, (error) => { console.log(error) } ) */ this.getQueryParams(); } ngAfterViewInit() { } public setTitle(newTitle: string) { this.title.setTitle(newTitle); } public getQueryParams(){ this.activeRoute.queryParams.subscribe( (data) => { if(data.search){ this.form.search = data.search; } } ) } handlePatternSearch($event: any) { this.form.search = $event; } handlePatternAllyId($event: any) { console.log(this.modal); document.getElementById('staticBackdrop')?.classList.remove('fade') this.allyId = $event; } }