Subversion Repositories eFlore/Applications.cel

Rev

Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
3865 delphine 1
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
2
<html>
3
<head>
4
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5
	<title>Contacter l'auteur de l'image</title>
6
	<link rel="stylesheet" type="text/css" href="<?=$url_css?>contact.css" media="screen" />
7
	<script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/1.6.2/jquery-1.6.2.min.js"></script>
8
	<link type="text/css" rel="stylesheet" href="https://www.tela-botanica.org/commun/bootstrap/2.0.2/css/bootstrap.css">
9
	<script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/validate/1.8.1/jquery.validate.min.js"></script>
10
	<script type="text/javascript" src="https://www.tela-botanica.org/commun/jquery/validate/1.8.1/messages_fr.js"></script>
11
</head>
12
<body>
13
	<script type="text/javascript">
14
	//<![CDATA[
15
 
16
	    var donnees = new Array();
17
		function envoyerCourriel() {
18
			//console.log('Formulaire soumis');
19
			if ($("#form-contact").valid()) {
20
				var destinataireId = $("#fc_destinataire_id").attr('value');
21
				var typeEnvoi = $("#fc_type_envoi").attr('value');
22
				// l'envoi aux non inscrits passe par le service intermédiaire du cel
23
				// qui va récupérer le courriel associé à l'image indiquée
24
				var urlMessage = "http://api.tela-botanica.org/service:cel:celMessage/image/"+destinataireId;
25
				var erreurMsg = "";
26
				console.log($(this));
27
				$.each($("#form-contact").serializeArray(), function (index, champ) {
28
					var cle = champ.name;
29
					cle = cle.replace(/^fc_/, '');
30
 
31
					if (cle == 'sujet') {
32
						champ.value += " - Carnet en ligne - Tela Botanica";
33
					}
34
					if (cle == 'message') {
35
						champ.value += "\n--\n"+
36
							"Ce message vous est envoyé par l'intermédiaire du widget photo "+
37
							"du Carnet en Ligne du réseau Tela Botanica.\n"+
38
							"http://www.tela-botanica.org/widget:cel:photo";
39
					}
40
 
41
					donnees[index] = {'name':cle,'value':champ.value};
42
				});
43
				$.ajax({
44
					type : "POST",
45
					cache : false,
46
					url : urlMessage,
47
					data : donnees,
48
					beforeSend : function() {
49
						$(".msg").remove();
50
					},
51
					success : function(data) {
52
						$("#fc-zone-dialogue").append('<pre class="msg info">'+data.message+'</pre>');
53
					},
54
					error : function(jqXHR, textStatus, errorThrown) {
55
						erreurMsg += "Erreur Ajax :\ntype : "+textStatus+' '+errorThrown+"\n";
56
						reponse = jQuery.parseJSON(jqXHR.responseText);
57
						if (reponse != null) {
58
							$.each(reponse, function (cle, valeur) {
59
								erreurMsg += valeur + "\n";
60
							});
61
						}
62
					},
63
					complete : function(jqXHR, textStatus) {
64
						var debugMsg = '';
65
						if (jqXHR.getResponseHeader("X-DebugJrest-Data") != '') {
66
							debugInfos = jQuery.parseJSON(jqXHR.getResponseHeader("X-DebugJrest-Data"));
67
							if (debugInfos != null) {
68
								$.each(debugInfos, function (cle, valeur) {
69
									debugMsg += valeur + "\n";
70
								});
71
							}
72
						}
73
						if (erreurMsg != '') {
74
							$("#fc-zone-dialogue").append('<p class="msg">'+
75
									'Une erreur est survenue lors de la transmission de votre message.'+'<br />'+
76
									'Vous pouvez signaler le disfonctionnement à <a href="'+
77
									'mailto:cel-remarques@tela-botanica.org'+'?'+
78
									'subject=Disfonctionnement du widget carto'+
79
									"&body="+erreurMsg+"\nDébogage :\n"+debugMsg+
80
									'">cel-remarques@tela-botanica.org</a>.'+
81
									'</p>');
82
						}
83
					}
84
				});
85
			}
86
			return false;
87
		}
88
 
89
		function initialiserFormulaireContact() {
90
			$("#form-contact").validate({
91
				rules: {
92
					fc_sujet : "required",
93
					fc_message : "required",
94
					fc_utilisateur_courriel : {
95
						required : true,
96
						email : true}
97
				}
98
			});
99
			$("#form-contact").live("submit", function(event) {
100
				event.preventDefault();
101
				envoyerCourriel();
102
			});
103
			$("#fc_annuler").live("click", function() {window.close();});
104
		}
105
 
106
		$(document).ready(function() {
107
			initialiserFormulaireContact();
108
		});
109
	//]]>
110
	</script>
111
	<!-- Squelette du formulaire de contact -->
112
	<div id="tpl-form-contact">
113
		<form id="form-contact" method="post" action="">
114
	   		<div id="fc-zone-dialogue"></div>
115
	   		<div>
116
	   			<div><label for="fc_sujet">Sujet</label></div>
117
				<div><input id="fc_sujet" name="fc_sujet" value="<?= $donnees['sujet'] ?>"/></div>
118
				<div><label for="fc_message">Message</label></div>
119
				<div><textarea id="fc_message" name="fc_message"><?=  $donnees['message'] ?></textarea></div>
120
				<div><label for="fc_utilisateur_courriel" title="Utilisez le courriel avec lequel vous êtes inscrit à Tela Botanica">Votre courriel</label></div>
121
				<div><input id="fc_utilisateur_courriel" name="fc_utilisateur_courriel"/></div>
122
			</div>
123
			<p>
124
				<input id="fc_destinataire_id" name="fc_destinataire_id" type="hidden" value="<?= $donnees['id_image'] ?>" />
125
				<input type="hidden" name="fc_type_envoi" id="fc_type_envoi" value="non-inscrit" />
126
				<input id="fc_annuler" type="button" value="Annuler">
127
				<input id="fc_effacer" type="reset"  value="Effacer">
128
				<input id="fc_envoyer" type="submit" value="Envoyer" />
129
			</p>
130
		</form>
131
	</div>
132
</body>
133
</html>