From 3664e1d9c6c16efdca3b51c693d5364ddfc187e7 Mon Sep 17 00:00:00 2001
From: Olimpia Magliulo <olimpiam@intern-ikts-MacBook-Air.local>
Date: Tue, 7 Nov 2017 13:26:57 +0100
Subject: [PATCH] Languagebar to dropdownmenu

Languagebar is changed to a dropdownmenu.
Use selectize package to show the current language as the first option in the menu.
---
 templates/_header.twig | 38 +++++++++++++++++++++-----------------
 1 file changed, 21 insertions(+), 17 deletions(-)

diff --git a/templates/_header.twig b/templates/_header.twig
index 461dfd25d..a713d1756 100644
--- a/templates/_header.twig
+++ b/templates/_header.twig
@@ -1,22 +1,26 @@
 <div id="header">
-    <h1><a style="text-decoration: none; color: white" href="/{{ baseurlpath }}">{{ pagetitle }}</a></h1>
-</div>
-
-{% if not hideLanguageBar %}
-<div id="languagebar">
-    {% for lang in languageBar %}
-        {%- if not loop.first -%}|{% endif -%}
-        {% if lang.url %}
-            <a href="{{ lang.url -}}
-            {%- if queryParams %}&{% endif -%}
-            {%- for name, value in queryParams -%}
-                {%- if not loop.first %}&{% endif -%}
-                {%- if value %}{{ name }}={{ value }}{% else %}{{ name }}{% endif -%}
-            {%- endfor %}">{{ lang.name }}</a>
-        {% else %}
-            {{ lang.name }}
+    <form id="SelectLang" class="pure-form" method="get">
+    {% if not hideLanguageBar %}
+        <div id="languagebar">
+    {% for name, value in queryParams %}
+        {%- if value -%}
+            <input type="hidden" name="{{ name }}" value="{{ value }}" />
+        {%- else %}
+            <input type="hidden" name="{{ name }}" />
         {% endif %}
+    {% endfor %}
 
+        <select  class="pure-input-1-4 right language-menu selectize" name="language" id="language_selector">
+    {% for key, lang in languageBar -%}
+        {%- if key == currentLanguage -%}
+            <option value="{{ key }}" selected="selected">{{ lang.name }}</option>
+        {%- else -%}
+            <option value="{{ key }}">{{ lang.name }}</option>
+        {%- endif -%}
     {% endfor %}
+        </select>
+        </div>
+    {% endif %}
+    </form>
 </div>
-{% endif %}
+
-- 
GitLab