Subversion Repositories Applications.reseau

Rev

Rev 102 | Only display areas with differences | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 102 Rev 103
1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2
<html xmlns="http://www.w3.org/1999/xhtml">
2
<html xmlns="http://www.w3.org/1999/xhtml">
3
	<head>
3
	<head>
4
		<title>Tela Botanica - Remarques</title>
4
		<title>Tela Botanica - Remarques</title>
5
 
5
 
6
		<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
6
		<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
7
		<meta http-equiv="Content-style-type" content="text/css" />
7
		<meta http-equiv="Content-style-type" content="text/css" />
8
		<meta http-equiv="Content-script-type" content="text/javascript" />
8
		<meta http-equiv="Content-script-type" content="text/javascript" />
9
		<meta http-equiv="Content-language" content="fr" />
9
		<meta http-equiv="Content-language" content="fr" />
10
 
10
 
11
		<meta name="revisit-after" content="15 days" />
11
		<meta name="revisit-after" content="15 days" />
12
		<meta name="robots" content="index,follow" />
12
		<meta name="robots" content="index,follow" />
13
		<meta name="author" content="Mathias Chouet" />
13
		<meta name="author" content="Mathias Chouet" />
14
		<meta name="keywords" content="Tela Botanica, remarques, erreur, bug" />
14
		<meta name="keywords" content="Tela Botanica, remarques, erreur, bug" />
15
		<meta name="description" content="Widget de remarques" />
15
		<meta name="description" content="Widget de remarques" />
16
 
16
 
17
		<meta name="viewport" content="width=device-width, initial-scale=1" />
17
		<meta name="viewport" content="width=device-width, initial-scale=1" />
18
 
18
 
19
		<link rel="stylesheet" type="text/css" href="<?=$url_css?>" media="screen" />
19
		<link rel="stylesheet" type="text/css" href="<?=$url_css?>" media="screen" />
20
		<link rel="stylesheet" type="text/css" href="https://resources.tela-botanica.org/bootstrap/3.1.0/css/bootstrap.min.css" />
20
		<link rel="stylesheet" type="text/css" href="https://resources.tela-botanica.org/bootstrap/3.1.0/css/bootstrap.min.css" />
21
 
21
 
22
		<script src="https://resources.tela-botanica.org/jquery/1.9.1/jquery.min.js"></script>
22
		<script src="https://resources.tela-botanica.org/jquery/1.9.1/jquery.min.js"></script>
23
		<script src="https://resources.tela-botanica.org/bootstrap/3.1.0/js/bootstrap.min.js"></script>
23
		<script src="https://resources.tela-botanica.org/bootstrap/3.1.0/js/bootstrap.min.js"></script>
24
		<script src="<?=$url_js?>"></script>
24
		<script src="<?=$url_js?>"></script>
25
	</head>
25
	</head>
26
 
26
 
27
	<body>
27
	<body>
28
		<!-- WIDGET:reseau:remarques - DEBUT -->
28
		<!-- WIDGET:reseau:remarques - DEBUT -->
29
		<div id="widget">
29
		<div id="widget">
30
			<?php if ($envoye === true): ?>
30
			<?php if ($envoye === true): ?>
31
 
31
 
32
			<h1>Tela Botanica - Message envoyé !</h1>
32
			<h1>Tela Botanica - Message envoyé !</h1>
33
			<p class="alert alert-info">
33
			<p class="alert alert-info">
34
				Un message a été envoyé au service <strong><?= $service ?></strong>
34
				Un message a été envoyé au service <strong><?= $service ?></strong>
35
				<br/>
35
				<br/>
36
				Merci d'avoir pris le temps de soumettre votre remarque !
36
				Merci d'avoir pris le temps de soumettre votre remarque !
37
			</p>
37
			</p>
38
			<a class="btn btn-default" href="">Nouvelle remarque</a>
38
			<a class="btn btn-default" href="">Nouvelle remarque</a>
39
			<button class="btn btn-default fermer">Fermer cette fenêtre</button>
39
			<button class="btn btn-default fermer">Fermer cette fenêtre</button>
40
 
40
 
41
			<?php else: ?>
41
			<?php else: ?>
42
 
42
 
43
			<h1>Tela Botanica - Remarques</h1>
43
			<h1>Tela Botanica - Remarques</h1>
44
			<p class="alert alert-info">
44
			<p class="alert alert-info">
45
				Merci de prendre quelques instants pour remplir ce formulaire.
45
				Merci de prendre quelques instants pour remplir ce formulaire.
46
				Lorsque vous l'aurez validé, un message sera automatiquement
46
				Lorsque vous l'aurez validé, un message sera automatiquement
47
				envoyé au service <strong><?= $service ?></strong>
47
				envoyé au service <strong><?= $service ?></strong>
48
			</p>
48
			</p>
49
			<form role="form" action="" method="post">
49
			<form role="form" action="" method="post">
50
				<div class="form-group">
50
				<div class="form-group">
51
					<div class="control">
51
					<div class="control">
52
						<label>Vos coordonnées</label>
52
						<label>Vos coordonnées</label>
53
						<input name="coordonnees" type="email" class="form-control"
53
						<input name="coordonnees" type="email" class="form-control"
54
							placeholder="Exemple: courriel@domaine.fr" required="required"/>
54
							placeholder="Exemple: courriel@domaine.fr" required="required"/>
55
					</div>
55
					</div>
56
					<p class="help-block">Si vous souhaitez recevoir une réponse, indiquez une adresse email valide.</p>
56
					<p class="help-block">Si vous souhaitez recevoir une réponse, indiquez une adresse email valide.</p>
57
				</div>
57
				</div>
58
				<div class="form-group">
58
				<div class="form-group">
59
					<div class="control">
59
					<div class="control">
60
						<label>Votre remarque</label>
60
						<label>Votre remarque</label>
61
						<textarea name="description" class="form-control haut" required="required"></textarea>
61
						<textarea name="description" class="form-control haut" required="required"></textarea>
62
					</div>
62
					</div>
63
					<p class="help-block">
63
					<p class="help-block">
64
						S'il s'agit d'un rapport d'erreur, expliquez ce que vous aviez l'intention de
64
						S'il s'agit d'un rapport d'erreur, expliquez ce que vous aviez l'intention de
65
						faire, le problème que vous avez rencontré et les étapes qui vous y ont amené, avec autant de détails que possible.
65
						faire, le problème que vous avez rencontré et les étapes qui vous y ont amené, avec autant de détails que possible.
66
					</p>
66
					</p>
67
				</div>
67
				</div>
68
				<p class="alert alert-info">
68
				<p class="alert alert-info">
69
					Si votre remarque concerne une <strong>erreur informatique</strong>, merci de remplir les champs ci-dessous
69
					Si votre remarque concerne une <strong>erreur informatique</strong>, merci de remplir les champs ci-dessous
70
				</p>
70
				</p>
71
				<div class="form-group">
71
				<div class="form-group">
72
					<div class="control">
72
					<div class="control">
73
						<label>Navigateur(s) utilisé(s)</label>
73
						<label>Navigateur(s) utilisé(s)</label>
74
						<input name="navigateur" class="form-control"
74
						<input name="navigateur" class="form-control"
75
							placeholder="Exemples: Firefox 26, Chrome 24, Internet Explorer 11, Safari 5, Opera 10..." />
75
							placeholder="Exemples: Firefox 26, Chrome 24, Internet Explorer 11, Safari 5, Opera 10..." />
76
					</div>
76
					</div>
77
				</div>
77
				</div>
78
				<div class="form-group">
78
				<div class="form-group">
79
					<div class="control">
79
					<div class="control">
80
						<label>Système d'exploitation</label>
80
						<label>Système d'exploitation</label>
81
						<input name="systeme" class="form-control"
81
						<input name="systeme" class="form-control"
82
							placeholder="Exemples: Windows 8, Windows XP, Mac OSX 10.5, Ubuntu, Androïd, iOS..." />
82
							placeholder="Exemples: Windows 8, Windows XP, Mac OSX 10.5, Ubuntu, Androïd, iOS..." />
83
					</div>
83
					</div>
84
				</div>
84
				</div>
85
				<div class="form-group">
85
				<div class="form-group">
86
					<div class="control">
86
					<div class="control">
87
						<label>Gravité de l'erreur</label>
87
						<label>Gravité de l'erreur</label>
88
						<select name="gravite" class="form-control">
88
						<select name="gravite" class="form-control">
89
							<option value="inconnue">Je ne sais pas</option>
89
							<option value="inconnue">Je ne sais pas</option>
90
							<option value="legere">Légère : l'application fonctionne encore (affichage incorrect, message gênant...)</option>
90
							<option value="legere">Légère : l'application fonctionne encore (affichage incorrect, message gênant...)</option>
91
							<option value="moyenne">Moyenne : tout ou partie de l'application peut encore être utilisé, mais avec des difficultés</option>
91
							<option value="moyenne">Moyenne : tout ou partie de l'application peut encore être utilisé, mais avec des difficultés</option>
92
							<option value="grave">Grave : l'application ou une de ses fonctionnalités indispensables ne fonctionne plus</option>
92
							<option value="grave">Grave : l'application ou une de ses fonctionnalités indispensables ne fonctionne plus</option>
93
						</select>
93
						</select>
94
					</div>
94
					</div>
95
					<!-- <p class="help-block">
95
					<!-- <p class="help-block">
96
						Estimez si vous le pouvez la gravité du problème que vous rencontrez.
96
						Estimez si vous le pouvez la gravité du problème que vous rencontrez.
97
					</p> -->
97
					</p> -->
98
				</div>
98
				</div>
99
				<input name="action" value="envoyer" type="hidden"/>
99
				<input name="action" value="envoyer" type="hidden"/>
-
 
100
				<input name="jeton" value="<?=$jeton?>" type="hidden"/>
100
				<button type="submit" class="btn btn-success valider">Envoyer la remarque</button>
101
				<button type="submit" class="btn btn-success valider">Envoyer la remarque</button>
101
			</form>
102
			</form>
102
 
103
 
103
			<?php endif; ?>
104
			<?php endif; ?>
104
		</div>
105
		</div>
105
		<!-- WIDGET:reseau:remarques - FIN -->
106
		<!-- WIDGET:reseau:remarques - FIN -->
106
	</body>
107
	</body>
107
</html>
108
</html>