Sort by WIP

static/css/search.css

@@ -78,9 +78,10 @@
 .filters select {
     height: 33px;
     width: 175px;
+    text-align: center;
 
     border-radius: 5px;
-    padding: 0 24px;
+    padding: 0 10px;
     background-color: #ffffff;
     background-image: none;
     border: 1px solid darkgrey;

static/js/search.js

@@ -16,8 +16,8 @@ let category_inputs = {
     "forge": false,
     "fabric": false,
 }
-
 let version_inputs = {};
+let selectedType  = "relevance";
 
 let resultContainer = document.getElementById("results");
 
@@ -144,6 +144,13 @@ function activateVersion(element) {
     handleSearch(0);
 }
 
+function changeSortType(element) {
+    selectedType = element.options[element.selectedIndex].text;
+    console.log(selectedType)
+
+    handleSearch(0);
+}
+
 let body = document.documentElement;
 let backToTop = document.getElementById("backToTop");
 
@@ -211,6 +218,10 @@ function handleSearch(index) {
         queryString += "&v=" + encodeURIComponent( "versions=" + versionString).replace(/%20/g,'+');
     }
 
+    if(selectedType) {
+        queryString += "&s=" + encodeURIComponent(selectedType).replace(/%20/g,'+');
+    }
+
     if(index === 0)
         window.history.pushState('Search', 'Search', queryString);
     else