Subversion Repositories eFlore/Applications.cel

Rev

Rev 3128 | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 3128 Rev 3630
Line 1... Line -...
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');
 1 
<!-- Squelette du formulaire de contact -->
19 
			if ($("#form-contact").valid()) {
 2 
<div id="tpl-form-contact">
20 
				var destinataireId = $("#fc_destinataire_id").attr('value');
 3 
	<h2 class="mb-3">Message à <span class="destinataire"><?php echo $donnees['auteur']; ?></span>&nbsp;:</h2>
21 
				var typeEnvoi = $("#fc_type_envoi").attr('value');
 4 
	<form id="form-contact" method="post" action="">
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
 5 
   		<div id="fc-zone-dialogue" class="mb-3"></div>
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;
 6 
		<div class="form-group mb-3">
29 
					cle = cle.replace(/^fc_/, '');
 7 
			<label for="fc_sujet">Sujet</label>
30
- 
 
31 
					if (cle == 'sujet') {
 - 
 
32 
						champ.value += " - Carnet en ligne - Tela Botanica";
 8 
			<input type="text" id="fc_sujet"  class="form-control" name="fc_sujet" value="<?php echo $donnees['sujet']; ?>">
33 
					}
 9 
		</div>
34 
					if (cle == 'message') {
 10 
		<div class="form-group mb-3">
35 
						champ.value += "\n--\n"+
 11 
			<label for="fc_message">Message</label>
36 
							"Ce message vous est envoyé par l'intermédiaire du widget photo "+
 12 
			<textarea id="fc_message"  class="form-control form-control-lg" name="fc_message"><?php echo $donnees['message']; ?></textarea>
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 
					},
 13 
		</div>
51 
					success : function(data) {
 14 
		<div class="form-group mb-3">
52 
						$("#fc-zone-dialogue").append('<pre class="msg info">'+data.message+'</pre>');
 15 
			<label for="fc_utilisateur_courriel" title="Utilisez le courriel avec lequel vous êtes inscrit à Tela Botanica">Votre courriel</label>
53 
					},
 - 
 
54 
					error : function(jqXHR, textStatus, errorThrown) {
 - 
 
55 
						erreurMsg += "Erreur Ajax :\ntype : "+textStatus+' '+errorThrown+"\n";
 16 
			<input type="email" id="fc_utilisateur_courriel"  class="form-control" name="fc_utilisateur_courriel" placeholder="mail@exemple.com">
56 
						reponse = jQuery.parseJSON(jqXHR.responseText);
 - 
 
57 
						if (reponse != null) {
 - 
 
58 
							$.each(reponse, function (cle, valeur) {
 - 
 
59 
								erreurMsg += valeur + "\n";
 - 
 
60 
							});
 - 
 
61 
						}
- 
 
62 
					},
 17 
		</div>
63 
					complete : function(jqXHR, textStatus) {
 - 
 
64 
						var debugMsg = '';
 18 
		<div class="form-group">
65 
						if (jqXHR.getResponseHeader("X-DebugJrest-Data") != '') {
 - 
 
66 
							debugInfos = jQuery.parseJSON(jqXHR.getResponseHeader("X-DebugJrest-Data"));
 19 
			<input type="hidden" id="fc_destinataire_id" name="fc_destinataire_id" value="<?php echo $donnees['id_image']; ?>">
67 
							if (debugInfos != null) {
 - 
 
68 
								$.each(debugInfos, function (cle, valeur) {
 20 
			<input type="hidden" name="fc_type_envoi" id="fc_type_envoi" value="non-inscrit">
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 />'+
 21 
			<input type="submit" id="fc_envoyer" class="btn btn-success form-control" value="Envoyer">
76 
									'Vous pouvez signaler le disfonctionnement à <a href="'+
 22 
			<input type="reset" id="fc_effacer"  class="btn btn-warning form-control" value="Effacer">
77 
									'mailto:cel-remarques@tela-botanica.org'+'?'+
 23 
			<?php if( isset( $donnees['popup_url'] ) ): ?>
78 
									'subject=Disfonctionnement du widget carto'+
 24 
				<a id="fc_annuler" class="popup_url btn btn-danger form-control annuler" data-popup_url="<?php echo $donnees['popup_url'].'&popup_url='.urlencode($donnees['popup_url']); ?>">Annuler</a>
79 
									"&body="+erreurMsg+"\nDébogage :\n"+debugMsg+
 25 
			<?php else : ?>
80 
									'">cel-remarques@tela-botanica.org</a>.'+
 26 
				<button id="fc_annuler" type="button" class="close btn btn-danger form-control annuler" data-dismiss="modal" aria-label="Close">Annuler</button>
81 
									'</p>');
 27 
			<?php endif; ?>
82 
						}
 28 
		</div>
83 
					}
 - 
 
84 
				});
 29 
	</form>
85 
			}
 30 
</div>
86 
			return false;
 - 
 
87 
		}
 - 
 
88
- 
 
89 
		function initialiserFormulaireContact() {
 - 
 
90 
			$("#form-contact").validate({
 31 
<script type="text/Javascript">
91 
				rules: {
 32 
	//<![CDATA[
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) {
 33 
		$( document ).ready( function() {
100 
				event.preventDefault();
 34 
			contact = new WidgetPhotoContact();
101 
				envoyerCourriel();
 35 
			contact.init();
102 
			});
 - 
 
103 
			$("#fc_annuler").live("click", function() {window.close();});
 - 
 
104 
		}
 - 
 
105
- 
 
106 
		$(document).ready(function() {
 - 
 
107 
			initialiserFormulaireContact();
 - 
 
108 
		});
 36 
		});
109 
	//]]>
 37 
	//]]>
110 
	</script>
 38 
</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>
 -