From 5b847e1ce9cf553d64a2c530c81b45b3edb3339c Mon Sep 17 00:00:00 2001
From: Alexandre Iooss <erdnaxe@crans.org>
Date: Fri, 11 Mar 2022 19:34:58 +0100
Subject: [PATCH] Move language select JavaScript to lang-select.js

---
 photo21/static/lang-select.js | 8 ++++++++
 photo21/templates/base.html   | 3 ++-
 2 files changed, 10 insertions(+), 1 deletion(-)
 create mode 100644 photo21/static/lang-select.js

diff --git a/photo21/static/lang-select.js b/photo21/static/lang-select.js
new file mode 100644
index 0000000..0038534
--- /dev/null
+++ b/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();
+});
diff --git a/photo21/templates/base.html b/photo21/templates/base.html
index 1d04bc6..5cf6a7d 100644
--- a/photo21/templates/base.html
+++ b/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>