From 092b447fc37337b46e07df43846630b7b48bbb38 Mon Sep 17 00:00:00 2001
From: TAMARA JERINIC <tamara.jerinic@gmail.com>
Date: Sat, 14 May 2022 22:00:45 +0200
Subject: Dodat izbor veličine skupa za validaciju na front.
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../app/_elements/form-model/form-model.component.html | 18 +++++++++++-------
 .../app/_elements/form-model/form-model.component.ts   |  5 ++++-
 2 files changed, 15 insertions(+), 8 deletions(-)

(limited to 'frontend/src/app/_elements/form-model')

diff --git a/frontend/src/app/_elements/form-model/form-model.component.html b/frontend/src/app/_elements/form-model/form-model.component.html
index 09e44a99..1db6195b 100644
--- a/frontend/src/app/_elements/form-model/form-model.component.html
+++ b/frontend/src/app/_elements/form-model/form-model.component.html
@@ -97,16 +97,20 @@
     <div class="m-2">
         <div class="row">
             <div class="col-sm-3 rounded" style="border:1px solid var(--ns-primary);margin-top: 10px;">
-                <div class="row slider rounded mb-3" style="margin-left: 10px;">
-
+                <div class="row slider rounded" style="margin-left: 10px;margin-bottom: 0;">
                     <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>
+                    <div class="text-center pt-0 mt-0 p-0">Trening
+                        <mat-slider min="10" max="90" step="5" [(ngModel)]="testSetDistribution" (input)="updateTestSet($event)"></mat-slider>
                         Test</div>
-
+                </div>             
+                <div class="row p-0" style="margin-left: 10px;margin-bottom: 0; padding: 0;">
+                    <mat-checkbox color="accent">Nasumični redosled podataka</mat-checkbox>
                 </div>
-                <div class="row slider rounded text-offwhite justify-content-center align-items-center" style="margin-left: 10px;">
-                    <mat-checkbox class="pt-4 mb-3" color="accent">Nasumični redosled podataka</mat-checkbox>
+                <hr style="color:accent;">
+                <div class="row ">
+                    <label>Veličina skupa za validaciju: </label><b>{{validationSize}} %</b>
+                    <mat-slider class="text-center justify-content-center " style="margin-left:80px;" min="10" max="90" step="5" [(ngModel)]="validationSize" (input)="updateValidation($event)"></mat-slider>
+
                 </div>
 
 
diff --git a/frontend/src/app/_elements/form-model/form-model.component.ts b/frontend/src/app/_elements/form-model/form-model.component.ts
index e01c2339..c8822992 100644
--- a/frontend/src/app/_elements/form-model/form-model.component.ts
+++ b/frontend/src/app/_elements/form-model/form-model.component.ts
@@ -18,6 +18,7 @@ export class FormModelComponent implements AfterViewInit {
   @Input() hideProblemType:boolean;
   @Input() forProblemType:ProblemType;
   testSetDistribution: number = 70;
+  validationSize:number=15;
   constructor() { 
     this.hideProblemType=false;
     this.forProblemType=ProblemType.BinaryClassification;
@@ -148,4 +149,6 @@ export class FormModelComponent implements AfterViewInit {
 getInputColumns() {
     return this.forExperiment.inputColumns.filter(x => x != this.forExperiment.outputColumn);
 }
-}
+updateValidation(event: MatSliderChange) {
+  this.validationSize = event.value!;
+}}
-- 
cgit v1.2.3