From 0550452b12fac1bd6f37e76624b66d28b820700e Mon Sep 17 00:00:00 2001
From: Miodec <bartnikjack@gmail.com>
Date: Sun, 13 Feb 2022 23:26:41 +0100
Subject: [PATCH] converted 2 files to ts

---
 .../{account-button.js => account-button.ts}  |  4 +--
 ...-filter.js => custom-background-filter.ts} | 31 ++++++++++---------
 2 files changed, 18 insertions(+), 17 deletions(-)
 rename frontend/src/scripts/elements/{account-button.js => account-button.ts} (89%)
 rename frontend/src/scripts/elements/{custom-background-filter.js => custom-background-filter.ts} (82%)

diff --git a/frontend/src/scripts/elements/account-button.js b/frontend/src/scripts/elements/account-button.ts
similarity index 89%
rename from frontend/src/scripts/elements/account-button.js
rename to frontend/src/scripts/elements/account-button.ts
index de293ccb9..8c9a6a6a5 100644
--- a/frontend/src/scripts/elements/account-button.js
+++ b/frontend/src/scripts/elements/account-button.ts
@@ -1,6 +1,6 @@
 import * as Misc from "../misc";
 
-export function loading(truefalse) {
+export function loading(truefalse: boolean): void {
   if (truefalse) {
     $("#top #menu .account .icon").html(
       '<i class="fas fa-fw fa-spin fa-circle-notch"></i>'
@@ -12,7 +12,7 @@ export function loading(truefalse) {
   }
 }
 
-export function update() {
+export function update(): void {
   if (firebase.auth().currentUser != null) {
     Misc.swapElements(
       $("#menu .icon-button.login"),
diff --git a/frontend/src/scripts/elements/custom-background-filter.js b/frontend/src/scripts/elements/custom-background-filter.ts
similarity index 82%
rename from frontend/src/scripts/elements/custom-background-filter.js
rename to frontend/src/scripts/elements/custom-background-filter.ts
index eb8fcb754..d0961ffdd 100644
--- a/frontend/src/scripts/elements/custom-background-filter.js
+++ b/frontend/src/scripts/elements/custom-background-filter.ts
@@ -2,7 +2,7 @@ import * as UpdateConfig from "../config";
 import * as Notifications from "./notifications";
 import * as ConfigEvent from "../observables/config-event";
 
-let filters = {
+const filters = {
   blur: {
     value: 0,
     default: 0,
@@ -24,8 +24,9 @@ let filters = {
 export function getCSS() {
   let ret = "";
   Object.keys(filters).forEach((filterKey) => {
-    if (filters[filterKey].value != filters[filterKey].default) {
-      ret += `${filterKey}(${filters[filterKey].value}${
+    const key = filterKey as keyof typeof filters;
+    if (filters[key].value != filters[key].default) {
+      ret += `${filterKey}(${filters[key].value}${
         filterKey == "blur" ? "rem" : ""
       }) `;
     }
@@ -61,20 +62,20 @@ function syncSliders() {
 
 function updateNumbers() {
   $(".section.customBackgroundFilter .blur .value").html(
-    parseFloat(filters.blur.value).toFixed(1)
+    filters.blur.value.toFixed(1)
   );
   $(".section.customBackgroundFilter .brightness .value").html(
-    parseFloat(filters.brightness.value).toFixed(1)
+    filters.brightness.value.toFixed(1)
   );
   $(".section.customBackgroundFilter .saturate .value").html(
-    parseFloat(filters.saturate.value).toFixed(1)
+    filters.saturate.value.toFixed(1)
   );
   $(".section.customBackgroundFilter .opacity .value").html(
-    parseFloat(filters.opacity.value).toFixed(1)
+    filters.opacity.value.toFixed(1)
   );
 }
 
-export function loadConfig(config) {
+export function loadConfig(config: number[]) {
   filters.blur.value = config[0];
   filters.brightness.value = config[1];
   filters.saturate.value = config[2];
@@ -86,7 +87,7 @@ export function loadConfig(config) {
 $(".section.customBackgroundFilter .blur input").on("input", (e) => {
   filters["blur"].value = $(
     ".section.customBackgroundFilter .blur input"
-  ).val();
+  ).val() as number;
   updateNumbers();
   apply();
 });
@@ -94,7 +95,7 @@ $(".section.customBackgroundFilter .blur input").on("input", (e) => {
 $(".section.customBackgroundFilter .brightness input").on("input", (e) => {
   filters["brightness"].value = $(
     ".section.customBackgroundFilter .brightness input"
-  ).val();
+  ).val() as number;
   updateNumbers();
   apply();
 });
@@ -102,7 +103,7 @@ $(".section.customBackgroundFilter .brightness input").on("input", (e) => {
 $(".section.customBackgroundFilter .saturate input").on("input", (e) => {
   filters["saturate"].value = $(
     ".section.customBackgroundFilter .saturate input"
-  ).val();
+  ).val() as number;
   updateNumbers();
   apply();
 });
@@ -110,15 +111,15 @@ $(".section.customBackgroundFilter .saturate input").on("input", (e) => {
 $(".section.customBackgroundFilter .opacity input").on("input", (e) => {
   filters["opacity"].value = $(
     ".section.customBackgroundFilter .opacity input"
-  ).val();
+  ).val() as number;
   updateNumbers();
   apply();
 });
 
 $(".section.customBackgroundFilter  .save.button").click((e) => {
-  let arr = [];
+  let arr: number[] = [];
   Object.keys(filters).forEach((filterKey) => {
-    arr.push(filters[filterKey].value);
+    arr.push(filters[filterKey as keyof typeof filters].value);
   });
   UpdateConfig.setCustomBackgroundFilter(arr, false);
   Notifications.add("Custom background filters saved", 1);
@@ -126,7 +127,7 @@ $(".section.customBackgroundFilter  .save.button").click((e) => {
 
 ConfigEvent.subscribe((eventKey, eventValue) => {
   if (eventKey === "customBackgroundFilter") {
-    loadConfig(eventValue);
+    loadConfig((eventValue as unknown) as number[]);
     apply();
   }
 });