fixed id naming convention
This commit is contained in:
parent
e44c65cbce
commit
21f50f5ccd
11 changed files with 142 additions and 142 deletions
|
|
@ -20,7 +20,7 @@
|
|||
<a class="navbar-brand" href="home.html">
|
||||
<img src="static/img/logo/logo_e-tandem-Bilinguisme_FR.svg">
|
||||
</a>
|
||||
<button type="button" id="menu-toggle" class="navbar-toggler border-0" type="button" data-bs-toggle="offcanvas" data-bs-target="#mainNav" aria-controls="mainNav" aria-label="Toggle main menu">
|
||||
<button type="button" id="menuToggle" class="navbar-toggler border-0" type="button" data-bs-toggle="offcanvas" data-bs-target="#mainNav" aria-controls="mainNav" aria-label="Toggle main menu">
|
||||
<span class="custom-toggler navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="offcanvas offcanvas-end" tabindex="-1" id="mainNav" aria-label="Main menu" data-bs-scroll="false">
|
||||
|
|
@ -29,9 +29,9 @@
|
|||
</div> -->
|
||||
<div class="offcanvas-body">
|
||||
<nav class="side-menu" id="offSideMenu">
|
||||
<div class="user-avatar">
|
||||
<div class="userAvatar">
|
||||
<img src="static/img/avatars/default-avatar.svg" alt="Priscilla">
|
||||
<p class="user-pseudo">Forum du Bilinguisme</p>
|
||||
<p class="userPseudo">Forum du Bilinguisme</p>
|
||||
</div>
|
||||
<ul class="nav">
|
||||
<li class="nav-item">
|
||||
|
|
@ -123,7 +123,7 @@
|
|||
</div>
|
||||
|
||||
</nav>
|
||||
<div id="side-lang" class="ms-auto">
|
||||
<div id="sideLang" 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">
|
||||
|
|
@ -158,7 +158,7 @@
|
|||
|
||||
<section class="container-fluid">
|
||||
<div class="row my-3">
|
||||
<div id="secondary-nav" class="col-lg-3">
|
||||
<div id="secondNav" class="col-lg-3">
|
||||
<nav class="side-menu">
|
||||
<ul class="nav flex-column mb-auto">
|
||||
<li class="nav-item">
|
||||
|
|
@ -201,18 +201,18 @@
|
|||
</nav>
|
||||
</div>
|
||||
|
||||
<section id="tandem-list" class="col-lg-8">
|
||||
<section id="tandemList" class="col-lg-8">
|
||||
<div class="ui-btn">
|
||||
<a class="btn-link" data-bs-toggle="collapse" href="#search-filters" role="button" aria-expanded="false" aria-controls="search-filters"><span><img class="icon-ui" src="static/img/icons/filters.svg" alt=""></span>Filtrer</a>
|
||||
<a class="btn-link" data-bs-toggle="collapse" href="#searchFilters" role="button" aria-expanded="false" aria-controls="searchFilters"><span><img class="icon-ui" src="static/img/icons/filters.svg" alt=""></span>Filtrer</a>
|
||||
</div>
|
||||
<div id="search-filters" class="collapse">
|
||||
<div id="searchFilters" class="collapse">
|
||||
<form>
|
||||
<!-- Ajax form submit -->
|
||||
<div class="row">
|
||||
<div class="col-md-auto">
|
||||
<div class="align-items-center">
|
||||
<label class="col-form-label">Langue(s) proposée(s):</label>
|
||||
<select class="form-select" id="user-given-langs">
|
||||
<select class="form-select" id="userGivenLangs">
|
||||
<option>--------</option>
|
||||
<option>Français</option>
|
||||
<option>Deutsch</option>
|
||||
|
|
@ -226,7 +226,7 @@
|
|||
<div class="col-md-auto">
|
||||
<div class="align-items-center">
|
||||
<label class="col-form-label">Langue(s) recherchée(s):</label>
|
||||
<select class="form-select" id="user-searched-langs">
|
||||
<select class="form-select" id="userSearchedLangs">
|
||||
<option>--------</option>
|
||||
<option>Français</option>
|
||||
<option>Deutsch</option>
|
||||
|
|
@ -241,7 +241,7 @@
|
|||
<div class="col-md-auto">
|
||||
<div class="align-items-center">
|
||||
<label class="col-form-label">Lieu de rencontre:</label>
|
||||
<select class="form-select" id="user-searched-location">
|
||||
<select class="form-select" id="userSearchedLocation">
|
||||
<option selected value="">Indifférent</option>
|
||||
<!-- Note: doesn't know what's the value for each town as it doesn't match the real NPA.
|
||||
eg: Delémont is 2800. Maybe it's the database index -->
|
||||
|
|
@ -3666,13 +3666,13 @@
|
|||
<div class="col-md-3">
|
||||
<div class="align-items-center">
|
||||
<label class="col-form-label">Distance:</label>
|
||||
<input type="number" class="form-control" id="user-searched-distance" placeholder="Distance (km)" step="1">
|
||||
<input type="number" class="form-control" id="userSearchedRadius" placeholder="Distance (km)" step="1">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-auto">
|
||||
<div class="align-items-center">
|
||||
<label class="col-form-label">Canton:</label>
|
||||
<select class="form-select" id="user-searched-location">
|
||||
<select class="form-select" id="userSearchedLocation">
|
||||
<option value="" selected>Tous les cantons</option>
|
||||
<option value="AG">AG</option>
|
||||
<option value="AI">AI</option>
|
||||
|
|
@ -3707,7 +3707,7 @@
|
|||
<div class="col-md-auto">
|
||||
<div class="align-items-center">
|
||||
<label class="col-form-label">Genre:</label>
|
||||
<select class="form-select" id="user-searched-gender">
|
||||
<select class="form-select" id="userSearchedGender">
|
||||
<option>Indifférent</option>
|
||||
<option>Feminin</option>
|
||||
<option>Masculin</option>
|
||||
|
|
@ -3718,68 +3718,68 @@
|
|||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div id="search-total-results" class="alert alert-warning mt-3">
|
||||
<div id="searchTotalResults" class="alert alert-warning mt-3">
|
||||
XX profils correspondent à votre recherche
|
||||
</div>
|
||||
|
||||
<div id="tandem-search-results">
|
||||
<div id="tandemSearchResults">
|
||||
<!-- profile test -->
|
||||
<div class="profile">
|
||||
<div class="row">
|
||||
<div class="col-lg-2">
|
||||
<div class="user-avatar">
|
||||
<div class="userAvatar">
|
||||
<img src="static/img/avatars/default-avatar.svg" alt="Priscilla">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-9">
|
||||
<h4 class="user-pseudo display-6 fw-bold">Priscilla</h4>
|
||||
<h4 class="userPseudo display-6 fw-bold">Priscilla</h4>
|
||||
<div class="row">
|
||||
|
||||
<div class="col-lg-6">
|
||||
<div class="user-gender">
|
||||
<div class="userGender">
|
||||
<span class="label">Genre:</span>
|
||||
<span>Féminin</span>
|
||||
</div>
|
||||
<div class="user-meet">
|
||||
<div class="userMeet">
|
||||
<span class="label">Mode de rencontre:</span>
|
||||
<span>sur place et virtuel</span>
|
||||
</div>
|
||||
<div class="user-meet-location">
|
||||
<div class="userMeetLocation">
|
||||
<span class="label">Lieu de rencontre:</span>
|
||||
<span>Bern</span>
|
||||
</div>
|
||||
<div class="user-last-connexion">
|
||||
<div class="userLastConnexion">
|
||||
<span class="label">Dernière connexion:</span>
|
||||
<span>21 novembre 2024</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-6 align-self-end">
|
||||
<div class="user-given-languages">
|
||||
<div class="userGivenLanguages">
|
||||
<span class="label">Langue(s) proposée(s):</span>
|
||||
<span>Allemand, Suisse-allemand, Anglais</span>
|
||||
</div>
|
||||
<div class="user-searched-languages">
|
||||
<div class="userSearchedLanguages">
|
||||
<span class="label">Langue(s) recherchée(s):</span>
|
||||
<span>Français</span>
|
||||
</div>
|
||||
<div class="user-main-language1">
|
||||
<div class="userMainLanguage1">
|
||||
<span class="label">Langue maternelle 1:</span>
|
||||
<span>Allemand</span>
|
||||
</div>
|
||||
<div class="user-main-language2">
|
||||
<div class="userMainLanguage2">
|
||||
<span class="label">Langue maternelle 2:</span>
|
||||
<span>Suisse-allemand</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<p class="user-description">
|
||||
<p class="userDescription">
|
||||
Ich möchte gerne meine Französischkenntnisse verbessern. In meiner Freizeit male bzw. illustriere ich, lese, mache Yoga oder verbringe Zeit in der Natur. Ich komme aus Thun, arbeite aber in Bern. Gerne unterstütze ich dich dabei, deine Deutschkenntnisse zu verbessern.
|
||||
</p>
|
||||
</div>
|
||||
<div class="profile-options">
|
||||
<div class="profileOptions">
|
||||
<button type="button" class="btn btn-cta rounded">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>
|
||||
<button type="button" class="btn btn-link" data-bs-toggle="modal" data-bs-target="#signalModal">Signaler ce profil inapproprié</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -3788,59 +3788,59 @@
|
|||
<div class="profile">
|
||||
<div class="row">
|
||||
<div class="col-lg-2">
|
||||
<div class="user-avatar">
|
||||
<div class="userAvatar">
|
||||
<img src="static/img/avatars/55238.jpg" alt="Petra Horvat-Puzak">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-9">
|
||||
<h4 class="user-pseudo display-6 fw-bold">Petra Horvat-Puzak</h4>
|
||||
<h4 class="userPseudo display-6 fw-bold">Petra Horvat-Puzak</h4>
|
||||
<div class="row">
|
||||
|
||||
<div class="col-lg-6">
|
||||
<div class="user-gender">
|
||||
<div class="userGender">
|
||||
<span class="label">Genre:</span>
|
||||
<span>Féminin</span>
|
||||
</div>
|
||||
<div class="user-meet">
|
||||
<div class="userMeet">
|
||||
<span class="label">Mode de rencontre:</span>
|
||||
<span>sur place, en face à face</span>
|
||||
</div>
|
||||
<div class="user-meet-location">
|
||||
<div class="userMeetLocation">
|
||||
<span class="label">Lieu de rencontre:</span>
|
||||
<span>Bern</span>
|
||||
</div>
|
||||
<div class="user-last-connexion">
|
||||
<div class="userLastConnexion">
|
||||
<span class="label">Dernière connexion:</span>
|
||||
<span>25 novembre 2024</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-6 align-self-end">
|
||||
<div class="user-given-languages">
|
||||
<div class="userGivenLanguages">
|
||||
<span class="label">Langue(s) proposée(s):</span>
|
||||
<span>Allemand, Croate</span>
|
||||
</div>
|
||||
<div class="user-searched-languages">
|
||||
<div class="userSearchedLanguages">
|
||||
<span class="label">Langue(s) recherchée(s):</span>
|
||||
<span>Français</span>
|
||||
</div>
|
||||
<div class="user-main-language1">
|
||||
<div class="userMainLanguage1">
|
||||
<span class="label">Langue maternelle 1:</span>
|
||||
<span>Allemand</span>
|
||||
</div>
|
||||
<div class="user-main-language2">
|
||||
<div class="userMainLanguage2">
|
||||
<span class="label">Langue maternelle 2:</span>
|
||||
<span>Croate</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<p class="user-description">
|
||||
<p class="userDescription">
|
||||
Ich möchte meine Französischkenntnisse v.A. mündlich verbessern um im Berufsalltag ungehemmter und einfacher kommunizieren zu können. Ist eingerostet, da ich es sehr wenig brauchte. Bin 39jährig, mag die Natur und Musik, habe 2 Töchter. Am liebsten möchte ich mich in Persona treffen, aber wir können auch mit online abwechseln. Kann zu Bürozeiten oder Do/Fr nach Feierabend.
|
||||
</p>
|
||||
</div>
|
||||
<div class="profile-options">
|
||||
<div class="profileOptions">
|
||||
<button type="button" class="btn btn-cta rounded" >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>
|
||||
<button type="button" class="btn btn-link" data-bs-toggle="modal" data-bs-target="#signalModal">Signaler ce profil inapproprié</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -3876,11 +3876,11 @@
|
|||
</footer>
|
||||
|
||||
<!-- Modal -->
|
||||
<div class="modal fade" id="signal-modal" tabindex="-1" aria-label="Signaler un utilisateur" aria-hidden="true">
|
||||
<div class="modal fade" id="signalModal" tabindex="-1" aria-label="Signaler un utilisateur" aria-hidden="true">
|
||||
<div class="modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title">Signaler le profil de<br>{user-pseudo}</h5>
|
||||
<h5 class="modal-title">Signaler le profil de<br>{ userPseudo }</h5>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fermer"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
|
|
@ -3898,7 +3898,7 @@
|
|||
</div>
|
||||
<div class="mt-3">
|
||||
<label class="form-label">Précisions</label>
|
||||
<textarea name="signal-description" id="signal-description" class="form-control" placeholder="Précisez le motif de signalement" rows="4" maxlength="250"></textarea>
|
||||
<textarea name="signalDescription" id="signalDescription" 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" />
|
||||
</form>
|
||||
|
|
@ -3906,7 +3906,7 @@
|
|||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Annuler</button>
|
||||
<button type="button" class="btn btn-primary">Envoyer</button>
|
||||
<button type="button" class="btn btn-primary">Signaler</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue