eric/e-tandem_UI
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Added menu logic

Browse source
This commit is contained in:
ericb 2024-12-04 13:45:08 +01:00
parent 3bd7cc7651
commit 1c29421f73
2 changed files with 9 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

5
profile.html
View file

@ -9,6 +9,7 @@
<link href="static/css/main.css" rel="stylesheet"> <link href="static/css/main.css" rel="stylesheet">
<link rel="icon" type="image/png" sizes="16x16" href="static/favicon.png"> <link rel="icon" type="image/png" sizes="16x16" href="static/favicon.png">
<script src="static/js/vendor/bootstrap.bundle.min.js"></script> <script src="static/js/vendor/bootstrap.bundle.min.js"></script>
<script src="static/js/js.js"></script>
</head> </head>
<body> <body>
@ -143,8 +144,8 @@
<section class="panel mb-3"> <section class="panel mb-3">
<h1 class="fs-2 mb-4">Présentation</h1> <h1 class="fs-2 mb-4">Présentation</h1>
<p>Vous avez la possibilité de publier un texte permettant à toute personne intéressée d’en savoir un peu plus à votre sujet – motivation, intérêts personnels, âge, objectif du TANDEM linguistique (professionnel ou privé), horaires, etc.</p> <p>Vous avez la possibilité de publier un texte permettant à toute personne intéressée d’en savoir un peu plus à votre sujet – motivation, intérêts personnels, âge, objectif du TANDEM linguistique (professionnel ou privé), horaires, etc.</p>
<label class="form-label">Présentation (500 caractères max.)</label> <label class="form-label" for="user-description">Présentation (500 caractères max.)</label>
<textarea name="user-description" id="user-description" class="form-control" placeholder="Entrez votre présentation" rows="4"></textarea> <textarea name="user-description" id="user-description" class="form-control" placeholder="Entrez votre présentation" rows="4" maxlength="500"></textarea>
</section> </section>
<section class="panel mb-3"> <section class="panel mb-3">
<h1 class="fs-2 mb-4">Langue(s) proposée(s)</h1> <h1 class="fs-2 mb-4">Langue(s) proposée(s)</h1>

7
static/js/js.js
View file

@ -3,7 +3,11 @@ function initTooltips(section) {
const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]'); const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]');
const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl)); const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl));
} }
function checkTermsandConditions(){
const checkTerms = document.querySelector('#cgv-check');
const createAccountButton = document.querySelector('#btnCreateAccount');
createAccountButton.disabled = !checkTerms.checked;
}
document.addEventListener("DOMContentLoaded", function() { document.addEventListener("DOMContentLoaded", function() {
const offmenu = document.getElementById("offSideMenu"); const offmenu = document.getElementById("offSideMenu");
@ -22,5 +26,6 @@ document.addEventListener("DOMContentLoaded", function() {
const mediaQuery = window.matchMedia("(max-width: 992px)"); const mediaQuery = window.matchMedia("(max-width: 992px)");
toggleMenus(mediaQuery); // Initial check toggleMenus(mediaQuery); // Initial check
mediaQuery.addEventListener('change', (e) => toggleMenus(e)); mediaQuery.addEventListener('change', (e) => toggleMenus(e));
initTooltips(document); initTooltips(document);
}); });