ngcp-panel/share/static/js/invoice_template.js

//constructor
var svgCanvasEmbed = null;
function init_embed() {
    var svgEditFrameName = 'svgedit';
    var frame = document.getElementById(svgEditFrameName);
    svgCanvasEmbed = new EmbeddedSVGEdit(frame);
    // Hide main button, as we will be controlling new/load/save etc from the host document
    var doc = frame.contentDocument;
    if (!doc)
    {
        doc = frame.contentWindow.document;
    }
    var mainButton = doc.getElementById('main_button');
    mainButton.style.display = 'none';
}
//private
function getSvgString(){
    return svgCanvasEmbed.frame.contentWindow.svgCanvas.getSvgString();
}
function setSvgStringToEditor( svgParsedString ){
    //alert('setSvgStringToEditor: '+svgParsedString);
    svgCanvasEmbed.setSvgString( svgParsedString )(
        function(data,error){
            if(error){
            }else{
                svgCanvasEmbed.zoomChanged('', 'canvas');
            }
        }
    );
}
function setSvgStringToPreview( svgParsedString, q, data ) {
    var previewIframe = document.getElementById('svgpreview'); 
    //alert('setSvgStringToPreview: svgParsedString='+svgParsedString+';data='+data+';');
    if ($.browser.msie) {
        //we need to repeat query to server for msie if we don't want send template string via GET method
        if(!q){
            var dataPreview = data;
            dataPreview.tt_viewmode = 'parsed';
            dataPreview.tt_type = 'svg';
            dataPreview.tt_output_type = 'svg';
            dataPreview.tt_sourcestate = dataPreview.tt_sourcestate || 'saved';
            q = uriForAction( dataPreview, 'template' );
            //alert('setSvgStringToPreview: q='+q+';');
        }
        previewIframe.src = q;
    }else{
        previewIframe.src = "data:text/html," + encodeURIComponent(svgParsedString);
    }
}
function fetchSvgToEditor( data ) {
    var q = uriForAction( data, 'template' );
    //alert('fetchSvgToEditor: q='+q+';');
    $.ajax({
        url: q,
    }).done( function ( httpResponse ){ 
        setSvgStringToEditor( httpResponse );
    });
}
//public
function fetchInvoiceTemplateData( data, noshowform ){
    //params spec: tt_type=[svg|html]/tt_viewmode[parsed|raw]/tt_sourcestate[saved|previewed|default]/tt_output_type[svg|pdf|html|json|svgzip|pdfzip|htmlzip]/tt_id
    //tt_output_type=svg really outputs text/html mimetype. But it will be couple of <svg> tags (<svg> per page).
    data.tt_output_type = 'json';
    var q = uriForAction( data, 'template' );
    //alert('fetchInvoiceTemplateData: q='+q+';');
    var queryObj = {
        url: q,
        type: 'POST',
    };
    //if (!$.browser.msie) {
        //msie prompts to save
        queryObj.dataType = "json";
    //}
    queryObj.contentType = 'application/x-www-form-urlencoded;charset=utf-8';
    //alert('QQQ');
    $.ajax( queryObj ).done( function( templatedata ){
        //alert(templatedata.aaData);
        //alert(templatedata.aaData);
        //if ($.browser.msie) {
            //alert(templatedata);
            //templatedata = jQuery.parseJSON(templatedata);
            //alert(templatedata);
        //}
        if(templatedata && templatedata.aaData){
            if( templatedata.aaData.template ){
                setSvgStringToEditor( templatedata.aaData.template.raw );
                setSvgStringToPreview( templatedata.aaData.template.parsed, '', data );
            }
//            $('#load_previewed_control').css('visibility', 'visible' );
//            $('#load_saved_control').css('visibility', 'visible' );
            if( templatedata.aaData.form ){
                $('form[name=template_editor]').loadJSON(templatedata.aaData.form);
                $('#load_previewed_control').css('display', 'inline' );
                $('#load_saved_control').css('display', 'inline' );
            }
            if( !noshowform ){
                $('#template_editor_form').css('visibility','visible');
            }
        }
    });
}
function clearTemplateForm(data){
    $('#template_editor_form').css('visibility','hidden');
    $('#load_previewed_control').css('display', 'none' );
    $('#load_saved_control').css('display', 'none' );
    if(!data){
        data = {};
    }
    data.tt_sourcestate = 'default';
    fetchInvoiceTemplateData(data, 1);//1 = no show form again, just clear it up to default state
}
function savePreviewedAndShowParsed( data ){
    var svgString = getSvgString();
    var q = uriForAction( data, 'template_previewed' ); 
    //alert('savePreviewedAndShowParsed: svgString='+svgString+'; q='+q+';');
    //alert('savePreviewedAndShowParsed: q='+q+';');
    //save 
    q=formToUri(q);
    $.post( q, { template: svgString } )
    .done( function( httpResponse ){
        // & show template
        //alert('savePreviewedAndShowParsed: httpResponse='+httpResponse+';');
        setSvgStringToPreview( httpResponse, q, data )
        $('#load_previewed_control').css('display', 'inline' );
        //refresh list after saving - there is nothin that can be cahnged in templates list after preview refresh
        //refreshAjaxList( 'template', data );
    } );
}
function saveTemplate( data ) {	 
    var svgString = getSvgString();
    data.tt_sourcestate='saved';
    data.tt_output_type = 'json';
    var q = uriForAction( data, 'template_saved' ); 
    q=formToUri(q);
    //alert('saveTemplate: q='+q+';');
    $.ajax( {
        url: q,
        type: "POST",
        //datatype: 'json',
        data: { template: svgString },
    } ).done( function( jsonResponse ) {
        if(jsonResponse.aaData && jsonResponse.aaData.form){
            $('form[name=template_editor]').loadJSON(jsonResponse.aaData.form);
        }
        $('#load_saved_control').css('display', 'inline' );
        //refreshAjaxList( 'template', data );
    });
}