Move language select JavaScript to lang-select.js

photo21/static/lang-select.js

@@ -0,0 +1,8 @@
+// This file is part of photo21
+// Copyright (C) 2022  Amicale des élèves de l'ENS Paris-Saclay
+// SPDX-License-Identifier: GPL-3.0-or-later
+
+// On language selection, submit form
+document.getElementsByName("language")[0].addEventListener("change", (e) => {
+    e.target.form.submit();
+});

photo21/templates/base.html

@@ -117,7 +117,7 @@ SPDX-License-Identifier: GPL-3.0-or-later
                     {% trans "Connected as" %} <code>{{ request.user.username }}</code> &middot;
                 {% endif %}
                 <a class="text-reset" href="https://gitlab.crans.org/bde/photo21/">{% trans "Source code" %}</a> &middot;
-                <select title="language" name="language" class="lang-select" onchange="this.form.submit()">
+                <select title="language" name="language" class="lang-select">
                     {% get_current_language as LANGUAGE_CODE %}
                     {% get_available_languages as LANGUAGES %}
                     {% for lang_code, lang_name in LANGUAGES %}
@@ -131,6 +131,7 @@ SPDX-License-Identifier: GPL-3.0-or-later
         </form>
     </footer>
 
+    <script src="{% static "lang-select.js" %}"></script>
     <script src="{% static "bootstrap5/js/bootstrap.min.js" %}"></script>
     {% block extrajs %}{% endblock %}
 </body>