Dodat slider , dropdown za biranje tipa problema i dropdown za izbor izlazne kolone.

2 files changed, 38 insertions, 1 deletions

diff --git a/frontend/src/app/_elements/column-table/column-table.component.css b/frontend/src/app/_elements/column-table/column-table.component.css
index f65d7c3d..060fcc05 100644
--- a/frontend/src/app/_elements/column-table/column-table.component.css
+++ b/frontend/src/app/_elements/column-table/column-table.component.css
@@ -2,4 +2,13 @@ table {
     display: block;
     overflow-x: auto;
     white-space: nowrap;
+}
+mat-slider{
+    width: 300px;
+}
+.belowColumn{
+    background-color: var(--ns-bg-dark-50);
+}
+.slider{
+    background-color: var(--ns-bg-dark-100);
 }
\ No newline at end of file
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 b9fdd84a..8225de6d 100644
--- a/frontend/src/app/_elements/column-table/column-table.component.html
+++ b/frontend/src/app/_elements/column-table/column-table.component.html
@@ -101,4 +101,32 @@
             </td>
         </tr>
     </tbody>
-</table>
\ No newline at end of file
+</table>
+
+<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>
+        <div class="col-sm d-flex">
+            <mat-form-field appearance="fill" style="width: 270px;">
+                <mat-label>Tip problema</mat-label>
+                <mat-select value="ToDo1">
+                    <mat-option value="ToDo1">Regresioni</mat-option>
+                    <mat-option value="ToDo2">Binarni-Klasifikacioni</mat-option>
+                    <mat-option value="ToDo3">Multi-Klasifikacioni</mat-option>
+                </mat-select>
+            </mat-form-field>
+        </div>
+        <div class="col-sm d-flex">
+            <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>
+                </mat-select>
+            </mat-form-field>
+        </div>
+
+    </div>
+
+</div>
\ No newline at end of file