style cols

sae-csc/src/app/redux/initialState.ts

@@ -7,7 +7,7 @@ export const initialState: StateInterface = {
     backendAPIRoot: "",
     demoMode: true,
     loading: false,
-    fromText: "le texte original",
+    fromText: "",
     // fromText: "",
     fromFile: "",
     toText: "",

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

@@ -3,7 +3,7 @@
 
   <div id="fromText">
 
-    @if (!fileIsUploaded) {
+    @if (!fileIsUploaded || !appState.fromText.length) {
       <!--      @if (appState.fromText.length == 0) {-->
       <button (click)="clickFileUpload(fileUpload)" class=" click-file-upload is-outlined">
             <span class="label">
@@ -40,7 +40,7 @@
     <!--      delete button from_text-->
 
     <button (click)="emptyText('fromText')" [ngClass]="{
-      'is-visible' : fromText.length
+      'is-visible' : appState.fromText.length
       }" class="delete-button button">x
     </button>
     @if (!fileIsUploaded) {
@@ -48,7 +48,7 @@
         (focus)="focusFromText()"
         (keyup)="onFromTextChanged()"
         (ngModelChange)="onFromTextChanged()"
-        [ngModel]="appState.fromText"
+        [(ngModel)]="appState.fromText"
         cols="30"
         id="from_text"
         name="from_text"