Mejoras al upload

projects/bytebot-html/src/app/modules/agent/view/components/ca-file-upload-modal/ca-file-upload-modal.component.html

@@ -10,7 +10,7 @@
     </div>
 </div>
 
-<mat-dialog-content>
+<mat-dialog-content class="none-overflow">
     <h4>
         {{'label.file-upload.description' | translate}}
     </h4>
@@ -24,7 +24,7 @@
                 </mat-form-field>
             </div>
         </div>
-        <div class="row pt-2">
+        <div class="row pt-2" *ngIf="createMode">
             <div class="col-12">
                 <mat-form-field class="amd-form-control">
                     <ngx-mat-file-input formControlName="file" [placeholder]="'label.file' | translate"
@@ -34,6 +34,16 @@
                 </mat-form-field>
             </div>
         </div>
+        <div class="row pt-2" *ngIf="!createMode">
+            <div class="col-12">
+                <mat-form-field class="amd-form-control">
+                    <input matInput [placeholder]="'label.file' | translate" formControlName="filename" required>
+                    <mat-icon matSuffix [matTooltip]="'label.file.tooltip' | translate" matTooltipPosition="above">
+                        help_icon
+                    </mat-icon>
+                </mat-form-field>
+            </div>
+        </div>
     </form>
 
 </mat-dialog-content>

projects/bytebot-html/src/app/modules/agent/view/components/ca-file-upload-modal/ca-file-upload-modal.component.scss

+.none-overflow{
+    overflow: hidden;
+}
\ No newline at end of file

projects/bytebot-html/src/app/modules/agent/view/components/ca-file-upload-modal/ca-file-upload-modal.component.ts

-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, Inject } from '@angular/core';
 import { FormGroup, FormBuilder, FormControl, Validators } from '@angular/forms';
 import { HttpEventType, HttpErrorResponse } from '@angular/common/http';
 import { of } from 'rxjs';
 import { map, catchError } from 'rxjs/operators';
 import { AgentService } from '../../../service/agent.service';
-import { MatDialogRef } from '@angular/material';
+import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material';
 import { NotificationService, NotificationType } from '@xdf/commons';
 import { TranslateService } from '@ngx-translate/core';
 
@@ -31,6 +31,8 @@ export class CaFileUploadModalComponent implements OnInit {
 
   enabledOK = false;
 
+  createMode = true;
+
   fileInfo = new FileUploadModel();
 
   constructor(
@@ -38,12 +40,23 @@ export class CaFileUploadModalComponent implements OnInit {
     private agentService: AgentService,
     private _notificationService: NotificationService,
     private _translateService: TranslateService,
-    public dialogRef: MatDialogRef<CaFileUploadModalComponent>
+    public dialogRef: MatDialogRef<CaFileUploadModalComponent>,
+    @Inject(MAT_DIALOG_DATA) public data: any
   ) {
     this.formGroup = this.formBuilder.group({
       description: new FormControl({ value: "", disabled: false }),
-      file: new FormControl({ value: '', disabled: false })
+      file: new FormControl({ value: '', disabled: false }),
+      filename: new FormControl({ value: '', disabled: true })
     });
+
+    if (data) {
+      this.fileInfo = data;
+      this.formGroup.controls.description.setValue(this.fileInfo.description);
+      this.formGroup.controls.filename.setValue(this.fileInfo.filename);
+
+      this.createMode = false;
+      this.enabledOK = true;
+    }
   }
 
   ngOnInit() {
@@ -72,10 +85,12 @@ export class CaFileUploadModalComponent implements OnInit {
   }
 
   validateFile(file) {
+
     const formData = new FormData();
     formData.append('file', file.data);
 
     file.inProgress = true;
+    this.enabledOK = false;
 
     this.agentService.upload(formData).pipe(
       map(event => {

projects/bytebot-html/src/app/modules/agent/view/components/ca-frequent-questions/ca-frequent-questions.component.html

@@ -65,6 +65,13 @@
                 <th mat-header-cell *matHeaderCellDef class="w-actions"></th>
                 <td mat-cell *matCellDef="let element; let $index = index" class="w-actions text-center">
                   <div class="btn-group">
+                    <button type="button" class="btn btn-default btn-sm" (click)="onEditRecord(element, $index)"
+                      [disabled]="!resourceAuth['edit'] || viewMode">
+                      <i class="fa fa-edit"></i>
+                      <span class="visible-md-inline visible-lg-inline visible-xl-inline">
+                        {{'btn.edit' | translate}}
+                      </span>
+                    </button>
                     <button type="button" class="btn btn-default btn-sm" (click)="onDeleteRecord(element, $index)"
                       [disabled]="!resourceAuth['delete'] || viewMode">
                       <i class="fa fa-trash"></i>

projects/bytebot-html/src/app/modules/agent/view/components/ca-frequent-questions/ca-frequent-questions.component.ts

@@ -110,7 +110,8 @@ export class CaFrequentQuestionsComponent implements OnInit {
 
   addFile() {
     let dialog = this.matDialog.open(CaFileUploadModalComponent, {
-      width: '500px'
+      width: '500px',
+      data: null
     });
 
     dialog.afterClosed().subscribe(result => {
@@ -123,6 +124,28 @@ export class CaFrequentQuestionsComponent implements OnInit {
     });
   }
 
+  onEditRecord(item, index) {
+    item.editable = true;
+
+    let dialog = this.matDialog.open(CaFileUploadModalComponent, {
+      width: '500px',
+      data: item
+    });
+
+    dialog.afterClosed().subscribe(result => {
+      if (result) {        
+        let fileEdited = { ...result };
+        
+        let listTemp = this.dataSource.data;
+        listTemp[index] = fileEdited;
+        
+        this.dataSource.data = listTemp;
+        
+      }
+    });
+    
+  }
+
   saveQuestions(validateForm: boolean) {
     let success = true;
 

projects/bytebot-html/src/assets/i18n/en.json

@@ -49,5 +49,6 @@
     "label.file-upload.description" : "The question file will be used as material training",
     "label.file" : "File",
     "label.file.incompatible.extension" : "Invalid file. Just accept the following file extensions ",
-    "label.imageAvatar.incompatible.extension" : "Invalid file. Just accept the followeing image types "
+    "label.imageAvatar.incompatible.extension" : "Invalid file. Just accept the followeing image types ",
+    "label.file.tooltip" : "For security reasones, you cannot edit uploaded files. Please delete and upload a new file"
 }
\ No newline at end of file

projects/bytebot-html/src/assets/i18n/es.json

@@ -49,5 +49,6 @@
     "label.file-upload.description" : "El archivo de preguntas se utilizará para el entrenamiento del bot",
     "label.file" : "Archivo",
     "label.file.incompatible.extension" : "Archivo no válido. Sólo se aceptan archivos con extensión ",
-    "label.imageAvatar.incompatible.extension" : "Archivo no válido. Sólo se aceptan imágenes y con formato "
+    "label.imageAvatar.incompatible.extension" : "Archivo no válido. Sólo se aceptan imágenes y con formato ",
+    "label.file.tooltip" : "Por seguridad, no se pueden editar los archivos validados"
 }
\ No newline at end of file