97 lines
3.4 KiB
HTML
97 lines
3.4 KiB
HTML
|
<!-- novo VERSION - Modern Minimalist Header -->
|
|||
|
|
@if (isnovo) {
|
|||
|
|
<header class="novo-header">
|
|||
|
|
<div class="novo-header-container">
|
|||
|
|
<div class="novo-left">
|
|||
|
|
<a routerLink="/" class="novo-logo" (click)="closeMenu()">
|
|||
|
|
<app-logo />
|
|||
|
|
<!-- <span class="novo-brand">{{ brandName }}</span> -->
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<nav class="novo-nav" [class.novo-nav-open]="menuOpen">
|
|||
|
|
<div class="novo-nav-links">
|
|||
|
|
<a routerLink="/" routerLinkActive="novo-active" [routerLinkActiveOptions]="{exact: true}" (click)="closeMenu()" class="novo-link">
|
|||
|
|
Главная
|
|||
|
|
</a>
|
|||
|
|
<a routerLink="/search" routerLinkActive="novo-active" (click)="closeMenu()" class="novo-link">
|
|||
|
|
Поиск
|
|||
|
|
</a>
|
|||
|
|
<a routerLink="/about" (click)="closeMenu()" class="novo-link">
|
|||
|
|
О нас
|
|||
|
|
</a>
|
|||
|
|
<a routerLink="/contacts" (click)="closeMenu()" class="novo-link">
|
|||
|
|
Контакты
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
</nav>
|
|||
|
|
|
|||
|
|
<div class="novo-right">
|
|||
|
|
<app-language-selector />
|
|||
|
|
|
|||
|
|
<a routerLink="/cart" routerLinkActive="novo-cart-active" class="novo-cart" (click)="closeMenu()">
|
|||
|
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|||
|
|
<circle cx="9" cy="21" r="1"></circle>
|
|||
|
|
<circle cx="20" cy="21" r="1"></circle>
|
|||
|
|
<path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"></path>
|
|||
|
|
</svg>
|
|||
|
|
@if (cartItemCount() > 0) {
|
|||
|
|
<span class="novo-cart-badge">{{ cartItemCount() }}</span>
|
|||
|
|
}
|
|||
|
|
</a>
|
|||
|
|
|
|||
|
|
<button class="menu-toggle" (click)="toggleMenu()" [class.active]="menuOpen">
|
|||
|
|
<span></span>
|
|||
|
|
<span></span>
|
|||
|
|
<span></span>
|
|||
|
|
</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</header>
|
|||
|
|
} @else {
|
|||
|
|
<!-- DEXAR VERSION - Original -->
|
|||
|
|
<header class="header">
|
|||
|
|
<div class="header-container">
|
|||
|
|
<a routerLink="/" class="logo" (click)="closeMenu()">
|
|||
|
|
<app-logo />
|
|||
|
|
<!-- <span class="logo-text">{{ brandName }}</span> -->
|
|||
|
|
</a>
|
|||
|
|
|
|||
|
|
<nav class="nav" [class.nav-open]="menuOpen">
|
|||
|
|
<a routerLink="/" routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}" (click)="closeMenu()">
|
|||
|
|
<span class="nav-icon">🏠</span>
|
|||
|
|
<span class="nav-text">Главная</span>
|
|||
|
|
</a>
|
|||
|
|
<a routerLink="/search" routerLinkActive="active" (click)="closeMenu()">
|
|||
|
|
<span class="nav-icon">🔍</span>
|
|||
|
|
<span class="nav-text">Поиск</span>
|
|||
|
|
</a>
|
|||
|
|
<a routerLink="/cart" routerLinkActive="active" class="cart-link" (click)="closeMenu()">
|
|||
|
|
<span class="nav-icon">🛒</span>
|
|||
|
|
<span class="nav-text">Корзина</span>
|
|||
|
|
@if (cartItemCount() > 0) {
|
|||
|
|
<span class="cart-badge">{{ cartItemCount() }}</span>
|
|||
|
|
}
|
|||
|
|
</a>
|
|||
|
|
</nav>
|
|||
|
|
|
|||
|
|
<a routerLink="/cart" routerLinkActive="active" class="cart-link-mobile" (click)="closeMenu()">
|
|||
|
|
<span class="cart-icon">🛒</span>
|
|||
|
|
@if (cartItemCount() > 0) {
|
|||
|
|
<span class="cart-badge">{{ cartItemCount() }}</span>
|
|||
|
|
}
|
|||
|
|
</a>
|
|||
|
|
|
|||
|
|
<div class="header-actions">
|
|||
|
|
<app-language-selector />
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<button class="menu-toggle" (click)="toggleMenu()" [class.active]="menuOpen">
|
|||
|
|
<span></span>
|
|||
|
|
<span></span>
|
|||
|
|
<span></span>
|
|||
|
|
</button>
|
|||
|
|
</div>
|
|||
|
|
</header>
|
|||
|
|
}
|