Revize bb71c84a

Re #7905: Lokalizace FE

- přidání překladů pro zprávy při uploadu
- předělání zobrazování zpráv
- pro zprávy je použit bootstrap alert

fe/fulltextsearch/src/app/components/pages/upload/upload.component.css

@@ -30 +30 @@
   width: 35%;
 }
 
-.center h2 {
-
+.alert h2 {
+  margin-bottom: 0;
 }

fe/fulltextsearch/src/app/components/pages/upload/upload.component.html

@@ -17 +17 @@
             {{ file.name }}
           </li>
         </ul>
-        <div class="row justify-content-center align-items-center">
-          <h2>{{resultMessage}}</h2>
+        <div *ngIf="showSuccessMessage" class="row justify-content-center align-items-center">
+          <div  class="alert alert-success" role="alert">
+            <h2>{{'app-upload.success-uploaded-files-message' | translate}}</h2>
+          </div>
+        </div>
+        <div *ngIf="showSelectFilesMessage" class="row justify-content-center align-items-center">
+          <div  class="alert alert-danger" role="alert">
+            <h2>{{'app-upload.select-files-message' | translate}}</h2>
+          </div>
+        </div>
+        <div *ngIf="showAlwaysPairMessage" class="row justify-content-center align-items-center">
+          <div  class="alert alert-danger" role="alert">
+            <h2>{{'app-upload.always-pair-of-files-message' | translate}}</h2>
+          </div>
+        </div>
+        <div *ngIf="showFileMissingPairMessage" class="row justify-content-center align-items-center">
+          <div  class="alert alert-danger" role="alert">
+            <h2>{{'app-upload.file' | translate}} {{fileMissingPair}} {{'app-upload.missing-xml-or-png-pair-message' | translate}}</h2>
+          </div>
         </div>
       </div>
     </div>

fe/fulltextsearch/src/app/components/pages/upload/upload.component.ts

@@ -11 +11 @@
 })
 export class UploadComponent implements OnInit {
   selectedFiles: File[] = null;
-  resultMessage: string = null;
   progress = 0;
+  fileMissingPair = null;
+
+  // show messages boolean values
+  showSuccessMessage = false;
+  showSelectFilesMessage = false;
+  showAlwaysPairMessage = false;
+  showFileMissingPairMessage = false;
+
 
   constructor( private queryService: QueryService, private LOGGER: LoggerService ) { }
 
@@ -23 +30 @@
   onFilesSelected(event) {
     this.selectedFiles = event.target.files;
     this.progress = 0;
-    this.resultMessage = null;
+    this.resetAllMessages();
   }
 
   onUpload() {
     this.LOGGER.info('Selected files: ' + this.selectedFiles);
 
+    this.resetAllMessages();
+
     if (!this.checkFiles(this.selectedFiles)) {
       this.LOGGER.warn('Files are not valid');
       return;
@@ -38 +47 @@
       if (event.type === HttpEventType.UploadProgress) {
         this.progress = Math.round(event.loaded / event.total * 100) - 5;
       } else if (event.type === HttpEventType.Response ) {
-        this.resultMessage = 'Successfully uploaded ' + this.selectedFiles.length + ' files';
+        this.showSuccessMessage = true;
         this.progress = 100;
         this.selectedFiles = null;
         this.LOGGER.info('Files successfully uploaded');
@@ -46 +55 @@
     });
   }
 
+  resetAllMessages(): void {
+    this.showSuccessMessage = false;
+    this.showSelectFilesMessage = false;
+    this.showAlwaysPairMessage = false;
+    this.showFileMissingPairMessage = false;
+  }
+
   checkFiles(selectedFiles: File[]): boolean {
-    if (selectedFiles === null) {
-      this.resultMessage = 'Select files first';
+    if (selectedFiles === null || selectedFiles.length === 0) {
+      this.showSelectFilesMessage = true;
       return false;
     }
 
     // check if is even
     if (selectedFiles.length % 2 !== 0) {
-      this.resultMessage = 'Always pair of files JPEG and XML';
+      this.showAlwaysPairMessage = true;
       return false;
     }
 
@@ -73 +89 @@
       }
 
       if (count !== 2) {
-        this.resultMessage = 'File ' + temp1 + ' missing xml or jpeg pair';
+        this.fileMissingPair = temp1;
+        this.showFileMissingPairMessage = true;
         return false;
       }
 

fe/fulltextsearch/src/assets/i18n/cz-lang.json

@@ -34 +34 @@
   "app-upload": {
     "card-header": "Nahrát soubory",
     "pick-files": "Vybrat soubory",
-    "upload": "Nahrát"
+    "upload": "Nahrát",
+    "select-files-message": "Nejprve vyberte soubory",
+    "always-pair-of-files-message": "Nahrávejte pouze dvojice souborů PNG a XML",
+    "success-uploaded-files-message": "Soubory úspěšně nahrány",
+    "missing-xml-or-png-pair-message": "postrádá dvojici XML nebo PNG",
+    "file": "Soubor"
   },
   "app-about-dialog": {
     "title": "O nás",

fe/fulltextsearch/src/assets/i18n/de-lang.json

@@ -34 +34 @@
   "app-upload": {
     "card-header": "Dateien hochladen",
     "pick-files": "Dateien auswählen",
-    "upload": "Hochladen"
+    "upload": "Hochladen",
+    "select-files-message": "Wählen Sie zuerst die Dateien aus",
+    "always-pair-of-files-message": "Immer zwei Dateien PNG und XML",
+    "success-uploaded-files-message": "Dateien erfolgreich hochgeladen",
+    "missing-xml-or-png-pair-message": "fehlt XML oder PNG Paar",
+    "file": "Datei"
   },
   "app-about-dialog": {
     "title": "Über",

fe/fulltextsearch/src/assets/i18n/en-lang.json

@@ -34 +34 @@
   "app-upload": {
     "card-header": "Upload files",
     "pick-files": "Pick files",
-    "upload": "Upload"
+    "upload": "Upload",
+    "select-files-message": "Select files first",
+    "always-pair-of-files-message": "Always pair of files PNG and XML",
+    "success-uploaded-files-message": "Files successfully uploaded",
+    "missing-xml-or-png-pair-message": "missing xml or jpeg pair",
+    "file": "File"
   },
   "app-about-dialog": {
     "title": "About",