#274 - added button in navbar search

src/main/resources/static/css/dark/style.css

@@ -120,6 +120,10 @@ main {
     box-shadow: none;
 }
 
+.sidenav #buttonSearch {
+    right: 3rem;
+}
+
 .sidenav li > a, .sidenav-sub li > a {
     color: #FFFFFF;
     font-weight: 600;

src/main/resources/static/css/style.css

@@ -139,6 +139,10 @@ main {
     color: #212121;
 }
 
+.sidenav #buttonSearch {
+    right: 3rem;
+}
+
 .btn, .btn-flat {
     text-transform: none;
     font-weight: 600;

src/main/resources/static/js/main.js

@@ -30,6 +30,11 @@ $( document ).ready(function() {
         document.getElementById("login-password").focus();
     }
 
+    $("#buttonSearch").click(function()
+    {
+        document.getElementById("navbarSearchForm").submit();
+    });
+
     $("#buttonClearSearch").click(function()
     {
         document.getElementById("search").value = "";

src/main/resources/templates/helpers/navbar.ftl

@@ -64,7 +64,7 @@
 <#macro itemSearch>
     <nav class="searchWrapper">
         <div class="nav-wrapper">
-            <form action="<@s.url '/search'/>" method="get">
+            <form id="navbarSearchForm" action="<@s.url '/search'/>" method="get">
                 <input type="hidden" name="searchName" value="true">
                 <input type="hidden" name="searchDescription" value="true">
                 <input type="hidden" name="searchCategory" value="true">
@@ -73,6 +73,7 @@
                 <div class="input-field">
                     <input id="search" class="text-color" name="searchText" type="search">
                     <label class="label-icon" for="search"><i class="material-icons">search</i></label>
+                    <i id="buttonSearch" class="material-icons">send</i>
                     <i id="buttonClearSearch" class="material-icons">close</i>
                 </div>
             </form>