From 34a5779628a15bcbbce14eb01dc286f19101a4c8 Mon Sep 17 00:00:00 2001
From: Bertrand Marron <bertrand.marron@ionisx.com>
Date: Sat, 5 Nov 2016 13:58:19 +0100
Subject: [PATCH] Allow translating search bar placeholder

Add `extra.i18n.search` variable.
---
 docs/getting-started.md | 8 ++++----
 material/header.html    | 4 ++--
 src/header.html         | 4 ++--
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/docs/getting-started.md b/docs/getting-started.md
index d8cf19074..f3f578e8a 100644
--- a/docs/getting-started.md
+++ b/docs/getting-started.md
@@ -175,14 +175,14 @@ extra:
 
 ### Localization
 
-The **Previous** and **Next** labels in the footer can easily be changed by
-defining the variables `extra.i18n.prev` and `extra.i18n.next`:
+The following texts and labels can easily be changed by defining variables:
 
 ``` yaml
 extra:
   i18n:
-    prev: 'Previous'
-    next: 'Next'
+    prev: 'Previous'  # "Previous" label in the footer
+    next: 'Next'      # "Next" label in the footer
+    search: 'Search'  # "Search" placeholder in the search bar
 ```
 
 ### Adding a GitHub and Twitter account
diff --git a/material/header.html b/material/header.html
index aa418e229..f2ea2340e 100644
--- a/material/header.html
+++ b/material/header.html
@@ -44,10 +44,10 @@
     </div>
     <div class="stretch">
       <div class="field">
-        <input class="query" type="text" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false">
+        <input class="query" type="text" placeholder="{{ config.extra.get('i18n', {}).search | default('Search') }}" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false">
       </div>
     </div>
-    <div class="button button-reset" role="button" aria-label="Search">
+    <div class="button button-reset" role="button" aria-label="{{ config.extra.get('i18n', {}).search | default('Search') }}">
       <button class="toggle-button icon icon-close" id="reset-search"></button>
     </div>
   </div>
diff --git a/src/header.html b/src/header.html
index dc2a0e434..43910b49a 100644
--- a/src/header.html
+++ b/src/header.html
@@ -69,14 +69,14 @@
     <!-- Search form -->
     <div class="stretch">
       <div class="field">
-        <input class="query" type="text" placeholder="Search"
+        <input class="query" type="text" placeholder="{{ config.extra.get('i18n', {}).search | default('Search') }}"
           autocapitalize="off" autocorrect="off" autocomplete="off"
           spellcheck="false" />
       </div>
     </div>
 
     <!-- Empty search -->
-    <div class="button button-reset" role="button" aria-label="Search">
+    <div class="button button-reset" role="button" aria-label="{{ config.extra.get('i18n', {}).search | default('Search') }}">
       <button class="toggle-button icon icon-close"
         id="reset-search"></button>
     </div>