X-Git-Url: http://git.cyclocoop.org/?p=lhc%2Fweb%2Fclavette_www.git;a=blobdiff_plain;f=www%2Fplugins%2Fcrayons%2Fjs%2Fuploader.js.html;fp=www%2Fplugins%2Fcrayons%2Fjs%2Fuploader.js.html;h=5bcca93d4b3ac3f469eae250716c8cf5bab4945b;hp=0000000000000000000000000000000000000000;hb=39f8b2ffa1fd0a3c67d6c74ed0fee9af296ccbb8;hpb=65eb21b34b55f850024ccda121bb96c73be4309f

diff --git a/www/plugins/crayons/js/uploader.js.html b/www/plugins/crayons/js/uploader.js.html
new file mode 100644
index 0000000..5bcca93
--- /dev/null
+++ b/www/plugins/crayons/js/uploader.js.html
@@ -0,0 +1,70 @@
+<script>
+// activer l'uploader
+(function($) {
+	var url = '[(#VAL{crayons_upload}|generer_url_action{id=#ENV{id_article}&type=article, true, true})]';
+
+	$('textarea.crayon-active,#uploader#ENV{id_article}')
+	.html5Uploader({
+		name: 'upss',
+		postUrl: url,
+		onClientLoadStart: function(e, file) {
+			file.mark = 'up'+Math.ceil(10000000*Math.random());
+			$('<li>lecture de '+file.name+'...</li>')
+			.addClass('loading')
+			.attr('id', file.mark)
+			.prependTo('#uploader_liste')
+			;
+		},
+		onClientLoad: function(e, file) {
+			$('#uploader#ENV{id_article}')
+			.removeClass('hover');
+		},
+		onServerProgress: function(e,file) {
+			var percent = '';
+			if(e.lengthComputable)
+				percent = ''+Math.ceil(100*e.loaded/e.total)+'%';
+			$('#'+file.mark)
+			.html('envoi de '+file.name+' vers le serveur... '+percent);
+		},
+		onServerReadyStateChange: function(e,file) {
+			if (e.target.responseText) {
+				// traiter la reponse du serveur
+				// todo: la passer en JSON si on veut
+				$('#'+file.mark)
+				.html(e.target.responseText);
+			}
+		},
+		onServerLoad: function(e,file) {
+			$('#'+file.mark)
+			.removeClass('loading')
+			.addClass('ok');
+		},
+	})
+	.bind("dragenter dragover", function() {
+		$(this).addClass('hover');
+		$('#uploader#ENV{id_article}')
+		.removeClass('ferme');
+	})
+	.bind("dragleave", function() {
+		$(this).removeClass('hover');
+		$('#uploader#ENV{id_article}')
+		.addClass('ferme');
+	})
+	.bind("drop", function(e) {
+		$(this)
+		.removeClass('hover');
+		$('#uploader#ENV{id_article}')
+		.removeClass('ferme');
+	})
+	.addClass('uploader')
+	;
+	$('#uploader#ENV{id_article}')
+	.hover(function() {
+		$(this).removeClass('ferme');
+	}, function() {
+		$(this).addClass('ferme');
+	});
+
+})(cQuery);
+
+</script>
\ No newline at end of file