koha-tmpl/intranet-tmpl/prog/en/modules/patroncards/edit-layout.tt

   1     [% INCLUDE 'doc-head-open.inc' %]
   2     <title>Koha &rsaquo; Tools &rsaquo; Patron card creator &rsaquo; Layout &rsaquo; [% IF ( layout_id ) %]Edit ([% layout_id %])[% ELSE %]New[% END %]</title>
   3     [% INCLUDE '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").prop("checked"), selectFieldNames[i]+"_select");
  28                 }
  29                 $("#field_1_enable").change(function(){
  30                     $(".field_1_enable").html(Go($(this).prop("checked"), 'field_1_select'));
  31                 });
  32                 $("#field_2_enable").change(function(){
  33                     $(".field_2_enable").html(Go($(this).prop("checked"), 'field_2_select'));
  34                 });
  35                 $("#field_3_enable").change(function(){
  36                     $(".field_3_enable").html(Go($(this).prop("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").prop("checked") ) {
  45                     eBarcode.style.display = 'block';
  46                 } else {
  47                     eBarcode.style.display = 'none';
  48                     $('input[name=barcode_text_print]').prop('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 </head>
 109 <body id="pcard_edit-layout" class="tools pcard">
 110     [% INCLUDE 'header.inc' %]
 111     [% INCLUDE 'cat-search.inc' %]
 112     <div id="breadcrumbs">
 113         <a href="/cgi-bin/koha/mainpage.pl">Home</a> &rsaquo;
 114         <a href="/cgi-bin/koha/tools/tools-home.pl">Tools</a> &rsaquo;
 115         <a href="/cgi-bin/koha/patroncards/home.pl">Patron card creator</a> &rsaquo;
 116         <a href="/cgi-bin/koha/patroncards/manage.pl?card_element=layout">Layouts</a> &rsaquo;
 117         [% IF ( layout_id ) %]Edit ([% layout_id %])[% ELSE %]New[% END %]
 118     </div>
 119     <div id="doc3" class="yui-t2">
 120         <div id="bd">
 121             <div id="yui-main">
 122                 <div class="yui-b">
 123                     <div class="yui-g">
 124                     [% INCLUDE 'patroncards-toolbar.inc' %]
 125                         <div class="yui-u first">
 126
 127                         </div>
 128                     </div>
 129
 130                 <!-- NOTE: The order of the elements on this form is crictical to correct processing. You've been warned...  -->
 131                 <form name="input" action="/cgi-bin/koha/patroncards/edit-layout.pl" method="get">
 132                 <div class="yui-g">
 133                 <div class="yui-g first">
 134                         <fieldset class="rows">
 135                             <legend>[% IF ( layout_id ) %]Edit[% ELSE %]Create[% END %] patron card text layout</legend>
 136                             <ol>
 137                                 <li>
 138                                 <fieldset>
 139                                 <legend>General settings</legend>
 140                                 <ol>
 141                                 <li>
 142                                     <label for="layout_name">Layout name: </label>
 143                                     <input type="text" name="layout_name" id="layout_name" size="20" value="[% layout_name %]" />
 144                                 </li>
 145                                 <li>
 146                                     <label for="units">Units: </label>
 147                                     <select id="units" name="units">
 148                                     [% FOREACH unit IN units %]
 149                                         [% IF ( unit.selected ) %]
 150                                         <option value="[% unit.type %]" selected="selected">
 151                                         [% ELSE %]
 152                                         <option value="[% unit.type %]">
 153                                         [% END %]
 154                                         [% unit.desc %]
 155                                         </option>
 156                                     [% END %]
 157                                     </select>
 158                                 </li>
 159                                 <li>
 160                                     <label for="page_side">Page side: </label>
 161                                     [% IF ( page_side ) %]
 162                                     <input type="radio" name="page_side" id="page_side" value="F" />Front
 163                                     <input type="radio" name="page_side" id="page_side" value="B" checked="checked" />Back
 164                                     [% ELSE %]
 165                                     <input type="radio" name="page_side" id="page_side" value="F" checked="checked" />Front
 166                                     <input type="radio" name="page_side" id="page_side" value="B" />Back
 167                                     [% END %]
 168                                 </li>
 169                                 <li>
 170                                     <label for="guide_box">Guide box:</label>
 171                                     [% IF ( guide_box ) %]
 172                                     <input type="radio" name="guide_box" id="guide_box" value="1" checked="checked" />On
 173                                     <input type="radio" name="guide_box" id="guide_box" value="0" />Off
 174                                     [% ELSE %]
 175                                     <input type="radio" name="guide_box" id="guide_box" value="1" />On
 176                                     <input type="radio" name="guide_box" id="guide_box" value="0" checked="checked" />Off
 177                                     [% END %]
 178                                 </li>
 179                                 </ol>
 180                                 </fieldset>
 181                                 </li>
 182                                 <li>
 183                                     <fieldset>
 184                                     <legend>Text fields</legend>
 185                                     <ol>
 186                                         <li>
 187                                             <fieldset>
 188                                             [% IF ( field_1 ) %]
 189                                             <legend><input type="checkbox" name="field_1_enable" id="field_1_enable" value="1" checked="checked" /> Field 1</legend>
 190                                             [% ELSE %]
 191                                             <legend><input type="checkbox" name="field_1_enable" id="field_1_enable" value="1" /> Field 1</legend>
 192                                             [% END %]
 193                                             <div id="field_1_select" style="display: none;">
 194                                             <ol>
 195                                             <li>
 196                                                 <label for="field_1_text">Text: </label>
 197                                                 <input type="text" name="field_1_text" id="field_1_text" size="60" value="[% field_1_text |html %]" />
 198                                             </li>
 199                                             <li>
 200                                                 <label for="field_1_font">Font: </label>
 201                                                 <select name="field_1_font" id="field_1_font">
 202                                                     [% FOREACH field_1_fon IN field_1_font %]
 203                                                     [% IF ( field_1_fon.selected ) %]
 204                                                     <option value="[% field_1_fon.type %]" selected="selected">[% field_1_fon.name %]</option>
 205                                                     [% ELSE %]
 206                                                     <option value="[% field_1_fon.type %]">[% field_1_fon.name %]</option>
 207                                                     [% END %]
 208                                                     [% END %]
 209                                                 </select>
 210                                             </li>
 211                                             <li>
 212                                                 <label for="field_1_font_size">Font size: </label>
 213                                                 <input type="text" name="field_1_font_size" id="field_1_font_size" size="2" value="[% field_1_font_size |html %]" />
 214                                                 <span class="font_unit"> pt</span>
 215                                             </li>
 216                                             <li>
 217                                                 <label for="field_1_text_alignment">Text alignment: </label>
 218                                                 <select name="field_1_text_alignment" id="field_1_text_alignment">
 219                                                     [% FOREACH field_1_text_alignmen IN field_1_text_alignment %]
 220                                                     [% IF ( field_1_text_alignmen.selected ) %]
 221                                                     <option value="[% field_1_text_alignmen.type %]" selected="selected">[% field_1_text_alignmen.name %]</option>
 222                                                     [% ELSE %]
 223                                                     <option value="[% field_1_text_alignmen.type %]">[% field_1_text_alignmen.name %]</option>
 224                                                     [% END %]
 225                                                     [% END %]
 226                                                 </select>
 227                                             </li>
 228                                             <li>
 229                                                 <label for="field_1_llx">Lower left X coordinate: </label>
 230                                                 <input type="text" name="field_1_llx" id="field_1_llx" size="2" value="[% field_1_llx |html %]" />
 231                                             </li>
 232                                             <li>
 233                                                 <label for="field_1_lly">Lower left Y coordinate: </label>
 234                                                 <input type="text" name="field_1_lly" id="field_1_lly" size="2" value="[% field_1_lly |html %]" />
 235                                             </li>
 236                                             </ol>
 237                                             </div>
 238                                             </fieldset>
 239                                         </li>
 240                                         <li>
 241                                             <fieldset>
 242                                             [% IF ( field_2 ) %]
 243                                             <legend><input type="checkbox" name="field_2_enable" id="field_2_enable" value="1" checked="checked"/> Field 2</legend>
 244                                             [% ELSE %]
 245                                             <legend><input type="checkbox" name="field_2_enable" id="field_2_enable" value="1" /> Field 2</legend>
 246                                             [% END %]
 247                                             <div id="field_2_select" style="display: none;">
 248                                             <ol>
 249                                             <li>
 250                                                 <label for="field_2_text">Text: </label>
 251                                                 <input type="text" name="field_2_text" id="field_2_text" size="60" value="[% field_2_text |html %]" />
 252                                             </li>
 253                                             <li>
 254                                                 <label for="field_2_font">Font: </label>
 255                                                 <select name="field_2_font" id="field_2_font">
 256                                                     [% FOREACH field_2_fon IN field_2_font %]
 257                                                     [% IF ( field_2_fon.selected ) %]
 258                                                     <option value="[% field_2_fon.type %]" selected="selected">[% field_2_fon.name %]</option>
 259                                                     [% ELSE %]
 260                                                     <option value="[% field_2_fon.type %]">[% field_2_fon.name %]</option>
 261                                                     [% END %]
 262                                                     [% END %]
 263                                                 </select>
 264                                             </li>
 265                                             <li>
 266                                                 <label for="field_2_font_size">Font size: </label>
 267                                                 <input type="text" name="field_2_font_size" id="field_2_font_size" size="2" value="[% field_2_font_size |html %]" />
 268                                                 <span class="font_unit"> pt</span>
 269                                             </li>
 270                                             <li>
 271                                                 <label for="field_2_text_alignment">Text alignment: </label>
 272                                                 <select name="field_2_text_alignment" id="field_2_text_alignment">
 273                                                     [% FOREACH field_2_text_alignmen IN field_2_text_alignment %]
 274                                                     [% IF ( field_2_text_alignmen.selected ) %]
 275                                                     <option value="[% field_2_text_alignmen.type %]" selected="selected">[% field_2_text_alignmen.name %]</option>
 276                                                     [% ELSE %]
 277                                                     <option value="[% field_2_text_alignmen.type %]">[% field_2_text_alignmen.name %]</option>
 278                                                     [% END %]
 279                                                     [% END %]
 280                                                 </select>
 281                                             </li>
 282                                             <li>
 283                                                 <label for="field_2_llx">Lower left X coordinate: </label>
 284                                                 <input type="text" name="field_2_llx" id="field_2_llx" size="2" value="[% field_2_llx |html %]" />
 285                                             </li>
 286                                             <li>
 287                                                 <label for="field_2_lly">Lower left Y coordinate: </label>
 288                                                 <input type="text" name="field_2_lly" id="field_2_lly" size="2" value="[% field_2_lly |html %]" />
 289                                             </li>
 290                                             </ol>
 291                                             </div>
 292                                             </fieldset>
 293                                         </li>
 294                                         <li>
 295                                             <fieldset>
 296                                             [% IF ( field_3 ) %]
 297                                             <legend><input type="checkbox" name="field_3_enable" id="field_3_enable" value="1" checked="checked"/> Field 3</legend>
 298                                             [% ELSE %]
 299                                             <legend><input type="checkbox" name="field_3_enable" id="field_3_enable" value="0" /> Field 3</legend>
 300                                             [% END %]
 301                                             <div id="field_3_select" style="display: none;">
 302                                             <ol>
 303                                             <li>
 304                                                 <label for="field_3_text">Text: </label>
 305                                                 <input type="text" name="field_3_text" id="field_3_text" size="60" value="[% field_3_text |html %]" />
 306                                             </li>
 307                                             <li>
 308                                                 <label for="field_3_font">Font: </label>
 309                                                 <select name="field_3_font" id="field_3_font">
 310                                                     [% FOREACH field_3_fon IN field_3_font %]
 311                                                     [% IF ( field_3_fon.selected ) %]
 312                                                     <option value="[% field_3_fon.type %]" selected="selected">[% field_3_fon.name %]</option>
 313                                                     [% ELSE %]
 314                                                     <option value="[% field_3_fon.type %]">[% field_3_fon.name %]</option>
 315                                                     [% END %]
 316                                                     [% END %]
 317                                                 </select>
 318                                             </li>
 319                                             <li>
 320                                                 <label for="field_3_font_size">Font size: </label>
 321                                                 <input type="text" name="field_3_font_size" id="field_3_font_size" size="2" value="[% field_3_font_size |html %]" />
 322                                                 <span class="font_unit"> pt</span>
 323                                             </li>
 324                                             <li>
 325                                                 <label for="field_3_text_alignment">Text alignment: </label>
 326                                                 <select name="field_3_text_alignment" id="field_3_text_alignment">
 327                                                     [% FOREACH field_3_text_alignmen IN field_3_text_alignment %]
 328                                                     [% IF ( field_3_text_alignmen.selected ) %]
 329                                                     <option value="[% field_3_text_alignmen.type %]" selected="selected">[% field_3_text_alignmen.name %]</option>
 330                                                     [% ELSE %]
 331                                                     <option value="[% field_3_text_alignmen.type %]">[% field_3_text_alignmen.name %]</option>
 332                                                     [% END %]
 333                                                     [% END %]
 334                                                 </select>
 335                                             </li>
 336                                             <li>
 337                                                 <label for="field_3_llx">Lower left X coordinate: </label>
 338                                                 <input type="text" name="field_3_llx" id="field_3_llx" size="2" value="[% field_3_llx |html %]" />
 339                                             </li>
 340                                             <li>
 341                                                 <label for="field_3_lly">Lower left Y coordinate: </label>
 342                                                 <input type="text" name="field_3_lly" id="field_3_lly" size="2" value="[% field_3_lly |html %]" />
 343                                             </li>
 344                                             </ol>
 345                                             </div>
 346                                             </fieldset>
 347                                         </li>
 348                                     </ol>
 349                                     </fieldset>
 350                                 </li>
 351                             </ol>
 352                         </fieldset>
 353                 </div>
 354                 <div class="yui-g">
 355                     <fieldset class="rows">
 356                     <legend>[% IF ( layout_id ) %]Edit[% ELSE %]Create[% END %] patron card graphic layout</legend>
 357                     <ol>
 358 <!--
 359                             <li>
 360                                 <fieldset>
 361                                 <label for="guidebox">Draw guide boxes: </label>
 362                                 [% IF ( guidebox ) %]
 363                                 <input type="checkbox" name="guidebox" id="guidebox" value="1"  checked="checked" />
 364                                 [% ELSE %]
 365                                 <input type="checkbox" name="guidebox" id="guidebox" value="1" />
 366                                 [% END %]
 367                                 </fieldset>
 368                             </li>
 369 -->
 370                         <li>
 371                             <fieldset>
 372                                 <legend>Barcode</legend>
 373                                 <ol>
 374                                 <li>
 375                                     <label for="barcode_print">Print card number as barcode: </label>
 376                                     [% IF ( barcode_print ) %]
 377                                     <input type="checkbox" name="barcode_print" id="barcode_print" value="1" checked="checked" />
 378                                     [% ELSE %]
 379                                     <input type="checkbox" name="barcode_print" id="barcode_print" value="1" />
 380                                     [% END %]
 381                                 </li>
 382                                 </ol>
 383                                 <div id="barcode_param" style="display: none;">
 384                                 <ol>
 385                                 <li>
 386                                     <label for="barcode_llx">Lower left X coordinate: </label>
 387                                     <input type="text" name="barcode_llx" id="barcode_llx" size="2" value="[% barcode_llx |html %]" />
 388                                 </li>
 389                                 <li>
 390                                     <label for="barcode_lly">Lower left Y coordinate: </label>
 391                                     <input type="text" name="barcode_lly" id="barcode_lly" size="2" value="[% barcode_lly |html %]" />
 392                                 </li>
 393                                 <li>
 394                                     <label for="barcode_height_scale">Scale height (relative to card): </label>
 395                                     <input type="text" name="barcode_height_scale" id="barcode_height_scale" size="2" value="[% barcode_height_scale |html %]" />
 396                                 </li>
 397                                 <li>
 398                                     <label for="barcode_width_scale">Scale width (relative to card): </label>
 399                                     <input type="text" name="barcode_width_scale" id="barcode_width_scale" size="2" value="[% barcode_width_scale |html %]" />
 400                                 </li>
 401                                 <li>
 402                                     <label for="barcode_type">Barcode type: </label>
 403                                     <select name="barcode_type" id="barcode_type">
 404                                         [% FOREACH barcode_typ IN barcode_type %]
 405                                         [% IF ( barcode_typ.selected ) %]
 406                                         <option value="[% barcode_typ.type %]" selected="selected">[% barcode_typ.name %]</option>
 407                                         [% ELSE %]
 408                                         <option value="[% barcode_typ.type %]">[% barcode_typ.name %]</option>
 409                                         [% END %]
 410                                         [% END %]
 411                                     </select>
 412                                 </li>
 413                                 <li>
 414                                     <label for="barcode_text_print">Print card number as text under barcode: </label>
 415                                     [% IF ( barcode_text_print ) %]
 416                                     <input type="checkbox" name="barcode_text_print" id="barcode_text_print" value="1" checked="checked" />
 417                                     [% ELSE %]
 418                                     <input type="checkbox" name="barcode_text_print" id="barcode_text_print" value="1" />
 419                                     [% END %]
 420                                 </li>
 421                                 </ol>
 422                                 </div>
 423                             </fieldset>
 424                         </li>
 425                         <li>
 426                             <fieldset>
 427                             <legend>Images</legend>
 428                                 <ol>
 429                                 <li>
 430                                     <fieldset>
 431                                     <legend>Image 1</legend>
 432                                     <ol>
 433                                     <li>
 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>
 439                                             [% ELSE %]
 440                                             <option value="[% image_1_image_sourc.type %]">[% image_1_image_sourc.name %]</option>
 441                                             [% END %]
 442                                             [% END %]
 443                                         </select>
 444                                     </li>
 445                                     </ol>
 446                                     <div id="image_1_image_name" style="display: none;">
 447                                     <ol>
 448                                     <li>
 449                                         <label for="image_1_image_name">Image: </label>
 450                                         <select name="image_1_image_name" id="image_1_image_name">
 451                                             [% FOREACH image_1_image_nam IN image_1_image_name %]
 452                                             [% IF ( image_1_image_nam.selected ) %]
 453                                             <option value="[% image_1_image_nam.type %]" selected="selected">[% image_1_image_nam.name %]</option>
 454                                             [% ELSE %]
 455                                             <option value="[% image_1_image_nam.type %]">[% image_1_image_nam.name %]</option>
 456                                             [% END %]
 457                                             [% END %]
 458                                         </select>
 459                                     </li>
 460                                     </ol>
 461                                     </div>
 462                                     <div id="image_1_image_metrics" style="display: none;">
 463                                     <ol>
 464                                     <li>
 465                                         <label for="image_1_Dx">Display height: </label>
 466                                         <input type="text" name="image_1_Dx" id="image_1_Dx" size="2" value="[% image_1_Dx |html %]" />
 467                                     </li>
 468                                     <li>
 469                                         <label for="image_1_Tx">Lower left X coordinate: </label>
 470                                         <input type="text" name="image_1_Tx" id="image_1_Tx" size="2" value="[% image_1_Tx |html %]" />
 471                                     </li>
 472                                     <li>
 473                                         <label for="image_1_Ty">Lower left Y coordinate: </label>
 474                                         <input type="text" name="image_1_Ty" id="image_1_Ty" size="2" value="[% image_1_Ty |html %]" />
 475                                     </li>
 476                                     </ol>
 477                                     </div>
 478                                     <!-- These pdf image parameters are currently unused, but implemented and need to default to zero  -->
 479                                     <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 -->
 480                                     <input type="hidden" name="image_1_Oy" value="0" />
 481                                     <input type="hidden" name="image_1_Sx" value="0" /><!-- Sx,Sy allow scaling of the image  -->
 482                                     <input type="hidden" name="image_1_Sy" value="0" />
 483                                     </fieldset>
 484                                 </li>
 485                                 <li>
 486                                     <fieldset>
 487                                     <legend>Image 2</legend>
 488                                     <ol>
 489                                     <li>
 490                                         <label for="image_2_image_source">Image source: </label>
 491                                         <select name="image_2_image_source" id="image_2_image_source">
 492                                             [% FOREACH image_2_image_sourc IN image_2_image_source %]
 493                                             [% IF ( image_2_image_sourc.selected ) %]
 494                                             <option value="[% image_2_image_sourc.type %]" selected="selected">[% image_2_image_sourc.name %]</option>
 495                                             [% ELSE %]
 496                                             <option value="[% image_2_image_sourc.type %]">[% image_2_image_sourc.name %]</option>
 497                                             [% END %]
 498                                             [% END %]
 499                                         </select>
 500                                     </li>
 501                                     </ol>
 502                                     <div id="image_2_image_name" style="display: none;">
 503                                     <ol>
 504                                     <li>
 505                                         <label for="image_2_image_name">Image: </label>
 506                                         <select name="image_2_image_name" id="image_2_image_name">
 507                                             [% FOREACH image_2_image_nam IN image_2_image_name %]
 508                                             [% IF ( image_2_image_nam.selected ) %]
 509                                             <option value="[% image_2_image_nam.type %]" selected="selected">[% image_2_image_nam.name %]</option>
 510                                             [% ELSE %]
 511                                             <option value="[% image_2_image_nam.type %]">[% image_2_image_nam.name %]</option>
 512                                             [% END %]
 513                                             [% END %]
 514                                         </select>
 515                                     </li>
 516                                     </ol>
 517                                     </div>
 518                                     <div id="image_2_image_metrics" style="display: none;">
 519                                     <ol>
 520                                     <li>
 521                                         <label for="image_2_Dx">Display height: </label>
 522                                         <input type="text" name="image_2_Dx" id="image_2_Dx" size="2" value="[% image_2_Dx |html %]" />
 523                                     </li>
 524                                     <li>
 525                                         <label for="image_2_Tx">Lower left X coordinate: </label>
 526                                         <input type="text" name="image_2_Tx" id="image_2_Tx" size="2" value="[% image_2_Tx |html %]" />
 527                                     </li>
 528                                     <li>
 529                                         <label for="image_2_Ty">Lower left Y coordinate: </label>
 530                                         <input type="text" name="image_2_Ty" id="image_2_Ty" size="2" value="[% image_2_Ty |html %]" />
 531                                     </li>
 532                                     </ol>
 533                                     </div>
 534                                     <!-- These pdf image parameters are currently unused, but implemented and need to default to zero  -->
 535                                     <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 -->
 536                                     <input type="hidden" name="image_2_Oy" value="0" /><!-- Sx,Sy allow scaling of the image  -->
 537                                     <input type="hidden" name="image_2_Sx" value="0" />
 538                                     <input type="hidden" name="image_2_Sy" value="0" />
 539                                     </fieldset>
 540                                 </li>
 541                                 </ol>
 542                             </fieldset>
 543                         </li>
 544                     </ol>
 545                     </fieldset>
 546                 </div>
 547                 </div>
 548                     <fieldset class="action">
 549                         <input class="btn btn-default" type="submit" value="Save" />
 550                         <a class="cancel" href="/cgi-bin/koha/patroncards/manage.pl?card_element=layout">Cancel</a>
 551                         <input type="hidden" name="op" value="save" />
 552                         <input type="hidden" name="layout_id" value="[% layout_id %]" />
 553                     </fieldset>
 554                 </form>
 555                 </div>
 556             </div>
 557             <div class="yui-b">
 558               [% INCLUDE 'tools-menu.inc' %]
 559             </div>
 560         </div>
 561         [% INCLUDE 'intranet-bottom.inc' %]