From 31e3b846eda94de86e249956d96c54aaa92eb0c6 Mon Sep 17 00:00:00 2001
From: Sonja Galovic <galovicsonja@gmail.com>
Date: Tue, 26 Apr 2022 21:11:43 +0200
Subject: Column-table: afterview init. Menjani theme.css i columne-table.css,
 malo sredjen dizajn tabele.

---
 .../column-table/column-table.component.html        | 21 +++++++++++++++------
 1 file changed, 15 insertions(+), 6 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 e6d9442c..2b2fd537 100644
--- a/frontend/src/app/_elements/column-table/column-table.component.html
+++ b/frontend/src/app/_elements/column-table/column-table.component.html
@@ -1,8 +1,8 @@
-<table *ngIf="dataset && experiment" class="table text-offwhite">
+<table *ngIf="dataset && experiment" class="table text-offwhite fixed">
     <thead>
         <tr>
             <th>Naziv</th>
-            <th *ngFor="let colInfo of dataset.columnInfo; let i = index">
+            <th class="columnNames" *ngFor="let colInfo of dataset.columnInfo; let i = index">
                 #{{i + 1}}&nbsp;&nbsp;{{colInfo.columnName}}
                 <mat-checkbox checked (change)="changeInputColumns($event, colInfo.columnName)"></mat-checkbox>
             </th>
@@ -29,7 +29,7 @@
             </td>
         </tr>
         <tr>
-            <th>Statistika</th>
+            <th class="brighter">Statistika</th>
             <td *ngFor="let colInfo of dataset.columnInfo; let i = index">
                 <span *ngIf="colInfo.isNumber">
                     Mean: {{colInfo.mean}}<br>
@@ -49,7 +49,7 @@
             </td>
         </tr>
         <tr>
-            <th (click)="openEncodingDialog()">Enkoding&nbsp;
+            <th class="brighter" (click)="openEncodingDialog()">Enkoding&nbsp;
                 <span class="material-icons-round">settings</span>
             </th>
             <td *ngFor="let colInfo of dataset.columnInfo; let i = index">
@@ -63,12 +63,14 @@
             </td>
         </tr>
         <tr>
-            <th (click)="openMissingValuesDialog()">Regulisanje nedostajućih vrednosti&nbsp;
+            <th class="brighter" (click)="openMissingValuesDialog()">Regulisanje<br>nedostajućih<br>vrednosti<br>
                 <span class="material-icons-round">settings</span>
             </th>
             <td *ngFor="let colInfo of dataset.columnInfo; let i = index">
 
-                <button mat-button [matMenuTriggerFor]="menu" id="main_{{colInfo.columnName}}">Prikaži opcije</button>
+                <button mat-button [matMenuTriggerFor]="menu" id="main_{{colInfo.columnName}}" #nullValMenu>
+                    Prikaži opcije<span class="material-icons">arrow_drop_down</span>
+                </button>
                 <mat-menu #menu="matMenu">
                     <button mat-menu-item (click)="MissValsDeleteClicked($event, NullValueOptions.DeleteColumns)" value={{colInfo.columnName}}>Obriši kolonu</button>
                     <button mat-menu-item (click)="MissValsDeleteClicked($event, NullValueOptions.DeleteRows)" value={{colInfo.columnName}}>Obriši redove</button>
@@ -97,5 +99,12 @@
 
             </td>
         </tr>
+        <tr *ngFor="let element of [1, 2]; let i = index">
+            <th *ngIf="i == 0" rowspan="2">Vrednosti</th>
+
+            <td *ngFor="let colInfo of dataset.columnInfo; let j = index">
+                <!--<app-datatable [data]=""></app-datatable>-->ok
+            </td>
+        </tr>
     </tbody>
 </table>
\ No newline at end of file
-- 
cgit v1.2.3