source: other-projects/nz-flag-design/trunk/design-2d/Original editor.method.ac/editor/extensions/ext-server_opensave.js@ 29468

/*
 * 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);
    }
});