implement find player

static/buttons.js

@@ -6,6 +6,10 @@ var buttonForward  = document.getElementById("button-forward")
 var buttonFirst    = document.getElementById("button-first")
 var isLastPage     = document.getElementById("eof")
 
+/* clean URL from unessesary parameters */
+url.searchParams.delete("goto")
+url.searchParams.delete("string")
+
 /* disable buttons if nessesary */
 if(!page || page == "0"){
     buttonBackward.disabled = true
@@ -22,9 +26,6 @@ if(isLastPage){
 
 function forward(){
 
-    /* clean URL from unessesary parameters */
-    url.searchParams.delete("goto")
-
     if(page){
         page = parseInt(page) + 1
     }else{
@@ -37,9 +38,6 @@ function forward(){
 }
 function backward(){
 
-    /* clean URL from unessesary parameters */
-    url.searchParams.delete("goto")
-    
     if(page){
         page = parseInt(page) - 1
         if(page < 0){
@@ -74,3 +72,14 @@ gotoRankInputField.addEventListener("keyup", function(event) {
         window.location.href = url.href
     }
 });
+
+var getPlayerInputField = document.getElementById("getPlayer");
+getPlayerInputField.addEventListener("keyup", function(event) {
+    if (event.key == "Enter") {
+        event.preventDefault();
+        var string = getPlayerInputField.value
+        url.searchParams.set("string", string)
+        url.searchParams.delete("page")
+        window.location.href = url.href
+    }
+});

static/site.css

@@ -47,6 +47,14 @@ body{
     width: 100px;
 }
 
+.noPlayerFound{
+    background: red;
+    float: left;
+    width: 180px;
+    text-align: center;
+    font-weight: bold;
+}
+
 /* #################### LEADERBOARDS ##################### */
 .leaderboard-container{
     width: 80%;