From: Philippe Barbosa <contact@philippebarbosa.com>
Date: Fri, 4 Mar 2016 10:21:36 +0000 (+0100)
Subject: Language selector in banner navigation
X-Git-Url: https://git.parisson.com/?a=commitdiff_plain;h=22f6917ec266650ebec4eecdd5126a5b9c50f919;p=mezzo.git

Language selector in banner navigation
---

diff --git a/app/festival/static/css/index.css b/app/festival/static/css/index.css
index 90a9f934..f45b9e65 100755
--- a/app/festival/static/css/index.css
+++ b/app/festival/static/css/index.css
@@ -1170,6 +1170,23 @@ button:disabled {
   opacity: 0.5;
 }
 
+/* line 272, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_forms.scss */
+button.lang {
+  display: inline-block;
+  padding: 0.5rem 0.3rem;
+  margin: 0 auto;
+  color: #bdc3c7;
+  font: 400 0.9rem "Interstate", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  text-transform: uppercase;
+  background: none;
+}
+
+/* line 280, /Users/philippebarbosa/Sites/ircam-manifeste/app/festival/static/scss/base/_forms.scss */
+button.lang.is-active {
+  background: none;
+  color: #e8ca88;
+}
+
 /**
  * Core styles
  */
diff --git a/app/festival/static/scss/base/_forms.scss b/app/festival/static/scss/base/_forms.scss
index d317e151..6ae1fa6c 100755
--- a/app/festival/static/scss/base/_forms.scss
+++ b/app/festival/static/scss/base/_forms.scss
@@ -266,4 +266,19 @@ button {
     cursor: not-allowed;
     opacity: 0.5;
   }
+}
+
+// button as link for lang selector
+button.lang {
+    display: inline-block;
+    padding: $base_font_size/2 0.3rem;
+    margin: 0 auto;
+    color: $gray;
+    font: $regular .9rem $header_font_family;
+    text-transform: uppercase;
+    background: none;
+    &.is-active {
+      background: none;
+      color: $main_color;
+    }
 }
\ No newline at end of file
diff --git a/app/templates/base.html b/app/templates/base.html
index 703b541b..94200a84 100644
--- a/app/templates/base.html
+++ b/app/templates/base.html
@@ -35,7 +35,9 @@
                     </a>
                 </h1>
                     <div class="header__logo--right">
-                        <img class="header__logo__img" src="{% static "img/logo_ircam_black.png" %}" alt="Logo Manifeste 2016 ircam" width="200">
+                        <a href="http://ircam.fr" title="Url site ircam">
+                            <img class="header__logo__img" src="{% static "img/logo_ircam_black.png" %}" alt="Logo Manifeste 2016 ircam" width="200">
+                        </a>
                     </div>
                 {% endif %}
 
diff --git a/app/templates/includes/language_selector.html b/app/templates/includes/language_selector.html
index a91158f7..e1597690 100644
--- a/app/templates/includes/language_selector.html
+++ b/app/templates/includes/language_selector.html
@@ -17,9 +17,7 @@
     <input type="submit" class="btn btn-default" value="{% trans "Change" %}" />
   </form>
   {% for language in languages %}
-  <a href="#" onclick="$('#language_selector_select').val('{{ language.code }}'); $('#language_selector_form').submit();">
-  <button class="lang {% if language.code == LANGUAGE_CODE %}active{% endif %}">{{ language.code|title }}</button>
-  </a>
+    <button class="lang {% if language.code == LANGUAGE_CODE %}active{% endif %}" onclick="$('#language_selector_select').val('{{ language.code }}'); $('#language_selector_form').submit();">{{ language.code|title }}</button>
   {% endfor %}
 </div>
 {% endif %}
diff --git a/app/templates/pages/menus/dropdown.html b/app/templates/pages/menus/dropdown.html
index 2f5b75e5..88170782 100644
--- a/app/templates/pages/menus/dropdown.html
+++ b/app/templates/pages/menus/dropdown.html
@@ -1,10 +1,10 @@
 {% load i18n pages_tags %}
-
+{% get_language_info_list for LANGUAGES as languages %}
 {% spaceless %}
 {% if page_branch_in_menu %}
 
 {% if branch_level == 0 %}
-<ul class="menu">
+<ul class="menu toto">
     {% for page in page_branch %}
     {% if not has_home and page.is_primary and forloop.first %}
     <li class="menu__item {% if on_home %}active{% endif %}">
@@ -29,6 +29,15 @@
     </li>
     {% endif %}
     {% endfor %}
+    {% if settings.USE_MODELTRANSLATION and languages|length > 1 %}
+    <li class="menu__item  menu__item--lang">
+      {% for language in languages %}
+        <button class="lang {% if language.code == LANGUAGE_CODE %}is-active{% endif %}" onclick="$('#language_selector_select').val('{{ language.code }}'); $('#language_selector_form').submit();">
+          {{ language.code|title }}
+        </button>
+      {% endfor %}
+    </li>
+    {% endif %}
 </ul>
 
 {% else %}