Finalisation de l'IHM du nouvel écran
This commit is contained in:
@@ -1,8 +1,19 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<head>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/2.11.6/umd/popper.min.js"></script>
|
||||
<!-- jquery is not required for the picker to work-->
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.slim.min.js"></script>
|
||||
<link rel="stylesheet" href="/styles.css">
|
||||
<link href="/css/bootstrap.min.css" rel="stylesheet">
|
||||
<!-- Font awesome is not required provided you change the icon options -->
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/js/solid.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/js/fontawesome.min.js"></script>
|
||||
<!-- end FA -->
|
||||
<script src="https://cdn.jsdelivr.net/npm/@eonasdan/tempus-dominus@6.7.10/dist/js/tempus-dominus.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/@eonasdan/tempus-dominus@6.7.10/dist/js/jQuery-provider.js"></script>
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@eonasdan/tempus-dominus@6.7.10/dist/css/tempus-dominus.css" />
|
||||
<script type="module" src="/scripts.js"></script>
|
||||
</head>
|
||||
</head>
|
||||
<body>
|
||||
@@ -11,38 +22,28 @@
|
||||
<nav>
|
||||
<a href="/"><h4>Projet MIA</h4></a>
|
||||
</nav>
|
||||
|
||||
<div class="container mt-4">
|
||||
<div class="card" style="width: 40rem;">
|
||||
<div class="card-header">Création d'une nouvelle session</div>
|
||||
<div class="card-body">
|
||||
<form action="/record-session" method="POST">
|
||||
<div class="mb-3 inline-flex">
|
||||
<input type="radio" id="male" name="gender" value="M">
|
||||
<label for="male">Monsieur</label>
|
||||
<span style="width: 80px; display: inline-flex"> </span>
|
||||
<input type="radio" id="female" name="gender" value="F">
|
||||
<label for="female">Madame</label>
|
||||
<div class="mb-3">
|
||||
<label for="topic-reg" class="form-label">Intitulé *</label>
|
||||
<input type="text" class="form-control" id="topic-reg" name="topic" required>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="name-reg" class="form-label">Nom</label>
|
||||
<input type="text" class="form-control" id="name-reg" name="name">
|
||||
<label for="datetimepicker1Input" class="form-label">Date prévisionnelle de début *</label>
|
||||
<div class="input-group log-event" id="datetimepicker1" data-td-target-input="nearest" data-td-target-toggle="nearest">
|
||||
<input id="datetimepicker1Input" type="text" class="form-control-sm" data-td-target="#datetimepicker1" name="datetimepicker1Input" required />
|
||||
<span class="input-group-text" data-td-target="#datetimepicker1" data-td-toggle="datetimepicker">
|
||||
<i class="fas fa-calendar"></i>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="firstname-reg" class="form-label">Prénom</label>
|
||||
<input type="text" class="form-control" id="firstname-reg" name="firstname">
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="email-reg" class="form-label">Adresse email * <small>(adresse email ou pseudo obligatoire)</small></label>
|
||||
<input type="text" class="form-control" id="email-reg" name="email">
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="nickname-reg" class="form-label">Pseudo * <small>(adresse email ou pseudo obligatoire)</small></label>
|
||||
<input type="text" class="form-control" id="nickname-reg" name="nickname">
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="title-reg" class="form-label">Titre / fonction</label>
|
||||
<input type="text" class="form-control" id="title-reg" name="title">
|
||||
<label for="attended-reg" class="form-label">Nombre de participants maximum</label>
|
||||
<input type="text" class="form-control-sm" id="attended-reg" name="attended">
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="password-reg" class="form-label">Mot de passe *</label>
|
||||
@@ -53,10 +54,9 @@
|
||||
<input type="password" class="form-control-sm" id="password-conf-reg" name="password_confirm" required="true">
|
||||
</div>
|
||||
|
||||
<button type="submit" class="btn btn-primary">M'enregistrer</button>
|
||||
<button type="submit" class="btn btn-primary">Enregistrer la session</button>
|
||||
</form>
|
||||
</div>
|
||||
<a href="/">Déjà inscrit ? Cliquez ici pour vous connecter.</a>
|
||||
</div>
|
||||
|
||||
{{#if error }}
|
||||
@@ -64,6 +64,7 @@
|
||||
{{/if}}
|
||||
|
||||
</div>
|
||||
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js">
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user