/*
|
* ext-server_opensave.js
|
*
|
* Licensed under the Apache License, Version 2
|
*
|
* Copyright(c) 2010 Alexis Deveria
|
*
|
*/
|
|
methodDraw.addExtension("server_opensave", {
|
callback: function() {
|
|
//var save_svg_action = 'extensions/filesave.php';
|
//var save_png_action = 'extensions/filesave.php';
|
|
// Create upload target (hidden iframe)
|
var target = $('<iframe name="output_frame" />').hide().appendTo('body');
|
|
//methodDraw.setCustomHandlers({
|
// save: function(win, data) {
|
// var svg = "<?xml version=\"1.0\"?>\n" + data;
|
//
|
// var title = svgCanvas.getDocumentTitle();
|
// var filename = title.replace(/[^a-z0-9\.\_\-]+/gi, '_');
|
//
|
// var form = $('<form>').attr({
|
// method: 'post',
|
// action: save_svg_action,
|
// target: 'output_frame'
|
// }) .append('<input type="hidden" name="output_svg" value="' + encodeURI(svg) + '">')
|
// .append('<input type="hidden" name="filename" value="' + filename + '">')
|
// .appendTo('body')
|
// .submit().remove();
|
// },
|
// pngsave: function(win, data) {
|
// var issues = data.issues;
|
//
|
// if(!$('#export_canvas').length) {
|
// $('<canvas>', {id: 'export_canvas'}).hide().appendTo('body');
|
// }
|
// var c = $('#export_canvas')[0];
|
//
|
// c.width = svgCanvas.contentW;
|
// c.height = svgCanvas.contentH;
|
// canvg(c, data.svg, {renderCallback: function() {
|
// var datauri = c.toDataURL('image/png');
|
//
|
// var uiStrings = methodDraw.uiStrings;
|
// var note = '';
|
//
|
// // Check if there's issues
|
// if(issues.length) {
|
// var pre = "\n \u2022 ";
|
// note += ("\n\n" + pre + issues.join(pre));
|
// }
|
//
|
// if(note.length) {
|
// alert(note);
|
// }
|
//
|
// var title = svgCanvas.getDocumentTitle();
|
// var filename = title.replace(/[^a-z0-9\.\_\-]+/gi, '_');
|
//
|
// var form = $('<form>').attr({
|
// method: 'post',
|
// action: save_png_action,
|
// target: 'output_frame'
|
// }) .append('<input type="hidden" name="output_png" value="' + datauri + '">')
|
// .append('<input type="hidden" name="filename" value="' + filename + '">')
|
// .appendTo('body')
|
// .submit().remove();
|
// }});
|
//
|
//
|
// }
|
//});
|
|
// Do nothing if client support is found
|
if(window.FileReader) return;
|
|
var cancelled = false;
|
|
// Change these to appropriate script file
|
var open_svg_action = 'extensions/fileopen.php?type=load_svg';
|
var import_svg_action = 'extensions/fileopen.php?type=import_svg';
|
var import_img_action = 'extensions/fileopen.php?type=import_img';
|
|
// Set up function for PHP uploader to use
|
methodDraw.processFile = function(str64, type) {
|
if(cancelled) {
|
cancelled = false;
|
return;
|
}
|
|
$('#dialog_box').hide();
|
|
if(type != 'import_img') {
|
var xmlstr = svgCanvas.Utils.decode64(str64);
|
}
|
|
switch ( type ) {
|
case 'load_svg':
|
svgCanvas.clear();
|
svgCanvas.setSvgString(xmlstr);
|
methodDraw.updateCanvas();
|
break;
|
case 'import_svg':
|
svgCanvas.importSvgString(xmlstr);
|
methodDraw.updateCanvas();
|
break;
|
case 'import_img':
|
svgCanvas.setGoodImage(str64);
|
break;
|
}
|
}
|
|
// Create upload form
|
var open_svg_form = $('<form>');
|
open_svg_form.attr({
|
enctype: 'multipart/form-data',
|
method: 'post',
|
action: open_svg_action,
|
target: 'output_frame'
|
});
|
|
// Create import form
|
var import_svg_form = open_svg_form.clone().attr('action', import_svg_action);
|
|
// Create image form
|
var import_img_form = open_svg_form.clone().attr('action', import_img_action);
|
|
// It appears necessory to rebuild this input every time a file is
|
// selected so the same file can be picked and the change event can fire.
|
function rebuildInput(form) {
|
form.empty();
|
var inp = $('<input type="file" name="svg_file">').appendTo(form);
|
|
|
function submit() {
|
// This submits the form, which returns the file data using methodDraw.uploadSVG
|
form.submit();
|
|
rebuildInput(form);
|
$.process_cancel("Uploading...", function() {
|
cancelled = true;
|
$('#dialog_box').hide();
|
});
|
}
|
|
if(form[0] == open_svg_form[0]) {
|
inp.change(function() {
|
// This takes care of the "are you sure" dialog box
|
methodDraw.openPrep(function(ok) {
|
if(!ok) {
|
rebuildInput(form);
|
return;
|
}
|
submit();
|
});
|
});
|
} else {
|
inp.change(function() {
|
// This submits the form, which returns the file data using methodDraw.uploadSVG
|
submit();
|
});
|
}
|
}
|
|
// Create the input elements
|
rebuildInput(open_svg_form);
|
rebuildInput(import_svg_form);
|
rebuildInput(import_img_form);
|
|
// Add forms to buttons
|
$("#tool_open").show().prepend(open_svg_form);
|
$("#tool_import").show().prepend(import_svg_form);
|
$("#tool_image").prepend(import_img_form);
|
}
|
});
|
