{% if lang.1 == LANGUAGE_CODE %} returns false but i need true

Django Internals Internationalization
1

In this conditional code i have to compare current language and selected language.

{% if lang.1 == LANGUAGE_CODE %}

The problem is that lang.1 value is ‘EN’ and LANGUAGE_CODE value is ‘en’. Is the same language but returns false because one is in lowercase and the other in uppercase. Solution?

All language select code:

HTML with DJANGO:

{% load i18n %}
{% get_current_language as LANGUAGE_CODE %}
<form action="/i18n/setlang/" method="post">{% csrf_token %}
              <input name="next" type="hidden" value="/" />
                <select class="form-select" name="language" onchange="changeLanguage()">
                  {% for lang in LANGUAGES %}
                    {% if lang.1 == LANGUAGE_CODE %}
                    <option value="{{ lang.1 }}"  selected style="min-width:100px" class="">{{ lang.1 }}</option>
                    {% else %}
                    <option value="{{ lang.1 }}" style="min-width:100px" class="">{{ lang.1 }}</option>
                    {% endif %}
                  {% endfor %}
                </select>
              <input name="sendChangeLanguage" id="sendChangeLanguage" class="form-control" type="submit" value="Go" style="display:none;" />
            </form>

Javascript:


<script>
    function changeLanguage() {
      var selectButton = document.getElementById( 'sendChangeLanguage' );
      selectButton.click();
    }
  </script>
2

Test with lang.0 instead.

3

Solution:

<form action="/i18n/setlang/" method="post">{% csrf_token %}
              <input name="next" type="hidden" value="/" />
                <select class="form-select" name="language" onchange="changeLanguage()">
                  {% for lang in LANGUAGES %}
                    {% if lang.1|lower == LANGUAGE_CODE|lower %}
                    <option value="{{ lang.1 }}" selected style="min-width:100px" class="">{{ lang.1 }}</option>
                    {% else %}
                    agur
                    <option value="{{ lang.1 }}" style="min-width:100px" class="">{{ lang.1 }}</option>
                    {% endif %}
                  {% endfor %}
                </select>
              <input name="sendChangeLanguage" id="sendChangeLanguage" class="form-control" type="submit" value="Go" style="display:none;" />
            </form>

  <script>
    function changeLanguage() {
      var selectButton = document.getElementById( 'sendChangeLanguage' );
      selectButton.click();
    }
  </script>

imagen

Thanks