1 [% INCLUDE 'doc-head-open.inc' %]
2 <title>Koha › Tools › Patron Card Creator</title>
3 [% INCLUDE 'doc-head-close.inc' %]
4 <script type="text/JavaScript" language="JavaScript">
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()));
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'));
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'));
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");
29 $("#field_1_enable").change(function(){
30 $(".field_1_enable").html(Go($(this).attr("checked"), 'field_1_select'));
32 $("#field_2_enable").change(function(){
33 $(".field_2_enable").html(Go($(this).attr("checked"), 'field_2_select'));
35 $("#field_3_enable").change(function(){
36 $(".field_3_enable").html(Go($(this).attr("checked"), 'field_3_select'));
38 $("#barcode_print").load(barcode_text('barcode_param'));
39 $("#barcode_print").change(function(){
40 barcode_text('barcode_param');
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';
47 eBarcode.style.display = 'none';
48 $('input[name=barcode_text_print]').attr('checked', false);
51 function getUnit(unit){
73 function Go(oSelect, oElement){
74 var element = document.getElementById(oElement);
76 case /^.*_name/.test(oElement):
77 if ((oSelect == 'patronimages') || (oSelect == 'none')) {
78 element.style.display = 'none';
81 element.style.display = 'block';
84 case /^.*_metrics/.test(oElement):
85 if ((oSelect == 'none') || (oSelect == '')) {
86 element.style.display = 'none';
89 element.style.display = 'block';
92 case /^.*_select/.test(oElement):
94 element.style.display = 'none';
97 element.style.display = 'block';
108 <script type="text/javascript">
110 $(document).ready(function() {
112 $("#cancel").empty();
115 function submitForm() {
116 document.input.submit();
118 function buildButtons() {
119 var saveButton = new YAHOO.widget.Button({
121 onclick: {fn: submitForm},
126 var cancelButton = new YAHOO.widget.Button({
128 href: "/cgi-bin/koha/patroncards/manage.pl?card_element=layout",
137 [% INCLUDE 'header.inc' %]
138 [% INCLUDE 'cat-search.inc' %]
139 <div id="breadcrumbs">
140 <a href="/cgi-bin/koha/mainpage.pl">Home</a> ›
141 <a href="/cgi-bin/koha/tools/tools-home.pl">Tools</a> ›
142 <a href="/cgi-bin/koha/patroncards/home.pl">Patron Card Creator</a> ›
143 <a href="/cgi-bin/koha/patroncards/manage.pl?card_element=layout">Mange Patron Card Layouts</a> ›
144 [% IF ( layout_id ) %]Edit[% ELSE %]Create[% END %] Patron Card Layout
146 <div id="doc3" class="yui-t2">
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">
153 <div class="yui-g first">
154 <fieldset class="rows">
155 <legend>[% IF ( layout_id ) %]Edit[% ELSE %]Create[% END %] Patron Card Text Layout</legend>
159 <legend>General Settings</legend>
161 <label for="layout_name">Layout Name</label>
162 <input type="text" name="layout_name" id="layout_name" size="20" value="[% layout_name %]" />
165 <label for="units">Units:</label>
166 <select id="units" name="units">
167 [% FOREACH unit IN units %]
168 [% IF ( unit.selected ) %]
169 <option value="[% unit.type %]" selected="selected">
171 <option value="[% unit.type %]">
179 <label for="page_side">Page Side:</label>
180 [% IF ( 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="checked" />Back
184 <input type="radio" name="page_side" id="page_side" value="F" checked="checked" />Front
185 <input type="radio" name="page_side" id="page_side" value="B" />Back
189 <label for="guide_box">Guide Box:</label>
190 [% IF ( guide_box ) %]
191 <input type="radio" name="guide_box" id="guide_box" value="1" checked="checked" />On
192 <input type="radio" name="guide_box" id="guide_box" value="0" />Off
194 <input type="radio" name="guide_box" id="guide_box" value="1" />On
195 <input type="radio" name="guide_box" id="guide_box" value="0" checked="checked" />Off
202 <legend>Text Fields</legend>
206 <legend><input type="checkbox" name="field_1_enable" id="field_1_enable" value="1" checked="checked" /> Field 1</legend>
208 <legend><input type="checkbox" name="field_1_enable" id="field_1_enable" value="1" /> Field 1</legend>
210 <div id="field_1_select" style="display: none;">
212 <label for="field_1_text">Text</label>
213 <input type="text" name="field_1_text" id="field_1_text" size="60" value="[% field_1_text |html %]" />
216 <label for="field_1_font">Font</label>
217 <select name="field_1_font" id="field_1_font">
218 [% FOREACH field_1_fon IN field_1_font %]
219 [% IF ( field_1_fon.selected ) %]
220 <option value="[% field_1_fon.type %]" selected="selected">[% field_1_fon.name %]</option>
222 <option value="[% field_1_fon.type %]">[% field_1_fon.name %]</option>
228 <label for="field_1_font_size">Font Size</label>
229 <input type="text" name="field_1_font_size" id="field_1_font_size" size="2" value="[% field_1_font_size |html %]" />
230 <span class="font_unit"> pt</span>
233 <label for="field_1_text_alignment">Text Alignment</label>
234 <select name="field_1_text_alignment" id="field_1_text_alignment">
235 [% FOREACH field_1_text_alignmen IN field_1_text_alignment %]
236 [% IF ( field_1_text_alignmen.selected ) %]
237 <option value="[% field_1_text_alignmen.type %]" selected="selected">[% field_1_text_alignmen.name %]</option>
239 <option value="[% field_1_text_alignmen.type %]">[% field_1_text_alignmen.name %]</option>
245 <label for="field_1_llx">Lower Left X Coordinate</label>
246 <input type="text" name="field_1_llx" id="field_1_llx" size="2" value="[% field_1_llx |html %]" />
249 <label for="field_1_lly">Lower Left Y Coordinate</label>
250 <input type="text" name="field_1_lly" id="field_1_lly" size="2" value="[% field_1_lly |html %]" />
258 <legend><input type="checkbox" name="field_2_enable" id="field_2_enable" value="1" checked="checked"/> Field 2</legend>
260 <legend><input type="checkbox" name="field_2_enable" id="field_2_enable" value="1" /> Field 2</legend>
262 <div id="field_2_select" style="display: none;">
264 <label for="field_2_text">Text</label>
265 <input type="text" name="field_2_text" id="field_2_text" size="60" value="[% field_2_text |html %]" />
268 <label for="field_2_font">Font</label>
269 <select name="field_2_font" id="field_2_font">
270 [% FOREACH field_2_fon IN field_2_font %]
271 [% IF ( field_2_fon.selected ) %]
272 <option value="[% field_2_fon.type %]" selected="selected">[% field_2_fon.name %]</option>
274 <option value="[% field_2_fon.type %]">[% field_2_fon.name %]</option>
280 <label for="field_2_font_size">Font Size</label>
281 <input type="text" name="field_2_font_size" id="field_2_font_size" size="2" value="[% field_2_font_size |html %]" />
282 <span class="font_unit"> pt</span>
285 <label for="field_2_text_alignment">Text Alignment</label>
286 <select name="field_2_text_alignment" id="field_2_text_alignment">
287 [% FOREACH field_2_text_alignmen IN field_2_text_alignment %]
288 [% IF ( field_2_text_alignmen.selected ) %]
289 <option value="[% field_2_text_alignmen.type %]" selected="selected">[% field_2_text_alignmen.name %]</option>
291 <option value="[% field_2_text_alignmen.type %]">[% field_2_text_alignmen.name %]</option>
297 <label for="field_2_llx">Lower Left X Coordinate</label>
298 <input type="text" name="field_2_llx" id="field_2_llx" size="2" value="[% field_2_llx |html %]" />
301 <label for="field_2_lly">Lower Left Y Coordinate</label>
302 <input type="text" name="field_2_lly" id="field_2_lly" size="2" value="[% field_2_lly |html %]" />
310 <legend><input type="checkbox" name="field_3_enable" id="field_3_enable" value="1" checked="checked"/> Field 3</legend>
312 <legend><input type="checkbox" name="field_3_enable" id="field_3_enable" value="0" /> Field 3</legend>
314 <div id="field_3_select" style="display: none;">
316 <label for="field_3_text">Text</label>
317 <input type="text" name="field_3_text" id="field_3_text" size="60" value="[% field_3_text |html %]" />
320 <label for="field_3_font">Font</label>
321 <select name="field_3_font" id="field_3_font">
322 [% FOREACH field_3_fon IN field_3_font %]
323 [% IF ( field_3_fon.selected ) %]
324 <option value="[% field_3_fon.type %]" selected="selected">[% field_3_fon.name %]</option>
326 <option value="[% field_3_fon.type %]">[% field_3_fon.name %]</option>
332 <label for="field_3_font_size">Font Size</label>
333 <input type="text" name="field_3_font_size" id="field_3_font_size" size="2" value="[% field_3_font_size |html %]" />
334 <span class="font_unit"> pt</span>
337 <label for="field_3_text_alignment">Text Alignment</label>
338 <select name="field_3_text_alignment" id="field_3_text_alignment">
339 [% FOREACH field_3_text_alignmen IN field_3_text_alignment %]
340 [% IF ( field_3_text_alignmen.selected ) %]
341 <option value="[% field_3_text_alignmen.type %]" selected="selected">[% field_3_text_alignmen.name %]</option>
343 <option value="[% field_3_text_alignmen.type %]">[% field_3_text_alignmen.name %]</option>
349 <label for="field_3_llx">Lower Left X Coordinate</label>
350 <input type="text" name="field_3_llx" id="field_3_llx" size="2" value="[% field_3_llx |html %]" />
353 <label for="field_3_lly">Lower Left Y Coordinate</label>
354 <input type="text" name="field_3_lly" id="field_3_lly" size="2" value="[% field_3_lly |html %]" />
369 <fieldset class="rows">
370 <legend>[% IF ( layout_id ) %]Edit[% ELSE %]Create[% END %] Patron Card Graphic Layout</legend>
375 <label for="guidebox">Draw Guide Boxes</label>
376 [% IF ( guidebox ) %]
377 <input type="checkbox" name="guidebox" id="guidebox" value="1" checked="checked" />
379 <input type="checkbox" name="guidebox" id="guidebox" value="1" />
386 <legend>Barcode</legend>
388 <label for="barcode_print">Print Card Number as Barcode</label>
389 [% IF ( barcode_print ) %]
390 <input type="checkbox" name="barcode_print" id="barcode_print" value="1" checked="checked" />
392 <input type="checkbox" name="barcode_print" id="barcode_print" value="1" />
395 <div id="barcode_param" style="display: none;">
397 <label for="barcode_llx">Lower Left X Coordinate</label>
398 <input type="text" name="barcode_llx" id="barcode_llx" size="2" value="[% barcode_llx |html %]" />
401 <label for="barcode_lly">Lower Left Y Coordinate</label>
402 <input type="text" name="barcode_lly" id="barcode_lly" size="2" value="[% barcode_lly |html %]" />
405 <label for="barcode_type">Barcode Type</label>
406 <select name="barcode_type" id="barcode_type">
407 [% FOREACH barcode_typ IN barcode_type %]
408 [% IF ( barcode_typ.selected ) %]
409 <option value="[% barcode_typ.type %]" selected="selected">[% barcode_typ.name %]</option>
411 <option value="[% barcode_typ.type %]">[% barcode_typ.name %]</option>
417 <label for="barcode_text_print">Print Card Number as Text Under Barcode</label>
418 [% IF ( barcode_text_print ) %]
419 <input type="checkbox" name="barcode_text_print" id="barcode_text_print" value="1" checked="checked" />
421 <input type="checkbox" name="barcode_text_print" id="barcode_text_print" value="1" />
429 <legend>Images</legend>
432 <legend>Image 1</legend>
434 <label for="image_1_image_source">Image Source</label>
435 <select name="image_1_image_source" id="image_1_image_source">
436 [% FOREACH image_1_image_sourc IN image_1_image_source %]
437 [% IF ( image_1_image_sourc.selected ) %]
438 <option value="[% image_1_image_sourc.type %]" selected="selected">[% image_1_image_sourc.name %]</option>
440 <option value="[% image_1_image_sourc.type %]">[% image_1_image_sourc.name %]</option>
445 <div id="image_1_image_name" style="display: none;">
447 <label for="image_1_image_name">Image</label>
448 <select name="image_1_image_name" id="image_1_image_name">
449 [% FOREACH image_1_image_nam IN image_1_image_name %]
450 [% IF ( image_1_image_nam.selected ) %]
451 <option value="[% image_1_image_nam.type %]" selected="selected">[% image_1_image_nam.name %]</option>
453 <option value="[% image_1_image_nam.type %]">[% image_1_image_nam.name %]</option>
459 <div id="image_1_image_metrics" style="display: none;">
461 <label for="image_1_Dx">Display Height</label>
462 <input type="text" name="image_1_Dx" id="image_1_Dx" size="2" value="[% image_1_Dx |html %]" />
465 <label for="image_1_Tx">Lower Left X Coordinate</label>
466 <input type="text" name="image_1_Tx" id="image_1_Tx" size="2" value="[% image_1_Tx |html %]" />
469 <label for="image_1_Ty">Lower Left Y Coordinate</label>
470 <input type="text" name="image_1_Ty" id="image_1_Ty" size="2" value="[% image_1_Ty |html %]" />
473 <!-- These pdf image parameters are currently unused, but implimented and need to default to zero -->
474 <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 -->
475 <input type="hidden" name="image_1_Oy" value="0" />
476 <input type="hidden" name="image_1_Sx" value="0" /><!-- Sx,Sy allow scaling of the image -->
477 <input type="hidden" name="image_1_Sy" value="0" />
482 <legend>Image 2</legend>
484 <label for="image_2_image_source">Image Source</label>
485 <select name="image_2_image_source" id="image_2_image_source">
486 [% FOREACH image_2_image_sourc IN image_2_image_source %]
487 [% IF ( image_2_image_sourc.selected ) %]
488 <option value="[% image_2_image_sourc.type %]" selected="selected">[% image_2_image_sourc.name %]</option>
490 <option value="[% image_2_image_sourc.type %]">[% image_2_image_sourc.name %]</option>
495 <div id="image_2_image_name" style="display: none;">
497 <label for="image_2_image_name">Image</label>
498 <select name="image_2_image_name" id="image_2_image_name">
499 [% FOREACH image_2_image_nam IN image_2_image_name %]
500 [% IF ( image_2_image_nam.selected ) %]
501 <option value="[% image_2_image_nam.type %]" selected="selected">[% image_2_image_nam.name %]</option>
503 <option value="[% image_2_image_nam.type %]">[% image_2_image_nam.name %]</option>
509 <div id="image_2_image_metrics" style="display: none;">
511 <label for="image_2_Dx">Display Height</label>
512 <input type="text" name="image_2_Dx" id="image_2_Dx" size="2" value="[% image_2_Dx |html %]" />
515 <label for="image_2_Tx">Lower Left X Coordinate</label>
516 <input type="text" name="image_2_Tx" id="image_2_Tx" size="2" value="[% image_2_Tx |html %]" />
519 <label for="image_2_Ty">Lower Left Y Coordinate</label>
520 <input type="text" name="image_2_Ty" id="image_2_Ty" size="2" value="[% image_2_Ty |html %]" />
523 <!-- These pdf image parameters are currently unused, but implimented and need to default to zero -->
524 <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 -->
525 <input type="hidden" name="image_2_Oy" value="0" /><!-- Sx,Sy allow scaling of the image -->
526 <input type="hidden" name="image_2_Sx" value="0" />
527 <input type="hidden" name="image_2_Sy" value="0" />
536 <fieldset class="action">
537 <span id="save"><input type="submit" value="Save" /></span>
538 <span id="cancel"><a class="cancel" href="/cgi-bin/koha/patroncards/manage.pl?card_element=layout">Cancel</a></span>
539 <input type="hidden" name="op" value="save" />
540 <input type="hidden" name="layout_id" value="[% layout_id %]" />
546 [% INCLUDE 'patroncards-menu.inc' %]
549 [% INCLUDE 'intranet-bottom.inc' %]