CARIA.2.0
Suite de la version 1.0.0 repo CARIA - Enormement de modification. - Restructuration du code - Optimisation - Debug . . . Phase de test en cours !
This commit is contained in:
ccunatbrule
76
vue/connexion.html
Normal file
76
vue/connexion.html
Normal file
@@ -0,0 +1,76 @@
|
||||
<?php include 'header.html'; ?>
|
||||
<section id="content" class="page-content text-center py-3">
|
||||
<div class="row justify-content-center py-3">
|
||||
<div class="col-lg-5">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h3>Connexion</h3>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<form method="post" action="index.php">
|
||||
<fieldset>
|
||||
<div class="mb-3">
|
||||
<label class="form-label" for="pseudo_connect">Pseudo :</label>
|
||||
<input name="pseudo_connect" type="text" class="form-control form-control-sm" id="pseudo_connect" autocomplete="username" maxlength="25" required>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label class="form-label" for="password_connect">Mot de passe :</label>
|
||||
<input type="password" name="password_connect" class="form-control" id="password_connect" autocomplete="current-password" maxlength="32" required>
|
||||
</div>
|
||||
</fieldset>
|
||||
<div class="mb-3">
|
||||
<input type="submit" value="Connexion" class="btn btn-primary">
|
||||
</div>
|
||||
</form>
|
||||
<a href="inscription.php">Pas encore inscrit ?</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row py-3">
|
||||
<div class="col">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h3>La plateforme en chiffre</h3>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<p>La plateforme compte <strong><?php echo $TotalDesMembres; ?></strong> membres.</p>
|
||||
<p><strong><?php echo $TotalDesVehicules; ?></strong> véhicules disponibles à la réservation sur la plateforme.</p>
|
||||
<p><a href="./profil.php?m=<?php echo $data['id']; ?>&action=consulter"><?php echo $derniermembre; ?></a> est le dernier membre inscrit.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row justify-content-center py-3">
|
||||
<div class="col-lg-9">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h3>Contact</h3>
|
||||
<div class="alert alert-info" role="alert">Formulaire actuellement désactivé</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<form>
|
||||
<div class="mb-3">
|
||||
<label for="name" class="form-label">Nom et Prénom *</label>
|
||||
<input type="text" class="form-control" id="name" name="name" readonly required>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="email" class="form-label">Adresse e-mail *</label>
|
||||
<input type="email" class="form-control" id="email" name="email" readonly required>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="subject" class="form-label">Sujet</label>
|
||||
<input type="text" class="form-control" id="subject" name="subject" readonly required>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="message" class="form-label">Message</label>
|
||||
<textarea class="form-control" id="message" name="message" rows="4" readonly required></textarea>
|
||||
</div>
|
||||
<button class="btn btn-primary">Envoyer</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<?php include 'footer.html'; ?>
|
||||
103
vue/edit_profile_view.html
Normal file
103
vue/edit_profile_view.html
Normal file
@@ -0,0 +1,103 @@
|
||||
<?php include 'header.html'; ?>
|
||||
<section id="content" class="page-content py-3">
|
||||
<div class="row justify-content-center py-3">
|
||||
<div class="col-lg-9">
|
||||
<form method="post" action="profil.php?action=modifier" enctype="multipart/form-data">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h3 class="text-center">Edition du profil de <?php echo stripslashes(htmlspecialchars($data['pseudo'])); ?></h>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<fieldset>
|
||||
<legend>Mot de passe</legend>
|
||||
<div class="mb-3 row">
|
||||
<label for="password" class="col-sm-4 col-form-label">*Nouveau mot de passe</label>
|
||||
<div class="col-sm-8">
|
||||
<input type="password" name="password" id="password" class="form-control" autocomplete="current-password"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-3 row">
|
||||
<label for="confirm" class="col-sm-4 col-form-label">*Confirmation du mot de passe</label>
|
||||
<div class="col-sm-8">
|
||||
<input type="password" name="confirm" id="confirm" class="form-control" />
|
||||
</div>
|
||||
</div>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<legend>Localisation et contacts</legend>
|
||||
<div class="mb-3 row">
|
||||
<label for="localisation" class="col-sm-4 col-form-label">Adresse</label>
|
||||
<div class="col-sm-8">
|
||||
<input type="text" name="localisation" id="localisation" class="form-control" placeholder="Adresse" autocomplete="street-address" minlength="6" maxlength="50" required value="<?php echo stripslashes($data['adresse']); ?>" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-3 row">
|
||||
<label for="email" class="col-sm-4 col-form-label">Adresse email</label>
|
||||
<div class="col-sm-8">
|
||||
<input type="email" name="email" id="email" class="form-control" placeholder="email@mail.fr" autocomplete="email" minlength="3" maxlength="30" required value="<?php echo stripslashes($data['email']); ?>" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-3 row">
|
||||
<label for="phone" class="col-sm-4 col-form-label">Téléphone</label>
|
||||
<div class="col-sm-8">
|
||||
<input type="tel" name="phone" id="phone" class="form-control" placeholder="Numéro de téléphone" autocomplete="tel" minlength="10" maxlength="15" required value="<?php echo stripslashes($data['phone']); ?>" />
|
||||
</div>
|
||||
</div>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<legend>Informations personnelles</legend>
|
||||
<div class="mb-3 row">
|
||||
<label for="pseudo" class="col-sm-4 col-form-label">Pseudo</label>
|
||||
<div class="col-sm-8">
|
||||
<p class="form-control-static"><?php echo stripslashes($data['pseudo']); ?></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-3 row">
|
||||
<label for="prenom" class="col-sm-4 col-form-label">Prénom</label>
|
||||
<div class="col-sm-8">
|
||||
<p class="form-control-static"><?php echo stripslashes($data['prenom']); ?></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-3 row">
|
||||
<label for="nom" class="col-sm-4 col-form-label">Nom</label>
|
||||
<div class="col-sm-8">
|
||||
<p class="form-control-static"><?php echo stripslashes($data['nom']); ?></p>
|
||||
</div>
|
||||
</div>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<div class="mb-3 row">
|
||||
<label for="avatar" class="col-sm-4 col-form-label">Image de profil</label>
|
||||
<div class="col-sm-8">
|
||||
<img src=".<?php echo $data['avatar']; ?>" width="150px" alt="Aucun avatar" ?t=<?php echo time(); ?> />
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-3 row">
|
||||
<label class="col-sm-4 col-form-label" for="avatar">Nouvelle image :</label>
|
||||
<div class="col-sm-8">
|
||||
<input type="file" name="avatar" id="avatar" class="form-control" autocomplete="photo" accept="image/*;capture=camera" />
|
||||
<input type="checkbox" name="delete" value="Delete" /> Supprimer mon avatar
|
||||
</div>
|
||||
</div>
|
||||
</fieldset>
|
||||
<div class="mb-3">
|
||||
<input type="submit" value="Modifier mon profil" class="btn btn-primary" />
|
||||
<input type="hidden" id="sent" name="sent" value="1" />
|
||||
</div>
|
||||
<div class="alert alert-info" role="alert">
|
||||
Les champs avec une * sont obligatoires
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row text-center">
|
||||
<div class="col">
|
||||
<form method="POST" action="profil.php" onsubmit="return confirm('Êtes-vous sûr de vouloir supprimer votre compte ?');">
|
||||
<input type="submit" name="delete_client" class="btn btn-outline-danger" value="Supprimer mon compte">
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<?php include 'footer.html'; ?>
|
||||
15
vue/erreur.html
Normal file
15
vue/erreur.html
Normal file
@@ -0,0 +1,15 @@
|
||||
<?php include 'header.html'; ?>
|
||||
<section id="content" class="page-content text-center py-3">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div class="card">
|
||||
<div class="card-body bg-danger text-white">
|
||||
<h5 class="card-title">Accès non autorisé</h5>
|
||||
<p class="card-text"><?php echo $message; ?></p>
|
||||
<a href="./index.php" class="btn btn-outline-light">Retour à la page d'accueil</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<?php include 'footer.html'; ?>
|
||||
46
vue/footer.html
Normal file
46
vue/footer.html
Normal file
@@ -0,0 +1,46 @@
|
||||
</div>
|
||||
</div>
|
||||
<hr></div>
|
||||
<!--CALENDAR-->
|
||||
<script type='text/javascript' src="./module/fullcalendar-3.9.0/lib/jquery.min.js"></script>
|
||||
<script type='text/javascript' src="./module/fullcalendar-3.9.0/lib/moment.min.js"></script>
|
||||
<script type='text/javascript' src="./module/fullcalendar-3.9.0/fullcalendar.min.js"></script>
|
||||
<script type='text/javascript' src="./module/fullcalendar-3.9.0/locale/fr.js"></script>
|
||||
<script type='text/javascript' src="./js/script_calendar.js"></script>
|
||||
<!--Bootsrap-->
|
||||
<script type='text/javascript' src="./module/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<script type='text/javascript' src="./module/@popperjs/core@2.11.8/dist/umd/popper.min.js"></script>
|
||||
<script type='text/javascript' src="./module/bootstrap@5.3.3/dist/js/bootstrap.min.js"></script>
|
||||
<!--MAP-->
|
||||
<script src="https://unpkg.com/leaflet@1.3.1/dist/leaflet.js" integrity="sha512-/Nsx9X4HebavoBvEBuyp3I7od5tA0UzAxs+j83KgC8PU0kgB4XiK4Lfe4y4cgBtaRJQEIFCW+oC506aPT2L1zw==" crossorigin=""></script> <script type='text/javascript' src='./module/leaflet-1.3.0/dist/leaflet.markercluster.js'></script>
|
||||
<script type='text/javascript' src="./js/script_map.js"></script>
|
||||
<script type='text/javascript' src="./js/script.js"></script>
|
||||
<footer>
|
||||
<div id="cookieConsent" class="d-none">
|
||||
<div class="container">
|
||||
<div class="card bg-dark text-white">
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<div class="col-md-10">
|
||||
<p>Nous utilisons des cookies pour améliorer votre expérience sur notre site. En poursuivant votre navigation, vous acceptez notre utilisation des cookies. Pour en savoir plus, consultez notre <a href="policy.php" class="text-warning">politique de confidentialité</a>.</p>
|
||||
</div>
|
||||
<div class="col-md-2 text-md-end">
|
||||
<button class="btn btn-success" onclick="acceptCookies()">J'accepte</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container text-center pt-4">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<p class="footer fw-bold">CARIA Project | Cunat-Brulé © 2023-2024 Tous droits réservés</>
|
||||
<p><a href="policy.php">[Politique de confidentialité] | [Mentions légales]</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
117
vue/gestion.html
Normal file
117
vue/gestion.html
Normal file
@@ -0,0 +1,117 @@
|
||||
<?php include 'header.html'; ?>
|
||||
<section id="content" class="page-content text-center py-3">
|
||||
<hr><h2>Interface de gestion de véhicule</h2><hr>
|
||||
<div class="row py-3">
|
||||
<div class="col py-2">
|
||||
<div class="card ">
|
||||
<div class="card-header">
|
||||
<h3>Formulaire de réservation</h>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<form id="eventForm">
|
||||
<label for="eventStart">Début de réservation du véhicule :</label><br><input type="datetime-local" id="eventStart" name="eventStart" class="form-control" required>
|
||||
<label for="eventEnd">Fin de réservation du véhicule :</label><br><input type="datetime-local" id="eventEnd" name="eventEnd" class="form-control" required>
|
||||
<label for="eventidUserSelect">Utilisateur concerné :</label><br><select id="eventidUserSelect" name="eventidUserSelect" class="form-control" required>
|
||||
<option value="">Sélectionnez un utilisateur</option>
|
||||
<?php foreach ($users as $user) : ?>
|
||||
<option value="<?php echo $user['id']; ?>">
|
||||
<?php echo $user['nom'] . ' ' . $user['prenom'] . ' (' . $user['pseudo'] . ')'; ?>
|
||||
</option>
|
||||
<?php endforeach; ?>
|
||||
</select>
|
||||
<label for="eventidVehiculeSelect">Véhicule souhaité :</label><br><select id="eventidVehiculeSelect" name="eventidVehiculeSelect" class="form-control" required>
|
||||
<option value="">Sélectionnez un véhicule</option>
|
||||
<?php foreach ($cars as $car) : ?>
|
||||
<option value="<?php echo $car['id']; ?>"><?php echo $car['marque'] . ' ' . $car['modele'] . ' (' . $car['annee'] . ')'; ?></option>
|
||||
<?php endforeach; ?>
|
||||
</select>
|
||||
<br><input type="submit" value="Créer la réservation" class="btn btn-outline-secondary">
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col py-2">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h3>Planning de réservation</h3>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div id="calendar-all-events"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row py-3">
|
||||
<div class="col">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h3>Liste des véhicules de la compagnie</h3>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<?php foreach ($cars as $car): ?>
|
||||
<div class="col-md-3 mb-3">
|
||||
<div class="card">
|
||||
<img src="<?php echo $car['image']; ?>" class="card-img-top" alt="Car Image">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title"><?php echo $car['marque'] . ' ' . $car['modele']; ?></h5>
|
||||
<p class="card-text">Année : <?php echo $car['annee']; ?></p>
|
||||
<p class="card-text">Plaque : <?php echo $car['plaque']; ?></p>
|
||||
<p class="card-text">
|
||||
<?php if ($car['disponible']) { echo '<span style="color: green;">Disponible</span>'; } else { echo '<span style="color: red;">Indisponible</span>'; } ?>
|
||||
</p>
|
||||
<div class="btn-group pb-3" role="group" aria-label="Actions">
|
||||
<a href="https://www.openstreetmap.org/?mlat=<?php echo $car['latitude'] . '&mlon=' . $car['longitude']; ?>#map=12/<?php echo $car['latitude'] . '/' . $car['longitude']; ?>" class="btn btn-outline-primary" target="_blank">Localiser</a>
|
||||
<a href="http://<?php echo $car['ip']; ?>:8000" class="btn btn-outline-primary" target="_blank">Administrer</a>
|
||||
</div>
|
||||
<form method="POST" action="/gestion.php" onsubmit="return confirm('Êtes-vous sûr de vouloir supprimer ce véhicule ?');">
|
||||
<input type="hidden" name="vehicule_id" value="<?php echo $_SESSION['id_session']; ?>">
|
||||
<button type="submit" name="delete_vehicule" class="btn btn-outline-danger">Supprimer</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row justify-content-center py-3">
|
||||
<div class="col-lg-8">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h3>Formulaire pour les nouveaux véhicules</h3>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<form id="auto-forms" method="post" enctype="multipart/form-data">
|
||||
<div class="mb-3">
|
||||
<label class="form-label" for="plaque">Immatriculation :</label>
|
||||
<input type="text" name="plaque" id="plaque" class="form-control" placeholder="AA123AA" minlength="7" maxlength="9" required>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label class="form-label" for="marque">Marque :</label>
|
||||
<input type="text" name="marque" id="marque" class="form-control" placeholder="Marque" maxlength="50" required>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label class="form-label" for="modele">Modèle :</label>
|
||||
<input type="text" name="modele" id="modele" class="form-control" placeholder="Modèle" maxlength="50" required>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label class="form-label" for="annee">Année :</label>
|
||||
<input type="text" name="annee" id="annee" class="form-control" placeholder="2000" pattern="[0-9]+" title="Veuillez saisir uniquement des chiffres" minlength="4" maxlength="4" required>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label class="form-label" for="image">Image du véhicule :</label>
|
||||
<input type="file" name="image" id="image" class="form-control" accept=".png, .jpg, .jpeg, gif">
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<input type="submit" value="Ajouter le véhicule" class="btn btn-primary">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<?php include 'footer.html'; ?>
|
||||
58
vue/header.html
Normal file
58
vue/header.html
Normal file
@@ -0,0 +1,58 @@
|
||||
<!doctype html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<title>CARIA Project</title>
|
||||
<link rel="shortcut icon" type="image/png" href="./config/images/favicon.png" />
|
||||
<link rel="stylesheet" type="text/css" media="screen" href="./css/style.css" />
|
||||
<link rel="stylesheet" type="text/css" href="./module/bootstrap@5.3.3/dist/css/bootstrap.min.css" />
|
||||
<!--MAP-->
|
||||
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.1/dist/leaflet.css" integrity="sha512-Rksm5RenBEKSKFjgI3a41vrjkw4EVPlJ3+OiI65vTjIdo9brlAacEuKOiQ5OFh7cOI1bkDwLqdLw3Zg0cRJAAQ==" crossorigin="" />
|
||||
<link rel="stylesheet" type="text/css" href="./module/leaflet-1.3.0/dist/MarkerCluster.css" />
|
||||
<link rel="stylesheet" type="text/css" href="./module/leaflet-1.3.0/dist/MarkerCluster.Default.css" />
|
||||
<!--CALENDAR-->
|
||||
<link rel="stylesheet" type="text/css" href="./module/fullcalendar-3.9.0/fullcalendar.min.css" />
|
||||
</head>
|
||||
<body class="bg1">
|
||||
<header>
|
||||
<div class="container">
|
||||
<div class="text-center"><a href="index.php"><img src="./config/images/logo.png"></a></div>
|
||||
<nav class="navbar navbar-expand-lg navbar-dark bg-secondary">
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||
<ul class="navbar-nav mx-auto">
|
||||
<?php if(isset($_SESSION['pseudo_session'])) { ?>
|
||||
<li class="nav-item px-5">
|
||||
<a class="nav-link" href="./index.php">Accueil</a>
|
||||
</li>
|
||||
<li class="nav-item px-5">
|
||||
<a class="nav-link" href="gestion.php">Gestion</a>
|
||||
</li>
|
||||
<li class="nav-item px-5">
|
||||
<a class="nav-link" href="./profil.php?action=modifier">Modifier mes informations</a>
|
||||
</li>
|
||||
<li class="nav-item px-5">
|
||||
<a id="deconnexionLink" class="nav-link" href="#">Déconnexion</a>
|
||||
</li>
|
||||
<?php } else { ?>
|
||||
<li class="nav-item px-5">
|
||||
<a class="nav-link" href="./inscription.php">Inscription</a>
|
||||
<a class="nav-link" href="./index.php">Connexion</a>
|
||||
</li>
|
||||
<?php } ?>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div id="message"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
63
vue/home.html
Normal file
63
vue/home.html
Normal file
@@ -0,0 +1,63 @@
|
||||
<?php include 'header.html'; ?>
|
||||
<section id="content" class="page-content text-center py-3">
|
||||
<div class="row py-3">
|
||||
<div class="col">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h3>Véhicule actuellement en circulation</h3>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div id="map"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row py-3">
|
||||
<div class="col">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h3>Réservation instantané d'un véhicule</h3>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<form id="eventMyForm">
|
||||
<div class="row py-3">
|
||||
<div class="col-md-6">
|
||||
<label for="eventStart">Date et heure de début de la réservation :</label><input type="datetime-local" id="eventStart" name="eventStart" class="form-control" required>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<label for="eventEnd">Date et heure de fin de la réservation :</label><input type="datetime-local" id="eventEnd" name="eventEnd" class="form-control" required>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row justify-content-md-center py-3">
|
||||
<div class="col-md-4">
|
||||
<label for="eventidVehiculeSelect">Véhicule souhaité :</label>
|
||||
<select id="eventidVehiculeSelect" name="eventidVehiculeSelect" class="form-control" required>
|
||||
<option value="">Sélectionnez un véhicule</option>
|
||||
<?php foreach ($vehicules as $vehicule) : ?>
|
||||
<option value="<?php echo $vehicule['id']; ?>">
|
||||
<?php echo $vehicule['marque'] . ' ' . $vehicule['modele'] . ' (' . $vehicule['annee'] . ')'; ?>
|
||||
</option>
|
||||
<?php endforeach; ?>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<input type="submit" value="Réserver votre véhicule" class="btn btn-outline-secondary">
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row py-3">
|
||||
<div class="col">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h3>Mon planning de réservation</h>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div id="calendar-my-events"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<?php include 'footer.html'; ?>
|
||||
53
vue/inscription.html
Normal file
53
vue/inscription.html
Normal file
@@ -0,0 +1,53 @@
|
||||
<?php include 'header.html'; ?>
|
||||
<section id="content" class="page-content text-center py-3">
|
||||
<div class="row py-3">
|
||||
<div class="col">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h3>Inscription</h3>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<form id="inscriptionForm" method="post" action="inscription.php" enctype="multipart/form-data">
|
||||
<div class="row">
|
||||
<div class="col-md-6 form-group">
|
||||
<label for="nom" class="labelI">Nom</label><input type="text" name="nom" id="nom" class="form-control" placeholder="Nom" autocomplete="family-name" minlength="3" maxlength="25" value="<?php echo isset($_POST['nom']) ? htmlspecialchars($_POST['nom'], ENT_QUOTES, 'UTF-8') : ''; ?>" required/>
|
||||
</div>
|
||||
<div class="col-md-6 form-group">
|
||||
<label for="prenom" class="labelI">Prénom</label><input type="text" name="prenom" id="prenom" class="form-control" placeholder="Prénom" autocomplete="given-name" minlength="3" maxlength="25" value="<?php echo isset($_POST['prenom']) ? htmlspecialchars($_POST['prenom'], ENT_QUOTES, 'UTF-8') : ''; ?>" required/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="pseudo" class="labelI">Pseudo</label><input name="pseudo" type="text" id="pseudo" class="form-control" placeholder="Pseudo" autocomplete="username" minlength="3" maxlength="25" value="<?php echo isset($_POST['pseudo']) ? htmlspecialchars($_POST['pseudo'], ENT_QUOTES, 'UTF-8') : ''; ?>" required/>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="email" class="labelI">Adresse e-mail</label><input type="email" name="email" id="email" class="form-control" placeholder="email@mail.fr" autocomplete="email" minlength="3" maxlength="30" value="<?php echo isset($_POST['email']) ? htmlspecialchars($_POST['email'], ENT_QUOTES, 'UTF-8') : ''; ?>" required/>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-6 form-group">
|
||||
<label for="password" class="labelI">Mot de passe</label><input type="password" name="password" id="password" class="form-control" placeholder="Mot de passe" autocomplete="new-password" minlength="6" maxlength="32" required/>
|
||||
</div>
|
||||
<div class="col-md-6 form-group">
|
||||
<label for="confirm" class="labelI">Confirmer le mot de passe</label><input type="password" name="confirm" id="confirm" class="form-control" placeholder="Confirmation" autocomplete="new-password" minlength="6" maxlength="32" required/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="phone" class="labelI">Numéro de téléphone portable</label><input type="tel" name="phone" id="phone" class="form-control" placeholder="Numéro de téléphone" autocomplete="tel" minlength="10" maxlength="15" value="<?php echo isset($_POST['phone']) ? htmlspecialchars($_POST['phone'], ENT_QUOTES, 'UTF-8') : ''; ?>" required/>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="localisation" class="labelI">Adresse postal</label><input type="text" name="localisation" id="localisation" class="form-control" placeholder="Adresse" autocomplete="street-address" minlength="6" maxlength="50" value="<?php echo isset($_POST['localisation']) ? htmlspecialchars($_POST['localisation'], ENT_QUOTES, 'UTF-8') : ''; ?>" required/>
|
||||
</div>
|
||||
<fieldset><br>
|
||||
<div class="form-group">
|
||||
<label for="avatar">Photo de profil</label><br><input type="file" name="avatar" id="avatar" class="form-control-file" accept="image/*;capture=camera"/>
|
||||
</div>
|
||||
</fieldset><br>
|
||||
<div class="form-group">
|
||||
<input type="submit" name="action" value="S'inscrire" class="btn btn-primary"/>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<?php include 'footer.html'; ?>
|
||||
39
vue/policy.html
Normal file
39
vue/policy.html
Normal file
@@ -0,0 +1,39 @@
|
||||
<?php include 'header.html'; ?>
|
||||
<section id="content" class="page-content py-3">
|
||||
<h3 class="text-center">Politique de confidentialité</h3><hr>
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-8">
|
||||
<h6>Collecte des renseignements personnels</h6>
|
||||
<p>Les renseignements personnels que nous collectons sont recueillis au travers de formulaires et grâce à l'interactivité établie entre vous et notre site Web.<br>
|
||||
Nous utilisons également, comme indiqué dans la section suivante, des fichiers témoins et/ou journaux pour réunir des informations vous concernant. </p>
|
||||
<h6>Formulaires et interactivité:</h6>
|
||||
<p>Vos renseignements personnels sont collectés par le biais de formulaire, à savoir :<br>
|
||||
- Formulaire d'inscription au site Web<br>
|
||||
Nous utilisons les renseignements ainsi collectés pour les finalités suivantes :<br>
|
||||
- Contact</p>
|
||||
<h6>Droit d'opposition et de retrait</h6>
|
||||
<p>Nous nous engageons à vous offrir un droit d'opposition et de retrait quant à vos renseignementspersonnels.<br>
|
||||
Le droit d'opposition s'entend comme étant la possibilité offerte aux internautes de refuser que leurs renseignements personnels soient utilisés à certaines fins mentionnées lors de la collecte.<br>
|
||||
Le droit de retrait s'entend comme étant la possibilité offerte aux internautes de demander à ce que leurs renseignements personnels ne figurent plus, par exemple, dans une liste de diffusion.</p>
|
||||
<h6>Droit d'accès</h6>
|
||||
<p>Nous nous engageons à reconnaître un droit d'accès et de rectification aux personnes concernées désireuses de consulter, modifier, voire radier les informations les concernant.</p>
|
||||
<h6>Sécurité</h6>
|
||||
<p>Les renseignements personnels que nous collectons sont conservés dans un environnement sécurisé.<br>
|
||||
Les personnes travaillant pour nous sont tenues de respecter la confidentialité de vos informations.<br>
|
||||
Pour assurer la sécurité de vos renseignements personnels, nous avons recours aux mesures suivantes :<br>
|
||||
- Gestion des accès - personne autorisée<br>
|
||||
- Gestion des accès - personne concernée<br>
|
||||
- Logiciel de surveillance du réseau<br>
|
||||
- Sauvegarde informatique<br>
|
||||
- Développement de certificat numérique<br>
|
||||
- Identifiant / mot de passe<br>
|
||||
- Pare-feu (Firewalls)<br>
|
||||
Nous nous engageons à maintenir un haut degré de confidentialité en intégrant les dernières innovations technologiques permettant d'assurer la confidentialité de vos transactions.<br>
|
||||
Toutefois,comme aucun mécanisme n'offre une sécurité maximale, une part de risque est toujours présente lorsque l'on utilise Internet pour transmettre des renseignements personnels.</p>
|
||||
<h6>Législation</h6>
|
||||
<p>Nous nous engageons à respecter les dispositions législatives françaises</p>
|
||||
<h6>E-mail: <a href="mailto:info@security.org">info@security.org</a></h6>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<?php include 'footer.html'; ?>
|
||||
65
vue/profile_view.html
Normal file
65
vue/profile_view.html
Normal file
@@ -0,0 +1,65 @@
|
||||
<?php include 'header.html'; ?>
|
||||
<section id="content" class="page-content py-3">
|
||||
<div class="row justify-content-center py-3">
|
||||
<div class="col-lg-8">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h3 class="text-center">Profil</h3>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="profile-info">
|
||||
<div class="mb-3 row">
|
||||
<label for="pseudo" class="col-sm-2 col-form-label"><strong>Pseudo :</strong></label>
|
||||
<div class="col-sm-10">
|
||||
<span id="pseudo"><?php echo stripslashes(htmlspecialchars($data['pseudo'])); ?></span>
|
||||
</div>
|
||||
</div><hr>
|
||||
<div class="mb-3 row">
|
||||
<label for="nom" class="col-sm-2 col-form-label"><strong>Nom :</strong></label>
|
||||
<div class="col-sm-10">
|
||||
<span id="nom"><?php echo stripslashes(htmlspecialchars($data['nom'])); ?></span>
|
||||
</div>
|
||||
</div><hr>
|
||||
<div class="mb-3 row">
|
||||
<label for="prenom" class="col-sm-2 col-form-label"><strong>Prénom :</strong></label>
|
||||
<div class="col-sm-10">
|
||||
<span id="prenom"><?php echo stripslashes(htmlspecialchars($data['prenom'])); ?></span>
|
||||
</div>
|
||||
</div><hr>
|
||||
<div class="mb-3 row">
|
||||
<label for="phone" class="col-sm-2 col-form-label"><strong>Téléphone :</strong></label>
|
||||
<div class="col-sm-10">
|
||||
<span id="phone"><?php echo stripslashes(htmlspecialchars($data['phone'])); ?></span>
|
||||
</div>
|
||||
</div><hr>
|
||||
<div class="mb-3 row">
|
||||
<label for="adresse" class="col-sm-2 col-form-label"><strong>Adresse :</strong></label>
|
||||
<div class="col-sm-10">
|
||||
<span id="adresse"><?php echo stripslashes(htmlspecialchars($data['adresse'])); ?></span>
|
||||
</div>
|
||||
</div><hr>
|
||||
<div class="mb-3 row">
|
||||
<label for="email" class="col-sm-2 col-form-label"><strong>Email :</strong></label>
|
||||
<div class="col-sm-10">
|
||||
<a class="link" href="mailto:<?php echo stripslashes($data['email']); ?>"><?php echo stripslashes(htmlspecialchars($data['email'])); ?></a>
|
||||
</div>
|
||||
</div><hr>
|
||||
<div class="mb-3 row">
|
||||
<label for="dateenregistre" class="col-sm-2 col-form-label"><strong>Inscrit depuis :</strong></label>
|
||||
<div class="col-sm-10">
|
||||
<span id="dateenregistre"><?php echo date('d F Y', strtotime(str_replace('/','-',$data['dateenregistre']))); ?></span>
|
||||
</div>
|
||||
</div><hr>
|
||||
<div class="mb-3 row">
|
||||
<label for="avatar" class="col-sm-2 col-form-label"><strong>Avatar :</strong></label>
|
||||
<div class="col-sm-10">
|
||||
<img src="<?php echo $data['avatar']; ?>" width="150px" alt="Aucun avatar" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<?php include 'footer.html'; ?>
|
||||
Reference in New Issue
Block a user