up main page of csc

sae-csc/src/app/shared/translate-texts/translate-texts.html

@@ -1,7 +1,9 @@
 <div class="translate-texts is-{{disabled? 'disabled' : 'enabled'}}">
 
 
-  <div id="fromText">
+  <div [ngClass]="{
+  'is-focused' : fromTextFocused
+  }" id="fromText">
 
     @if (!fileIsUploaded || !appState.fromText.length) {
       <!--      @if (appState.fromText.length == 0) {-->
@@ -46,9 +48,10 @@
     @if (!fileIsUploaded) {
       <textarea
         (focus)="focusFromText()"
+        (blur)="blurFromText()"
         (keyup)="onFromTextChanged()"
         (ngModelChange)="onFromTextChanged()"
-        [(ngModel)]="appState.fromText"
+        [ngModel]="appState.fromText"
         cols="30"
         id="from_text"
         name="from_text"
@@ -57,7 +60,9 @@
     }
   </div>
 
-  <div id="toText">
+  <div [ngClass]="{
+  'is-focused' : toTextFocused
+  }" id="toText">
 
     @if (loadingResume) {
       <div class="loading-container">
@@ -72,9 +77,13 @@
       <button (click)="emptyText('toText')" class="delete-button button">x</button>
     }
     @if (!loadingResume) {
-      <textarea [(ngModel)]="toText" cols="30" id="to_text" name="to_text" rows="10"></textarea>
+      <textarea
+        [ngModel]="appState.toText"
+        (ngModelChange)="onToTextChanged()"
+        (keyup)="onToTextChanged()"
+        (focus)="focusToText()"
+        (blur)="blurToText()"
+        cols="30" id="to_text" name="to_text" rows="10"></textarea>
     }
   </div>
-
 </div>
-