lwadbled / projet_ingenieur_lwadbled

Blame view

html/reservation.php 5.51 KB
Edit Raw Normal View History
9de9bb41   lwadbled   feat(html): Ajout... 
1
2
3
4
 
  <!DOCTYPE html>
  <html>
  	<head>
  		<meta charset="utf-8"/>
c825216f   lwadbled   feat(main.php): R... 
5
 
  		<title>Réserver un banc</title>
9de9bb41   lwadbled   feat(html): Ajout... 
6
7
8
9
10
11
12
13
14
15
16
 
  		<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css"
  		      rel="stylesheet"
  		      integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x"
  		      crossorigin="anonymous">
  		<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js"
  			integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//E1J19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4"
  			crossorigin="anonymous">
  		</script>
  	</head>
  	<body>
  		<?php
87d5afd9   lwadbled   feat(*): verifica... 
17
18
19
20
21
22
 
  			session_start();
  			if(isset($_SESSION['identifiant'])){
  				$identifiant = $_SESSION['identifiant'];
  			}else{
  				echo "<meta http-equiv=\"refresh\" content=\"0;url=index.html\">";
  			}
9de9bb41   lwadbled   feat(html): Ajout... 
23
24
25
26
27
28
29
 
  			include("connexion.php");
  			$requete = "SELECT * FROM banc ORDER BY numero";
  			$exec_requete = mysqli_query($db,$requete);
  			$reponse = mysqli_fetch_all($exec_requete);
  			mysqli_close($db);
  		?>
  		<form method="POST" action="menu.php">
87d5afd9   lwadbled   feat(*): verifica... 
30
 
  			<button class="btn-lg btn-secondary" type="submit">Retour au menu</button>
9de9bb41   lwadbled   feat(html): Ajout... 
31
 
  		</form>
67147733   lwadbled   fix(reservation.p... 
32
33
34
35
36
37
38
39
40
41
 
  		<?php
  			if(isset($_GET['erreur'])){
  				$erreur = $_GET['erreur'];
  				if($erreur==1){
  					echo "<div class='text-center' style='color:red'>";
  					echo "Un problème est apparu lors de la réservation. Veuillez réessayer. <br>";
  					echo "</div>";
  				}
  			}		
  		?>
9de9bb41   lwadbled   feat(html): Ajout... 
42
 
  		<form method="POST" action="ajoutReservation.php">
67147733   lwadbled   fix(reservation.p... 
43
 
  			<div class="text-center">
87d5afd9   lwadbled   feat(*): verifica... 
44
 
  				<input type="date" name="txtDate" id="txtDate" onclick="minimum();" onchange="dispo_creneau();" required>
9de9bb41   lwadbled   feat(html): Ajout... 
45
46
 
  			</div>
67147733   lwadbled   fix(reservation.p... 
47
 
  			<div class="text-center" style="padding-left: 40rem!important; padding-right: 40rem!important;">
9de9bb41   lwadbled   feat(html): Ajout... 
48
 
  				Banc choisi :
87d5afd9   lwadbled   feat(*): verifica... 
49
 
  				<select class="form-select" name="banc" id="banc" onchange="dispo_creneau();" required>
9de9bb41   lwadbled   feat(html): Ajout... 
50
51
52
53
54
55
56
57
 
  				<?php
  					foreach($reponse as $value){
  						echo '<option value="'.$value[0].'">'.$value[0].'</option>';
  					}	
  				?>
  				</select>
  			</div>
67147733   lwadbled   fix(reservation.p... 
58
 
  			<div class="text-center" style="padding-left: 40rem!important; padding-right: 40rem!important;">
9de9bb41   lwadbled   feat(html): Ajout... 
59
60
 
  				Heure de début du créneau :
  				<select class="form-select" name="heure" id="heure" onchange='calcul_fin();' required>
87d5afd9   lwadbled   feat(*): verifica... 
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
 
  					<option value="0" id="0" selected> 00h00 </option>
  					<option value="1" id="1"> 01h00 </option>
  					<option value="2" id="2"> 02h00 </option>
  					<option value="3" id="3"> 03h00 </option>
  					<option value="4" id="4"> 04h00 </option>
  					<option value="5" id="5"> 05h00 </option>
  					<option value="6" id="6"> 06h00 </option>
  					<option value="7" id="7"> 07h00 </option>
  					<option value="8" id="8"> 08h00 </option>
  					<option value="9" id="9"> 09h00 </option>
  					<option value="10" id="10"> 10h00 </option>
  					<option value="11" id="11"> 11h00 </option>
  					<option value="12" id="12"> 12h00 </option>
  					<option value="13" id="13"> 13h00 </option>
  					<option value="14" id="14"> 14h00 </option>
  					<option value="15" id="15"> 15h00 </option>
  					<option value="16" id="16"> 16h00 </option>
  					<option value="17" id="17"> 17h00 </option>
  					<option value="18" id="18"> 18h00 </option>
  					<option value="19" id="19"> 19h00 </option>
  					<option value="20" id="20"> 20h00 </option>
  					<option value="21" id="21"> 21h00 </option>
  					<option value="22" id="22"> 22h00 </option>
  					<option value="23" id="23"> 23h00 </option>
9de9bb41   lwadbled   feat(html): Ajout... 
85
86
87
 
  				</select>
  			</div>
67147733   lwadbled   fix(reservation.p... 
88
 
  			<div class="text-center">
9de9bb41   lwadbled   feat(html): Ajout... 
89
90
91
 
  				Heure de fin du créneau : <div id="fin">01h00</div>
  			</div>
67147733   lwadbled   fix(reservation.p... 
92
 
  			<div class="text-center">
87d5afd9   lwadbled   feat(*): verifica... 
93
 
  				<button class="btn-lg btn-success" type="submit">Reserver</button>
9de9bb41   lwadbled   feat(html): Ajout... 
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
 
  			</div>
  		</form>
  
  		<script type="text/javascript">
  			function minimum(){
  				var dtToday=new Date();
  				var month=dtToday.getMonth()+1;
  				var day=dtToday.getDate();
  				var year=dtToday.getFullYear();
  				if(month<10)
  					month='0'+month.toString();
  				if(day<10)
  					day='0'+day.toString();
  
  				var minDate=year.toString()+'-'+month+'-'+day;
9de9bb41   lwadbled   feat(html): Ajout... 
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
 
  				var txtdate=document.getElementById('txtDate');
  				txtdate.min=minDate;	
  			}
  			function calcul_fin(){
  				var test = document.getElementById('heure');
  				var lafin = document.getElementById('fin');
  				var valeur=parseInt(test.value)+1;
  				if(valeur==24)
  					valeur=0;
  				if(valeur<10)
  					var h='0'+valeur.toString();
  				else
  					var h=valeur.toString();
  				lafin.textContent=h+"h00";
  			}
87d5afd9   lwadbled   feat(*): verifica... 
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
 
  			function dispo_creneau(){
  				var txtDate = document.getElementById('txtDate');
  				var newBanc = document.getElementById('banc');
  				var realBanc = newBanc.value;
  				var valDate = txtDate.value.split("-");
  				var year = valDate[0];
  				var month = valDate[1];
  				var day = valDate[2];
  				var realDate = day+"/"+month+"/"+year;
  				var xhttp = new XMLHttpRequest();
  				var params = "date="+realDate+"&banc="+realBanc;
  				console.log(params);
  				xhttp.onreadystatechange=function(){
  					if(xhttp.readyState==4){
  						// Si requete faite, on modifie les horaires non dispo
  						var elemId;
  						var texte=xhttp.responseText.split("-");
  						if(texte.length>1){
  							for(var i=0;i<texte.length-1;i++){
  								if(texte[i][0]==0){
  									elemId=texte[i][1];
  								}else{
  									elemId=texte[i][0]+texte[i][1];
  								}
  								var chgt = document.getElementById(elemId);
  								chgt.disabled=true;
  								chgt.style.color="red";
  							}
  						}else{
  							for(var i=0;i<24;i++){
  								var chgt = document.getElementById(i);
  								chgt.disabled=false;	
  								chgt.style.color="black";
  							}
  						}
  					}
  				}
  				xhttp.open('POST','dispoCreneau.php',true);
  				xhttp.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
  				xhttp.send(params);
  			}
9de9bb41   lwadbled   feat(html): Ajout... 
165
166
167
 
  		</script>
  	</body>	
  </html>