[12/30] Patron Card Creator layout editor interface and code
[koha.git] / koha-tmpl / intranet-tmpl / prog / en / modules / patroncards / edit-layout.tmpl
1     <!-- TMPL_INCLUDE NAME="doc-head-open.inc" -->
2     <title>Koha &rsaquo; Tools &rsaquo; Patron Cards</title>
3     <!-- TMPL_INCLUDE NAME="doc-head-close.inc" -->
4     <script type="text/JavaScript" language="JavaScript">
5         //<![CDATA[
6             $(document).ready(function() {
7                 var selectedUnit = $("#units option:selected").attr("value");
8                 var unitfields = $("#font_size,#field_1_llx,#field_1_lly,#field_2_llx,#field_2_lly,#field_3_llx,#field_3_lly,#barcode_Tx,#barcode_Ty,#image_1_Dx,#image_1_Tx,#image_1_Ty,#image_2_Dx,#image_2_Tx,#image_2_Ty");
9                 $(unitfields).after("<span class=\"unit\">"+getUnit(selectedUnit)+"</span>");
10                 $("#units").change(function(){
11                     $(".unit").html(getUnit($(this).val()));
12                 });
13                 Go($("#image_1_image_source").val(), 'image_1_image_name');
14                 Go($("#image_1_image_source").val(), 'image_1_image_metrics');
15                 $("#image_1_image_source").change(function(){
16                     $(".image_1_image_source").html(Go($(this).val(), 'image_1_image_name'));
17                     $(".image_1_image_source").html(Go($(this).val(), 'image_1_image_metrics'));
18                 });
19                 Go($("#image_2_image_source").val(), 'image_2_image_name');
20                 Go($("#image_2_image_source").val(), 'image_2_image_metrics');
21                 $("#image_2_image_source").change(function(){
22                     $(".image_2_image_source").html(Go($(this).val(), 'image_2_image_name'));
23                     $(".image_2_image_source").html(Go($(this).val(), 'image_2_image_metrics'));
24                 });
25                 var selectFieldNames = ["field_1","field_2","field_3"];
26                 for (var i=0; i < selectFieldNames.length; i++) {
27                     Go($("#"+selectFieldNames[i]+"_enable").attr("checked"), selectFieldNames[i]+"_select");
28                 }
29                 $("#field_1_enable").change(function(){
30                     $(".field_1_enable").html(Go($(this).attr("checked"), 'field_1_select'));
31                 });
32                 $("#field_2_enable").change(function(){
33                     $(".field_2_enable").html(Go($(this).attr("checked"), 'field_2_select'));
34                 });
35                 $("#field_3_enable").change(function(){
36                     $(".field_3_enable").html(Go($(this).attr("checked"), 'field_3_select'));
37                 });
38                 $("#barcode_print").load(barcode_text('barcode_param'));
39                 $("#barcode_print").change(function(){
40                     barcode_text('barcode_param');
41                 });
42             function barcode_text(division) {
43                 var eBarcode = document.getElementById(division);
44                 if( $("input[name=barcode_print]:checked").attr("checked") ) {
45                     eBarcode.style.display = 'block';
46                 } else {
47                     eBarcode.style.display = 'none';
48                     $('input[name=barcode_text_print]').attr('checked', false);
49                 }
50             }
51             function getUnit(unit){
52                 switch(unit){
53                     case "POINT":
54                         var unit = " pt";
55                     break;
56                     case "AGATE":
57                         var unit = " ag";
58                     break;
59                     case "INCH":
60                         var unit = " in";
61                     break;
62                     case "MM":
63                         var unit = " mm";
64                     break;
65                     case "CM":
66                         var unit = " cm";
67                     break;
68                     default:
69                         var unit = " pt";
70                     }
71                 return unit;
72             }
73             function Go(oSelect, oElement){
74                 var element = document.getElementById(oElement);
75                 switch(true) {
76                     case /^.*_name/.test(oElement):
77                         if ((oSelect == 'patronimages') || (oSelect == 'none')) {
78                             element.style.display = 'none';
79                         }
80                         else {
81                             element.style.display = 'block';
82                         }
83                         break;
84                     case /^.*_metrics/.test(oElement):
85                         if ((oSelect == 'none') || (oSelect == '')) {
86                             element.style.display = 'none';
87                         }
88                         else {
89                             element.style.display = 'block';
90                         }
91                         break;
92                     case /^.*_select/.test(oElement):
93                         if (!oSelect) {
94                             element.style.display = 'none';
95                         }
96                         else {
97                             element.style.display = 'block';
98                         }
99                         break;
100                     default:
101                         return;
102                 }
103                 return;
104             }
105         });
106         //]]>
107     </script>
108     <script type="text/javascript">
109         //<![CDATA[
110         $(document).ready(function() {
111             $("#save").empty();
112             $("#cancel").empty();
113             buildButtons();
114          });
115         function submitForm() {
116             document.input.submit();
117         };
118         function buildButtons() {
119             var saveButton = new YAHOO.widget.Button({
120                 type: "link",
121                 onclick: {fn: submitForm},
122                 label: _("Save"),
123                 id: "save",
124                 container: "save"
125             });
126             var cancelButton = new YAHOO.widget.Button({
127                 type: "link",
128                 href: "/cgi-bin/koha/patroncards/manage.pl?card_element=layout",
129                 label: _("Cancel"),
130                 id: "cancel",
131                 container: "cancel",
132             });
133         };
134     </script>
135 </head>
136 <body>
137     <!-- TMPL_INCLUDE NAME="header.inc" -->
138     <!-- TMPL_INCLUDE NAME="cat-search.inc" -->
139     <div id="breadcrumbs">
140         <a href="/cgi-bin/koha/mainpage.pl">Home</a> &rsaquo;
141         <a href="/cgi-bin/koha/tools/tools-home.pl">Tools</a> &rsaquo;
142         <a href="/cgi-bin/koha/patroncards/home.pl">Patroncards Home</a> &rsaquo;
143         <a href="/cgi-bin/koha/patroncards/manage.pl?card_element=layout">Mange Patroncard Layouts</a> &rsaquo;
144         <!-- TMPL_IF NAME="layout_id" -->Edit<!-- TMPL_ELSE -->Create<!-- /TMPL_IF --> Patroncard Layout
145     </div>
146     <div id="doc3" class="yui-t2">
147         <div id="bd">
148             <div id="yui-main">
149                 <div class="yui-b">
150                 <!-- NOTE: The order of the elements on this form is crictical to correct processing. You've been warned...  -->
151                 <form name="input" action="/cgi-bin/koha/patroncards/edit-layout.pl" method="get">
152                 <div class="yui-g">
153                 <div class="yui-g first">
154                         <fieldset class="rows">
155                             <legend><!-- TMPL_IF NAME="layout_id" -->Edit<!-- TMPL_ELSE -->Create<!-- /TMPL_IF --> Patroncard Text Layout</legend>
156                             <ol>
157                                 <li>
158                                 <fieldset>
159                                 <legend>General Settings</legend>
160                                 <li>
161                                     <label for="layout_name">Layout Name</label>
162                                     <input type="text" name="layout_name" id="layout_name" size="20" value="<!-- TMPL_VAR NAME="layout_name" -->" />
163                                 </li>
164                                 <li>
165                                     <label for="units">Units:</label>
166                                     <select id="units" name="units">
167                                     <!-- TMPL_LOOP NAME="units" -->
168                                         <!-- TMPL_IF NAME="selected" -->
169                                         <option value="<!-- TMPL_VAR NAME="type" -->" selected="selected">
170                                         <!-- TMPL_ELSE -->
171                                         <option value="<!-- TMPL_VAR NAME="type" -->">
172                                         <!-- /TMPL_IF -->
173                                         <!-- TMPL_VAR NAME="desc" -->
174                                         </option>
175                                     <!-- /TMPL_LOOP -->
176                                     </select>
177                                 </li>
178                                 <li>
179                                     <label for="page_side">Page Side:</label>
180                                     <!-- TMPL_IF NAME="page_side" -->
181                                     <input type="radio" name="page_side" id="page_side" value="F" />Front
182                                     <input type="radio" name="page_side" id="page_side" value="B" checked />Back
183                                     <!-- TMPL_ELSE -->
184                                     <input type="radio" name="page_side" id="page_side" value="F" checked />Front
185                                     <input type="radio" name="page_side" id="page_side" value="B" />Back
186                                     <!-- /TMPL_IF -->
187
188                                 </li>
189                                 </fieldset>
190                                 </li>
191                                 <li>
192                                     <fieldset>
193                                     <legend>Text Fields</legend>
194                                         <li>
195                                             <fieldset>
196                                             <!-- TMPL_IF NAME="field_1"-->
197                                             <legend><input type="checkbox" name="field_1_enable" id="field_1_enable" value="1" checked="checked" /> Field 1</legend>
198                                             <!-- TMPL_ELSE -->
199                                             <legend><input type="checkbox" name="field_1_enable" id="field_1_enable" value="1" /> Field 1</legend>
200                                             <!-- /TMPL_IF -->
201                                             <div id="field_1_select" style="display: none;">
202                                             <li>
203                                                 <label for="field_1_text">Text</label>
204                                                 <input type="text" name="field_1_text" id="field_1_text" size="60" value="<!-- TMPL_VAR ESCAPE='HTML' NAME="field_1_text" -->" />
205                                             </li>
206                                             <li>
207                                                 <label for="field_1_font">Font</label>
208                                                 <select name="field_1_font" id="field_1_font">
209                                                     <!-- TMPL_LOOP Name="field_1_font" -->
210                                                     <!-- TMPL_IF Name="selected" -->
211                                                     <option value="<!-- TMPL_VAR Name="type" -->" selected="selected"><!-- TMPL_VAR Name="name" --></option>
212                                                     <!-- TMPL_ELSE -->
213                                                     <option value="<!-- TMPL_VAR Name="type" -->"><!-- TMPL_VAR Name="name" --></option>
214                                                     <!-- /TMPL_IF -->
215                                                     <!-- /TMPL_LOOP -->
216                                                 </select>
217                                             </li>
218                                             <li>
219                                                 <label for="field_1_font_size">Font Size</label>
220                                                 <input type="text" name="field_1_font_size" id="field_1_font_size" size="2" value="<!-- TMPL_VAR ESCAPE='HTML' NAME="field_1_font_size" -->" />
221                                                 <span class="font_unit"> pt</span>
222                                             </li>
223                                             <li>
224                                                 <label for="field_1_text_alignment">Text Alignment</label>
225                                                 <select name="field_1_text_alignment" id="field_1_text_alignment">
226                                                     <!-- TMPL_LOOP Name="field_1_text_alignment" -->
227                                                     <!-- TMPL_IF Name="selected" -->
228                                                     <option value="<!-- TMPL_VAR Name="type" -->" selected="selected"><!-- TMPL_VAR Name="name" --></option>
229                                                     <!-- TMPL_ELSE -->
230                                                     <option value="<!-- TMPL_VAR Name="type" -->"><!-- TMPL_VAR Name="name" --></option>
231                                                     <!-- /TMPL_IF -->
232                                                     <!-- /TMPL_LOOP -->
233                                                 </select>
234                                             </li>
235                                             <li>
236                                                 <label for="field_1_llx">Lower Left X Coordinate</label>
237                                                 <input type="text" name="field_1_llx" id="field_1_llx" size="2" value="<!-- TMPL_VAR ESCAPE='HTML' NAME="field_1_llx" -->" />
238                                             </li>
239                                             <li>
240                                                 <label for="field_1_lly">Lower Left Y Coordinate</label>
241                                                 <input type="text" name="field_1_lly" id="field_1_lly" size="2" value="<!-- TMPL_VAR ESCAPE='HTML' NAME="field_1_lly" -->" />
242                                             </li>
243                                             </div>
244                                             </fieldset>
245                                         </li>
246                                         <li>
247                                             <fieldset>
248                                             <!-- TMPL_IF NAME="field_2"-->
249                                             <legend><input type="checkbox" name="field_2_enable" id="field_2_enable" value="1" checked="checked"/> Field 2</legend>
250                                             <!-- TMPL_ELSE -->
251                                             <legend><input type="checkbox" name="field_2_enable" id="field_2_enable" value="1" /> Field 2</legend>
252                                             <!-- /TMPL_IF -->
253                                             <div id="field_2_select" style="display: none;">
254                                             <li>
255                                                 <label for="field_2_text">Text</label>
256                                                 <input type="text" name="field_2_text" id="field_2_text" size="60" value="<!-- TMPL_VAR ESCAPE='HTML' NAME="field_2_text" -->" />
257                                             </li>
258                                             <li>
259                                                 <label for="field_2_font">Font</label>
260                                                 <select name="field_2_font" id="field_2_font">
261                                                     <!-- TMPL_LOOP Name="field_2_font" -->
262                                                     <!-- TMPL_IF Name="selected" -->
263                                                     <option value="<!-- TMPL_VAR Name="type" -->" selected="selected"><!-- TMPL_VAR Name="name" --></option>
264                                                     <!-- TMPL_ELSE -->
265                                                     <option value="<!-- TMPL_VAR Name="type" -->"><!-- TMPL_VAR Name="name" --></option>
266                                                     <!-- /TMPL_IF -->
267                                                     <!-- /TMPL_LOOP -->
268                                                 </select>
269                                             </li>
270                                             <li>
271                                                 <label for="field_2_font_size">Font Size</label>
272                                                 <input type="text" name="field_2_font_size" id="field_2_font_size" size="2" value="<!-- TMPL_VAR ESCAPE='HTML' NAME="field_2_font_size" -->" />
273                                                 <span class="font_unit"> pt</span>
274                                             </li>
275                                             <li>
276                                                 <label for="field_2_text_alignment">Text Alignment</label>
277                                                 <select name="field_2_text_alignment" id="field_2_text_alignment">
278                                                     <!-- TMPL_LOOP Name="field_2_text_alignment" -->
279                                                     <!-- TMPL_IF Name="selected" -->
280                                                     <option value="<!-- TMPL_VAR Name="type" -->" selected="selected"><!-- TMPL_VAR Name="name" --></option>
281                                                     <!-- TMPL_ELSE -->
282                                                     <option value="<!-- TMPL_VAR Name="type" -->"><!-- TMPL_VAR Name="name" --></option>
283                                                     <!-- /TMPL_IF -->
284                                                     <!-- /TMPL_LOOP -->
285                                                 </select>
286                                             </li>
287                                             <li>
288                                                 <label for="field_2_llx">Lower Left X Coordinate</label>
289                                                 <input type="text" name="field_2_llx" id="field_2_llx" size="2" value="<!-- TMPL_VAR ESCAPE='HTML' NAME="field_2_llx" -->" />
290                                             </li>
291                                             <li>
292                                                 <label for="field_2_lly">Lower Left Y Coordinate</label>
293                                                 <input type="text" name="field_2_lly" id="field_2_lly" size="2" value="<!-- TMPL_VAR ESCAPE='HTML' NAME="field_2_lly" -->" />
294                                             </li>
295                                             </div>
296                                             </fieldset>
297                                         </li>
298                                         <li>
299                                             <fieldset>
300                                             <!-- TMPL_IF NAME="field_3"-->
301                                             <legend><input type="checkbox" name="field_3_enable" id="field_3_enable" value="1" checked="checked"/> Field 3</legend>
302                                             <!-- TMPL_ELSE -->
303                                             <legend><input type="checkbox" name="field_3_enable" id="field_3_enable" value="0" /> Field 3</legend>
304                                             <!-- /TMPL_IF -->
305                                             <div id="field_3_select" style="display: none;">
306                                             <li>
307                                                 <label for="field_3_text">Text</label>
308                                                 <input type="text" name="field_3_text" id="field_3_text" size="60" value="<!-- TMPL_VAR ESCAPE='HTML' NAME="field_3_text" -->" />
309                                             </li>
310                                             <li>
311                                                 <label for="field_3_font">Font</label>
312                                                 <select name="field_3_font" id="field_3_font">
313                                                     <!-- TMPL_LOOP Name="field_3_font" -->
314                                                     <!-- TMPL_IF Name="selected" -->
315                                                     <option value="<!-- TMPL_VAR Name="type" -->" selected="selected"><!-- TMPL_VAR Name="name" --></option>
316                                                     <!-- TMPL_ELSE -->
317                                                     <option value="<!-- TMPL_VAR Name="type" -->"><!-- TMPL_VAR Name="name" --></option>
318                                                     <!-- /TMPL_IF -->
319                                                     <!-- /TMPL_LOOP -->
320                                                 </select>
321                                             </li>
322                                             <li>
323                                                 <label for="field_3_font_size">Font Size</label>
324                                                 <input type="text" name="field_3_font_size" id="field_3_font_size" size="2" value="<!-- TMPL_VAR ESCAPE='HTML' NAME="field_3_font_size" -->" />
325                                                 <span class="font_unit"> pt</span>
326                                             </li>
327                                             <li>
328                                                 <label for="field_3_text_alignment">Text Alignment</label>
329                                                 <select name="field_3_text_alignment" id="field_3_text_alignment">
330                                                     <!-- TMPL_LOOP Name="field_3_text_alignment" -->
331                                                     <!-- TMPL_IF Name="selected" -->
332                                                     <option value="<!-- TMPL_VAR Name="type" -->" selected="selected"><!-- TMPL_VAR Name="name" --></option>
333                                                     <!-- TMPL_ELSE -->
334                                                     <option value="<!-- TMPL_VAR Name="type" -->"><!-- TMPL_VAR Name="name" --></option>
335                                                     <!-- /TMPL_IF -->
336                                                     <!-- /TMPL_LOOP -->
337                                                 </select>
338                                             </li>
339                                             <li>
340                                                 <label for="field_3_llx">Lower Left X Coordinate</label>
341                                                 <input type="text" name="field_3_llx" id="field_3_llx" size="2" value="<!-- TMPL_VAR ESCAPE='HTML' NAME="field_3_llx" -->" />
342                                             </li>
343                                             <li>
344                                                 <label for="field_3_lly">Lower Left Y Coordinate</label>
345                                                 <input type="text" name="field_3_lly" id="field_3_lly" size="2" value="<!-- TMPL_VAR ESCAPE='HTML' NAME="field_3_lly" -->" />
346                                             </li>
347                                             </div>
348                                             </fieldset>
349                                         </li>
350                                     </fieldset>
351                                 </li>
352                                     </fieldset>
353                                 </li>
354                                     </fieldset>
355                                 </li>
356                             </ol>
357                         </fieldset>
358                 </div>
359                 <div class="yui-g">
360                     <fieldset class="rows">
361                     <legend><!-- TMPL_IF NAME="layout_id" -->Edit<!-- TMPL_ELSE -->Create<!-- /TMPL_IF --> Patroncard Graphic Layout</legend>
362                     <ol>
363 <!--
364                             <li>
365                                 <fieldset>
366                                 <label for="guidebox">Draw Guide Boxes</label>
367                                 <!-- TMPL_IF NAME="guidebox"-->
368                                 <input type="checkbox" name="guidebox" id="guidebox" value="1"  checked="checked" />
369                                 <!-- TMPL_ELSE -->
370                                 <input type="checkbox" name="guidebox" id="guidebox" value="1" />
371                                 <!-- /TMPL_IF -->
372                                 </fieldset>
373                             </li>
374 -->
375                         <li>
376                             <fieldset>
377                                 <legend>Barcode</legend>
378                                 <li>
379                                     <label for="barcode_print">Print Card Number as Barcode</label>
380                                     <!-- TMPL_IF NAME="barcode_print"-->
381                                     <input type="checkbox" name="barcode_print" id="barcode_print" value="1" checked="checked" />
382                                     <!-- TMPL_ELSE -->
383                                     <input type="checkbox" name="barcode_print" id="barcode_print" value="1" />
384                                     <!-- /TMPL_IF -->
385                                 </li>
386                                 <div id="barcode_param" style="display: none;">
387                                 <li>
388                                     <label for="barcode_llx">Lower Left X Coordinate</label>
389                                     <input type="text" name="barcode_llx" id="barcode_llx" size="2" value="<!-- TMPL_VAR ESCAPE='HTML' NAME="barcode_llx" -->" />
390                                 </li>
391                                 <li>
392                                     <label for="barcode_lly">Lower Left Y Coordinate</label>
393                                     <input type="text" name="barcode_lly" id="barcode_lly" size="2" value="<!-- TMPL_VAR ESCAPE='HTML' NAME="barcode_lly" -->" />
394                                 </li>
395                                 <li>
396                                     <label for="barcode_type">Barcode Type</label>
397                                     <select name="barcode_type" id="barcode_type">
398                                         <!-- TMPL_LOOP Name="barcode_type" -->
399                                         <!-- TMPL_IF Name="selected" -->
400                                         <option value="<!-- TMPL_VAR Name="type" -->" selected="selected"><!-- TMPL_VAR Name="name" --></option>
401                                         <!-- TMPL_ELSE -->
402                                         <option value="<!-- TMPL_VAR Name="type" -->"><!-- TMPL_VAR Name="name" --></option>
403                                         <!-- /TMPL_IF -->
404                                         <!-- /TMPL_LOOP -->
405                                     </select>
406                                 </li>
407                                 <li>
408                                     <label for="barcode_text_print">Print Card Number as Text Under Barcode</label>
409                                     <!-- TMPL_IF NAME="barcode_text_print"-->
410                                     <input type="checkbox" name="barcode_text_print" id="barcode_text_print" value="1" checked="checked" />
411                                     <!-- TMPL_ELSE -->
412                                     <input type="checkbox" name="barcode_text_print" id="barcode_text_print" value="1" />
413                                     <!-- /TMPL_IF -->
414                                 </li>
415                                 </div>
416                             </fieldset>
417                         </li>
418                         <li>
419                             <fieldset>
420                             <legend>Images</legend>
421                                 <li>
422                                     <fieldset>
423                                     <legend>Image 1</legend>
424                                     <li>
425                                         <label for="image_1_image_source">Image Source</label>
426                                         <select name="image_1_image_source" id="image_1_image_source">
427                                             <!-- TMPL_LOOP Name="image_1_image_source" -->
428                                             <!-- TMPL_IF Name="selected" -->
429                                             <option value="<!-- TMPL_VAR Name="type" -->" selected="selected"><!-- TMPL_VAR Name="name" --></option>
430                                             <!-- TMPL_ELSE -->
431                                             <option value="<!-- TMPL_VAR Name="type" -->"><!-- TMPL_VAR Name="name" --></option>
432                                             <!-- /TMPL_IF -->
433                                             <!-- /TMPL_LOOP -->
434                                         </select>
435                                     </li>
436                                     <div id="image_1_image_name" style="display: none;">
437                                     <li>
438                                         <label for="image_1_image_name">Image</label>
439                                         <select name="image_1_image_name" id="image_1_image_name">
440                                             <!-- TMPL_LOOP Name="image_1_image_name" -->
441                                             <!-- TMPL_IF Name="selected" -->
442                                             <option value="<!-- TMPL_VAR Name="type" -->" selected="selected"><!-- TMPL_VAR Name="name" --></option>
443                                             <!-- TMPL_ELSE -->
444                                             <option value="<!-- TMPL_VAR Name="type" -->"><!-- TMPL_VAR Name="name" --></option>
445                                             <!-- /TMPL_IF -->
446                                             <!-- /TMPL_LOOP -->
447                                         </select>
448                                     </li>
449                                     </div>
450                                     <div id="image_1_image_metrics" style="display: none;">
451                                     <li>
452                                         <label for="image_1_Dx">Display Height</label>
453                                         <input type="text" name="image_1_Dx" id="image_1_Dx" size="2" value="<!-- TMPL_VAR ESCAPE='HTML' NAME="image_1_Dx" -->" />
454                                     </li>
455                                     <li>
456                                         <label for="image_1_Tx">Lower Left X Coordinate</label>
457                                         <input type="text" name="image_1_Tx" id="image_1_Tx" size="2" value="<!-- TMPL_VAR ESCAPE='HTML' NAME="image_1_Tx" -->" />
458                                     </li>
459                                     <li>
460                                         <label for="image_1_Ty">Lower Left Y Coordinate</label>
461                                         <input type="text" name="image_1_Ty" id="image_1_Ty" size="2" value="<!-- TMPL_VAR ESCAPE='HTML' NAME="image_1_Ty" -->" />
462                                     </li>
463                                     </div>
464                                     <!-- These pdf image parameters are currently unused, but implimented and need to default to zero  -->
465                                     <input type="hidden" name="image_1_Ox" value="0" /><!-- Ox,Oy should be set to 0 unless you want special effects  see http://www.adobe.com/devnet/pdf/pdf_reference.html ISO 32000-1 -->
466                                     <input type="hidden" name="image_1_Oy" value="0" />
467                                     <input type="hidden" name="image_1_Sx" value="0" /><!-- Sx,Sy allow scaling of the image  -->
468                                     <input type="hidden" name="image_1_Sy" value="0" />
469                                     </fieldset>
470                                 </li>
471                                 <li>
472                                     <fieldset>
473                                     <legend>Image 2</legend>
474                                     <li>
475                                         <label for="image_2_image_source">Image Source</label>
476                                         <select name="image_2_image_source" id="image_2_image_source">
477                                             <!-- TMPL_LOOP Name="image_2_image_source" -->
478                                             <!-- TMPL_IF Name="selected" -->
479                                             <option value="<!-- TMPL_VAR Name="type" -->" selected="selected"><!-- TMPL_VAR Name="name" --></option>
480                                             <!-- TMPL_ELSE -->
481                                             <option value="<!-- TMPL_VAR Name="type" -->"><!-- TMPL_VAR Name="name" --></option>
482                                             <!-- /TMPL_IF -->
483                                             <!-- /TMPL_LOOP -->
484                                         </select>
485                                     </li>
486                                     <div id="image_2_image_name" style="display: none;">
487                                     <li>
488                                         <label for="image_2_image_name">Image</label>
489                                         <select name="image_2_image_name" id="image_2_image_name">
490                                             <!-- TMPL_LOOP Name="image_2_image_name" -->
491                                             <!-- TMPL_IF Name="selected" -->
492                                             <option value="<!-- TMPL_VAR Name="type" -->" selected="selected"><!-- TMPL_VAR Name="name" --></option>
493                                             <!-- TMPL_ELSE -->
494                                             <option value="<!-- TMPL_VAR Name="type" -->"><!-- TMPL_VAR Name="name" --></option>
495                                             <!-- /TMPL_IF -->
496                                             <!-- /TMPL_LOOP -->
497                                         </select>
498                                     </li>
499                                     </div>
500                                     <div id="image_2_image_metrics" style="display: none;">
501                                     <li>
502                                         <label for="image_2_Dx">Display Height</label>
503                                         <input type="text" name="image_2_Dx" id="image_2_Dx" size="2" value="<!-- TMPL_VAR ESCAPE='HTML' NAME="image_2_Dx" -->" />
504                                     </li>
505                                     <li>
506                                         <label for="image_2_Tx">Lower Left X Coordinate</label>
507                                         <input type="text" name="image_2_Tx" id="image_2_Tx" size="2" value="<!-- TMPL_VAR ESCAPE='HTML' NAME="image_2_Tx" -->" />
508                                     </li>
509                                     <li>
510                                         <label for="image_2_Ty">Lower Left Y Coordinate</label>
511                                         <input type="text" name="image_2_Ty" id="image_2_Ty" size="2" value="<!-- TMPL_VAR ESCAPE='HTML' NAME="image_2_Ty" -->" />
512                                     </li>
513                                     </div>
514                                     <!-- These pdf image parameters are currently unused, but implimented and need to default to zero  -->
515                                     <input type="hidden" name="image_2_Ox" value="0" /><!-- Ox,Oy should be set to 0 unless you want special effects  see http://www.adobe.com/devnet/pdf/pdf_reference.html ISO 32000-1 -->
516                                     <input type="hidden" name="image_2_Oy" value="0" /><!-- Sx,Sy allow scaling of the image  -->
517                                     <input type="hidden" name="image_2_Sx" value="0" />
518                                     <input type="hidden" name="image_2_Sy" value="0" />
519                                     </fieldset>
520                                 </li>
521                             </fieldset>
522                         </li>
523                     </ol>
524                     </fieldset>
525                 </div>
526                 </div>
527                     <fieldset class="action">
528                         <span id="save"><input type="submit" value="Save" /></span>
529                         <span id="cancel"><a class="cancel" href="/cgi-bin/koha/patroncards/manage.pl?card_element=layout">Cancel</a></span>
530                         <input type="hidden" name="op" value="save" />
531                         <input type="hidden" name="layout_id" value="<!-- TMPL_VAR NAME="layout_id" -->" />
532                     </fieldset>
533                 </form>
534                 </div>
535             </div>
536             <div class="yui-b">
537                 <!-- TMPL_INCLUDE NAME="patroncards-menu.inc" -->
538             </div>
539         </div>
540         <!-- TMPL_INCLUDE NAME="intranet-bottom.inc" -->