| 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="http://www.tela-botanica.org/commun/bootstrap/3.1.0/css/bootstrap.min.css" />
|
20 |
<link rel="stylesheet" type="text/css" href="http://www.tela-botanica.org/commun/bootstrap/3.1.0/css/bootstrap.min.css" />
|
| 21 |
|
21 |
|
| 22 |
<script src="http://www.tela-botanica.org/commun/jquery/1.9.1/jquery-1.9.1.min.js"></script>
|
22 |
<script src="http://www.tela-botanica.org/commun/jquery/1.9.1/jquery-1.9.1.min.js"></script>
|
| 23 |
<script src="http://www.tela-botanica.org/commun/bootstrap/3.1.0/js/bootstrap.min.js"></script>
|
23 |
<script src="http://www.tela-botanica.org/commun/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é à <strong><?= $email ?></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é à <strong><?= $email ?></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>Page d'origine</label>
|
52 |
<label>Page d'origine</label>
|
| 53 |
<input name="annee" class="form-control" type="text" disabled="disabled" value="<?= $page ?>"/>
|
53 |
<input name="annee" class="form-control" type="text" disabled="disabled" value="<?= $page ?>"/>
|
| 54 |
</div>
|
54 |
</div>
|
| 55 |
</div> -->
|
55 |
</div> -->
|
| 56 |
<div class="form-group">
|
56 |
<div class="form-group">
|
| 57 |
<div class="control">
|
57 |
<div class="control">
|
| 58 |
<label>Vos coordonnées</label>
|
58 |
<label>Vos coordonnées</label>
|
| 59 |
<input name="coordonnees" type="email" class="form-control"
|
59 |
<input name="coordonnees" type="email" class="form-control"
|
| 60 |
placeholder="Exemple: courriel@domaine.fr" />
|
60 |
placeholder="Exemple: courriel@domaine.fr" />
|
| 61 |
</div>
|
61 |
</div>
|
| 62 |
<p class="help-block">Si vous souhaitez recevoir une réponse, indiquez votre adresse email (facultatif).</p>
|
62 |
<p class="help-block">Si vous souhaitez recevoir une réponse, indiquez votre adresse email (facultatif).</p>
|
| 63 |
</div>
|
63 |
</div>
|
| 64 |
<div class="form-group">
|
64 |
<div class="form-group">
|
| 65 |
<div class="control">
|
65 |
<div class="control">
|
| 66 |
<label>Votre remarque</label>
|
66 |
<label>Votre remarque</label>
|
| 67 |
<textarea name="description" class="form-control haut" required="required"></textarea>
|
67 |
<textarea name="description" class="form-control haut" required="required"></textarea>
|
| 68 |
</div>
|
68 |
</div>
|
| 69 |
<p class="help-block">
|
69 |
<p class="help-block">
|
| 70 |
S'il s'agit d'un rapport d'erreur, expliquez ce que vous aviez l'intention de
|
70 |
S'il s'agit d'un rapport d'erreur, expliquez ce que vous aviez l'intention de
|
| 71 |
faire, le problème que vous avez rencontré et les étapes qui vous y ont amené, avec autant de détails que possible.
|
71 |
faire, le problème que vous avez rencontré et les étapes qui vous y ont amené, avec autant de détails que possible.
|
| 72 |
</p>
|
72 |
</p>
|
| 73 |
</div>
|
73 |
</div>
|
| 74 |
<p class="alert alert-info">
|
74 |
<p class="alert alert-info">
|
| 75 |
Si votre remarque concerne une <strong>erreur informatique</strong>, merci de remplir les champs ci-dessous
|
75 |
Si votre remarque concerne une <strong>erreur informatique</strong>, merci de remplir les champs ci-dessous
|
| 76 |
</p>
|
76 |
</p>
|
| 77 |
<div class="form-group">
|
77 |
<div class="form-group">
|
| 78 |
<div class="control">
|
78 |
<div class="control">
|
| 79 |
<label>Navigateur(s) utilisé(s)</label>
|
79 |
<label>Navigateur(s) utilisé(s)</label>
|
| 80 |
<input name="navigateur" class="form-control"
|
80 |
<input name="navigateur" class="form-control"
|
| 81 |
placeholder="Exemples: Firefox 26, Chrome 24, Internet Explorer 11, Safari 5, Opera 10..." />
|
81 |
placeholder="Exemples: Firefox 26, Chrome 24, Internet Explorer 11, Safari 5, Opera 10..." />
|
| 82 |
</div>
|
82 |
</div>
|
| 83 |
<!-- <p class="help-block">
|
83 |
<!-- <p class="help-block">
|
| 84 |
Avec quel logiciel naviguez-vous sur Tela Botanica ? Précisez le nom et la version si possible.
|
84 |
Avec quel logiciel naviguez-vous sur Tela Botanica ? Précisez le nom et la version si possible.
|
| 85 |
</p> -->
|
85 |
</p> -->
|
| 86 |
</div>
|
86 |
</div>
|
| 87 |
<div class="form-group">
|
87 |
<div class="form-group">
|
| 88 |
<div class="control">
|
88 |
<div class="control">
|
| 89 |
<label>Système d'exploitation</label>
|
89 |
<label>Système d'exploitation</label>
|
| 90 |
<input name="systeme" class="form-control"
|
90 |
<input name="systeme" class="form-control"
|
| 91 |
placeholder="Exemples: Windows 8, Windows XP, Mac OSX 10.5, Ubuntu, Androïd, iOS..." />
|
91 |
placeholder="Exemples: Windows 8, Windows XP, Mac OSX 10.5, Ubuntu, Androïd, iOS..." />
|
| 92 |
</div>
|
92 |
</div>
|
| 93 |
<!-- <p class="help-block">Quel est le système d'exploitation de votre ordinateur / tablette / téléphone ?</p> -->
|
93 |
<!-- <p class="help-block">Quel est le système d'exploitation de votre ordinateur / tablette / téléphone ?</p> -->
|
| 94 |
</div>
|
94 |
</div>
|
| 95 |
<div class="form-group">
|
95 |
<div class="form-group">
|
| 96 |
<div class="control">
|
96 |
<div class="control">
|
| 97 |
<label>Gravité de l'erreur</label>
|
97 |
<label>Gravité de l'erreur</label>
|
| 98 |
<select name="gravite" class="form-control">
|
98 |
<select name="gravite" class="form-control">
|
| 99 |
<option value="inconnue">Je ne sais pas</option>
|
99 |
<option value="inconnue">Je ne sais pas</option>
|
| 100 |
<option value="legere">Légère : l'application fonctionne encore (affichage incorrect, message gênant...)</option>
|
100 |
<option value="legere">Légère : l'application fonctionne encore (affichage incorrect, message gênant...)</option>
|
| 101 |
<option value="moyenne">Moyenne : tout ou partie de l'application peut encore être utilisé, mais avec des difficultés</option>
|
101 |
<option value="moyenne">Moyenne : tout ou partie de l'application peut encore être utilisé, mais avec des difficultés</option>
|
| 102 |
<option value="grave">Grave : l'application ou une de ses fonctionnalités indispensables ne fonctionne plus</option>
|
102 |
<option value="grave">Grave : l'application ou une de ses fonctionnalités indispensables ne fonctionne plus</option>
|
| 103 |
</select>
|
103 |
</select>
|
| 104 |
</div>
|
104 |
</div>
|
| 105 |
<!-- <p class="help-block">
|
105 |
<!-- <p class="help-block">
|
| 106 |
Estimez si vous le pouvez la gravité du problème que vous rencontrez.
|
106 |
Estimez si vous le pouvez la gravité du problème que vous rencontrez.
|
| 107 |
</p> -->
|
107 |
</p> -->
|
| 108 |
</div>
|
108 |
</div>
|
| 109 |
<input name="action" value="envoyer" type="hidden"/>
|
109 |
<input name="action" value="envoyer" type="hidden"/>
|
| 110 |
<button type="submit" class="btn btn-success valider">Envoyer la remarque</button>
|
110 |
<button type="submit" class="btn btn-success valider">Envoyer la remarque</button>
|
| 111 |
</form>
|
111 |
</form>
|
| 112 |
|
112 |
|
| 113 |
<?php endif; ?>
|
113 |
<?php endif; ?>
|
| 114 |
</div>
|
114 |
</div>
|
| 115 |
<!-- WIDGET:reseau:remarques - FIN -->
|
115 |
<!-- WIDGET:reseau:remarques - FIN -->
|
| 116 |
</body>
|
116 |
</body>
|
| 117 |
</html>
|
117 |
</html>
|