set front
This commit is contained in:
jleroy2023
101
templates/frontend/outings-show.html.twig
Normal file
101
templates/frontend/outings-show.html.twig
Normal file
@@ -0,0 +1,101 @@
|
||||
{% extends 'base.html.twig' %}
|
||||
|
||||
{% block title %}
|
||||
|
||||
{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
<h2 class="my-5 text-center align-items-center light:text-light-primary dark:text-light-font">
|
||||
{% if consultMode == 'create' %}
|
||||
Créer une sortie
|
||||
{% elseif consultMode == 'modif' %}
|
||||
Modifier la sortie
|
||||
{% else %}
|
||||
Sortie
|
||||
{% endif %}
|
||||
</h2>
|
||||
|
||||
<form class="container row mx-auto">
|
||||
<div class="col-lg-6 col-12">
|
||||
<div class="col-12 mb-3">
|
||||
<label for="name" class="form-label">Nom de la sortie :</label>
|
||||
<input type="text" class="form-control" id="name" placeholder="Sortie au bar...">
|
||||
</div>
|
||||
<div class="col-12 mb-3">
|
||||
<label for="outingDate" class="form-label">Date et heure de la sortie :</label>
|
||||
<input type="date" class="form-control" id="outingDate" style="width:fit-content">
|
||||
</div>
|
||||
<div class="col-12 mb-3">
|
||||
<label for="limit-date" class="form-label">Date limite d'inscription :</label>
|
||||
<input type="date" class="form-control" id="limit-date" style="width:fit-content">
|
||||
</div>
|
||||
<div class="col-12 mb-3">
|
||||
<label for="size" class="form-label">Nombre de places :</label>
|
||||
<input type="number" class="form-control" id="size" min="0" style="width:fit-content">
|
||||
</div>
|
||||
<div class="col-12 mb-3">
|
||||
<label for="duration" class="form-label">Durée (en minutes) :</label>
|
||||
<input type="number" class="form-control" id="duration" min="0" style="width:fit-content">
|
||||
</div>
|
||||
<div class="col-12 mb-3">
|
||||
<label for="description" class="form-label">Description et infos :</label>
|
||||
<textarea name="description" id="description" rows="8" class="form-control"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-6 col-12">
|
||||
<div class="col-12 mb-3">
|
||||
<label for="organizingCity" class="form-label">Ville organisatrice :</label>
|
||||
<p>Nantes</p>
|
||||
</div>
|
||||
<div class="col-12 mb-3">
|
||||
<label for="city" class="form-label">Ville : </label>
|
||||
<select id="city" class="form-select">
|
||||
<!-- TODO METTRE VILLES EN TWIG -->
|
||||
<option selected=""></option>
|
||||
<option>Nantes</option>
|
||||
<option>Rennes</option>
|
||||
<option>Perpignan</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-12 mb-3">
|
||||
<label for="place" class="form-label">Lieu : </label>
|
||||
<select id="place" class="form-select">
|
||||
<!-- TODO METTRE LIEUX EN TWIG -->
|
||||
<option selected=""></option>
|
||||
<option>Berlin 1989</option>
|
||||
<option>Le Warehouse</option>
|
||||
<option>Parc de Procé</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="col-12 mb-3">
|
||||
<label for="name" class="form-label">Rue :</label>
|
||||
<input type="text" class="form-control" id="name" placeholder="Rue">
|
||||
</div>
|
||||
<div class="col-12 mb-3">
|
||||
<label for="name" class="form-label">Code postal :</label>
|
||||
<input type="text" class="form-control" id="name" placeholder="Code postal">
|
||||
</div>
|
||||
<div class="col-12 mb-3">
|
||||
<label for="latitude" class="form-label">Latitude :</label>
|
||||
<input type="text" class="form-control" id="latitude" placeholder="Latitude">
|
||||
</div>
|
||||
<div class="col-12 mb-3">
|
||||
<label for="longitude" class="form-label">Longitude :</label>
|
||||
<input type="text" class="form-control" id="longitude" placeholder="Longitude">
|
||||
</div>
|
||||
|
||||
<div class="col-12 mb-3">
|
||||
<label for="maPhoto" class="form-label">Photo pour la sortie</label>
|
||||
<input class="form-control" type="file" id="maPhoto">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="button-container d-flex justify-content-center">
|
||||
<button type="submit" class="btn btn-lg btn-primary m-2">Enregistrer</button>
|
||||
<button type="submit" class="btn btn-lg btn-warning m-2">Publier la sortie</button>
|
||||
<button class="btn btn-lg btn-danger m-2">Annuler</button>
|
||||
</div>
|
||||
</form>
|
||||
{% endblock %}
|
||||
152
templates/frontend/outings.html.twig
Normal file
152
templates/frontend/outings.html.twig
Normal file
@@ -0,0 +1,152 @@
|
||||
{% extends 'base.html.twig' %}
|
||||
|
||||
{% block title %}{{ parent() }} | Sorties{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
<div class="container mt-5">
|
||||
<div class="row d-flex justify-content-center">
|
||||
|
||||
<!-- Partie formulaire -->
|
||||
<div class="col-md-10">
|
||||
<form class="card p-3 bg-light py-4 shadow-sm">
|
||||
<h5>Filtrez les sorties :</h5>
|
||||
<div class="col-lg-11 col-12 mx-auto">
|
||||
<div class="my-3">
|
||||
<label for="main-search" class="form-label">Le nom de la sortie contient</label>
|
||||
<input type="text" class="form-control" id="main-search" placeholder="Sortie au bar...">
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-12 col-lg-7">
|
||||
<div class="col-12">
|
||||
<label for="site" class="form-label">Site</label>
|
||||
<select id="site" class="form-select">
|
||||
<!-- TODO METTRE SITES EN TWIG -->
|
||||
<option selected=""></option>
|
||||
<option>ENI Nantes</option>
|
||||
<option>ENI Rennes</option>
|
||||
<option>ENI Perpignan</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<div class="row mt-3">
|
||||
<div class="col-6">
|
||||
<label for="begin-date" class="form-label">Entre le</label>
|
||||
<!-- TODO METTRE LE MINIMUM DATE AUJOURD'HUI -->
|
||||
<input type="date" id="begin-date" class="form-control">
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<label for="end-date" class="form-label">Et le</label>
|
||||
<input type="date" id="end-date" class="form-control">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-lg-5 my-lg-auto my-sm-3">
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" id="check-1">
|
||||
<label class="form-check-label" for="check-1">Sortie dont je suis l'organisateur/trice</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" id="check-2">
|
||||
<label class="form-check-label" for="check-2">Sorties auxquelles je suis inscrit/e</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" id="check-3">
|
||||
<label class="form-check-label" for="check-3">Sorties auxquelles je ne suis pas inscrit/e</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input class="form-check-input" type="checkbox" id="check-4">
|
||||
<label class="form-check-label" for="check-4">Sorties passées</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 mx-auto mt-4">
|
||||
<button type="submit" class="btn btn-lg btn-primary">Rechercher</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<!-- Partie résultat -->
|
||||
<div class="col-12 mt-5 d-flex justify-content-center flex-wrap">
|
||||
<!-- TODO foreach sorties -->
|
||||
<div class="card col-lg-3 col-5 m-1">
|
||||
<!-- TODO FAIRE UN IF SI INSCRIT -->
|
||||
<div class="card-header">
|
||||
<p class="text-success mx-auto my-0">Vous êtes inscrit</p>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">NOM DE LA SORTIE (BLABLABLA JE RAJOUTE DU TEXTE SI CEST LONG)</h5>
|
||||
<h6 class="card-subtitle mb-2 text-muted">Le 30/01/2024 à 18h30</h6>
|
||||
<p class="card-text">Description, s'il y en a une</p>
|
||||
<hr>
|
||||
<h6 class="card-subtitle mb-1 text-muted">Nombre d'inscrits : 7/8</h6>
|
||||
<h6 class="card-subtitle mb-2 text-danger">Clôture le 29/01/2024 à 18h30</h6>
|
||||
<p class="mb-2">Organisateur : <a class="card-link">totodu43</a></p> <!-- TODO REDIRIGER VERS L'UTILISATEUR -->
|
||||
|
||||
<div class="mx-auto">
|
||||
<a href="#" class="btn btn-primary">Plus d'infos</a>
|
||||
<a href="#" class="btn btn-danger">Se désister</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card col-lg-3 col-5 m-1">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">NOM DE LA SORTIE (BLABLABLA JE RAJOUTE DU TEXTE SI CEST LONG)</h5>
|
||||
<h6 class="card-subtitle mb-2 text-muted">Le 30/01/2024 à 18h30</h6>
|
||||
<p class="card-text">Description, s'il y en a une (longue description longue description longue description)</p>
|
||||
<hr>
|
||||
<h6 class="card-subtitle mb-1 text-muted">Nombre d'inscrits : 7/8</h6>
|
||||
<h6 class="card-subtitle mb-2 text-danger">Clôture le 29/01/2024 à 18h30</h6>
|
||||
<p class="mb-2">Organisateur : <a class="card-link">totodu43</a></p> <!-- TODO REDIRIGER VERS L'UTILISATEUR -->
|
||||
|
||||
<div class="mx-auto">
|
||||
<a href="#" class="btn btn-primary">Plus d'infos</a>
|
||||
<a href="#" class="btn btn-success">S'inscrire</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card col-lg-3 col-5 m-1">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">NOM DE LA SORTIE (BLABLABLA JE RAJOUTE DU TEXTE SI CEST LONG)</h5>
|
||||
<h6 class="card-subtitle mb-2 text-muted">Le 30/01/2024 à 18h30</h6>
|
||||
<p class="card-text">Description, s'il y en a une (longue description longue description longue description)</p>
|
||||
<hr>
|
||||
<h6 class="card-subtitle mb-1 text-muted">Nombre d'inscrits : 7/8</h6>
|
||||
<h6 class="card-subtitle mb-2 text-danger">Clôture le 29/01/2024 à 18h30</h6>
|
||||
<p class="mb-2">Organisateur : <a class="card-link">totodu43</a></p> <!-- TODO REDIRIGER VERS L'UTILISATEUR -->
|
||||
|
||||
<div class="mx-auto">
|
||||
<a href="#" class="btn btn-primary">Plus d'infos</a>
|
||||
<a href="#" class="btn btn-success">S'inscrire</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card col-lg-3 col-5 m-1">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">NOM DE LA SORTIE (BLABLABLA JE RAJOUTE DU TEXTE SI CEST LONG)</h5>
|
||||
<h6 class="card-subtitle mb-2 text-muted">Le 30/01/2024 à 18h30</h6>
|
||||
<p class="card-text">Description, s'il y en a une (longue description longue description longue description)</p>
|
||||
<hr>
|
||||
<h6 class="card-subtitle mb-1 text-muted">Nombre d'inscrits : 7/8</h6>
|
||||
<h6 class="card-subtitle mb-2 text-danger">Clôture le 29/01/2024 à 18h30</h6>
|
||||
<p class="mb-2">Organisateur : <a class="card-link">totodu43</a></p> <!-- TODO REDIRIGER VERS L'UTILISATEUR -->
|
||||
|
||||
<div class="mx-auto">
|
||||
<a href="#" class="btn btn-primary">Plus d'infos</a>
|
||||
<a href="#" class="btn btn-success">S'inscrire</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
56
templates/frontend/profile-readonly.html.twig
Normal file
56
templates/frontend/profile-readonly.html.twig
Normal file
@@ -0,0 +1,56 @@
|
||||
{% extends 'base.html.twig' %}
|
||||
|
||||
{% block title %}
|
||||
Mon Profil
|
||||
{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
<div class="container mt-5 d-flex flex-column justify-content-center align-items-center profile-page">
|
||||
<div class="col-12 col-lg-6 mx-auto mb-3 bg-light p-4 card shadow-sm">
|
||||
<div class="d-flex flex-column align-items-center">
|
||||
<h2 class="mb-4 text-center">ShrekDu44</h2>
|
||||
<img src="{{ asset('placeholder.jpg') }}" class="profile-picture rounded-circle mb-5" alt="">
|
||||
</div>
|
||||
<div class="form-group row mb-3">
|
||||
<label for="prenom" class="col-sm-4 col-form-label">Prénom</label>
|
||||
<div class="col-sm-8">
|
||||
<p class="form-control-plaintext" id="prenom">Shrek</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group row mb-3">
|
||||
<label for="nom" class="col-sm-4 col-form-label">Nom</label>
|
||||
<div class="col-sm-8">
|
||||
<p class="form-control-plaintext" id="nom">Placeholder</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group row mb-3">
|
||||
<label for="telephone" class="col-sm-4 col-form-label">Téléphone</label>
|
||||
<div class="col-sm-8">
|
||||
<p class="form-control-plaintext" id="telephone">0780078007</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group row mb-3">
|
||||
<label for="email" class="col-sm-4 col-form-label">Email</label>
|
||||
<div class="col-sm-8">
|
||||
<p class="form-control-plaintext" id="email">shrek@romainpourquoiencorecetteimage.fr</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group row mb-3">
|
||||
<label for="ville" class="col-sm-4 col-form-label">Ville de rattachement</label>
|
||||
<div class="col-sm-8">
|
||||
<p class="form-control-plaintext" id="ville">ENI Nantes</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group row mb-3">
|
||||
<div class="col-sm-10 mx-auto text-center">
|
||||
<a href="#" class="btn btn-lg btn-danger mt-3 mx-2">Retour</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
87
templates/frontend/profile.html.twig
Normal file
87
templates/frontend/profile.html.twig
Normal file
@@ -0,0 +1,87 @@
|
||||
{% extends 'base.html.twig' %}
|
||||
|
||||
{% block title %}
|
||||
Mon Profil
|
||||
{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
<div class="container mt-5 d-flex flex-column justify-content-center align-items-center profile-page">
|
||||
<h2 class="mb-4 text-center align-items-center">Mon profil</h2>
|
||||
<img src="{{ asset('placeholder.jpg') }}" class="rounded-circle mb-5 profile-picture" alt="">
|
||||
<form class="col-12 col-lg-6 mx-auto mb-3 bg-light p-4 card shadow-sm">
|
||||
<div class="form-group row mb-3">
|
||||
<label for="pseudo" class="col-sm-4 col-form-label">Pseudo</label>
|
||||
<div class="col-sm-8">
|
||||
<input type="text" class="form-control" id="pseudo" placeholder="Votre pseudo">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group row mb-3">
|
||||
<label for="prenom" class="col-sm-4 col-form-label">Prénom</label>
|
||||
<div class="col-sm-8">
|
||||
<input type="text" class="form-control" id="prenom" placeholder="Votre prénom">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group row mb-3">
|
||||
<label for="nom" class="col-sm-4 col-form-label">Nom</label>
|
||||
<div class="col-sm-8">
|
||||
<input type="text" class="form-control" id="nom" placeholder="Votre nom">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group row mb-3">
|
||||
<label for="telephone" class="col-sm-4 col-form-label">Téléphone</label>
|
||||
<div class="col-sm-8">
|
||||
<input type="tel" class="form-control" id="telephone" placeholder="Votre numéro de téléphone">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group row mb-3">
|
||||
<label for="email" class="col-sm-4 col-form-label">Email</label>
|
||||
<div class="col-sm-8">
|
||||
<input type="email" class="form-control" id="email" placeholder="Votre adresse email">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group row mb-3">
|
||||
<label for="motDePasse" class="col-sm-4 col-form-label">Mot de passe</label>
|
||||
<div class="col-sm-8">
|
||||
<input type="password" class="form-control" id="motDePasse" placeholder="Votre mot de passe">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group row mb-3">
|
||||
<label for="confirmation" class="col-sm-4 col-form-label">Confirmation</label>
|
||||
<div class="col-sm-8">
|
||||
<input type="password" class="form-control" id="confirmation" placeholder="Confirmez votre mot de passe">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group row mb-3">
|
||||
<label for="ville" class="col-sm-4 col-form-label">Ville de rattachement</label>
|
||||
<div class="col-sm-8">
|
||||
<select class="form-control" id="ville">
|
||||
<option value="ville1">Ville 1</option>
|
||||
<option value="ville2">Ville 2</option>
|
||||
<option value="ville3">Ville 3</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group row mb-3">
|
||||
<label for="maPhoto" class="col-sm-4 col-form-label">Ma photo</label>
|
||||
<div class="col-sm-8">
|
||||
<input class="form-control" type="file" id="maPhoto">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group row mb-3">
|
||||
<div class="col-sm-10 mx-auto text-center">
|
||||
<button type="submit" class="btn btn-lg btn-primary mt-3 mx-2">Enregistrer</button>
|
||||
<button type="submit" class="btn btn-lg btn-danger mt-3 mx-2">Annuler</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
{% endblock %}
|
||||
Reference in New Issue
Block a user