| 51 |
mathias |
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">
|
|
|
3 |
<head>
|
|
|
4 |
<title>Tela Botanica - Remarks</title>
|
|
|
5 |
|
|
|
6 |
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
|
|
|
7 |
<meta http-equiv="Content-style-type" content="text/css" />
|
|
|
8 |
<meta http-equiv="Content-script-type" content="text/javascript" />
|
|
|
9 |
<meta http-equiv="Content-language" content="fr" />
|
|
|
10 |
|
|
|
11 |
<meta name="revisit-after" content="15 days" />
|
|
|
12 |
<meta name="robots" content="index,follow" />
|
|
|
13 |
<meta name="author" content="Mathias Chouet" />
|
|
|
14 |
<meta name="keywords" content="Tela Botanica, remarques, erreur, bug" />
|
|
|
15 |
<meta name="description" content="Widget de remarques" />
|
|
|
16 |
|
|
|
17 |
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
|
18 |
|
|
|
19 |
<link rel="stylesheet" type="text/css" href="<?=$url_css?>" media="screen" />
|
| 92 |
mathias |
20 |
<link rel="stylesheet" type="text/css" href="https://resources.tela-botanica.org/bootstrap/3.1.0/css/bootstrap.min.css" />
|
| 51 |
mathias |
21 |
|
| 92 |
mathias |
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>
|
| 51 |
mathias |
24 |
<script src="<?=$url_js?>"></script>
|
|
|
25 |
</head>
|
|
|
26 |
|
|
|
27 |
<body>
|
|
|
28 |
<!-- WIDGET:reseau:remarques - DEBUT -->
|
|
|
29 |
<div id="widget">
|
|
|
30 |
<?php if ($envoye === true): ?>
|
|
|
31 |
|
|
|
32 |
<h1>Tela Botanica - Message sent !</h1>
|
|
|
33 |
<p class="alert alert-info">
|
|
|
34 |
A message was sent to service <strong><?= $service ?></strong>
|
|
|
35 |
<br/>
|
|
|
36 |
Thank you for having taken some time to submit your remark !
|
|
|
37 |
</p>
|
|
|
38 |
<a class="btn btn-default" href="">New remark</a>
|
|
|
39 |
<button class="btn btn-default fermer">Close this window</button>
|
|
|
40 |
|
|
|
41 |
<?php else: ?>
|
|
|
42 |
|
|
|
43 |
<h1>Tela Botanica - Remarks</h1>
|
|
|
44 |
<p class="alert alert-info">
|
|
|
45 |
Thank you for taking some time to fill this form.
|
|
|
46 |
When you validate it, a message will be automatically
|
|
|
47 |
sent to service <strong><?= $service ?></strong>
|
|
|
48 |
</p>
|
|
|
49 |
<form role="form" action="" method="post">
|
|
|
50 |
<div class="form-group">
|
|
|
51 |
<div class="control">
|
|
|
52 |
<label>Your contact information</label>
|
|
|
53 |
<input name="coordonnees" type="email" class="form-control"
|
| 102 |
killian |
54 |
placeholder="Example: email@domain.com" required="required"/>
|
| 51 |
mathias |
55 |
</div>
|
| 102 |
killian |
56 |
<p class="help-block">If you wish to receive an answer, specify a valid email address.</p>
|
| 51 |
mathias |
57 |
</div>
|
|
|
58 |
<div class="form-group">
|
|
|
59 |
<div class="control">
|
|
|
60 |
<label>Your remark</label>
|
|
|
61 |
<textarea name="description" class="form-control haut" required="required"></textarea>
|
|
|
62 |
</div>
|
|
|
63 |
<p class="help-block">
|
|
|
64 |
If this is an error report, explain what you intended to do, the problem you encoutered and
|
|
|
65 |
the steps that led you to it, using as much details as you can.
|
|
|
66 |
</p>
|
|
|
67 |
</div>
|
|
|
68 |
<p class="alert alert-info">
|
|
|
69 |
If your remark is about a <strong>website / software error</strong>, please fill the fields below
|
|
|
70 |
</p>
|
|
|
71 |
<div class="form-group">
|
|
|
72 |
<div class="control">
|
|
|
73 |
<label>Browser(s) used</label>
|
|
|
74 |
<input name="navigateur" class="form-control"
|
|
|
75 |
placeholder="Examples: Firefox 26, Chrome 24, Internet Explorer 11, Safari 5, Opera 10..." />
|
|
|
76 |
</div>
|
|
|
77 |
</div>
|
|
|
78 |
<div class="form-group">
|
|
|
79 |
<div class="control">
|
|
|
80 |
<label>Operating system</label>
|
|
|
81 |
<input name="systeme" class="form-control"
|
|
|
82 |
placeholder="Examples: Windows 8, Windows XP, Mac OSX 10.5, Ubuntu, Androïd, iOS..." />
|
|
|
83 |
</div>
|
|
|
84 |
</div>
|
|
|
85 |
<div class="form-group">
|
|
|
86 |
<div class="control">
|
|
|
87 |
<label>Error severity</label>
|
|
|
88 |
<select name="gravite" class="form-control">
|
|
|
89 |
<option value="inconnue">I don't know</option>
|
|
|
90 |
<option value="legere">Light : the application still works (buggy display, annoying message...)</option>
|
|
|
91 |
<option value="moyenne">Medium : all or part of the application can still be used, but with difficulties</option>
|
|
|
92 |
<option value="grave">Strong : the application or one of its main features doesn't work anymore</option>
|
|
|
93 |
</select>
|
|
|
94 |
</div>
|
|
|
95 |
</div>
|
|
|
96 |
<input name="action" value="envoyer" type="hidden"/>
|
| 103 |
killian |
97 |
<input name="jeton" value="<?=$jeton?>" type="hidden"/>
|
| 51 |
mathias |
98 |
<button type="submit" class="btn btn-success valider">Send your remark</button>
|
|
|
99 |
</form>
|
|
|
100 |
|
|
|
101 |
<?php endif; ?>
|
|
|
102 |
</div>
|
|
|
103 |
<!-- WIDGET:reseau:remarques - FIN -->
|
|
|
104 |
</body>
|
| 102 |
killian |
105 |
</html>
|