gdgd

files/assets/js/settings_profile.js

@@ -0,0 +1,81 @@
+function post(url, callback, errortext) {
+	var xhr = new XMLHttpRequest();
+	xhr.open("POST", url, true);
+	var form = new FormData()
+	form.append("formkey", formkey());
+	xhr.withCredentials=true;
+	xhr.onerror=function() { alert(errortext); };
+	xhr.onload = function() {
+		if (xhr.status >= 200 && xhr.status < 300) {
+			callback();
+		} else {
+			xhr.onerror();
+		}
+	};
+	xhr.send(form);
+};
+
+function updatebgselection(){
+    var bgselector = document.getElementById("backgroundSelector");
+    var selection = bgselector.options[bgselector.selectedIndex].text;
+    const backgrounds = [
+        {
+            folder: "fantasy",
+            backgrounds: 
+            [
+                "1.webp",
+                "2.webp",
+                "3.webp",
+                "4.webp",
+                "5.webp",
+                "6.webp",
+            ]
+        },
+        {
+            folder: "solarpunk",
+            backgrounds: 
+            [
+                "1.webp",
+                "2.webp",
+                "3.webp",
+                "4.webp",
+                "5.webp",
+                "6.webp",
+                "7.webp",
+                "8.webp",
+                "9.webp",
+                "10.webp",
+                "11.webp",
+                "12.webp",
+                "13.webp",
+                "14.webp",
+                "15.webp",
+                "16.webp",
+                "17.webp",
+                "18.webp",
+                "19.webp",
+            ]
+        },
+        {
+        folder: "pixelart",
+        backgrounds:
+        [
+            "1.webp",
+            "2.webp",
+            "3.webp",
+            "4.webp",
+            "5.webp",
+        ]
+        }
+    ]
+        let bgContainer = document.getElementById(`bgcontainer`);
+        let str = '';
+        let bgsToDisplay = backgrounds[bgselector.selectedIndex].backgrounds;
+        let bgsDir = backgrounds[bgselector.selectedIndex].folder;
+        for (i=0; i < bgsToDisplay.length; i++) {
+            let onclickPost = bgsDir + "/" + bgsToDisplay[i];
+            str += `<button class="btn btn-secondary m-1 p-0" style="width:15rem; overflow: hidden;"><img loading="lazy" style="padding:0.25rem; width: 15rem" src="/assets/images/backgrounds/${bgsDir}/${bgsToDisplay[i]}" alt="${bgsToDisplay[i]}-background" onclick="post('/settings/profile?background=${onclickPost}', function(){window.location.reload(true);})"/></button>`;
+        }
+        bgContainer.innerHTML = str;
+    }
+    updatebgselection();