sdarbinyan/marketplaces
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

home page

Browse Source
This commit is contained in:
sdarbinyan
2026-02-14 01:28:08 +04:00
parent 88ac37ebc4
commit 751ad48489
14 changed files with 522 additions and 155 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
src/app/pages/home/home.component.html
View File

@@ -83,7 +83,7 @@
<p class="dexar-hero-tagline">просто и удобно</p>
<div class="dexar-hero-actions">
<a routerLink="/search" class="dexar-btn-primary">
<a (click)="scrollToCatalog()" class="dexar-btn-primary">
Перейти в каталог
</a>
<button (click)="navigateToSearch()" class="dexar-btn-secondary">
@@ -115,8 +115,8 @@
}
@if (!loading() && !error()) {
<section class="dexar-categories">
<h2 class="dexar-categories-title">Категории</h2>
<section class="dexar-categories" id="catalog">
<h2 class="dexar-categories-title">Каталог товаров</h2>
@if (getTopLevelCategories().length === 0) {
<div class="dexar-empty-categories">
<div class="dexar-empty-icon">📦</div>
@@ -126,18 +126,19 @@
} @else {
<div class="dexar-categories-grid">
@for (category of getTopLevelCategories(); track category.categoryID) {
<div class="dexar-category-card">
<a [routerLink]="['/category', category.categoryID]" class="dexar-category-link">
<div class="dexar-category-media">
@if (category.icon) {
<img [src]="category.icon" [alt]="category.name" loading="lazy" decoding="async" />
} @else {
<div class="dexar-category-fallback">{{ category.name }}</div>
}
</div>
<h3>{{ category.name }}</h3>
</a>
</div>
<a [routerLink]="['/category', category.categoryID]" class="dexar-category-card">
<div class="dexar-category-image">
@if (category.icon) {
<img [src]="category.icon" [alt]="category.name" loading="lazy" decoding="async" />
} @else {
<div class="dexar-category-fallback">{{ category.name.charAt(0) }}</div>
}
</div>
<div class="dexar-category-info">
<h3 class="dexar-category-name">{{ category.name }}</h3>
<p class="dexar-category-count">{{ getItemCount(category.categoryID) }} товаров</p>
</div>
</a>
}
</div>
}