made frontend bookmarkable

app/application/static/main.js

@@ -1,28 +1,47 @@
 
 var rl
 
+
+function checkforURLParam(){
+    try {
+        let url = window.location.href
+        params = url.split("?")[1]
+        if (params !== undefined){
+            params = "?" + params
+            loadRecipes(params)
+        }
+        
+      } catch (error) {
+        console.log(error)
+      }
+}
+
+
 function loadData() {    
+    // make string of get params for request
+    getParams = makeGetParamString() 
+
+    window.location = window.location.href.split("?")[0] + getParams
+}
+
+function loadRecipes(getParams){
     rl = document.getElementById("recipe-list")
     rl.innerHTML = '<div class="loader"></div>'
     document.getElementById("main").className += " data-loaded"
 
-    
-    // make string of get params for request
-    getParams = makeGetParamString() 
-
     getJSON("/api/v1/recipe/" + getParams,
-        function (error, data) {
+    function (error, data) {
-            data = data["data"] // remove wrapper
+        data = data["data"] // remove wrapper
-            console.log(data)
+        console.log(data)
-            renderRecipeList(data)
+        renderRecipeList(data)
             
-        },
+    },
-        function (error, data) {
+    function (error, data) {
-            console.log(error)
+        console.log(error)
-            rl.innerHTML = "<p>Es gab einen Fehler, bitte suchen Sie erneut.</p>"
+        rl.innerHTML = "<p>Es gab einen Fehler, bitte suchen Sie erneut.</p>"
             
-        }
+    }
-    );
+);
 }
 
 function makeGetParamString(){

app/application/templates/index.html

@@ -48,7 +48,9 @@
         </div>
     </div>
 
-
+    <script type="text/javascript">
+        checkforURLParam()
+     </script>
     
 </body>