aboutsummaryrefslogtreecommitdiff
path: root/frontend/src/app/_elements/column-table/column-table.component.html
diff options
context:
space:
mode:
authorSonja Galovic <galovicsonja@gmail.com>2022-04-26 22:47:39 +0200
committerSonja Galovic <galovicsonja@gmail.com>2022-04-26 22:47:39 +0200
commita8a04c45c8941afde34ec0765a0e5f4051fe1f02 (patch)
tree3ea2f30ba4f2df7c98d222f8b107087a0292c57d /frontend/src/app/_elements/column-table/column-table.component.html
parent2c22d31667a4a5be24224651a570b1086d2ded7b (diff)
Dodat poziv back-u za deo fajla sa podacima (planirano stranicenje). Prikaz podataka iz dataseta u okviru glavne tabele. Uredjeni grafici za statistiku.
Diffstat (limited to 'frontend/src/app/_elements/column-table/column-table.component.html')
-rw-r--r--frontend/src/app/_elements/column-table/column-table.component.html31
1 files changed, 17 insertions, 14 deletions
diff --git a/frontend/src/app/_elements/column-table/column-table.component.html b/frontend/src/app/_elements/column-table/column-table.component.html
index 1a5a5e81..8551f710 100644
--- a/frontend/src/app/_elements/column-table/column-table.component.html
+++ b/frontend/src/app/_elements/column-table/column-table.component.html
@@ -23,9 +23,8 @@
<tr>
<th>Grafik</th>
<td *ngFor="let colInfo of dataset.columnInfo; let i = index">
- <!-- <app-box-plot *ngIf="colInfo.isNumber"></app-box-plot>
- TODO: dodati [data]
- <app-pie-chart *ngIf="!colInfo.isNumber"></app-pie-chart> -->
+ <app-box-plot *ngIf="colInfo.isNumber"></app-box-plot>
+ <app-pie-chart *ngIf="!colInfo.isNumber"></app-pie-chart>
</td>
</tr>
<tr>
@@ -48,8 +47,8 @@
</span>
</td>
</tr>
- <tr>
- <th class="brighter" (click)="openEncodingDialog()">Enkoding&nbsp;
+ <tr style="padding: 0">
+ <th class="brighter" (click)="openEncodingDialog()">Enkoding
<span class="material-icons-round">settings</span>
</th>
<td *ngFor="let colInfo of dataset.columnInfo; let i = index">
@@ -99,24 +98,28 @@
</td>
</tr>
- <tr *ngFor="let element of [1, 2]; let i = index">
- <th *ngIf="i == 0" rowspan="2">Vrednosti</th>
+ <tr *ngFor="let row of tableData; let i = index">
+ <th *ngIf="i == 0" [attr.rowspan]="tableData!.length">Vrednosti</th>
+
- <td *ngFor="let colInfo of dataset.columnInfo; let j = index">
- <!--<app-datatable [data]=""></app-datatable>-->ok
+ <td *ngFor="let col of row; let j = index">
+ <div style="overflow: auto">
+ {{col}}
+ </div>
</td>
</tr>
</tbody>
</table>
<div class="container text-offwhite belowColumn">
- <div class="row " >
+ <div class="row ">
<div class="col-sm slider rounded">
<div class="text-center pt-3 pb-0 mb-0"><b>{{testSetDistribution}}%</b> : <b>{{100-testSetDistribution}}%</b></div>
- <div class="text-center pt-0 mt-0">Trening<mat-slider min="10" max="90" step="10" [(ngModel)]="testSetDistribution" (input)="updateTestSet($event)"></mat-slider>Test</div>
-
+ <div class="text-center pt-0 mt-0">Trening
+ <mat-slider min="10" max="90" step="10" [(ngModel)]="testSetDistribution" (input)="updateTestSet($event)"></mat-slider>Test</div>
+
</div>
-
+
<div class="col-sm-3 d-flex pt-3">
<mat-form-field appearance="fill" style="width: 270px;">
<mat-label>Tip problema</mat-label>
@@ -128,7 +131,7 @@
</mat-form-field>
</div>
<div class="col-sm-3 d-flex pt-3">
- <mat-form-field appearance="fill" >
+ <mat-form-field appearance="fill">
<mat-label>Izlazna kolona</mat-label>
<mat-select>
<mat-option *ngFor="let item of dataset?.columnInfo" [value]="item.columnName">{{item.columnName}}</mat-option>