From 763eaf066e3b831facd278c32f5c6241c57fa639 Mon Sep 17 00:00:00 2001
From: Sonja Galovic <galovicsonja@gmail.com>
Date: Mon, 2 May 2022 20:01:29 +0200
Subject: Column-table: difolt kategorijska kolona uvek ostaje kategorijska, a
 numericku korisnik moze da menja. Dodata rotacija na dugmice za podesavanje.
 Zakomentarisan hasHeader i neka dodavanja na beku da ne bi javljalo
 kompajlersku.

---
 .../column-table/column-table.component.html       | 27 +++++++++++-----------
 1 file changed, 14 insertions(+), 13 deletions(-)

(limited to 'frontend/src/app/_elements/column-table/column-table.component.html')

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 42c43138..22c9841f 100644
--- a/frontend/src/app/_elements/column-table/column-table.component.html
+++ b/frontend/src/app/_elements/column-table/column-table.component.html
@@ -100,10 +100,11 @@
                     <tr>
                         <th>Tip</th>
                         <td *ngFor="let colInfo of dataset.columnInfo; let i = index" class="pad-fix" [ngClass]="{'text-disabled' : !columnsChecked[i]}">
-                            <mat-form-field>
-                                <mat-select matNativeControl [(value)]="colInfo.isNumber" [disabled]="!columnsChecked[i]">
-                                    <mat-option [value]="false">Kategorijski</mat-option>
-                                    <mat-option [value]="true">Numerički</mat-option>
+                            <p class="verticalAlign text-left" style="font-size:13px;" *ngIf="!colInfo.isNumber">Kategorijski</p>
+                            <mat-form-field *ngIf="colInfo.isNumber">
+                                <mat-select matNativeControl [(value)]="colInfo.columnType" [disabled]="!columnsChecked[i]">
+                                    <mat-option [value]="ColumnType.categorical">Kategorijski</mat-option>
+                                    <mat-option [value]="ColumnType.numerical">Numerički</mat-option>
                                 </mat-select>
                             </mat-form-field>
                         </td>
@@ -111,14 +112,14 @@
                     <tr class="graphics-row">
                         <th class="no-pad">Grafik</th>
                         <td class="no-pad" *ngFor="let colInfo of dataset.columnInfo; let i = index" [ngClass]="{'graphic-class' : !columnsChecked[i]}">
-                            <app-box-plot *ngIf="colInfo.isNumber" [width]="150" [height]="150"></app-box-plot>
-                            <app-pie-chart *ngIf="!colInfo.isNumber" [width]="150" [height]="150"></app-pie-chart>
+                            <app-box-plot *ngIf="colInfo.columnType == ColumnType.numerical" [width]="150" [height]="150"></app-box-plot>
+                            <app-pie-chart *ngIf="colInfo.columnType == ColumnType.categorical" [width]="150" [height]="150"></app-pie-chart>
                         </td>
                     </tr>
                     <tr>
                         <th class="border-bottom">Statistika</th>
                         <td *ngFor="let colInfo of dataset.columnInfo; let i = index" [ngClass]="{'text-disabled' : !columnsChecked[i]}">
-                            <span *ngIf="colInfo.isNumber">
+                            <span *ngIf="colInfo.columnType == ColumnType.numerical">
                     Mean: {{colInfo.mean}}<br>
                     Median: {{colInfo.median}}<br>
                     Min: {{colInfo.min}}<br>
@@ -128,7 +129,7 @@
                     Q3: {{colInfo.q3}}<br>
                     -->
                 </span>
-                            <div class="text-overflow" *ngIf="!colInfo.isNumber">
+                            <div class="text-overflow" *ngIf="colInfo.columnType == ColumnType.categorical">
                                 <span *ngFor="let uniqueValue of colInfo.uniqueValues | slice:0:6; let i = index">
                         {{uniqueValue}}<br><!-- TODO na ML-u: broj ponavljanja unique values-a u zagradi nek pise -->
                     </span>
@@ -138,7 +139,7 @@
                     <tr style="padding: 0">
                         <th class="brighter cell-align long" (click)="openEncodingDialog()">
                             <span class="verticalAlign">Enkodiranje</span>&nbsp;
-                            <span class="material-icons-round verticalAlign">settings</span>
+                            <span class="material-icons-round verticalAlign rotate">settings</span>
                         </th>
                         <td *ngFor="let colInfo of dataset.columnInfo; let i = index" class="pad-fix" [ngClass]="{'text-disabled' : !columnsChecked[i]}">
                             <mat-form-field>
@@ -152,8 +153,8 @@
                     </tr>
                     <tr>
                         <th class="brighter cell-align" (click)="openMissingValuesDialog()">
-                            <div id="missingValuesHeader">Regulisanje<br>nedostajućih<br>vrednosti<br></div>
-                            <span class="material-icons-round">settings</span>
+                            <div id="missingValuesHeader">Nedostajuće<br>vrednosti<br></div>
+                            <span class="material-icons-round rotate">settings</span>
                         </th>
                         <td *ngFor="let colInfo of dataset.columnInfo; let i = index" [ngClass]="{'text-disabled' : !columnsChecked[i]}">
 
@@ -164,9 +165,9 @@
                     </div>
                 </button>
                             <mat-menu #menu="matMenu">
-                                <button mat-menu-item (click)="MissValsDeleteClicked($event, NullValueOptions.DeleteColumns, i)" value={{colInfo.columnName}}>Obriši kolonu</button>
+                                <!--<button mat-menu-item (click)="MissValsDeleteClicked($event, NullValueOptions.DeleteColumns, i)" value={{colInfo.columnName}}>Obriši kolonu</button>-->
                                 <button mat-menu-item (click)="MissValsDeleteClicked($event, NullValueOptions.DeleteRows, i)" value={{colInfo.columnName}}>Obriši redove</button>
-                                <button mat-menu-item [matMenuTriggerFor]="fillWith">Popuni sa ____</button>
+                                <button mat-menu-item [matMenuTriggerFor]="fillWith">Popuni sa</button>
                             </mat-menu>
 
                             <mat-menu #fillWith="matMenu">
-- 
cgit v1.2.3