From 6a9016849d5b5e36897395efdb47c0aa39235c69 Mon Sep 17 00:00:00 2001
From: Sonja Galovic <galovicsonja@gmail.com>
Date: Sun, 8 May 2022 22:06:01 +0200
Subject: Column-table: enkodiranje numerickih kolona i izlazne kolone
 disabled; ispravljen bag kad korisnik ne cekira nijednu kolonu ili cekira
 jednu za koriscenje (upozorenje). Napravljene input varijable za
 prosledjivanje potrebnih vrednosti pie-chart i boxplot komponentama od strane
 column-table. Profile page: dodata klasa za hover odabir profilne slike.

---
 .../src/app/_pages/profile/profile.component.css     | 20 ++++++++++++--------
 .../src/app/_pages/profile/profile.component.html    | 19 +++++++++----------
 2 files changed, 21 insertions(+), 18 deletions(-)

(limited to 'frontend/src/app/_pages/profile')

diff --git a/frontend/src/app/_pages/profile/profile.component.css b/frontend/src/app/_pages/profile/profile.component.css
index 428870da..bbd4c9ba 100644
--- a/frontend/src/app/_pages/profile/profile.component.css
+++ b/frontend/src/app/_pages/profile/profile.component.css
@@ -1,21 +1,25 @@
-.card{
+.card {
     background-color: transparent;
-    color:var(--offwhite)
+    color: var(--offwhite)
 }
 
-.card-header{
+.card-header {
     background-color: var(--ns-primary-50);
-    color:var(--offwhite)
+    color: var(--offwhite)
 }
-.card-body{
+
+.card-body {
     background-color: var(--ns-bg-dark-50);
 }
 
-mat-form-field{
+mat-form-field {
     width: 100%;
 }
 
-.danger-Text{
-    color:var(--ns-warn)
+.danger-Text {
+    color: var(--ns-warn)
 }
 
+.selectedPicture {
+    background-color: var(--ns-accent);
+}
\ No newline at end of file
diff --git a/frontend/src/app/_pages/profile/profile.component.html b/frontend/src/app/_pages/profile/profile.component.html
index 37df4f14..8d655513 100644
--- a/frontend/src/app/_pages/profile/profile.component.html
+++ b/frontend/src/app/_pages/profile/profile.component.html
@@ -12,7 +12,7 @@
                         <img class="img-account-profile rounded-circle mb-2" src="{{this.photoPath}}" alt="profilePicture">
                         <!-- User's info -->
                         <span>@ {{this.user.username}}</span>
-                        <span class="mt-3" style="font-weight: bold;">{{this.user.firstName}} {{this.user.lastName}}</span> 
+                        <span class="mt-3" style="font-weight: bold;">{{this.user.firstName}} {{this.user.lastName}}</span>
                     </div>
                 </div>
             </div>
@@ -31,7 +31,7 @@
                                     <mat-form-field appearance="fill">
                                         <mat-label>Važeća lozinka</mat-label>
                                         <input matInput id="inputPassword" name="inputPassword" type="password" placeholder="" [(ngModel)]="this.oldPass">
-                                      </mat-form-field>
+                                    </mat-form-field>
                                     <small *ngIf="wrongOldPassBool" class="form-text danger-Text">Pogrešan format.</small>
                                 </div>
                                 <!-- Form Group (new password)-->
@@ -39,12 +39,12 @@
                                     <mat-form-field appearance="fill">
                                         <mat-label>Nova lozinka</mat-label>
                                         <input matInput id="inputNewPassword" name="inputNewPassword" type="password" placeholder="" [(ngModel)]="this.newPass1">
-                                      </mat-form-field>
+                                    </mat-form-field>
                                     <small *ngIf="wrongNewPassBool" class="form-text danger-Text">Lozinke se ne podudaraju.</small>
                                     <small *ngIf="wrongNewPass1Bool" class="form-text danger-Text">Pogrešan format.</small>
                                 </div>
                             </div>
-    
+
                             <!-- Form Row-->
                             <div class="row gx-3 mb-3">
                                 <div class="col-md-6">
@@ -118,24 +118,23 @@
 
                         <div>
                             <label class="small mt-2 mb-3">Kliknite na sliku kako biste je odabrali za profilnu:</label>
-                            
+
                             <div class="container">
                                 <div class="card-group">
                                     <!--bootstrap card with 3 horizontal images-->
                                     <div class="row overflow-auto" style="max-height: 200px;">
-                                        <div class="card col-md-3" *ngFor="let picture of this.pictures" (click)="this.photoId = picture.photoId.toString()"
-                                            [ngClass]="{'selectedPicture': this.photoId == picture.photoId.toString()}">
+                                        <div class="card col-md-3" *ngFor="let picture of this.pictures" (click)="this.photoId = picture.photoId.toString()" [ngClass]="{'selectedPicture': this.photoId == picture.photoId.toString()}">
                                             <img src="{{picture.path}}">
                                         </div>
                                     </div>
                                 </div>
                             </div>
                         </div>
-                        
+
                         <div class="row mt-5">
                             <div class="col text-center">
                                 <!-- Save changes button-->
-                                <button mat-raised-button color="primary" (click)="saveInfoChanges()" >Sačuvaj izmene</button>
+                                <button mat-raised-button color="primary" (click)="saveInfoChanges()">Sačuvaj izmene</button>
                             </div>
                         </div>
                     </form>
@@ -147,7 +146,7 @@
 
     <div class="row">
         <div class="col-xl-4">
-            
+
         </div>
     </div>
 
-- 
cgit v1.2.3