/
index.php
120 lines (112 loc) · 5.55 KB
/
index.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
<?php
session_start();
require_once 'application.php';
$difficulte = (isset($_REQUEST["filtre"])) ? $_REQUEST["filtreDifficulte"] : '';
$longueur = (isset($_REQUEST["filtre"])) ? $_REQUEST["filtreLongueur"] : '';
$idQuartier = (isset($_REQUEST["filtre"])) ? $_REQUEST["filtreQuartier"] : '';
if (isset($_REQUEST["addParcoursId"])){
favorite($_SESSION["user"]["idUtilisateur"], $_REQUEST["addParcoursId"]);
}
?>
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="./images/bootstrap.ico">
<link href="BootStrap/css/bootstrap.css" rel="stylesheet">
<link href="./css/style.css" rel="stylesheet">
<script
src="http://maps.googleapis.com/maps/api/js?key= AIzaSyB45lygduZiEszTK6nCOiUMnNkH4tTz70c">
</script>
<script
src="./js/JavaScript.js">
</script>
<title>JogginGeneva</title>
</head>
<body>
<!-- MENU -->
<div class="navbar-wrapper">
<div class="container">
<?php
menu();
?>
</div>
</div>
<!-- CONTENT PRESENTATION -->
<div class="container marketing">
<div class="panel panel-primary">
<div class="panel-body">
<img style="width: 200px; height: 200px;" alt="logo" src="images/JGA.png" />
</div>
</div>
<!-- Liste parcours -->
<div class="panel panel-default panel-dropdown">
<div class="panel-heading">
<h3 class="panel-title">
Liste des parcours
<span class="pull-right glyphicon glyphicon-triangle-top"></span>
</h3>
</div>
<!-- Contenue de la liste -->
<div class="panel-body">
<ul class="list-group">
<form action="" method="post">
<div class="btn-group btn-group-justified" role="group">
<div class="btn-group" role="group">
<input type="text" class="form-control" id="exampleInputName2" placeholder="Longueur Max" name="filtreLongueur" value="<?php echo $longueur ?>">
</div>
<div class="btn-group" role="group">
<select class="form-control" id="sel1" name="filtreDifficulte" >
<option <?php if($difficulte=="") echo 'selected="selected"'; ?> value="">Tout</option>
<option <?php if($difficulte=="Facile") echo 'selected="selected"'; ?> value="Facile">Facile</option>
<option <?php if($difficulte=="Moyen") echo 'selected="selected"'; ?> value="Moyen">Moyen</option>
<option <?php if($difficulte=="DIfficile") echo 'selected="selected"'; ?> value="Difficile">Difficile</option>
</select>
</div>
<div class="btn-group" role="group">
<select class="form-control" id="sel1" name="filtreQuartier">
<?php printQuartier($idQuartier) ?>
</select>
</div>
</div>
<div class="btn-group btn-group-justified" role="group">
<div class="btn-group" role="group">
<button type="submit" class="btn btn-info" name="filtre">Filtrer</button>
</div>
</div>
</form>
<?php showCourses($difficulte, $longueur, $idQuartier) ?>
</ul>
</div>
</div>
<!-- MAP -->
<div id="Map">
<p>Veuillez patienter pendant le chargement de la carte...</p>
</div>
<!-- FOOTER -->
<footer>
<p class="pull-right"><a href="#">⏏</a></p>
<p class="footer">© Marlon P.R. & Fabio D.B. & Alex A. & Damiano R. </p>
</footer>
</div>
<!-- Bootstrap script -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script>
<script src="./BootStrap/js/bootstrap.min.js"></script>
<script>initialize();</script>
<script>
$(".panel-dropdown").find('.panel-heading').click();
$('<span>', {
class: "pull-right glyphicon glyphicon-triangle-bottom"
}).appendTo($(".panel-dropdown").find('.panel-heading').find('h4'));
$(".panel-dropdown").find('.panel-heading').click(function () {
$(this).find('span').toggleClass('glyphicon-triangle-bottom glyphicon-triangle-top');
$(this).parent(".panel").find(".panel-body").first().slideToggle();
});
</script>
</body>
</html>