diff options
Diffstat (limited to 'frontend/src/app/_elements/dataset-load/dataset-load.component.html')
| -rw-r--r-- | frontend/src/app/_elements/dataset-load/dataset-load.component.html | 40 |
1 files changed, 35 insertions, 5 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 934aa5eb..48883ba0 100644 --- a/frontend/src/app/_elements/dataset-load/dataset-load.component.html +++ b/frontend/src/app/_elements/dataset-load/dataset-load.component.html @@ -1,16 +1,46 @@ <div class="container"> - <input class="form-control mb-5" type="file" class="upload" (change)="changeListener($any($event).target.files)"> - + + <input style="display: inline-block; width:350px;" list=delimiterOptions placeholder="Izaberite ili ukucajte delimiter za .csv fajl" class="form-control" [(ngModel)]="delimiter"> + <datalist id=delimiterOptions> + <option *ngFor="let option of delimiterOptions">{{option}}</option> + </datalist> + + <input style="display: inline-block" [ngStyle]="{width:'350px'}" list=headerOptions placeholder="Da li .csv ima header?" class="form-control" [(ngModel)]="header"> + <datalist id=headerOptions> + <option *ngFor="let option of headerOptions">{{option}}</option> + </datalist> + + <br><br> + + <input class="form-control mb-5" type="file" class="upload" (change)="changeListener($event)"> + <table class="table table-bordered table-light mt-5"> <thead> <tr> - <th *ngFor="let item of lines[0]; let i = index">{{item}}</th> + <th *ngFor="let item of csvRecords[0]; let i = index">{{item}}</th> </tr> </thead> <tbody> - <tr *ngFor="let item of linesR[0]; let i = index"> - <td *ngFor="let itemm of lines[0]; let j = index">{{item[j]}}</td> + <!--<tr *ngFor="let row of csvRecords | ((header == 'Da') ? (slice:1:11) : (slice:0:11))">--> + <!--<ng-container *ngIf="header == 'Da'"> + <tr *ngFor="let row of csvRecords | slice:1:11"> + <td *ngFor="let col of row">{{col}}</td> + </tr> + </ng-container> + <ng-container *ngIf="header == 'Ne'"> + <tr *ngFor="let row of csvRecords | slice:0:10"> + <td *ngFor="let col of row">{{col}}</td> + </tr> + </ng-container>--> + + <tr *ngFor="let row of csvRecords | slice:1:11"> + <td *ngFor="let col of row">{{col}}</td> </tr> </tbody> </table> + <div *ngIf="csvRecords[0]" id="info"> + . . . <br> + {{rowsNumber}} x {{colsNumber}} + </div> + </div>
\ No newline at end of file |