From 1cd21bb27492de6c8c61f36b258e4acfacab7fd3 Mon Sep 17 00:00:00 2001
From: Ognjen Cirkovic <ciraboxkg@gmail.com>
Date: Tue, 26 Apr 2022 18:40:13 +0200
Subject: Promenjen dizajn. Dodati procenti kod trening i test skupa.

---
 .../src/app/_elements/column-table/column-table.component.html | 10 ++++++----
 .../src/app/_elements/column-table/column-table.component.ts   |  2 +-
 2 files changed, 7 insertions(+), 5 deletions(-)

(limited to 'frontend')

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 8225de6d..4418d21b 100644
--- a/frontend/src/app/_elements/column-table/column-table.component.html
+++ b/frontend/src/app/_elements/column-table/column-table.component.html
@@ -105,10 +105,12 @@
 
 <div class="container text-offwhite belowColumn">
     <div class="row " >
-        <div class="col-sm slider">
-            Trening<mat-slider thumbLabel min="10" max="90" step="10" value="50"></mat-slider>Test
+        <div class="col-sm slider rounded">
+            <div class="text-center">Trening<mat-slider thumbLabel min="10" max="90" step="10" [(ngModel)]="testSetDistribution"></mat-slider>Test</div>
+            <div class="text-center">Trening:<b>{{testSetDistribution}}%</b> : Test:<b>{{100-testSetDistribution}}%</b></div>
         </div>
-        <div class="col-sm d-flex">
+        
+        <div class="col-sm-3 d-flex pt-3">
             <mat-form-field appearance="fill" style="width: 270px;">
                 <mat-label>Tip problema</mat-label>
                 <mat-select value="ToDo1">
@@ -118,7 +120,7 @@
                 </mat-select>
             </mat-form-field>
         </div>
-        <div class="col-sm d-flex">
+        <div class="col-sm-3 d-flex pt-3">
             <mat-form-field appearance="fill" >
                 <mat-label>Izlazna kolona</mat-label>
                 <mat-select>
diff --git a/frontend/src/app/_elements/column-table/column-table.component.ts b/frontend/src/app/_elements/column-table/column-table.component.ts
index 18e38203..78abe438 100644
--- a/frontend/src/app/_elements/column-table/column-table.component.ts
+++ b/frontend/src/app/_elements/column-table/column-table.component.ts
@@ -19,7 +19,7 @@ export class ColumnTableComponent implements OnInit {
   Object = Object;
   Encoding = Encoding;
   NullValueOptions = NullValueOptions;
-
+  testSetDistribution:number=70;
   constructor(private datasetService: DatasetsService, public dialog: MatDialog) { 
     //ovo mi nece trebati jer primam dataset iz druge komponente
     this.datasetService.getMyDatasets().subscribe((datasets) => {
-- 
cgit v1.2.3