From 7f5401e7731316b5ec79849643df24ec12463516 Mon Sep 17 00:00:00 2001
From: Vladyslav_Prykhodko <vprykhodko@thingsboard.io>
Date: Mon, 20 Jul 2020 17:56:49 +0300
Subject: [PATCH] Improvements view and add support txt file in import Entity

---
 .../components/import-export/import-dialog-csv.component.html | 4 ++--
 .../import-export/table-columns-assignment.component.html     | 4 ++--
 .../import-export/table-columns-assignment.component.scss     | 2 ++
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/ui-ngx/src/app/modules/home/components/import-export/import-dialog-csv.component.html b/ui-ngx/src/app/modules/home/components/import-export/import-dialog-csv.component.html
index 46c87fe535..52d5e3a9d5 100644
--- a/ui-ngx/src/app/modules/home/components/import-export/import-dialog-csv.component.html
+++ b/ui-ngx/src/app/modules/home/components/import-export/import-dialog-csv.component.html
@@ -38,8 +38,8 @@
             <tb-file-input formControlName="importData"
                            required
                            label="{{importFileLabel | translate}}"
-                           [allowedExtensions]="'csv'"
-                           [accept]="'.csv,application/csv,text/csv'"
+                           [allowedExtensions]="'csv,txt'"
+                           [accept]="'.csv,application/csv,text/csv,.txt,text/plain'"
                            dropLabel="{{'import.drop-file-csv' | translate}}">
             </tb-file-input>
           </fieldset>
diff --git a/ui-ngx/src/app/modules/home/components/import-export/table-columns-assignment.component.html b/ui-ngx/src/app/modules/home/components/import-export/table-columns-assignment.component.html
index 91e8474128..d862a988ef 100644
--- a/ui-ngx/src/app/modules/home/components/import-export/table-columns-assignment.component.html
+++ b/ui-ngx/src/app/modules/home/components/import-export/table-columns-assignment.component.html
@@ -23,13 +23,13 @@
     </mat-cell>
   </ng-container>
   <ng-container matColumnDef="sampleData">
-    <mat-header-cell *matHeaderCellDef style="flex: 0 0 30%;"> {{ 'import.column-example' | translate }} </mat-header-cell>
+    <mat-header-cell *matHeaderCellDef style="flex: 0 0 30%;" class="mat-column-sampleData"> {{ 'import.column-example' | translate }} </mat-header-cell>
     <mat-cell *matCellDef="let column">
       {{column.sampleData}}
     </mat-cell>
   </ng-container>
   <ng-container matColumnDef="type">
-    <mat-header-cell *matHeaderCellDef style="flex: 0 0 40%"> {{ 'import.column-type.column-type' | translate }} </mat-header-cell>
+    <mat-header-cell *matHeaderCellDef style="flex: 0 0 40%" class="mat-column-type"> {{ 'import.column-type.column-type' | translate }} </mat-header-cell>
     <mat-cell *matCellDef="let column">
       <mat-select matInput [(ngModel)]="column.type" (ngModelChange)="columnsUpdated()">
         <mat-option *ngFor="let type of columnTypes" [value]="type.value" [disabled]="type.disabled">
diff --git a/ui-ngx/src/app/modules/home/components/import-export/table-columns-assignment.component.scss b/ui-ngx/src/app/modules/home/components/import-export/table-columns-assignment.component.scss
index ce0b1f1919..b0a80ae965 100644
--- a/ui-ngx/src/app/modules/home/components/import-export/table-columns-assignment.component.scss
+++ b/ui-ngx/src/app/modules/home/components/import-export/table-columns-assignment.component.scss
@@ -19,8 +19,10 @@
   }
   .mat-column-sampleData {
     flex: 0 0 120px;
+    min-width: 120px;
   }
   .mat-column-type {
     flex: 0 0 120px;
+    min-width: 120px;
   }
 }