blob: b518f15c391e3f3251ab58ca77a174bdf14006b2 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
|
<div class="folderBox" *ngIf="dataset">
<div class="topBar">
<div class="kolona mb-3">
<div class="fileButton">
<button type="button" mat-raised-button (click)="fileInput.click()" [disabled]="dataset._id != '' || disableAll">
<span *ngIf="!firstInput && dataset._id == '' ">Dodaj izvor podataka</span>
<span *ngIf="firstInput && dataset._id == '' ">{{filename}}</span>
<span *ngIf="dataset._id != '' ">Fajl je odabran</span>
</button>
</div>
</div>
<div class="kolona">
<div role="group">
<mat-form-field class="example-full-width" appearance="fill">
<mat-label>Naziv</mat-label>
<input type="text" matInput value="{{dataset?.name}}" [(ngModel)]="dataset.name" (input)="editEvent.emit()" [readonly]="disableAll">
<mat-error *ngIf="nameFormControl.hasError('required')">
Naziv je <strong>obavezan</strong>
</mat-error>
</mat-form-field>
</div>
</div>
<div class="kolona">
<mat-form-field appearance="fill">
<mat-label>Delimiter</mat-label>
<mat-select id="delimiterOptions" [(ngModel)]="dataset.delimiter" (selectionChange)="update(); editEvent.emit();" value="," [disabled]="disableAll">
<mat-option *ngFor="let option of delimiterOptions" [value]="option">
{{ option }}
</mat-option>
</mat-select>
</mat-form-field>
</div>
</div>
<div class="row" style="margin-right: 0;">
<div class="file-container" [ngClass]="{'dottedClass': !tableData.hasInput}">
<i class="material-icons-outlined icon-display" [ngClass]="{'hidden': tableData.hasInput}">file_upload</i>
<input class="file" id="file-upload" [disabled]="dataset._id != '' || disableAll" (change)="changeListener($event)" (valueChange)="dataset.isPreProcess = false; editEvent.emit()" #fileInput type="file" accept=".csv">
<div class="datatable">
<div [ngClass]="{'hidden': (!existingFlag)}" class="text-center">
<button mat-button (click)="goBack()"><mat-icon>keyboard_arrow_left</mat-icon></button>
<div style="display: inline;">{{(this.begin/10)+1}}...{{getPage()}}</div>
<button mat-button (click)="goForward()"><mat-icon>keyboard_arrow_right</mat-icon></button>
</div>
<app-datatable [tableData]="tableData"></app-datatable>
</div>
</div>
</div>
</div>
|