Add language switcher widget

ojusomap/templates/base.html

@@ -78,6 +78,22 @@
           {% endfor %}
         </ul>
         <ul class="nav navbar-nav navbar-right">
+          <li class="form-group">
+            <form class="navbar-form navbar-left">
+              {# Global language selection dropdown #}
+              {% get_available_languages as LANGUAGES %}
+              {% get_current_language as LANGUAGE_CODE %}
+              <select id="id-language-dropdown" name="language-dropdown">
+                  {% for language in LANGUAGES %}
+                      {% if language.0 == LANGUAGE_CODE %}
+                          <option value="{{ language.0 }}" selected="selected">{{ language.0|language_name_local|title }}</option>
+                      {% else %}
+                          <option value="{{ language.0 }}">{{ language.0|language_name_local|title }}</option>
+                      {% endif %}
+                  {% endfor %}
+              </select>
+            </form>
+          </li>
           {% if user.is_authenticated %}
           <a class="btn btn-primary navbar-btn" href="{% url 'create' %}"><i class="fa fa-plus" aria-hidden="true"></i> New Case Study</a>
           <li class="dropdown">
@@ -134,6 +150,7 @@
   {# CDN Javascript #}
   <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js" integrity="sha256-JmvOoLtYsmqlsWxa7mDSLMwa6dZ9rrIdtrrVYRnDRH0=" crossorigin="anonymous"></script>
   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
+  <script src="{% static "map/language.js" %}"></script>
   {% block scripts %}{% endblock %}
 
 </html>