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

Fixed missing id kebab-case

Browse source
This commit is contained in:
ericb 2025-01-07 14:15:12 +01:00
parent 898f6c28f7
commit a1e4027533
7 changed files with 32 additions and 32 deletions
Download patch file Download diff file Expand all files Collapse all files

6
create-account.html
View file

@ -59,7 +59,7 @@
<div class="mb-3">
<button id="readTerms" type="button" class="btn btn-link" data-bs-toggle="modal" data-bs-target="#cgvModal">Lire les termes et conditions d'utilisation</button>
</div>
<button id="btnCreateAccount" class="btn btn-cta rounded w-100 py-3" type="submit" disabled>Créer un compte</button>
<button id="btn-create-account" class="btn btn-cta rounded w-100 py-3" type="submit" disabled>Créer un compte</button>
</form>
<span>J'ai déjà un compte?</span>
<a href="connect.html" class="text-link">M'identifier</a>
@ -103,8 +103,8 @@
<p>Le Forum du bilinguisme se réserve le droit de supprimer en tout temps le profil de personnes dont les intentions diffèrent de l’objectif premier de cette plateforme : mettre en contact des personnes de langues différentes dans le but de former et pratiquer un TANDEM linguistique<sup class="emphasis"><strong>*</strong></sup>. Le Forum du bilinguisme rappelle aux personnes inscrites que cette e-plateforme est ouverte au public et que les données personnelles publiées sont de la responsabilité de l’utilisateur. Vous pouvez en tout temps désactiver, par conséquent réactiver votre profil.</p>
<p><sup class="emphasis"><strong>*</strong></sup>Le Forum du bilinguisme ne peut être tenu responsable de la véracité des données publiées, ni du bien-fondé de la démarche des personnes inscrites sur la plateforme. Vous pouvez à tout moment nous signaler un profil ne respectant pas le but de cette plateforme.</p>
<div class="form-check py-3">
<input class="form-check-input" type="checkbox" value="" id="cgvCheck">
<label class="form-check-label" for="cgvCheck">
<input class="form-check-input" type="checkbox" value="" id="cgv-check">
<label class="form-check-label" for="cgv-check">
<strong>J'accepte ces termes et conditions</strong>
</label>
</div>

4
documents.html
View file

@ -31,7 +31,7 @@
<button type="button" type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close main menu"></button>
</div> -->
<div class="offcanvas-body">
<nav class="side-menu" id="offSideMenu">
<nav class="side-menu" id="offside-menu">
<div class="user-avatar">
<img src="static/img/avatars/default-avatar.svg" alt="Priscilla">
<p class="userPseudo">Forum du Bilinguisme</p>
@ -154,7 +154,7 @@
<section class="container-fluid">
<div class="row my-3">
<div id="secondNav" class="col-lg-3">
<div id="second-nav" class="col-lg-3">
<nav class="side-menu">
<ul class="nav flex-column mb-auto">
<li class="nav-item">

4
invitations.html
View file

@ -31,7 +31,7 @@
<button type="button" type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close main menu"></button>
</div> -->
<div class="offcanvas-body">
<nav class="side-menu" id="offSideMenu">
<nav class="side-menu" id="offside-menu">
<div class="user-avatar">
<img src="static/img/avatars/default-avatar.svg" alt="Priscilla">
<p class="user-pseudo">Forum du Bilinguisme</p>
@ -154,7 +154,7 @@
<section class="container-fluid">
<div class="row my-3">
<div id="secondNav" class="col-lg-3">
<div id="second-nav" class="col-lg-3">
<nav class="side-menu">
<ul class="nav flex-column mb-auto">
<li class="nav-item">

18
profile.html
View file

@ -31,7 +31,7 @@
<button type="button" type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close main menu"></button>
</div> -->
<div class="offcanvas-body">
<nav class="side-menu" id="offSideMenu">
<nav class="side-menu" id="offside-menu">
<div class="user-avatar">
<img src="static/img/avatars/default-avatar.svg" alt="Priscilla">
<p class="user-pseudo">Forum du Bilinguisme</p>
@ -161,7 +161,7 @@
<section class="container-fluid">
<div class="row my-3">
<div id="secondNav" class="col-lg-3">
<div id="second-nav" class="col-lg-3">
<nav class="side-menu">
<ul class="nav flex-column mb-auto">
<li class="nav-item">
@ -504,8 +504,8 @@
<img src="static/img/picto_rencontre-sur-place.svg" class="img-fluid">
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="userMeetOptions" id="userMeetOptionReal" value="option1">
<label class="form-check-label" for="userMeetOptionReal">Sur place, en face à face</label>
<input class="form-check-input" type="radio" name="userMeetOptions" id="user-meetoption-real" value="option1">
<label class="form-check-label" for="user-meetoption-real">Sur place, en face à face</label>
</div>
</div>
<div class="col">
@ -513,8 +513,8 @@
<img src="static/img/picto_rencontre-virtuelle.svg" class="img-fluid">
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="userMeetOptions" id="userMeetOptionVirtual" value="option2">
<label class="form-check-label" for="userMeetOptionVirtual">Virtuel (Skype, FaceTime, etc.)</label>
<input class="form-check-input" type="radio" name="userMeetOptions" id="user-meetoption-virtual" value="option2">
<label class="form-check-label" for="user-meetoption-virtual">Virtuel (Skype, FaceTime, etc.)</label>
</div>
</div>
<div class="col">
@ -522,12 +522,12 @@
<img src="static/img/picto_rencontre-sur-place-et-virtuel.svg" class="img-fluid">
</div>
<div class="form-check form-check-inline">
<input class="form-check-input" type="radio" name="userMeetOptions" id="userMeetOptionHybrid" value="option3">
<label class="form-check-label" for="userMeetOptionHybrid">Sur place et virtuel</label>
<input class="form-check-input" type="radio" name="userMeetOptions" id="user-meetoption-hybrid" value="option3">
<label class="form-check-label" for="user-meetoption-hybrid">Sur place et virtuel</label>
</div>
</div>
</div>
<div id="usertandem-meetLocation" class="col-lg-6 mt-3">
<div id="user-tandemmeet-location" class="col-lg-6 mt-3">
<div class="row gx-md-5 align-items-center">
<div class="col-auto">
<label class="col-form-label" for="usertandem-meetTown">Lieu de rencontre souhaité</label>

4
static/js/check.js
View file

@ -1,6 +1,6 @@
document.addEventListener("DOMContentLoaded", function() {
const checkTerms = document.querySelector('#cgvCheck');
const createAccountButton = document.querySelector('#btnCreateAccount');
const checkTerms = document.querySelector('#cgv-check');
const createAccountButton = document.querySelector('#btn-create-account');
const readTerms = document.querySelector('#readTerms');
console.log(checkTerms, createAccountButton);
checkTerms.addEventListener("change", function() {

20
static/js/js.js
View file

@ -5,16 +5,16 @@ function initTooltips(section) {
}
function checkTermsandConditions(){
const checkTerms = document.getElementById('cgvCheck'),
createAccountButton = document.getElementById('btnCreateAccount');
const checkTerms = document.getElementById('cgv-check'),
createAccountButton = document.getElementById('btn-create-account');
createAccountButton.disabled = !checkTerms.checked;
}
const updateMeet = () => {
const meetOption1 = document.getElementById('userMeetOptionReal'),
meetOption2 = document.getElementById('userMeetOptionVirtual'),
meetOption3 = document.getElementById('userMeetOptionHybrid'),
meetLocation = document.getElementById('usertandem-meetLocation');
const meetOption1 = document.getElementById('user-meetoption-real'),
meetOption2 = document.getElementById('user-meetoption-virtual'),
meetOption3 = document.getElementById('user-meetoption-hybrid'),
meetLocation = document.getElementById('user-tandemmeet-location');
if (meetLocation) {
meetLocation.style.display = (meetOption1?.checked || meetOption3?.checked) ? 'block' : 'none';
[meetOption1, meetOption2, meetOption3].forEach(option => {
@ -26,8 +26,8 @@ const updateMeet = () => {
};
const toggleMenus = ({ matches }) => {
const offMenu = document.getElementById("offSideMenu"),
sideMenu = document.getElementById("secondNav");
const offMenu = document.getElementById("offside-menu"),
sideMenu = document.getElementById("second-nav");
if(offMenu && sideMenu){
offMenu.style.display = matches ? "block" : "none";
sideMenu.style.display = matches ? "none" : "block";
@ -36,8 +36,8 @@ const toggleMenus = ({ matches }) => {
};
const radiusUpdate = () => {
const rangeInput = document.getElementById('townRadius'),
rangeValue = document.getElementById('townRadiusValue');
const rangeInput = document.getElementById('town-radius'),
rangeValue = document.getElementById('town-radius-value');
if (rangeInput && rangeValue) {
rangeInput.addEventListener('input', () => {
rangeValue.textContent = rangeInput.value;

8
tandem-list.html
View file

@ -32,7 +32,7 @@
<button type="button" type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close main menu"></button>
</div> -->
<div class="offcanvas-body">
<nav class="side-menu" id="offSideMenu">
<nav class="side-menu" id="offside-menu">
<div class="user-avatar">
<img src="static/img/avatars/default-avatar.svg" alt="Priscilla">
<p class="user-pseudo">Forum du Bilinguisme</p>
@ -156,7 +156,7 @@
<section class="container-fluid">
<div class="row my-3">
<div id="secondNav" class="col-lg-3">
<div id="second-nav" class="col-lg-3">
<nav class="side-menu">
<ul class="nav flex-column mb-auto">
<li class="nav-item">
@ -3646,8 +3646,8 @@
</select>
</div>
<div class="col-md-4">
<label class="col-form-label">Distance (en km): <span id="townRadiusValue">0</span></label>
<input type="range" class="form-range" min="0" max="100" value="0" step="25" id="townRadius">
<label class="col-form-label">Distance (en km): <span id="town-radius-value">0</span></label>
<input type="range" class="form-range" min="0" max="100" value="0" step="25" id="town-radius">
</div>
<div class="col-md-4">
<label class="col-form-label">Genre:</label>