MT#5879 Datatables is shown now for invoice data but search doesn't work. Anyway switch now to invoices generation and will return to datatables later.
Done: 1.Form separated for future possible load through ajax. 2.Activity switch in invoice templates tableipeshinskaya/InvoiceTemplate5
Irina Peshinskaya
12 years ago
committed by
Victor Seva
parent
26142a1431
commit
f6fe84df61
@ -0,0 +1,124 @@
|
|||||||
|
//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+';');
|
||||||
|
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_sourcestate = dataPreview.tt_sourcestate || 'saved';
|
||||||
|
q = uriForAction( dataPreview, 'invoice_template' );
|
||||||
|
}
|
||||||
|
previewIframe.src = q;
|
||||||
|
}else{
|
||||||
|
previewIframe.src = "data:text/html," + encodeURIComponent(svgParsedString);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
function fetchSvgToEditor( data ) {
|
||||||
|
var q = uriForAction( data, 'invoice_template' );
|
||||||
|
//alert('fetchSvgToEditor: q='+q+';');
|
||||||
|
$.ajax({
|
||||||
|
url: q,
|
||||||
|
}).done( function ( httpResponse ){
|
||||||
|
setSvgStringToEditor( httpResponse );
|
||||||
|
});
|
||||||
|
}
|
||||||
|
function refreshTemplateList ( contract_id ){
|
||||||
|
fetch_into(
|
||||||
|
'collapse_invoice_template_list',
|
||||||
|
uriForAction( {'contract_id': contract_id}, 'invoice_template_list' ),
|
||||||
|
'',
|
||||||
|
function(){ mainWrapperInit(); }
|
||||||
|
);
|
||||||
|
}
|
||||||
|
//public
|
||||||
|
function fetchInvoiceTemplateData( data ){
|
||||||
|
//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, 'invoice_template' );
|
||||||
|
//alert('fetchInvoiceTemplateData: q='+q+';');
|
||||||
|
$.ajax({
|
||||||
|
url: q,
|
||||||
|
datatype: "json",
|
||||||
|
//}).done( function( jsonres ){
|
||||||
|
}).done( function( templatedata ){
|
||||||
|
//alert(templatedata);
|
||||||
|
//alert(templatedata.aaData);
|
||||||
|
if(templatedata.aaData){
|
||||||
|
if( templatedata.aaData.template ){
|
||||||
|
setSvgStringToEditor( templatedata.aaData.template.raw );
|
||||||
|
setSvgStringToPreview( templatedata.aaData.template.parsed );
|
||||||
|
}
|
||||||
|
if( templatedata.aaData.form ){
|
||||||
|
$('form[name=invoice_template]').loadJSON(templatedata.aaData.form);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
function savePreviewedAndShowParsed( data ){
|
||||||
|
var svgString = getSvgString();
|
||||||
|
var q = uriForAction( data, 'invoice_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 )
|
||||||
|
//refresh list after saving
|
||||||
|
refreshTemplateList( data.contract_id );
|
||||||
|
} );
|
||||||
|
}
|
||||||
|
function saveTemplate( data ) {
|
||||||
|
var svgString = getSvgString();
|
||||||
|
data.tt_sourcestate='saved';
|
||||||
|
data.tt_output_type = 'json';
|
||||||
|
var q = uriForAction( data, 'invoice_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=invoice_template]').loadJSON(jsonResponse.aaData.form);
|
||||||
|
}
|
||||||
|
refreshTemplateList( data.contract_id );
|
||||||
|
});
|
||||||
|
}
|
||||||
@ -0,0 +1,69 @@
|
|||||||
|
[%#It can be separated later to form template and loaded with ajax and fillinform template::toolkit plugin. %]
|
||||||
|
[%#It is reliable and easy to implement solution, but requires additional modules. For now populate small form with jquery.%]
|
||||||
|
[%# USE FillInForm %]
|
||||||
|
<script>
|
||||||
|
function getTtIdVal(){
|
||||||
|
return $('form[name=invoice_template] input[name=tt_id]').val();
|
||||||
|
}
|
||||||
|
function formToUri(q){
|
||||||
|
return q+'?'+$('form[name=invoice_template]').serialize()
|
||||||
|
}
|
||||||
|
|
||||||
|
</script>
|
||||||
|
<form name="invoice_template" id="invoice_template" action="[%- c.uri_for_action('/customer/invoice_template', [contract.id]) -%]" class="form-horizontal" enctype="multipart/form-data" method="post">
|
||||||
|
<input type="hidden" name="tt_id" value="">
|
||||||
|
<div class="ngcp-separator"></div>
|
||||||
|
[% IF write_access -%]
|
||||||
|
<span>
|
||||||
|
<a class="btn btn-primary btn-large" onclick="fetchInvoiceTemplateData({
|
||||||
|
tt_sourcestate: 'default',
|
||||||
|
contract_id: '[%contract.id%]',
|
||||||
|
});void(0);">[% c.loc('Create from scratch')%] <i class="icon-edit"></i></a>
|
||||||
|
</span>
|
||||||
|
<div class="ngcp-separator"></div>
|
||||||
|
[% END -%]
|
||||||
|
<div class="control-group">
|
||||||
|
<label class="control-label" for="name">[%c.loc('Template name')%]</label>
|
||||||
|
<div class="controls">
|
||||||
|
<input type="text" name="name" id="name" value="" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="ngcp-separator"></div>
|
||||||
|
<div class="control-group">
|
||||||
|
<label class="control-label" for="is_active">[%c.loc('Active')%]</label>
|
||||||
|
<div class="controls" class="checkbox">
|
||||||
|
<input type="checkbox" name="is_active" id="is_active" value="1" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<span>
|
||||||
|
<a class="btn btn-primary btn-large" onclick="
|
||||||
|
savePreviewedAndShowParsed({
|
||||||
|
contract_id:'[%contract.id%]',
|
||||||
|
tt_id: getTtIdVal(),
|
||||||
|
});void(0);">[% c.loc('Refresh Preview')%] <i class="icon-refresh"></i></a>
|
||||||
|
</span>
|
||||||
|
<span>
|
||||||
|
<a class="btn btn-primary btn-large" onclick="
|
||||||
|
//alert('tt_id='+getTtIdVal()+';');
|
||||||
|
saveTemplate({
|
||||||
|
contract_id:'[%contract.id%]',
|
||||||
|
tt_id: getTtIdVal(),
|
||||||
|
});void(0);">[% c.loc('Save template')%] <i class="icon-disk"></i></a>
|
||||||
|
</span>
|
||||||
|
<div class="ngcp-separator"></div>
|
||||||
|
|
||||||
|
[%initial = 'default'%]
|
||||||
|
<iframe
|
||||||
|
type="text/html"
|
||||||
|
src="/js/libs/svg-edit/svg-editor.htm" id="svgedit" onload="
|
||||||
|
init_embed();
|
||||||
|
fetchSvgToEditor({
|
||||||
|
tt_viewmode: 'raw',
|
||||||
|
tt_sourcestate: '[%initial%]',
|
||||||
|
contract_id: '[%contract.id%]',
|
||||||
|
tt_id: getTtIdVal(),
|
||||||
|
});" width="550px" height="750px" style="border-width:0px;"></iframe><iframe
|
||||||
|
src="[%- c.uri_for_action('/customer/invoice_template', [contract.id]) -%]/svg/parsed/[%- initial -%]" id="svgpreview"
|
||||||
|
width="600px" height="750px" style="border-width:0px;"></iframe>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
Loading…
Reference in new issue