chamilo-lms2/main/inc/lib/svg-edit/extensions/ext-server_moinsave.js

/*globals svgEditor, svgedit, svgCanvas, canvg, $, top*/
/*jslint vars: true*/
/*
 * ext-server_moinsave.js
 *
 * Licensed under the MIT License
 *
 * Copyright(c) 2010 Alexis Deveria
 *              2011 MoinMoin:ReimarBauer
 *                   adopted for moinmoins item storage. it sends in one post png and svg data
 *                   (I agree to dual license my work to additional GPLv2 or later)
 *
 */

svgEditor.addExtension("server_opensave", {
	callback: function() {'use strict';

		var save_svg_action = '/+modify';
		
		// Create upload target (hidden iframe)
		var target = $('<iframe name="output_frame" src="#"/>').hide().appendTo('body');
	
		svgEditor.setCustomHandlers({
			save: function(win, data) {
				var svg = "<?xml version=\"1.0\"?>\n" + data;
				var qstr = $.param.querystring();
				var name = qstr.substr(9).split('/+get/')[1];
				var svg_data = svgedit.utilities.encode64(svg);
				if(!$('#export_canvas').length) {
					$('<canvas>', {id: 'export_canvas'}).hide().appendTo('body');
				}
				var c = $('#export_canvas')[0];
				c.width = svgCanvas.contentW;
				c.height = svgCanvas.contentH;
				$.getScript('canvg/canvg.js', function() {
					canvg(c, svg, {renderCallback: function() {
						var datauri = c.toDataURL('image/png');
						// var uiStrings = svgEditor.uiStrings;
						var png_data = svgedit.utilities.encode64(datauri);
						var form = $('<form>').attr({
						method: 'post',
						action: save_svg_action + '/' + name,
						target: 'output_frame'
					}).append('<input type="hidden" name="png_data" value="' + png_data + '">')
						.append('<input type="hidden" name="filepath" value="' + svg_data + '">')
						.append('<input type="hidden" name="filename" value="' + 'drawing.svg">')
						.append('<input type="hidden" name="contenttype" value="application/x-svgdraw">')
						.appendTo('body')
						.submit().remove();
					}});
				});
				alert("Saved! Return to Item View!");
				top.window.location = '/'+name;
			}
		});
	
	}
});