Bug 19961: Move template JavaScript to the footer: Patron card creator
[koha.git] / koha-tmpl / intranet-tmpl / prog / en / modules / patroncards / edit-template.tt
1 [% SET footerjs = 1 %]
2     [% INCLUDE 'doc-head-open.inc' %]
3     <title>Koha &rsaquo; Tools &rsaquo; Patron card creator &rsaquo; Templates &rsaquo; [% IF (template_id) %]Edit ([% template_id %])[% ELSE %]New[% END %]</title>
4     [% INCLUDE 'doc-head-close.inc' %]
5 </head>
6
7 <body id="pcard_edit-template" class="tools pcard">
8     [% INCLUDE 'header.inc' %]
9     [% INCLUDE 'cat-search.inc' %]
10     <div id="breadcrumbs">
11         <a href="/cgi-bin/koha/mainpage.pl">Home</a> &rsaquo;
12         <a href="/cgi-bin/koha/tools/tools-home.pl">Tools</a> &rsaquo;
13         <a href="/cgi-bin/koha/patroncards/home.pl">Patron card creator</a> &rsaquo;
14         <a href="/cgi-bin/koha/patroncards/manage.pl?card_element=template">Templates</a> &rsaquo;
15         [% IF (template_id) %]Edit ([% template_id %])[% ELSE %]New[% END %]
16     </div>
17     <div id="doc3" class="yui-t2">
18         <div id="bd">
19             <div id="yui-main">
20                 <div class="yui-b">
21                     <div class="yui-g">
22                     [% INCLUDE 'patroncards-toolbar.inc' %]
23                         <div class="yui-u first">
24
25                         </div>
26                     </div>
27                     <form name="input" action="/cgi-bin/koha/patroncards/edit-template.pl" method="get">
28                     <div class="yui-g">
29                         <h3>[% IF (template_id) %]Edit[% ELSE %]Create[% END %] patron card template[% IF (template_id) %] ([% template_id %])[% END %]</h3>
30                         <div class="yui-u first">
31                             <fieldset class="rows">
32                                 <ol>
33                                     <li>
34                                         <span class="label">Template ID:</span>[% IF ( template_id ) %][% template_id %][% ELSE %]N/A[% END %]
35                                     </li>
36                                     <li>
37                                         <label for="template_code">Template code:</label>
38                                         <input type="text" size="30" maxlength="43" name="template_code" id="template_code" value="[% template_code %]" />
39                                     </li>
40                                     <li>
41                                         <label for="template_desc">Template description:</label>
42                                         <textarea cols="30" rows="3" id="template_desc" name="template_desc">[% template_desc %]</textarea>
43                                     </li>
44                                     <li>
45                                         <label for="units">Units:</label>
46                                         <select id="units" name="units">
47                                         [% FOREACH unit IN units %]
48
49                                             [% IF ( unit.selected ) %]
50                                             <option value="[% unit.type %]" selected="selected">
51                                             [% ELSE %]
52                                             <option value="[% unit.type %]">
53                                             [% END %]
54
55                                             [% SWITCH unit.type %]
56                                             [%   CASE 'POINT' %]
57                                             <span>PostScript Points</span>
58                                             [%   CASE 'AGATE' %]
59                                             <span>Adobe Agates</span>
60                                             [%   CASE 'INCH' %]
61                                             <span>US Inches</span>
62                                             [%   CASE 'MM' %]
63                                             <span>SI Millimeters</span>
64                                             [%   CASE 'CM' %]
65                                             <span>SI Centimeters</span>
66                                             [% END %]
67
68                                             </option>
69                                         [% END %]
70                                         </select>
71                                     </li>
72                                     <li>
73                                         <label for="page_height">Page height:</label>
74                                         <input type="text" size="4" name="page_height" id="page_height" value="[% page_height %]" />
75                                     </li>
76                                     <li>
77                                         <label for="page_width">Page width:</label>
78                                         <input type="text" size="4" name="page_width" id="page_width" value="[% page_width %]" />
79                                     </li>
80                                     <li>
81                                         <label for="card_height">Card height:</label>
82                                         <input type="text" size="4" name="card_height" id="card_height" value="[% card_height %]" />
83                                     </li>
84                                     <li>
85                                         <label for="card_width">Card width:</label>
86                                         <input type="text" size="4" name="card_width" id="card_width" value="[% card_width %]" />
87                                     </li>
88
89
90                                 </ol>
91                             </fieldset>
92                         </div>
93                         <div class="yui-u">
94                             <fieldset class="rows">
95                                 <ol><li>
96                                     <label for="top_margin">Top page margin:</label>
97                                     <input type="text" size="4" name="top_margin" id="top_margin" value="[% top_margin %]" />
98                                 </li>
99                                 <li>
100                                     <label for="left_margin">Left page margin:</label>
101                                     <input type="text" size="4" name="left_margin" id="left_margin" value="[% left_margin %]" />
102                                 </li>
103                                     <li>
104                                         <label for="cols">Number of columns:</label>
105                                         <input type="text" size="4" name="cols" id="cols" value="[% cols %]" />
106                                     </li>
107                                     <li>
108                                         <label for="rows">Number of rows:</label>
109                                         <input type="text" size="4" name="rows" id="rows" value="[% rows %]" />
110                                     </li>
111                                     <li>
112                                         <label for="col_gap">Gap between columns:</label>
113                                         <input type="text" size="4" name="col_gap" id="col_gap" value="[% col_gap %]" />
114                                     </li>
115                                     <li>
116                                         <label for="row_gap">Gap between rows:</label>
117                                         <input type="text" size="4" name="row_gap" id="row_gap" value="[% row_gap %]" />
118                                     </li>
119
120                                     <li>
121                                         <label for="profile_id">Profile:</label>
122                                         [% IF ( profile_list ) %]
123                                         <select id="profile_id" name="profile_id">
124                                         [% FOREACH profile_lis IN profile_list %]
125                                         [% IF ( profile_lis.selected ) %]
126                                         <option value="[% profile_lis.profile_id %]" selected="selected">
127                                         [% ELSE %]
128                                         <option value="[% profile_lis.profile_id %]">
129                                         [% END %]
130                                         [% profile_lis.printer_name %]/[% profile_lis.paper_bin %]
131                                         </option>
132                                         [% END %]
133                                         </select>
134                                         [% ELSE %]
135                                         <a href="/cgi-bin/koha/patroncards/edit-profile.pl?op=new">Click here to define a printer profile.</a>
136                                         [% END %]
137                                     </li>
138                                 </ol>
139                             </fieldset>
140                         </div>
141                     </div>
142                     <div class="yui-g">
143                         <fieldset class="action">
144                             <input type="submit" class="submit" value="Save" />
145                             <a class="cancel" href="/cgi-bin/koha/patroncards/manage.pl?card_element=template">Cancel</a>
146                             <input type="hidden" name="op" value="save" />
147                             [% IF ( template_id ) %]
148                             <input type="hidden" name="template_id" value="[% template_id %]" />
149                             [% END %]
150                         </fieldset>
151                     </div>
152                 </form>
153             </div>
154         </div>
155         <div class="yui-b">
156           [% INCLUDE 'tools-menu.inc' %]
157         </div>
158     </div>
159
160 [% MACRO jsinclude BLOCK %]
161     <script src="[% interface %]/[% theme %]/js/tools-menu_[% KOHA_VERSION %].js"></script>
162     <script>
163         $(document).ready(function(){
164             var selectedUnit = $("#units option:selected").attr("value");
165             var unitfields = $("#page_height,#page_width,#card_width,#card_height,#top_margin,#left_margin,#col_gap,#row_gap");
166             $(unitfields).after("<span class=\"unit\">"+getUnit(selectedUnit)+"</span>");
167             $("#units").change(function(){
168                 $(".unit").html(getUnit($(this).val()));
169             });
170         function getUnit(unit){
171             switch(unit){
172                 case "POINT":
173                     var unit = " pt";
174                     break;
175                 case "AGATE":
176                     var unit = " ag";
177                     break;
178                 case "INCH":
179                     var unit = " in";
180                     break;
181                 case "MM":
182                     var unit = " mm";
183                     break;
184                 case "CM":
185                     var unit = " cm";
186                     break;
187                 default:
188                     var unit = "";
189             }
190             return unit;
191         }
192         });
193     </script>
194 [% END %]
195
196 [% INCLUDE 'intranet-bottom.inc' %]