From b687d25e0d94992aca66d7e322643cda705db7c1 Mon Sep 17 00:00:00 2001
From: Ivan Ljubisavljevic <ivan996sk@gmail.com>
Date: Thu, 28 Apr 2022 01:11:34 +0200
Subject: Sredjen upload csv-a #116

---
 .../form-dataset/form-dataset.component.html       | 23 +++++++++++++++-------
 1 file changed, 16 insertions(+), 7 deletions(-)

(limited to 'frontend/src/app/_elements/form-dataset/form-dataset.component.html')

diff --git a/frontend/src/app/_elements/form-dataset/form-dataset.component.html b/frontend/src/app/_elements/form-dataset/form-dataset.component.html
index afe1aeed..e0c7f288 100644
--- a/frontend/src/app/_elements/form-dataset/form-dataset.component.html
+++ b/frontend/src/app/_elements/form-dataset/form-dataset.component.html
@@ -1,11 +1,20 @@
 <div class="folderBox">
 
-    <div class="file-container">
-        <div class="px-5 mt-5 ">
-            <!--<app-datatable [tableData]="tableData"></app-datatable>-->
+    <div class="file-container" [ngClass]="{'dottedClass': !tableData.hasInput}">
+        
+        <i class="material-icons-outlined icon-display" [ngClass]="{'hidden': tableData.hasInput}">file_upload</i>
+        
+        <div class="fileButton">   
+                <button type="button" mat-raised-button (click)="fileInput.click()">Choose File</button>
+                <label>{{filename}}</label>
+        </div>
+                
+        <input class="file" id="file-upload" (change)="changeListener($event)" #fileInput type="file"  accept=".csv">
+        
+        
+        <div class="mt-5 datatable">
+            <app-datatable [tableData]="tableData"></app-datatable>
         </div>
-        <i class="material-icons-outlined icon-display">file_upload</i>
-        <input type="file" class="file"  (change)="changeListener($event)" accept=".csv">
         
         
     </div>
@@ -33,8 +42,8 @@
             </div>
             <div class="col-sm mb-3">
 
-                <input id="fileInput" class="form-control btn-lg" type="file" class="upload" (change)="changeListener($event)" accept=".csv">
-
+                <!--<input id="fileInput" class="form-control btn-lg" type="file" class="upload" (change)="changeListener($event)" accept=".csv">
+                -->
             </div>
             <div class="col-sm">
 
-- 
cgit v1.2.3