| Lines 51-79
          
      
      
        Link Here | 
        
          | 51 |         .panel-group { | 51 |         .panel-group { | 
        
          | 52 |             margin-top: 3px; | 52 |             margin-top: 3px; | 
        
          | 53 |         } | 53 |         } | 
            
              |  |  | 54 |         .css-helper::after { | 
            
              | 55 |             content: " | "; | 
            
              | 56 |         } | 
            
              | 57 |         .css-helper:last-child::after { | 
            
              | 58 |             content: none; | 
            
              | 59 |         } | 
        
          | 54 |     </style> | 60 |     </style> | 
        
          | 55 | [% END %] | 61 | [% END %] | 
        
          | 56 | </head> | 62 | </head> | 
        
          | 57 |  | 63 |  | 
            
              | 58 | [% text_justification_types = [ 'L','C','R' ] %] |  |  | 
            
              | 59 | [% BLOCK translate_justification_types %] | 
            
              | 60 |     [%  SWITCH type %] | 
            
              | 61 |         [%   CASE 'L' %]<span>Left</span> | 
            
              | 62 |         [%   CASE 'C' %]<span>Center</span> | 
            
              | 63 |         [%   CASE 'R' %]<span>Right</span> | 
            
              | 64 |     [%  END %] | 
            
              | 65 | [% END %] | 
            
              | 66 |  | 
            
              | 67 | [% units = [ 'POINT','INCH','MM','CM' ] %] | 
            
              | 68 | [% BLOCK translate_unit_types %] | 
            
              | 69 |     [% SWITCH type %] | 
            
              | 70 |         [%   CASE 'POINT' %]<span>PostScript points</span> | 
            
              | 71 |         [%   CASE 'INCH' %]<span>US Inches</span> | 
            
              | 72 |         [%   CASE 'MM' %]<span>SI Millimeters</span> | 
            
              | 73 |         [%   CASE 'CM' %]<span>SI Centimeters</span> | 
            
              | 74 |     [% END %] | 
            
              | 75 | [% END %] | 
            
              | 76 |  | 
        
          | 77 | <body id="tools_letter" class="tools"> | 64 | <body id="tools_letter" class="tools"> | 
        
          | 78 |     [% WRAPPER 'header.inc' %] | 65 |     [% WRAPPER 'header.inc' %] | 
        
          | 79 |     [% INCLUDE 'letters-search.inc' %] | 66 |     [% INCLUDE 'letters-search.inc' %] | 
  
    | Lines 689-748
          
      
      
        Link Here | 
        
          | 689 |                 <div class="panel-body"> | 676 |                 <div class="panel-body"> | 
        
          | 690 |                     <fieldset class="rows"> | 677 |                     <fieldset class="rows"> | 
        
          | 691 |                     <div class="dialog message">These format settings apply when a notice is printed.</div> | 678 |                     <div class="dialog message">These format settings apply when a notice is printed.</div> | 
          
            
              | 692 |                         [% SET param = letters.$lang.params %] | 679 |                     <div class="col-md-12"> | 
            
              | 693 |                         <div class="col-md-6"> | 680 |                         <ol> | 
            
              | 694 |                             <ol> | 681 |                             <li id="css-helpers"> | 
            
              | 695 |                                 <li> | 682 |                                 <label>Insert selectors to apply styles to: </label> | 
            
              | 696 |                                     <label for="text_justify">Text justification: </label> | 683 |                                 <a class="css-helper" id="headings">Headings</a> | 
            
              | 697 |                                     <select name="text_justify" id="text_justify"> | 684 |                                 <a class="css-helper" id="tables">Tables</a> | 
            
              | 698 |                                         [% FOREACH text_justification_type IN text_justification_types %] | 685 |                                 <a class="css-helper" id="text">All text</a> | 
            
              | 699 |                                             [% IF ( text_justification_type == param.text_justify ) %] | 686 |                             </li> | 
            
              | 700 |                                             <option value="[% text_justification_type | html %]" selected="selected">[% PROCESS translate_justification_types type=text_justification_type %]</option> | 687 |                             <li> | 
            
              | 701 |                                             [% ELSE %] | 688 |                                 <label for="style">Style (CSS): </label> | 
            
              | 702 |                                             <option value="[% text_justification_type | html %]">[% PROCESS translate_justification_types type=text_justification_type %]</option> | 689 |                                 <textarea id="style" name="style" rows="15" cols="80">[% letters.$lang.params.style | $raw %]</textarea> | 
            
              | 703 |                                             [% END %] | 690 |                             </li> | 
            
              | 704 |                                         [% END %] | 691 |                             <li> | 
            
              | 705 |                                     </select> | 692 |                                 <label for="format_all">Apply format settings to all notices:</label> | 
            
              | 706 |                                 </li> | 693 |                                 <input type="checkbox" name="format_all" id="format_all" value="1" /> | 
            
              | 707 |                                 <li> | 694 |                                 <span class="hint">Existing format settings will be overwritten.</span> | 
            
              | 708 |                                     <label for="font_size">Font size: </label> | 695 |                             </li> | 
            
              | 709 |                                     <input type="text" name="font_size" id="font_size" size="2" value="[% param.font_size | html %]" /> | 696 |                         </ol> | 
            
              | 710 |                                 </li> | 697 |                     </div> | 
            
              | 711 |                                 <li> |  |  | 
            
              | 712 |                                     <label for="format_all">Apply format settings to all notices:</label> | 
            
              | 713 |                                     <input type="checkbox" name="format_all" id="format_all" value="1" /> | 
            
              | 714 |                                     <span class="hint">Existing format settings will be overwritten.</span> | 
            
              | 715 |                                 </li> | 
            
              | 716 |                             </ol> | 
            
              | 717 |                         </div> | 
            
              | 718 |                         <div class="col-md-6"> | 
            
              | 719 |                             <ol> | 
            
              | 720 |                                 <li> | 
            
              | 721 |                                     <label for="units">Units:</label> | 
            
              | 722 |                                     <select id="units" name="units"> | 
            
              | 723 |                                         [% FOREACH unit IN units %] | 
            
              | 724 |                                             [% IF ( unit == param.units ) %] | 
            
              | 725 |                                             <option value="[% unit | html %]" selected="selected">[% PROCESS translate_unit_types type=unit %]</option> | 
            
              | 726 |                                             [% ELSE %] | 
            
              | 727 |                                             <option value="[% unit | html %]">[% PROCESS translate_unit_types type=unit %]</option> | 
            
              | 728 |                                             [% END %] | 
            
              | 729 |                                         [% END %] | 
            
              | 730 |                                     </select> | 
            
              | 731 |                                 </li> | 
            
              | 732 |                                 <li> | 
            
              | 733 |                                     <label for="notice_width">Notice width:</label> | 
            
              | 734 |                                     <input type="text" size="4" name="notice_width" id="notice_width" value="[% param.notice_width | html %]" /> | 
            
              | 735 |                                 </li> | 
            
              | 736 |                                 <li> | 
            
              | 737 |                                     <label for="top_margin">Top margin:</label> | 
            
              | 738 |                                     <input type="text" size="4" name="top_margin" id="top_margin" value="[% param.top_margin | html %]" /> | 
            
              | 739 |                                 </li> | 
            
              | 740 |                                 <li> | 
            
              | 741 |                                     <label for="left_margin">Left margin:</label> | 
            
              | 742 |                                     <input type="text" size="4" name="left_margin" id="left_margin" value="[% param.left_margin | html %]" /> | 
            
              | 743 |                                 </li> | 
            
              | 744 |                             </ol> | 
            
              | 745 |                         </div> | 
        
          | 746 |                     </fieldset> <!-- /.rows.mtt --> | 698 |                     </fieldset> <!-- /.rows.mtt --> | 
        
          | 747 |                 </div> <!-- /.panel-body --> | 699 |                 </div> <!-- /.panel-body --> | 
        
          | 748 |             </div> <!-- /.panel-collapse --> | 700 |             </div> <!-- /.panel-collapse --> | 
  
    | Lines 767-772
          
      
      
        Link Here | 
        
          | 767 |         var new_lettercode = '[% new_lettercode | html %]'; | 719 |         var new_lettercode = '[% new_lettercode | html %]'; | 
        
          | 768 |         var new_branchcode = '[% new_branchcode | html %]'; | 720 |         var new_branchcode = '[% new_branchcode | html %]'; | 
        
          | 769 |         var table_settings = [% TablesSettings.GetTableSettings( 'tools', 'notices', 'lettert', 'json' ) | $raw %]; | 721 |         var table_settings = [% TablesSettings.GetTableSettings( 'tools', 'notices', 'lettert', 'json' ) | $raw %]; | 
            
              |  |  | 722 |         $(document).ready(function(){ | 
            
              | 723 |             $("#headings").click(function(){ | 
            
              | 724 |                 $("#style").val(function(i, text) { | 
            
              | 725 |                     return text + '\nbody, #slip h1, #slip h2, #slip h3, #slip h4, #slip h5, #slip h6,\n' + | 
            
              | 726 |                     '#receipt h1, #receipt h2, #receipt h3, #receipt h4, #receipt h5, #receipt h6 {\n' + | 
            
              | 727 |                     '// insert CSS here\n' + | 
            
              | 728 |                     '}'; | 
            
              | 729 |                 }); | 
            
              | 730 |             }); | 
            
              | 731 |             $("#tables").click(function(){ | 
            
              | 732 |                 $("#style").val(function(i, text) { | 
            
              | 733 |                     return text + '\nbody, table, th, td, th:last-child, td:last-child {\n' + | 
            
              | 734 |                     '// insert CSS here\n' + | 
            
              | 735 |                     '}'; | 
            
              | 736 |                 }); | 
            
              | 737 |             }); | 
            
              | 738 |             $("#text").click(function(){ | 
            
              | 739 |                 $("#style").val(function(i, text) { | 
            
              | 740 |                     return text + '\nbody, #slip h1, #slip h2, #slip h3, #slip h4, #slip h5, #slip h6,\n' + | 
            
              | 741 |                     '#receipt h1, #receipt h2, #receipt h3, #receipt h4, #receipt h5, #receipt h6,\n' + | 
            
              | 742 |                     'table, th, td, th:last-child, td:last-child {\n' + | 
            
              | 743 |                     '// insert CSS here\n' + | 
            
              | 744 |                     '}'; | 
            
              | 745 |                 }); | 
            
              | 746 |             }); | 
            
              | 747 |         }); | 
        
          | 770 |      </script> | 748 |      </script> | 
        
          | 771 |     [% Asset.js("js/letter.js") | $raw %] | 749 |     [% Asset.js("js/letter.js") | $raw %] | 
        
          | 772 | [% END %] | 750 | [% END %] |