From a7df1980ed23b7467366be42853a959612796ec6 Mon Sep 17 00:00:00 2001
From: sdarbinyan <sdarbinyan@4pay.ru>
Date: Mon, 13 Jul 2026 15:57:54 +0400
Subject: [PATCH] fix(i18n): route dirty-guard and html-editor strings through
 TranslateService

window.confirm/window.prompt calls in projectEditorDirtyGuard and
MarketplaceHtmlEditorComponent, and the hardcoded Preview/Code toggle
label in its template, bypassed the app's translation pipeline. Add
builder.confirmLeaveUnsaved, promptLinkUrl, promptImageUrl,
htmlEditorCode and htmlEditorPreview keys (en/ru/hy), resolve them via
TranslateService.t() before passing to confirm/prompt, and use
TranslatePipe for the toggle button label.
---
 .../marketplace-html-editor.component.html           |  2 +-
 .../html-editor/marketplace-html-editor.component.ts | 12 ++++++++----
 .../guards/project-editor-dirty.guard.ts             |  4 +++-
 src/app/i18n/en.ts                                   |  5 +++++
 src/app/i18n/hy.ts                                   |  5 +++++
 src/app/i18n/ru.ts                                   |  5 +++++
 src/app/i18n/translations.ts                         |  5 +++++
 7 files changed, 32 insertions(+), 6 deletions(-)

diff --git a/src/app/features/project-editor/components/html-editor/marketplace-html-editor.component.html b/src/app/features/project-editor/components/html-editor/marketplace-html-editor.component.html
index 39e744a..3677e12 100644
--- a/src/app/features/project-editor/components/html-editor/marketplace-html-editor.component.html
+++ b/src/app/features/project-editor/components/html-editor/marketplace-html-editor.component.html
@@ -3,7 +3,7 @@
     @for (item of toolbar; track item.id) {
       <button type="button" (click)="runCommand(item)">{{ item.label }}</button>
     }
-    <button type="button" (click)="toggleCode()">{{ showCode() ? 'Preview' : 'Code' }}</button>
+    <button type="button" (click)="toggleCode()">{{ (showCode() ? 'builder.htmlEditorPreview' : 'builder.htmlEditorCode') | translate }}</button>
   </div>
 
   <textarea
diff --git a/src/app/features/project-editor/components/html-editor/marketplace-html-editor.component.ts b/src/app/features/project-editor/components/html-editor/marketplace-html-editor.component.ts
index 85b1bcf..e08de17 100644
--- a/src/app/features/project-editor/components/html-editor/marketplace-html-editor.component.ts
+++ b/src/app/features/project-editor/components/html-editor/marketplace-html-editor.component.ts
@@ -1,4 +1,6 @@
-import { AfterViewInit, ChangeDetectionStrategy, Component, ElementRef, EventEmitter, Input, OnChanges, Output, SimpleChanges, ViewChild, signal } from '@angular/core';
+import { AfterViewInit, ChangeDetectionStrategy, Component, ElementRef, EventEmitter, Input, OnChanges, Output, SimpleChanges, ViewChild, inject, signal } from '@angular/core';
+import { TranslateService } from '../../../../i18n/translate.service';
+import { TranslatePipe } from '../../../../i18n/translate.pipe';
 
 export interface HtmlEditorToolbarCommand {
   id: string;
@@ -23,12 +25,14 @@ export const HTML_EDITOR_TOOLBAR: HtmlEditorToolbarCommand[] = [
 @Component({
   selector: 'app-marketplace-html-editor',
   standalone: true,
-  imports: [],
+  imports: [TranslatePipe],
   templateUrl: './marketplace-html-editor.component.html',
   styleUrls: ['./marketplace-html-editor.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class MarketplaceHtmlEditorComponent implements OnChanges, AfterViewInit {
+  private readonly translate = inject(TranslateService);
+
   @Input() html = '';
   @Output() htmlChange = new EventEmitter<string>();
   @ViewChild('surface', { static: true }) surface!: ElementRef<HTMLDivElement>;
@@ -58,13 +62,13 @@ export class MarketplaceHtmlEditorComponent implements OnChanges, AfterViewInit
   runCommand(item: HtmlEditorToolbarCommand): void {
     this.surface.nativeElement.focus();
     if (item.command === 'createLink') {
-      const url = window.prompt('URL');
+      const url = window.prompt(this.translate.t('builder.promptLinkUrl'));
       if (!url) {
         return;
       }
       document.execCommand('createLink', false, url);
     } else if (item.command === 'insertImage') {
-      const url = window.prompt('Image URL');
+      const url = window.prompt(this.translate.t('builder.promptImageUrl'));
       if (!url) {
         return;
       }
diff --git a/src/app/features/project-editor/guards/project-editor-dirty.guard.ts b/src/app/features/project-editor/guards/project-editor-dirty.guard.ts
index eacee89..682d65d 100644
--- a/src/app/features/project-editor/guards/project-editor-dirty.guard.ts
+++ b/src/app/features/project-editor/guards/project-editor-dirty.guard.ts
@@ -2,11 +2,13 @@ import { inject } from '@angular/core';
 import { CanDeactivateFn } from '@angular/router';
 import { ProjectEditorFacade } from '../facade/project-editor.facade';
 import { ProjectEditorPageComponent } from '../pages/project-editor-page.component';
+import { TranslateService } from '../../../i18n/translate.service';
 
 export const projectEditorDirtyGuard: CanDeactivateFn<ProjectEditorPageComponent> = () => {
   const facade = inject(ProjectEditorFacade);
   if (!facade.dirty()) {
     return true;
   }
-  return window.confirm('You have unsaved changes. Leave anyway?');
+  const translate = inject(TranslateService);
+  return window.confirm(translate.t('builder.confirmLeaveUnsaved'));
 };
diff --git a/src/app/i18n/en.ts b/src/app/i18n/en.ts
index 5d09372..2a62ba6 100644
--- a/src/app/i18n/en.ts
+++ b/src/app/i18n/en.ts
@@ -517,6 +517,11 @@ export const en: Translations = {
     unsavedChanges: 'Unsaved changes',
     save: 'Save',
     publish: 'Publish',
+    confirmLeaveUnsaved: 'You have unsaved changes. Leave anyway?',
+    promptLinkUrl: 'URL',
+    promptImageUrl: 'Image URL',
+    htmlEditorCode: 'Code',
+    htmlEditorPreview: 'Preview',
   },
   staticPages: {
     notFound: 'Page not found',
diff --git a/src/app/i18n/hy.ts b/src/app/i18n/hy.ts
index 532131f..c3586e1 100644
--- a/src/app/i18n/hy.ts
+++ b/src/app/i18n/hy.ts
@@ -517,6 +517,11 @@ export const hy: Translations = {
     unsavedChanges: 'Չպահված փոփոխություններ',
     save: 'Պահպանել',
     publish: 'Հրապարակել',
+    confirmLeaveUnsaved: 'Կան չպահված փոփոխություններ։ Այնուամենայնիվ դուրս գա՞լ։',
+    promptLinkUrl: 'URL',
+    promptImageUrl: 'Նկարի URL',
+    htmlEditorCode: 'Կոդ',
+    htmlEditorPreview: 'Նախադիտում',
   },
   staticPages: {
     notFound: 'Էջը չի գտնվել',
diff --git a/src/app/i18n/ru.ts b/src/app/i18n/ru.ts
index 4658433..ff24232 100644
--- a/src/app/i18n/ru.ts
+++ b/src/app/i18n/ru.ts
@@ -517,6 +517,11 @@ export const ru: Translations = {
     unsavedChanges: 'Есть несохранённые изменения',
     save: 'Сохранить',
     publish: 'Опубликовать',
+    confirmLeaveUnsaved: 'Есть несохранённые изменения. Всё равно уйти?',
+    promptLinkUrl: 'URL',
+    promptImageUrl: 'URL изображения',
+    htmlEditorCode: 'Код',
+    htmlEditorPreview: 'Предпросмотр',
   },
   staticPages: {
     notFound: 'Страница не найдена',
diff --git a/src/app/i18n/translations.ts b/src/app/i18n/translations.ts
index f42d861..51e7416 100644
--- a/src/app/i18n/translations.ts
+++ b/src/app/i18n/translations.ts
@@ -515,6 +515,11 @@ export interface Translations {
     unsavedChanges: string;
     save: string;
     publish: string;
+    confirmLeaveUnsaved: string;
+    promptLinkUrl: string;
+    promptImageUrl: string;
+    htmlEditorCode: string;
+    htmlEditorPreview: string;
   };
   staticPages: {
     notFound: string;