Dodata realtime promena % po pomeranju slidera.

2 files changed, 9 insertions, 2 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 4418d21b..c8b1e477 100644
--- a/frontend/src/app/_elements/column-table/column-table.component.html
+++ b/frontend/src/app/_elements/column-table/column-table.component.html
@@ -106,8 +106,9 @@
 <div class="container text-offwhite belowColumn">
     <div class="row " >
         <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 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>
         
         <div class="col-sm-3 d-flex pt-3">
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 78abe438..c9b3b887 100644
--- a/frontend/src/app/_elements/column-table/column-table.component.ts
+++ b/frontend/src/app/_elements/column-table/column-table.component.ts
@@ -5,6 +5,7 @@ import { DatasetsService } from 'src/app/_services/datasets.service';
 import { EncodingDialogComponent } from 'src/app/_modals/encoding-dialog/encoding-dialog.component';
 import { MatDialog } from '@angular/material/dialog';
 import { MissingvaluesDialogComponent } from 'src/app/_modals/missingvalues-dialog/missingvalues-dialog.component';
+import { MatSliderChange } from '@angular/material/slider';
 
 @Component({
   selector: 'app-column-table',
@@ -118,4 +119,9 @@ export class ColumnTableComponent implements OnInit {
         this.resetMissingValuesTreatment(selectedMissingValuesOption);
     });
   }
+  updateTestSet(event:MatSliderChange){
+    this.testSetDistribution=event.value!;
+  }
+
+
 }