kebab-case
This commit is contained in:
parent
a1e4027533
commit
202d727b71
11 changed files with 78 additions and 78 deletions
|
|
@ -23,7 +23,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">
|
||||
|
|
@ -83,9 +83,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">
|
||||
|
|
@ -119,7 +119,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">
|
||||
|
|
@ -194,7 +194,7 @@
|
|||
</nav>
|
||||
</div>
|
||||
|
||||
<section id="invitationsList" class="col-lg-8">
|
||||
<section id="invitations-list" class="col-lg-8">
|
||||
|
||||
<div id="invitations-results">
|
||||
<!-- <div class="invitation">
|
||||
|
|
@ -209,14 +209,14 @@
|
|||
<p>Demande envoyée le 12.12.2024</p>
|
||||
</div>
|
||||
<div class="invitation-options col-md-auto">
|
||||
<button type="button" class="btn btn-cta rounded" data-bs-toggle="modal" data-bs-target="#alertModal">Annuler cette demande</button>
|
||||
<button type="button" class="btn btn-cta rounded" data-bs-toggle="modal" data-bs-target="#alert-modal">Annuler cette demande</button>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
<section class="panel">
|
||||
<h1 class="fs-2">Demandes en cours</h1>
|
||||
<h2 class="fs-4 mt-4">Demandes envoyées</h2>
|
||||
<ul id="sentInvitations">
|
||||
<ul id="sent-invitations">
|
||||
<li class="invitation">
|
||||
<div class="user-avatar"><img src="static/img/avatars/55238.jpg" alt="Priscilla"></div>
|
||||
<div>
|
||||
|
|
@ -224,7 +224,7 @@
|
|||
<p class="date">Envoyée le 12.12.2024</p>
|
||||
</div>
|
||||
<div class="invitation-options ms-auto">
|
||||
<button type="button" class="btn btn-icon ms-auto" data-bs-toggle="modal" data-bs-target="#cancelModal">
|
||||
<button type="button" class="btn btn-icon ms-auto" data-bs-toggle="modal" data-bs-target="#cancel-modal">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon-ui">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="m9.75 9.75 4.5 4.5m0-4.5-4.5 4.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
|
||||
</svg>
|
||||
|
|
@ -239,7 +239,7 @@
|
|||
<p class="date">Envoyée le 16.12.2024</p>
|
||||
</div>
|
||||
<div class="invitation-options ms-auto">
|
||||
<button type="button" class="btn btn-icon ms-auto" data-bs-toggle="modal" data-bs-target="#cancelModal">
|
||||
<button type="button" class="btn btn-icon ms-auto" data-bs-toggle="modal" data-bs-target="#cancel-modal">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon-ui">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="m9.75 9.75 4.5 4.5m0-4.5-4.5 4.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
|
||||
</svg>
|
||||
|
|
@ -249,7 +249,7 @@
|
|||
</li>
|
||||
</ul>
|
||||
<h2 class="fs-4 mt-4">Demandes reçues</h2>
|
||||
<ul id="receivedInvitations">
|
||||
<ul id="received-invitations">
|
||||
<li class="invitation">
|
||||
<div class="user-avatar"><img src="static/img/avatars/t800.jpg" alt="T800"></div>
|
||||
<div>
|
||||
|
|
@ -257,13 +257,13 @@
|
|||
<p class="date">Reçue le 10.12.2024</p>
|
||||
</div>
|
||||
<div class="invitation-options ms-auto">
|
||||
<button type="button" class="btn btn-icon" data-bs-toggle="modal" data-bs-target="#acceptModal">
|
||||
<button type="button" class="btn btn-icon" data-bs-toggle="modal" data-bs-target="#accept-modal">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon-ui">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
|
||||
</svg>
|
||||
<span>Accepter</span>
|
||||
</button>
|
||||
<button type="button" class="btn btn-icon" data-bs-toggle="modal" data-bs-target="#denyModal">
|
||||
<button type="button" class="btn btn-icon" data-bs-toggle="modal" data-bs-target="#deny-modal">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon-ui">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="m9.75 9.75 4.5 4.5m0-4.5-4.5 4.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
|
||||
</svg>
|
||||
|
|
@ -278,13 +278,13 @@
|
|||
<p class="date">Reçue le 12.12.2024</p>
|
||||
</div>
|
||||
<div class="invitation-options ms-auto">
|
||||
<button type="button" class="btn btn-icon" data-bs-toggle="modal" data-bs-target="#acceptModal">
|
||||
<button type="button" class="btn btn-icon" data-bs-toggle="modal" data-bs-target="#accept-modal">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon-ui">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
|
||||
</svg>
|
||||
<span>Accepter</span>
|
||||
</button>
|
||||
<button type="button" class="btn btn-icon" data-bs-toggle="modal" data-bs-target="#denyModal">
|
||||
<button type="button" class="btn btn-icon" data-bs-toggle="modal" data-bs-target="#deny-modal">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="icon-ui">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="m9.75 9.75 4.5 4.5m0-4.5-4.5 4.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
|
||||
</svg>
|
||||
|
|
@ -297,7 +297,7 @@
|
|||
|
||||
<section class="panel mt-4">
|
||||
<h1 class="fs-2">Historique des demandes</h1>
|
||||
<ul id="archivedInvitations" class="mt-4">
|
||||
<ul id="archived-invitations" class="mt-4">
|
||||
<li class="invitation">
|
||||
<div class="user-avatar"><img src="static/img/avatars/default-avatar.svg" alt="Eric B."></div>
|
||||
<div>
|
||||
|
|
@ -359,7 +359,7 @@
|
|||
</footer>
|
||||
|
||||
<!-- Modal -->
|
||||
<div class="modal fade" id="cancelModal" tabindex="-1" aria-label="Annuler la demande de TANDEM" aria-hidden="true">
|
||||
<div class="modal fade" id="cancel-modal" tabindex="-1" aria-label="Annuler la demande de TANDEM" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
|
|
@ -369,7 +369,7 @@
|
|||
<form>
|
||||
<p>Vous allez annuler votre demande de TANDEM avec { userPseudo }, veuillez confirmer votre action.</p>
|
||||
<p>En cliquant sur Retirer, { userPseudo } sera notifié de cette annulation.</p>
|
||||
<input type="hidden" id="userId" name="userId" value="678910" />
|
||||
<input type="hidden" id="user-id" name="user-id" value="678910" />
|
||||
</form>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
|
|
@ -380,7 +380,7 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="modal fade" id="denyModal" tabindex="-1" aria-label="Refuser la demande de TANDEM" aria-hidden="true">
|
||||
<div class="modal fade" id="deny-modal" tabindex="-1" aria-label="Refuser la demande de TANDEM" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
|
|
@ -390,7 +390,7 @@
|
|||
<form>
|
||||
<p>Vous allez refuser la demande de TANDEM effectuée par { userPseudo }, veuillez confirmer votre action.</p>
|
||||
<p>En cliquant sur Refuser, { userPseudo } sera notifié de ce refus.</p>
|
||||
<input type="hidden" id="userId" name="userId" value="678910" />
|
||||
<input type="hidden" id="user-id" name="user-id" value="678910" />
|
||||
</form>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
|
|
@ -401,7 +401,7 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class="modal fade" id="acceptModal" tabindex="-1" aria-label="Accepter la demande de TANDEM" aria-hidden="true">
|
||||
<div class="modal fade" id="accept-modal" tabindex="-1" aria-label="Accepter la demande de TANDEM" aria-hidden="true">
|
||||
<div class="modal-dialog modal-dialog-centered">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
|
|
@ -411,7 +411,7 @@
|
|||
<form>
|
||||
<p>Vous allez accepter la demande de TANDEM effectuée par { userPseudo }.</p>
|
||||
<p>En cliquant sur Accepter, { userPseudo } sera notifié de votre acceptation et vous pourrez commencer votre TANDEM immédiatement.</p>
|
||||
<input type="hidden" id="userId" name="userId" value="678910" />
|
||||
<input type="hidden" id="user-id" name="user-id" value="678910" />
|
||||
</form>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue