diff options
| author | xengineering <me@xengineering.eu> | 2024-02-11 22:44:32 +0100 |
|---|---|---|
| committer | xengineering <me@xengineering.eu> | 2024-02-13 20:26:42 +0100 |
| commit | 40868be7d4b9e1d9909a19dccc25ec49c1b5924b (patch) | |
| tree | 97a8923b73c97a4ce92f15ad632cfb65faf06d5c /view/html/recipes.html | |
| parent | 43fdfde44bce659abd30186150f667d8ba24cf2b (diff) | |
| download | ceres-40868be7d4b9e1d9909a19dccc25ec49c1b5924b.tar ceres-40868be7d4b9e1d9909a19dccc25ec49c1b5924b.tar.zst ceres-40868be7d4b9e1d9909a19dccc25ec49c1b5924b.zip | |
view: Implement GET handler for model.Recipes
Diffstat (limited to 'view/html/recipes.html')
| -rw-r--r-- | view/html/recipes.html | 40 |
1 files changed, 40 insertions, 0 deletions
diff --git a/view/html/recipes.html b/view/html/recipes.html new file mode 100644 index 0000000..1b7b1c1 --- /dev/null +++ b/view/html/recipes.html @@ -0,0 +1,40 @@ +{{define "recipes"}} +<html> + {{ template "head" }} + <header> + <nav> + <a href="/">HOME</a> + </nav> + <h1>Recipe overview</h1> + </header> + <body> + <main> + <p>Here are the available recipes 😋🍳🍔🍕🥘</p> + <input id="search" onkeyup="filter()" type="text" placeholder="Search for a recipe ..."></input> + <ul id="recipes">{{range .}} + <li><a href="./recipe/{{.Id}}">{{.Title}}</a></li>{{end}} + </ul> + </main> + {{ template "footer" }} + <script> + function filter() { + var input, query, ul, li, a, i, txtValue; + input = document.getElementById('search'); + query = input.value.toUpperCase(); + ul = document.getElementById("recipes"); + li = ul.getElementsByTagName('li'); + + for (i = 0; i < li.length; i++) { + a = li[i].getElementsByTagName("a")[0]; + txtValue = a.textContent || a.innerText; + if (txtValue.toUpperCase().indexOf(query) > -1) { + li[i].style.display = ""; + } else { + li[i].style.display = "none"; + } + } + } + </script> + </body> +</html> +{{end}} |