very first commit
This commit is contained in:
96
src/app/components/header/header.component.html
Normal file
96
src/app/components/header/header.component.html
Normal file
@@ -0,0 +1,96 @@
|
||||
<!-- 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>
|
||||
}
|
||||
Reference in New Issue
Block a user