language

src/app/pages/fastcheck-page/fastcheck-page.html

@@ -5,9 +5,7 @@
       <img class="card__brand" src="/logo_big.png"
            alt="fastCHECK" width="220" height="60" />
       <p class="card__subtitle">
-        Введите данные
-        <span class="brand"><span class="brand__fast">fast</span><span class="brand__check">CHECK</span></span>
-        или создайте новый
+        {{ 'fastcheck.subtitle' | translate }}
       </p>
     </div>
 
@@ -16,8 +14,7 @@
       <!-- Fastcheck number + new -->
       <div class="field">
         <label class="field__label" for="fcNumber">
-          Номер
-          <span class="brand"><span class="brand__fast">fast</span><span class="brand__check">CHECK</span></span>
+          {{ 'fastcheck.number_label' | translate }}
         </label>
         <div class="row">
           <input
@@ -26,18 +23,18 @@
             class="input"
             [ngModel]="fastcheckNumber()"
             (ngModelChange)="onNumberChange($event)"
-            placeholder="1234-5678-0001"
+            [placeholder]="'fastcheck.number_placeholder' | translate"
             inputmode="numeric"
             autocomplete="off"
             maxlength="14"
           />
-          <a class="btn btn--ghost" routerLink="/new" aria-label="Создать новый fastCHECK">Новый</a>
+          <a class="btn btn--ghost" routerLink="/new" aria-label="Создать новый fastCHECK">{{ 'fastcheck.number_new' | translate }}</a>
         </div>
       </div>
 
       <!-- Amount -->
       <div class="field">
-        <label class="field__label" for="fcAmount">Сумма</label>
+        <label class="field__label" for="fcAmount">{{ 'fastcheck.amount_label' | translate }}</label>
         <div class="input-wrap">
           <span class="input-wrap__prefix">₽</span>
           <input
@@ -54,20 +51,20 @@
           />
         </div>
         @if (amountLoading()) {
-          <span class="field__hint">Проверяем…</span>
+          <span class="field__hint">{{ 'fastcheck.amount_checking' | translate }}</span>
         }
       </div>
 
       <!-- Code -->
       <div class="field">
-        <label class="field__label" for="fcCode">Код</label>
+        <label class="field__label" for="fcCode">{{ 'fastcheck.code_label' | translate }}</label>
         <input
           id="fcCode"
           type="text"
           class="input"
           [ngModel]="fastcheckCode()"
           (ngModelChange)="onCodeChange($event)"
-          placeholder="00000"
+          [placeholder]="'fastcheck.code_placeholder' | translate"
           inputmode="numeric"
           maxlength="5"
           autocomplete="one-time-code"
@@ -85,7 +82,7 @@
             <line x1="1" y1="10" x2="23" y2="10" />
           </svg>
         </span>
-        Оплатить
+        {{ 'fastcheck.pay_btn' | translate }}
       </button>
     </div>
 
@@ -95,7 +92,7 @@
              stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
           <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" />
         </svg>
-        Защищённое соединение
+        {{ 'common.secure' | translate }}
       </span>
     </div>
   </div>
@@ -113,21 +110,21 @@
                stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
             <path d="M20 6L9 17l-5-5" />
           </svg>
-          <h2 class="modal__title">Оплачено</h2>
+          <h2 class="modal__title">{{ 'fastcheck.modal_paid_title' | translate }}</h2>
           <p class="modal__sub">
             <span class="brand"><span class="brand__fast">fast</span><span class="brand__check">CHECK</span></span>
-            успешно принят.
+            {{ 'fastcheck.modal_paid_sub' | translate }}
           </p>
         </div>
       } @else {
         <img class="brand-logo brand-logo--small" src="/logo_small.png"
              alt="fastCHECK" width="32" height="32" />
-        <h2 class="modal__title">Войти через Telegram</h2>
-        <p class="modal__sub">Отсканируйте QR или откройте ссылку</p>
+        <h2 class="modal__title">{{ 'fastcheck.modal_title' | translate }}</h2>
+        <p class="modal__sub">{{ 'fastcheck.modal_sub' | translate }}</p>
 
         <div class="qr">
           @if (popupLoading() && !webSessionId()) {
-            <div class="qr__placeholder">Загрузка…</div>
+            <div class="qr__placeholder">{{ 'fastcheck.modal_loading' | translate }}</div>
           } @else if (webSessionId()) {
             <img [src]="qrUrl()" width="240" height="240" alt="QR Telegram" />
           }
@@ -138,14 +135,14 @@
             <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor">
               <path d="M9.04 15.65l-.36 4.06c.51 0 .73-.22.99-.48l2.38-2.27 4.93 3.6c.9.5 1.55.24 1.79-.83l3.24-15.18h.01c.29-1.34-.48-1.86-1.36-1.54L1.13 9.66c-1.32.5-1.3 1.23-.22 1.56l4.92 1.53L17.27 5.6c.54-.34 1.03-.15.62.19" />
             </svg>
-            Открыть в Telegram
+            {{ 'fastcheck.modal_open_tg' | translate }}
           </a>
         }
 
         @if (popupLoading() && webSessionId()) {
-          <p class="modal__hint">Подтверждение оплаты…</p>
+          <p class="modal__hint">{{ 'fastcheck.modal_confirming' | translate }}</p>
         } @else if (webSessionId()) {
-          <p class="modal__hint">Ожидание входа…</p>
+          <p class="modal__hint">{{ 'fastcheck.modal_waiting' | translate }}</p>
         }
 
         @if (popupError()) {