2 files changed, 12 insertions, 3 deletions
diff --git a/frontend/src/app/_elements/dataset-load/dataset-load.component.html b/frontend/src/app/_elements/dataset-load/dataset-load.component.html
index fcec6ec3..76fc40e2 100644
--- a/frontend/src/app/_elements/dataset-load/dataset-load.component.html
+++ b/frontend/src/app/_elements/dataset-load/dataset-load.component.html
@@ -30,7 +30,7 @@
     </div>
   </div>
 
-  <div class="table-responsive">
+  <div class="table-responsive" *ngIf="hasInput">
     <table *ngIf="csvRecords.length > 0 && hasHeader" class="table table-bordered table-light mt-4">
       <thead>
         <tr>
@@ -53,7 +53,7 @@
     </table>
   </div>
 
-  <div *ngIf="csvRecords.length > 0" id="info">
+  <div *ngIf="csvRecords.length > 0 && hasInput" id="info">
     . . . <br>
     {{rowsNumber}} x {{colsNumber}}
   </div>
diff --git a/frontend/src/app/_elements/dataset-load/dataset-load.component.ts b/frontend/src/app/_elements/dataset-load/dataset-load.component.ts
index 913592eb..bccf13b7 100644
--- a/frontend/src/app/_elements/dataset-load/dataset-load.component.ts
+++ b/frontend/src/app/_elements/dataset-load/dataset-load.component.ts
@@ -16,7 +16,7 @@ export class DatasetLoadComponent {
 
   hasHeader: boolean = true;
 
-  slice: string = "";
+  hasInput: boolean = false;
 
   csvRecords: any[] = [];
   files: File[] = [];
@@ -33,6 +33,15 @@ export class DatasetLoadComponent {
 
   changeListener($event: any): void {
     this.files = $event.srcElement.files;
+    if (this.files.length == 0 || this.files[0] == null) {
+      //console.log("NEMA FAJLA");
+      //this.loaded.emit("not loaded");
+      this.hasInput = false;
+      return;
+    }
+    else 
+      this.hasInput = true;
+
     console.log(this.files);
     this.update();
   }