sporada/nopaque
1
0
Fork 0
mirror of https://gitlab.ub.uni-bielefeld.de/sfb1288inf/nopaque.git synced 2025-10-14 02:31:58 +00:00
Code Issues Projects Releases Wiki Activity

enhance modals and terms of use html

Browse Source
This commit is contained in:
Patrick Jentsch
2024-12-23 14:49:06 +01:00
parent d4cd313940
commit 80604bf8de
11 changed files with 357 additions and 397 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
app/templates/main/terms_of_use.html.j2
View File

@@ -2,40 +2,19 @@
{% block page_content %}
<div class="container">
<div class="row">
<div class="col s12">
<h1 id="title">{{ title }}</h1>
</div>
<div class="col s12">
<div class="switch">
<label>
DE
<input type="checkbox" id="terms-of-use-page-switch">
<span class="lever"></span>
EN
</label>
</div>
<br>
</div>
<div class="terms-of-use-page-content hide">
{% include "main/terms_of_use_en.html.j2" %}
</div>
<div class="terms-of-use-page-content">
{% include "main/terms_of_use_de.html.j2" %}
</div>
<h1 id="title">{{ title }}</h1>
<ul class="tabs tabs-fixed-width z-depth-1">
<li class="tab"><a class="active" href="#terms-of-use-page-content-german">German</a></li>
<li class="tab"><a href="#terms-of-use-page-content-english">English</a></li>
</ul>
<div id="terms-of-use-page-content-german">
{% include "main/_terms_of_use/german.html.j2" %}
</div>
<div id="terms-of-use-page-content-english">
{% include "main/_terms_of_use/english.html.j2" %}
</div>
</div>
{% endblock page_content %}
{% block scripts %}
{{ super() }}
<script>
let languagePageSwitch = document.querySelector('#terms-of-use-page-switch');
let termsOfUsePageContent = document.querySelectorAll('.terms-of-use-page-content');
languagePageSwitch.addEventListener('change', function() {
termsOfUsePageContent.forEach(content => {
content.classList.toggle('hide');
});
});
</script>
{% endblock scripts %}