search hotkey

Author: Erik2609

i18n/en.toml

@@ -94,8 +94,5 @@ other = "Low risk"
 [search]
 other = "Search"
 
-[search-type-to-start]
-other = "Type to start searching"
-
 [search-no-results]
 other = "No results found"

i18n/nl.toml

@@ -94,8 +94,5 @@ other = "Laag risico"
 [search]
 other = "Zoeken"
 
-[search-type-to-start]
-other = "Typ om te beginnen met zoeken"
-
 [search-no-results]
 other = "Geen resultaten gevonden"

layouts/index.html

@@ -267,10 +267,14 @@ <h3 class="color-blue search-result-title">${item._highlightResult.title.value}<
           .join('');
       }
     );
+    let placeholderSearchText = '{{ if eq .Site.Language.Lang "en" }}Type to start searching{{else}}Typ om te beginnen met zoeken{{end}}';
+    if (!/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
+      placeholderSearchText = '{{ if eq .Site.Language.Lang "en" }}Type [\\] to start searching{{else}}Typ [\\] om te beginnen met zoeken{{end}}';
+    }
     search.addWidgets([
       instantsearch.widgets.searchBox({
         container: '#searchbox',
-        placeholder: '{{ i18n "search-type-to-start" }}',
+        placeholder: placeholderSearchText,
       }),
       instantsearch.widgets.configure({
         hitsPerPage: 8,

layouts/partials/header.html

@@ -64,7 +64,7 @@
 
           <!-- Search -->
           <li class="nav-item">
-            <a style="max-width: 200px;" class="nav-link rounded-lg bg-lightblue py-1 my-1 mx-auto"
+            <a style="max-width: 200px;" class="nav-link py-1 my-1 mx-auto"
               href='{{ if eq .Site.Language.Lang "en" }}{{else}}/nl{{end}}/#search' title="Search"><i
                 class="fas fa-search d-inline" id="search-hotkeys"></i>
               <p class="d-inline ml-2" id="search-hotkeys-text"></p>
@@ -108,21 +108,9 @@
 </header>
 <script>
   docReady(function () {
-    console.log(navigator.platform);
     if (!/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
-      const isMac = navigator.platform.indexOf('Mac') >= 0;
-      if (isMac) {
-        $("#search-hotkeys-text").text("[⌘] + [\\]");
-      }
-      else {
-        $("#search-hotkeys-text").text("[Ctrl] + [\\]");
-      }
-      $("a[title='Search']").addClass("rounded-lg bg-lightblue");
-
       $(window).keydown(function (k) {
-
-        console.log(k);
-        if (k.which == 220 && (k.ctrlKey == true && !isMac || k.metaKey == true && isMac)) {
+        if (k.which == 220) {
           $("a[title='Search']")[0].click();
           k.preventDefault();
           return false;