From b3f9842a4d0400b1267959ff328c47c4b5ca52be Mon Sep 17 00:00:00 2001
From: Danijel Anđelković <adanijel99@gmail.com>
Date: Sat, 23 Apr 2022 23:46:21 +0200
Subject: Dodao hover za novi element tab u folderu, promenio input za kolicinu
 tacaka u pozadini da se odmah update-uje.

---
 frontend/src/app/_pages/playground/playground.component.html |  4 ++--
 frontend/src/app/_pages/playground/playground.component.ts   | 10 +++++++---
 2 files changed, 9 insertions(+), 5 deletions(-)

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

diff --git a/frontend/src/app/_pages/playground/playground.component.html b/frontend/src/app/_pages/playground/playground.component.html
index d3751d5c..1dd7e331 100644
--- a/frontend/src/app/_pages/playground/playground.component.html
+++ b/frontend/src/app/_pages/playground/playground.component.html
@@ -3,14 +3,14 @@
         <h2 class="text-light my-2">
             Broj tačaka:
         </h2>
-        <mat-slider class="mx-3" [(ngModel)]="backgroundFill" min="0" max="1" step="0.01" (change)="updateBGPrefs()">
+        <mat-slider class="mx-3" [(ngModel)]="backgroundFill" min="0" max="1" step="0.01" (input)="updateFillPref($event)">
         </mat-slider>
 
     </div>
     <div class="d-flex flex-row align-items-center justify-content-center mt-5">
         <h2 class="text-light my-2">
             Animacija: </h2>
-        <mat-slide-toggle class="mx-3" [(ngModel)]="animateBackground" (change)="updateBGPrefs()"></mat-slide-toggle>
+        <mat-slide-toggle class="mx-3" [(ngModel)]="animateBackground" (change)="updateAnimPref()"></mat-slide-toggle>
 
     </div>
 </div>
diff --git a/frontend/src/app/_pages/playground/playground.component.ts b/frontend/src/app/_pages/playground/playground.component.ts
index f8ea8bb4..831132a4 100644
--- a/frontend/src/app/_pages/playground/playground.component.ts
+++ b/frontend/src/app/_pages/playground/playground.component.ts
@@ -1,4 +1,5 @@
 import { Component, OnInit } from '@angular/core';
+import { MatSliderChange } from '@angular/material/slider';
 import { CookieService } from 'ngx-cookie-service';
 
 @Component({
@@ -13,10 +14,13 @@ export class PlaygroundComponent implements OnInit {
 
   constructor(private cookie: CookieService) { }
 
-  updateBGPrefs() {
-    this.cookie.set('animateBackground', "" + this.animateBackground);
+  updateFillPref(event: MatSliderChange) {
+    this.backgroundFill = event.value!;
     this.cookie.set('backgroundFill', "" + this.backgroundFill);
-    console.log(this.animateBackground, this.backgroundFill);
+  }
+
+  updateAnimPref() {
+    this.cookie.set('animateBackground', "" + this.animateBackground);
   }
 
   ngOnInit(): void {
-- 
cgit v1.2.3