optimising and making it better
This commit is contained in:
@@ -1,4 +1,4 @@
|
||||
import { Component, ChangeDetectionStrategy } from '@angular/core';
|
||||
import { Component, ChangeDetectionStrategy, Renderer2, inject, DOCUMENT } from '@angular/core';
|
||||
import { Router, RouterLink, RouterLinkActive } from '@angular/router';
|
||||
import { CartService } from '../../services';
|
||||
import { environment } from '../../../environments/environment';
|
||||
@@ -19,18 +19,25 @@ export class HeaderComponent {
|
||||
logo = environment.logo;
|
||||
isnovo = environment.theme === 'novo';
|
||||
|
||||
private renderer = inject(Renderer2);
|
||||
private document = inject(DOCUMENT);
|
||||
|
||||
constructor(private cartService: CartService, private router: Router) {
|
||||
this.cartItemCount = this.cartService.itemCount;
|
||||
}
|
||||
|
||||
toggleMenu(): void {
|
||||
this.menuOpen = !this.menuOpen;
|
||||
document.body.classList.toggle('dexar-menu-open', this.menuOpen);
|
||||
if (this.menuOpen) {
|
||||
this.renderer.addClass(this.document.body, 'dexar-menu-open');
|
||||
} else {
|
||||
this.renderer.removeClass(this.document.body, 'dexar-menu-open');
|
||||
}
|
||||
}
|
||||
|
||||
closeMenu(): void {
|
||||
this.menuOpen = false;
|
||||
document.body.classList.remove('dexar-menu-open');
|
||||
this.renderer.removeClass(this.document.body, 'dexar-menu-open');
|
||||
}
|
||||
|
||||
navigateToSearch(): void {
|
||||
@@ -41,7 +48,7 @@ export class HeaderComponent {
|
||||
this.closeMenu();
|
||||
this.router.navigate(['/']).then(() => {
|
||||
setTimeout(() => {
|
||||
document.getElementById('catalog')?.scrollIntoView({ behavior: 'smooth' });
|
||||
this.document.getElementById('catalog')?.scrollIntoView({ behavior: 'smooth' });
|
||||
}, 100);
|
||||
});
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user