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

kebab-case

Browse source
This commit is contained in:
ericb 2025-01-07 14:30:39 +01:00
parent a1e4027533
commit 202d727b71
11 changed files with 78 additions and 78 deletions
Download patch file Download diff file Expand all files Collapse all files

62
tandem-list.html
View file

@ -24,7 +24,7 @@
<a class="navbar-brand" href="home.html">
<img src="static/img/logo/logo_e-tandem_fr.svg">
</a>
<button type="button" id="menuToggle" class="navbar-toggler border-0" type="button" data-bs-toggle="offcanvas" data-bs-target="#main-nav" aria-controls="main-nav" aria-label="Toggle main menu">
<button type="button" id="menu-toggle" class="navbar-toggler border-0" type="button" data-bs-toggle="offcanvas" data-bs-target="#main-nav" aria-controls="main-nav" aria-label="Toggle main menu">
<span class="custom-toggler navbar-toggler-icon"></span>
</button>
<div class="offcanvas offcanvas-end" tabindex="-1" id="main-nav" aria-label="Main menu" data-bs-scroll="false">
@ -85,9 +85,9 @@
</li>
</ul>
<div class="separator menu-admin">
<a class="btn-link" data-bs-toggle="collapse" href="#sideMenuAdmin" role="button" aria-expanded="false" aria-controls="sideMenuAdmin">Administration</a>
<a class="btn-link" data-bs-toggle="collapse" href="#side-menu-admin" role="button" aria-expanded="false" aria-controls="side-menu-admin">Administration</a>
</div>
<div id="sideMenuAdmin" class="collapse">
<div id="side-menu-admin" class="collapse">
<ul class="nav">
<li class="nav-item">
<a href="#" role="menuitem" class="nav-link">
@ -121,7 +121,7 @@
</div>
</nav>
<div id="sideLang" class="ms-auto">
<div id="side-lang" class="ms-auto">
<div class="col">
<label for="lang">Choisir la langue</label>
<select id="lang" class="lang-select form-select form-select-sm" aria-label="Select language">
@ -3662,11 +3662,11 @@
</form>
</div>
<div id="searchTotalResults" class="alert alert-warning mt-3">
<div id="search-total-results" class="alert alert-warning mt-3">
XX profils correspondent à votre recherche
</div>
<div id="tandemSearchResults">
<div id="tandem-search-results">
<!-- profile test -->
<div class="profile">
<div class="row">
@ -3680,30 +3680,30 @@
<div class="row">
<div class="col-lg-6">
<div class="userGender">
<div class="user-gender">
<span class="label">Genre:</span>
<span>Féminin</span>
</div>
<div class="userMeet">
<div class="user-meet">
<span class="label">Mode de rencontre:</span>
<span>sur place et virtuel</span>
</div>
<div class="userMeetLocation">
<div class="user-meet-location">
<span class="label">Lieu de rencontre:</span>
<span>Bern</span>
</div>
<div class="userLastConnexion">
<div class="user-last-connexion">
<span class="label">Dernière connexion:</span>
<span>21 novembre 2024</span>
</div>
</div>
<div class="col-lg-6 align-self-end">
<div class="userGivenLanguages">
<div class="user-given-languages">
<span class="label">Langue(s) proposée(s):</span>
<span>Allemand (maternelle), Suisse-allemand (maternelle), Anglais (C1)</span>
</div>
<div class="userSearchedLanguages">
<div class="user-searched-languages">
<span class="label">Langue(s) recherchée(s):</span>
<span>Français</span>
</div>
@ -3714,7 +3714,7 @@
</p>
</div>
<div class="profile-options">
<button type="button" class="btn btn-cta rounded" data-bs-toggle="modal" data-bs-target="#alertModal">Proposer un TANDEM</button>
<button type="button" class="btn btn-cta rounded" data-bs-toggle="modal" data-bs-target="#alert-modal">Proposer un TANDEM</button>
<button type="button" class="btn btn-link" data-bs-toggle="modal" data-bs-target="#signal-modal">Signaler ce profil inapproprié</button>
</div>
</div>
@ -3733,30 +3733,30 @@
<div class="row">
<div class="col-lg-6">
<div class="userGender">
<div class="user-gender">
<span class="label">Genre:</span>
<span>Féminin</span>
</div>
<div class="userMeet">
<div class="user-meet">
<span class="label">Mode de rencontre:</span>
<span>sur place, en face à face</span>
</div>
<div class="userMeetLocation">
<div class="user-meet-location">
<span class="label">Lieu de rencontre:</span>
<span>Bern</span>
</div>
<div class="userLastConnexion">
<div class="user-last-connexion">
<span class="label">Dernière connexion:</span>
<span>25 novembre 2024</span>
</div>
</div>
<div class="col-lg-6 align-self-end">
<div class="userGivenLanguages">
<div class="user-given-languages">
<span class="label">Langue(s) proposée(s):</span>
<span>Allemand (maternelle), Croate (maternelle)</span>
</div>
<div class="userSearchedLanguages">
<div class="user-searched-languages">
<span class="label">Langue(s) recherchée(s):</span>
<span>Français</span>
</div>
@ -3767,7 +3767,7 @@
</p>
</div>
<div class="profile-options">
<button type="button" class="btn btn-cta rounded" data-bs-toggle="modal" data-bs-target="#alertModal">Proposer un TANDEM</button>
<button type="button" class="btn btn-cta rounded" data-bs-toggle="modal" data-bs-target="#alert-modal">Proposer un TANDEM</button>
<button type="button" class="btn btn-link" data-bs-toggle="modal" data-bs-target="#signal-modal">Signaler ce profil inapproprié</button>
</div>
</div>
@ -3786,30 +3786,30 @@
<div class="row">
<div class="col-lg-6">
<div class="userGender">
<div class="user-gender">
<span class="label">Genre:</span>
<span>Non-binaire</span>
</div>
<div class="userMeet">
<div class="user-meet">
<span class="label">Mode de rencontre:</span>
<span>sur place, en face à face</span>
</div>
<div class="userMeetLocation">
<div class="user-meet-location">
<span class="label">Lieu de rencontre:</span>
<span>C:</span>
</div>
<div class="userLastConnexion">
<div class="user-last-connexion">
<span class="label">Dernière connexion:</span>
<span>16 décembre 2024</span>
</div>
</div>
<div class="col-lg-6 align-self-end">
<div class="userGivenLanguages">
<div class="user-given-languages">
<span class="label">Langue(s) proposée(s):</span>
<span>Assembleur (maternelle), binaire (maternelle)</span>
</div>
<div class="userSearchedLanguages">
<div class="user-searched-languages">
<span class="label">Langue(s) recherchée(s):</span>
<span>Toutes</span>
</div>
@ -3820,7 +3820,7 @@
</p>
</div>
<div class="profile-options">
<button type="button" class="btn btn-cta rounded" data-bs-toggle="modal" data-bs-target="#alertModal">Proposer un TANDEM</button>
<button type="button" class="btn btn-cta rounded" data-bs-toggle="modal" data-bs-target="#alert-modal">Proposer un TANDEM</button>
<button type="button" class="btn btn-link" data-bs-toggle="modal" data-bs-target="#signal-modal">Signaler ce profil inapproprié</button>
</div>
</div>
@ -3878,9 +3878,9 @@
</div>
<div class="mt-3">
<label class="form-label">Précisions</label>
<textarea name="signalDescription" id="signalDescription" class="form-control" placeholder="Précisez le motif de signalement" rows="4" maxlength="250"></textarea>
<textarea name="signal-description" id="signal-description" class="form-control" placeholder="Précisez le motif de signalement" rows="4" maxlength="250"></textarea>
</div>
<input type="hidden" id="userId" name="userId" value="12345" />
<input type="hidden" id="user-id" name="user-id" value="12345" />
</form>
</div>
@ -3892,7 +3892,7 @@
</div>
</div>
<div class="modal fade" id="alertModal" tabindex="-1" aria-label="Proposer un TANDEM" aria-hidden="true">
<div class="modal fade" id="alert-modal" tabindex="-1" aria-label="Proposer un TANDEM" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
@ -3901,7 +3901,7 @@
<div class="modal-body">
<form>
<p>Vous allez envoyer une demande de TANDEM à { userPseudo }, veuillez confirmer votre action.</p>
<input type="hidden" id="userId" name="userId" value="678910" />
<input type="hidden" id="user-id" name="user-id" value="678910" />
</form>
</div>