1 files changed, 35 insertions, 0 deletions
diff --git a/frontend/src/app/_pages/playground/playground.component.ts b/frontend/src/app/_pages/playground/playground.component.ts
new file mode 100644
index 00000000..831132a4
--- /dev/null
+++ b/frontend/src/app/_pages/playground/playground.component.ts
@@ -0,0 +1,35 @@
+import { Component, OnInit } from '@angular/core';
+import { MatSliderChange } from '@angular/material/slider';
+import { CookieService } from 'ngx-cookie-service';
+
+@Component({
+  selector: 'app-playground',
+  templateUrl: './playground.component.html',
+  styleUrls: ['./playground.component.css']
+})
+export class PlaygroundComponent implements OnInit {
+
+  animateBackground = true;
+  backgroundFill = 1.0;
+
+  constructor(private cookie: CookieService) { }
+
+  updateFillPref(event: MatSliderChange) {
+    this.backgroundFill = event.value!;
+    this.cookie.set('backgroundFill', "" + this.backgroundFill);
+  }
+
+  updateAnimPref() {
+    this.cookie.set('animateBackground', "" + this.animateBackground);
+  }
+
+  ngOnInit(): void {
+    if (this.cookie.check('animateBackground')) {
+      this.animateBackground = this.cookie.get('animateBackground') == 'true';
+    }
+    if (this.cookie.check('backgroundFill')) {
+      this.backgroundFill = parseFloat(this.cookie.get('backgroundFill'));
+    }
+  }
+
+}