diff options
| author | Ivan Ljubisavljevic <ivan996sk@gmail.com> | 2022-04-28 01:11:34 +0200 |
|---|---|---|
| committer | Ivan Ljubisavljevic <ivan996sk@gmail.com> | 2022-04-28 01:11:34 +0200 |
| commit | b687d25e0d94992aca66d7e322643cda705db7c1 (patch) | |
| tree | 51507985040511f46058f992731e6a3ee75d5e99 /frontend/src/app/_elements/form-dataset/form-dataset.component.html | |
| parent | 9d5603c5e9b5b2a0d71cd72401fb7e0d91dc74c7 (diff) | |
Sredjen upload csv-a #116
Diffstat (limited to 'frontend/src/app/_elements/form-dataset/form-dataset.component.html')
| -rw-r--r-- | frontend/src/app/_elements/form-dataset/form-dataset.component.html | 23 |
1 files changed, 16 insertions, 7 deletions
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"> |