Version Selector

static/js/search.js

@@ -13,6 +13,8 @@ let category_inputs = {
     "fabric": false,
 }
 
+let version_inputs = {};
+
 let resultContainer = document.getElementById("results");
 
 window.onload = function () {
@@ -25,6 +27,85 @@ window.onload = function () {
 
         category.appendChild(ghost);
     }
+
+    let releases = document.getElementById("releases");
+    let snapshots = document.getElementById("snapshots");
+    let archaic = document.getElementById("archaic");
+
+    let xmlHttp = new XMLHttpRequest();
+
+    xmlHttp.onreadystatechange = function() {
+        if (xmlHttp.readyState === 4 && xmlHttp.status === 200) {
+            let versions = JSON.parse(xmlHttp.responseText);
+
+            for (let version of versions.versions) {
+                let versionElement = document.createElement('p');
+                versionElement.className = "version";
+                versionElement.innerHTML = version.id;
+                versionElement.id = version.id;
+                versionElement.setAttribute("onclick", "activateVersion(this)");
+
+                version_inputs[version.id] = false;
+
+                if(version.type === "release")
+                    releases.appendChild(versionElement)
+                else if (version.type === "snapshot")
+                    snapshots.appendChild(versionElement)
+                else if (version.type === "old_alpha" || version.type === "old_beta")
+                    archaic.appendChild(versionElement)
+                else
+                    versionElement.outerHTML = "";
+            }
+        }
+    }
+
+    xmlHttp.open("GET", "https://launchermeta.mojang.com/mc/game/version_manifest.json", true);
+    xmlHttp.send(null);
+}
+
+function clearFilters() {
+    for (let key in category_inputs) {
+        if (category_inputs.hasOwnProperty(key)) {
+            if(category_inputs[key]) {
+                let element = document.getElementById(key);
+
+                element.style.width = "165px";
+                element.style.boxShadow = "0 0";
+
+                document.getElementById(key + "-ghost").className = "category-ghost";
+
+                category_inputs[key] = false;
+            }
+        }
+    }
+
+    for (let key in version_inputs) {
+        if (version_inputs.hasOwnProperty(key)) {
+            if(version_inputs[key]) {
+                let element = document.getElementById(key);
+
+                element.style.width = "152px";
+                element.style.boxShadow = "0 0";
+
+                version_inputs[key] = false;
+            }
+        }
+    }
+
+    handleSearch();
+}
+
+function toggleVisibility(e) {
+    let element = e.parentElement.lastElementChild;
+
+    if (element.style.display === "none") {
+        element.style.display = "block";
+        e.innerHTML = e.innerHTML.replace("+", "-")
+    }
+    else {
+        element.style.display = "none"
+        e.innerHTML = e.innerHTML.replace("-", "+")
+    }
 }
 
 function activateCategory(element) {
@@ -45,11 +126,26 @@ function activateCategory(element) {
     handleSearch();
 }
 
+function activateVersion(element) {
+    version_inputs[element.id] = !version_inputs[element.id]
+
+    if (version_inputs[element.id]) {
+        element.style.width = "142px";
+        element.style.boxShadow = "10px 0" + element.style.color;
+    } else {
+        element.style.width = "152px";
+        element.style.boxShadow = "0 0";
+    }
+
+    handleSearch();
+}
+
 function handleSearch() {
     let safeName = encodeURIComponent(input.value).replace(/%20/g,'+');
 
     let queryString = "search?q=" + safeName;
     let filterString = "";
+    let versionString = "";
 
     for (let key in category_inputs) {
         if (category_inputs.hasOwnProperty(key)) {
@@ -59,13 +155,27 @@ function handleSearch() {
         }
     }
 
-    let takeOffLength = " AND keywords=".length;
+    let filterTakeOffLength = " AND keywords=".length;
 
-    if(filterString.length > takeOffLength) {
-        filterString = filterString.substring(0, filterString.length - takeOffLength)
+    if(filterString.length > filterTakeOffLength) {
+        filterString = filterString.substring(0, filterString.length - filterTakeOffLength)
         queryString += "&f=" + encodeURIComponent( "keywords=" + filterString).replace(/%20/g,'+');
     }
 
+    for (let key in version_inputs) {
+        if (version_inputs.hasOwnProperty(key)) {
+            if(version_inputs[key])
+                versionString += key + " OR versions=";
+        }
+    }
+
+    let versionTakeOffLength = " OR versions=".length;
+
+    if(versionString.length > versionTakeOffLength) {
+        versionString = versionString.substring(0, versionString.length - versionTakeOffLength)
+        queryString += "&v=" + encodeURIComponent( "versions=" + versionString).replace(/%20/g,'+');
+    }
+
     let xmlHttp = new XMLHttpRequest();
 
     xmlHttp.onreadystatechange = function() {