MT#5879 Add svg template variables description.

share/templates/invoice/invoice_template_lorem.tt

@@ -2,6 +2,14 @@
 USE Date;
 USE Math;
 
+template_variables.description = {};
+template_variables.description.import({
+    invoice => {
+        'invoice_self'  => 'Information about invoice.',
+        'amount' => 'Invoice amount with already considered discount.',
+    }
+});
+
 IF !invoice.serial;
 DEFAULT invoice.amount='1200';
 DEFAULT invoice.amount_netto='1000';
@@ -17,7 +25,15 @@ DEFAULT invoice.serviceallowance='69';
 DEFAULT invoice.voice_termination_fees='10';
 END;
 
-IF !provider;
+template_variables.description.import({
+    provider => {
+        'provider_self'  => 'Information about invoice issuer, reseller.',
+        'bic' => 'BIC information of provider.',
+        'city' => 'Provider city.',
+    }
+});
+
+IF 1 || !provider;
     DEFAULT provider.bic='ABCDEFG1234';
     DEFAULT provider.city='Provider City';
     DEFAULT provider.company='Provider Gmbh.';
@@ -45,10 +61,18 @@ ELSE;
     END;
 END;
 
+template_variables.description.import({
+    client => {
+        'client_self'  => 'Information about invoice receiver, customer.',
+        'bic'    => "Client's BIC.",
+    }
+});
+
 IF !client.id;
 DEFAULT client.bic='ABCDEFG1234';
 DEFAULT client.city='Client City';
 DEFAULT client.country='Client-Country';
+DEFAULT client.title='Herr Dipl. Ing (FH)';
 DEFAULT client.firstname='Client Firstname';
 DEFAULT client.id=Math.int(Math.rand(999999))|format('%06d');
 DEFAULT client.lastname='Client-Lastname Sr.';
@@ -57,8 +81,16 @@ DEFAULT client.sepa='AT1234567890';
 DEFAULT client.street='Client Street';
 DEFAULT client.vatid='AA1234';
 END;
+
 invoice_details_zones = [];
 invoice_details_calls = [];
+
+template_variables.description.import({
+    callsdata => {
+        'callsdata_self'  => 'Information about calls.',
+        'start_time'    => 'Call start time, Call will be included in invoice period, in which call started.',
+    }
+});
 IF !invoice_details_calls.size();
     i=1;
     WHILE i <= 44;
@@ -74,6 +106,12 @@ IF !invoice_details_calls.size();
         i = i + 1;
     END;
 END;
+template_variables.description.import({
+    zonesdata => {
+        'zonesdata_self'  => 'Information about zone fees.',
+        'number'    => 'Number of calls to the zone.',
+    }
+});
 IF !invoice_details_zones.size();
     i=1;
     WHILE i <= 45;
@@ -88,5 +126,4 @@ IF !invoice_details_zones.size();
         i = i + 1;
     END;
 END;
-
 %]

share/templates/invoice/template_editor_form_alt.tt

@@ -47,6 +47,79 @@ function getTtIdVal(){
         tt_id: getTtIdVal(),
     }, refreshMessagesAjax );void(0);">[% c.loc('Save template')%] <i class="icon-disk"></i></a>
 </span>
+
+
+<div class="ngcp-separator"></div>
+<span>
+    <a class="btn btn-primary btn-small" onclick="
+        var divId = '#template_variables_help';
+        $(divId).draggable({
+            handle: '.modal-header',
+            cursor: 'crosshair',
+        }).css('display','block').find($('.mod_close')).click(function(event) {
+            $(divId).css('display','none');
+        });
+        void(0);">[% c.loc('Show template variables')%] <i class="icon-info-sign"></i></a>
+</span>
+<style>
+#template_variables_help{
+    display:none;
+    position:absolute;
+    top:150px;
+    left:100px;
+    width: 250px;
+    height: 500px;   
+}
+.variablekey{
+    font-weight:bold;
+    color:#2222FF;
+    font-style:italic;
+}
+.variable{
+    font-weight:bold;
+}
+</style>
+<div id="template_variables_help" class="modal ngcp-modal">
+    <div class="modal-header">
+        <h3>[%c.loc('Template variables')%]
+        <button type="button" class="close mod_close">×</button>
+        </h3>
+    </div>
+[%
+PROCESS 'invoice/invoice_template_lorem.tt';
+callsdata = invoice_details_calls.0.1;
+zonesdata = invoice_details_zones.0.1;
+%]
+<div style="overflow:auto;height:85%;">
+[%
+FOREACH varname IN ['client','provider','invoice','callsdata','zonesdata'];
+    tooltipvarindex = varname _ '_self';
+%]
+
+<ul> <span class="variable" [%IF template_variables.description.${varname}.${tooltipvarindex}%] rel="tooltip" data-original-title="[% c.loc(template_variables.description.${varname}.${tooltipvarindex}) %]" [%END%]>[%varname%]</span>
+
+[%
+    FOREACH key IN ${varname}.keys().sort();
+        IF !key.match('^_');
+%]
+
+    <li [%IF template_variables.description.${varname}.${key}%] rel="tooltip" data-original-title="[% c.loc(template_variables.description.${varname}.${key}) %]" [%END%]>[% varname %].<span class="variablekey">[%key%]</span></li>
+
+[%
+        END;
+    END;
+%]
+</ul>
+[%
+END;
+%]
+    </div>
+    <div class="modal-footer">
+        <a class="mod_close btn btn-primary btn-small">[%c.loc('Close')%]</a>
+    </div>
+</div>
+
+
 [%IF viewmode == 'development' %]
 <div class="ngcp-separator"></div>
 <span>