added translations

src/app/pages/category/category.component.html

@@ -2,7 +2,7 @@
   @if (error()) {
     <div class="error">
       <p>{{ error() }}</p>
-      <button (click)="resetAndLoad()">Попробовать снова</button>
+      <button (click)="resetAndLoad()">{{ 'category.retry' | translate }}</button>
     </div>
   }
 
@@ -46,7 +46,7 @@
           </a>
           
           <button class="add-to-cart-btn" (click)="addToCart(item.itemID, $event)">
-            В корзину
+            {{ 'category.addToCart' | translate }}
           </button>
         </div>
       }
@@ -55,13 +55,13 @@
     @if (loading() && items().length > 0) {
       <div class="loading-more">
         <div class="spinner"></div>
-        <p>Загрузка...</p>
+        <p>{{ 'category.loadingMore' | translate }}</p>
       </div>
     }
 
     @if (!hasMore() && items().length > 0) {
       <div class="no-more">
-        <p>Все товары загружены</p>
+        <p>{{ 'category.allLoaded' | translate }}</p>
       </div>
     }
 
@@ -75,16 +75,16 @@
             <path d="M10 14H14" stroke="#d3dad9" stroke-width="1.5" stroke-linecap="round"/>
           </svg>
         </div>
-        <h3>Упс! Здесь пока пусто</h3>
-        <p>В этой категории ещё нет товаров, но скоро они появятся</p>
-        <a [routerLink]="'/' | langRoute" class="no-items-btn">На главную</a>
+        <h3>{{ 'category.emptyTitle' | translate }}</h3>
+        <p>{{ 'category.emptyDesc' | translate }}</p>
+        <a [routerLink]="'/' | langRoute" class="no-items-btn">{{ 'category.goHome' | translate }}</a>
       </div>
     }
 
     @if (loading() && items().length === 0) {
       <div class="loading-initial">
         <div class="spinner"></div>
-        <p>Загрузка товаров...</p>
+        <p>{{ 'category.loading' | translate }}</p>
       </div>
     }
   }

src/app/pages/category/category.component.ts

@@ -6,10 +6,11 @@ import { Item } from '../../models';
 import { Subscription } from 'rxjs';
 import { getDiscountedPrice, getMainImage, trackByItemId } from '../../utils/item.utils';
 import { LangRoutePipe } from '../../pipes/lang-route.pipe';
+import { TranslatePipe } from '../../i18n/translate.pipe';
 
 @Component({
   selector: 'app-category',
-  imports: [DecimalPipe, RouterLink, LangRoutePipe],
+  imports: [DecimalPipe, RouterLink, LangRoutePipe, TranslatePipe],
   templateUrl: './category.component.html',
   styleUrls: ['./category.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush

src/app/pages/category/subcategories.component.html

@@ -2,14 +2,14 @@
   @if (loading()) {
     <div class="loading">
       <div class="spinner"></div>
-      <p>Загрузка подкатегорий...</p>
+      <p>{{ 'subcategories.loading' | translate }}</p>
     </div>
   }
 
   @if (error()) {
     <div class="error">
       <p>{{ error() }}</p>
-      <button (click)="ngOnInit()">Попробовать снова</button>
+      <button (click)="ngOnInit()">{{ 'subcategories.retry' | translate }}</button>
     </div>
   }
 
@@ -45,9 +45,9 @@
             <rect x="14" y="14" width="7" height="7" rx="1.5" stroke="#d3dad9" stroke-width="1.5"/>
           </svg>
         </div>
-        <h3>Упс! Подкатегорий пока нет</h3>
-        <p>В этом разделе ещё нет подкатегорий, но скоро они появятся</p>
-        <a [routerLink]="'/' | langRoute" class="no-subcats-btn">На главную</a>
+        <h3>{{ 'subcategories.emptyTitle' | translate }}</h3>
+        <p>{{ 'subcategories.emptyDesc' | translate }}</p>
+        <a [routerLink]="'/' | langRoute" class="no-subcats-btn">{{ 'subcategories.goHome' | translate }}</a>
       </div>
     }
   }

src/app/pages/category/subcategories.component.ts

@@ -1,13 +1,15 @@
-import { Component, OnInit, OnDestroy, signal, ChangeDetectionStrategy } from '@angular/core';
+import { Component, OnInit, OnDestroy, signal, ChangeDetectionStrategy, inject } from '@angular/core';
 import { ActivatedRoute, Router, RouterLink } from '@angular/router';
 import { ApiService, LanguageService } from '../../services';
 import { Category } from '../../models';
 import { Subscription } from 'rxjs';
 import { LangRoutePipe } from '../../pipes/lang-route.pipe';
+import { TranslatePipe } from '../../i18n/translate.pipe';
+import { TranslateService } from '../../i18n/translate.service';
 
 @Component({
   selector: 'app-subcategories',
-  imports: [RouterLink, LangRoutePipe],
+  imports: [RouterLink, LangRoutePipe, TranslatePipe],
   templateUrl: './subcategories.component.html',
   styleUrls: ['./subcategories.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush
@@ -17,6 +19,8 @@ export class SubcategoriesComponent implements OnInit, OnDestroy {
   subcategories = signal<Category[]>([]);
   loading = signal(true);
   error = signal<string | null>(null);
+
+  private i18n = inject(TranslateService);
   parentName = signal<string>('');
 
   private routeSubscription?: Subscription;
@@ -46,7 +50,7 @@ export class SubcategoriesComponent implements OnInit, OnDestroy {
         this.categories.set(cats);
         const subs = cats.filter(c => c.parentID === parentID);
         const parent = cats.find(c => c.categoryID === parentID);
-        this.parentName.set(parent ? parent.name : 'Категория');
+        this.parentName.set(parent ? parent.name : this.i18n.t('home.categoriesTitle'));
 
         if (!subs || subs.length === 0) {
           // No subcategories: redirect to items list for this category