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                                 <li>
 180                                     <label for="guide_grid">Guide grid:</label>
 181                                     [% IF ( guide_grid ) %]
 182                                     <input type="radio" name="guide_grid" id="guide_grid" value="1" checked="checked" />On
 183                                     <input type="radio" name="guide_grid" id="guide_grid" value="0" />Off
 184                                     [% ELSE %]
 185                                     <input type="radio" name="guide_grid" id="guide_grid" value="1" />On
 186                                     <input type="radio" name="guide_grid" id="guide_grid" value="0" checked="checked" />Off
 187                                     [% END %]
 188                                 </li>
 189                                 </ol>
 190                                 </fieldset>
 191                                 </li>
 192                                 <li>
 193                                     <fieldset>
 194                                     <legend>Text fields</legend>
 195                                     <ol>
 196                                         <li>
 197                                             <fieldset>
 198                                             [% IF ( field_1 ) %]
 199                                             <legend><input type="checkbox" name="field_1_enable" id="field_1_enable" value="1" checked="checked" /> Field 1</legend>
 200                                             [% ELSE %]
 201                                             <legend><input type="checkbox" name="field_1_enable" id="field_1_enable" value="1" /> Field 1</legend>
 202                                             [% END %]
 203                                             <div id="field_1_select" style="display: none;">
 204                                             <ol>
 205                                             <li>
 206                                                 <label for="field_1_text">Text: </label>
 207                                                 <input type="text" name="field_1_text" id="field_1_text" size="60" value="[% field_1_text |html %]" />
 208                                             </li>
 209                                             <li>
 210                                                 <label for="field_1_font">Font: </label>
 211                                                 <select name="field_1_font" id="field_1_font">
 212                                                     [% FOREACH field_1_fon IN field_1_font %]
 213                                                     [% IF ( field_1_fon.selected ) %]
 214                                                     <option value="[% field_1_fon.type %]" selected="selected">[% field_1_fon.name %]</option>
 215                                                     [% ELSE %]
 216                                                     <option value="[% field_1_fon.type %]">[% field_1_fon.name %]</option>
 217                                                     [% END %]
 218                                                     [% END %]
 219                                                 </select>
 220                                             </li>
 221                                             <li>
 222                                                 <label for="field_1_font_size">Font size: </label>
 223                                                 <input type="text" name="field_1_font_size" id="field_1_font_size" size="2" value="[% field_1_font_size |html %]" />
 224                                                 <span class="font_unit"> pt</span>
 225                                             </li>
 226                                             <li>
 227                                                 <label for="field_1_text_alignment">Text alignment: </label>
 228                                                 <select name="field_1_text_alignment" id="field_1_text_alignment">
 229                                                     [% FOREACH field_1_text_alignmen IN field_1_text_alignment %]
 230                                                     [% IF ( field_1_text_alignmen.selected ) %]
 231                                                     <option value="[% field_1_text_alignmen.type %]" selected="selected">[% field_1_text_alignmen.name %]</option>
 232                                                     [% ELSE %]
 233                                                     <option value="[% field_1_text_alignmen.type %]">[% field_1_text_alignmen.name %]</option>
 234                                                     [% END %]
 235                                                     [% END %]
 236                                                 </select>
 237                                             </li>
 238                                             <li>
 239                                                 <label for="field_1_llx">Lower left X coordinate: </label>
 240                                                 <input type="text" name="field_1_llx" id="field_1_llx" size="2" value="[% field_1_llx |html %]" />
 241                                             </li>
 242                                             <li>
 243                                                 <label for="field_1_lly">Lower left Y coordinate: </label>
 244                                                 <input type="text" name="field_1_lly" id="field_1_lly" size="2" value="[% field_1_lly |html %]" />
 245                                             </li>
 246                                             </ol>
 247                                             </div>
 248                                             </fieldset>
 249                                         </li>
 250                                         <li>
 251                                             <fieldset>
 252                                             [% IF ( field_2 ) %]
 253                                             <legend><input type="checkbox" name="field_2_enable" id="field_2_enable" value="1" checked="checked"/> Field 2</legend>
 254                                             [% ELSE %]
 255                                             <legend><input type="checkbox" name="field_2_enable" id="field_2_enable" value="1" /> Field 2</legend>
 256                                             [% END %]
 257                                             <div id="field_2_select" style="display: none;">
 258                                             <ol>
 259                                             <li>
 260                                                 <label for="field_2_text">Text: </label>
 261                                                 <input type="text" name="field_2_text" id="field_2_text" size="60" value="[% field_2_text |html %]" />
 262                                             </li>
 263                                             <li>
 264                                                 <label for="field_2_font">Font: </label>
 265                                                 <select name="field_2_font" id="field_2_font">
 266                                                     [% FOREACH field_2_fon IN field_2_font %]
 267                                                     [% IF ( field_2_fon.selected ) %]
 268                                                     <option value="[% field_2_fon.type %]" selected="selected">[% field_2_fon.name %]</option>
 269                                                     [% ELSE %]
 270                                                     <option value="[% field_2_fon.type %]">[% field_2_fon.name %]</option>
 271                                                     [% END %]
 272                                                     [% END %]
 273                                                 </select>
 274                                             </li>
 275                                             <li>
 276                                                 <label for="field_2_font_size">Font size: </label>
 277                                                 <input type="text" name="field_2_font_size" id="field_2_font_size" size="2" value="[% field_2_font_size |html %]" />
 278                                                 <span class="font_unit"> pt</span>
 279                                             </li>
 280                                             <li>
 281                                                 <label for="field_2_text_alignment">Text alignment: </label>
 282                                                 <select name="field_2_text_alignment" id="field_2_text_alignment">
 283                                                     [% FOREACH field_2_text_alignmen IN field_2_text_alignment %]
 284                                                     [% IF ( field_2_text_alignmen.selected ) %]
 285                                                     <option value="[% field_2_text_alignmen.type %]" selected="selected">[% field_2_text_alignmen.name %]</option>
 286                                                     [% ELSE %]
 287                                                     <option value="[% field_2_text_alignmen.type %]">[% field_2_text_alignmen.name %]</option>
 288                                                     [% END %]
 289                                                     [% END %]
 290                                                 </select>
 291                                             </li>
 292                                             <li>
 293                                                 <label for="field_2_llx">Lower left X coordinate: </label>
 294                                                 <input type="text" name="field_2_llx" id="field_2_llx" size="2" value="[% field_2_llx |html %]" />
 295                                             </li>
 296                                             <li>
 297                                                 <label for="field_2_lly">Lower left Y coordinate: </label>
 298                                                 <input type="text" name="field_2_lly" id="field_2_lly" size="2" value="[% field_2_lly |html %]" />
 299                                             </li>
 300                                             </ol>
 301                                             </div>
 302                                             </fieldset>
 303                                         </li>
 304                                         <li>
 305                                             <fieldset>
 306                                             [% IF ( field_3 ) %]
 307                                             <legend><input type="checkbox" name="field_3_enable" id="field_3_enable" value="1" checked="checked"/> Field 3</legend>
 308                                             [% ELSE %]
 309                                             <legend><input type="checkbox" name="field_3_enable" id="field_3_enable" value="0" /> Field 3</legend>
 310                                             [% END %]
 311                                             <div id="field_3_select" style="display: none;">
 312                                             <ol>
 313                                             <li>
 314                                                 <label for="field_3_text">Text: </label>
 315                                                 <input type="text" name="field_3_text" id="field_3_text" size="60" value="[% field_3_text |html %]" />
 316                                             </li>
 317                                             <li>
 318                                                 <label for="field_3_font">Font: </label>
 319                                                 <select name="field_3_font" id="field_3_font">
 320                                                     [% FOREACH field_3_fon IN field_3_font %]
 321                                                     [% IF ( field_3_fon.selected ) %]
 322                                                     <option value="[% field_3_fon.type %]" selected="selected">[% field_3_fon.name %]</option>
 323                                                     [% ELSE %]
 324                                                     <option value="[% field_3_fon.type %]">[% field_3_fon.name %]</option>
 325                                                     [% END %]
 326                                                     [% END %]
 327                                                 </select>
 328                                             </li>
 329                                             <li>
 330                                                 <label for="field_3_font_size">Font size: </label>
 331                                                 <input type="text" name="field_3_font_size" id="field_3_font_size" size="2" value="[% field_3_font_size |html %]" />
 332                                                 <span class="font_unit"> pt</span>
 333                                             </li>
 334                                             <li>
 335                                                 <label for="field_3_text_alignment">Text alignment: </label>
 336                                                 <select name="field_3_text_alignment" id="field_3_text_alignment">
 337                                                     [% FOREACH field_3_text_alignmen IN field_3_text_alignment %]
 338                                                     [% IF ( field_3_text_alignmen.selected ) %]
 339                                                     <option value="[% field_3_text_alignmen.type %]" selected="selected">[% field_3_text_alignmen.name %]</option>
 340                                                     [% ELSE %]
 341                                                     <option value="[% field_3_text_alignmen.type %]">[% field_3_text_alignmen.name %]</option>
 342                                                     [% END %]
 343                                                     [% END %]
 344                                                 </select>
 345                                             </li>
 346                                             <li>
 347                                                 <label for="field_3_llx">Lower left X coordinate: </label>
 348                                                 <input type="text" name="field_3_llx" id="field_3_llx" size="2" value="[% field_3_llx |html %]" />
 349                                             </li>
 350                                             <li>
 351                                                 <label for="field_3_lly">Lower left Y coordinate: </label>
 352                                                 <input type="text" name="field_3_lly" id="field_3_lly" size="2" value="[% field_3_lly |html %]" />
 353                                             </li>
 354                                             </ol>
 355                                             </div>
 356                                             </fieldset>
 357                                         </li>
 358                                     </ol>
 359                                     </fieldset>
 360                                 </li>
 361                             </ol>
 362                         </fieldset>
 363                 </div>
 364                 <div class="yui-g">
 365                     <fieldset class="rows">
 366                     <legend>[% IF ( layout_id ) %]Edit[% ELSE %]Create[% END %] patron card graphic layout</legend>
 367                     <ol>
 368 <!--
 369                             <li>
 370                                 <fieldset>
 371                                 <label for="guidebox">Draw guide boxes: </label>
 372                                 [% IF ( guidebox ) %]
 373                                 <input type="checkbox" name="guidebox" id="guidebox" value="1"  checked="checked" />
 374                                 [% ELSE %]
 375                                 <input type="checkbox" name="guidebox" id="guidebox" value="1" />
 376                                 [% END %]
 377                                 </fieldset>
 378                             </li>
 379 -->
 380                         <li>
 381                             <fieldset>
 382                                 <legend>Barcode</legend>
 383                                 <ol>
 384                                 <li>
 385                                     <label for="barcode_print">Print card number as barcode: </label>
 386                                     [% IF ( barcode_print ) %]
 387                                     <input type="checkbox" name="barcode_print" id="barcode_print" value="1" checked="checked" />
 388                                     [% ELSE %]
 389                                     <input type="checkbox" name="barcode_print" id="barcode_print" value="1" />
 390                                     [% END %]
 391                                 </li>
 392                                 </ol>
 393                                 <div id="barcode_param" style="display: none;">
 394                                 <ol>
 395                                 <li>
 396                                     <label for="barcode_llx">Lower left X coordinate: </label>
 397                                     <input type="text" name="barcode_llx" id="barcode_llx" size="2" value="[% barcode_llx |html %]" />
 398                                 </li>
 399                                 <li>
 400                                     <label for="barcode_lly">Lower left Y coordinate: </label>
 401                                     <input type="text" name="barcode_lly" id="barcode_lly" size="2" value="[% barcode_lly |html %]" />
 402                                 </li>
 403                                 <li>
 404                                     <label for="barcode_height_scale">Scale height (relative to card): </label>
 405                                     <input type="text" name="barcode_height_scale" id="barcode_height_scale" size="2" value="[% barcode_height_scale |html %]" />
 406                                 </li>
 407                                 <li>
 408                                     <label for="barcode_width_scale">Scale width (relative to card): </label>
 409                                     <input type="text" name="barcode_width_scale" id="barcode_width_scale" size="2" value="[% barcode_width_scale |html %]" />
 410                                 </li>
 411                                 <li>
 412                                     <label for="barcode_type">Barcode type: </label>
 413                                     <select name="barcode_type" id="barcode_type">
 414                                         [% FOREACH barcode_typ IN barcode_type %]
 415                                         [% IF ( barcode_typ.selected ) %]
 416                                         <option value="[% barcode_typ.type %]" selected="selected">[% barcode_typ.name %]</option>
 417                                         [% ELSE %]
 418                                         <option value="[% barcode_typ.type %]">[% barcode_typ.name %]</option>
 419                                         [% END %]
 420                                         [% END %]
 421                                     </select>
 422                                 </li>
 423                                 <li>
 424                                     <label for="barcode_text_print">Print card number as text under barcode: </label>
 425                                     [% IF ( barcode_text_print ) %]
 426                                     <input type="checkbox" name="barcode_text_print" id="barcode_text_print" value="1" checked="checked" />
 427                                     [% ELSE %]
 428                                     <input type="checkbox" name="barcode_text_print" id="barcode_text_print" value="1" />
 429                                     [% END %]
 430                                 </li>
 431                                 </ol>
 432                                 </div>
 433                             </fieldset>
 434                         </li>
 435                         <li>
 436                             <fieldset>
 437                             <legend>Images</legend>
 438                                 <ol>
 439                                 <li>
 440                                     <fieldset>
 441                                     <legend>Image 1</legend>
 442                                     <ol>
 443                                     <li>
 444                                         <label for="image_1_image_source">Image source: </label>
 445                                         <select name="image_1_image_source" id="image_1_image_source">
 446                                             [% FOREACH image_1_image_sourc IN image_1_image_source %]
 447                                             [% IF ( image_1_image_sourc.selected ) %]
 448                                             <option value="[% image_1_image_sourc.type %]" selected="selected">[% image_1_image_sourc.name %]</option>
 449                                             [% ELSE %]
 450                                             <option value="[% image_1_image_sourc.type %]">[% image_1_image_sourc.name %]</option>
 451                                             [% END %]
 452                                             [% END %]
 453                                         </select>
 454                                     </li>
 455                                     </ol>
 456                                     <div id="image_1_image_name" style="display: none;">
 457                                     <ol>
 458                                     <li>
 459                                         <label for="image_1_image_name">Image: </label>
 460                                         <select name="image_1_image_name" id="image_1_image_name">
 461                                             [% FOREACH image_1_image_nam IN image_1_image_name %]
 462                                             [% IF ( image_1_image_nam.selected ) %]
 463                                             <option value="[% image_1_image_nam.type %]" selected="selected">[% image_1_image_nam.name %]</option>
 464                                             [% ELSE %]
 465                                             <option value="[% image_1_image_nam.type %]">[% image_1_image_nam.name %]</option>
 466                                             [% END %]
 467                                             [% END %]
 468                                         </select>
 469                                     </li>
 470                                     </ol>
 471                                     </div>
 472                                     <div id="image_1_image_metrics" style="display: none;">
 473                                     <ol>
 474                                     <li>
 475                                         <label for="image_1_Dx">Display height: </label>
 476                                         <input type="text" name="image_1_Dx" id="image_1_Dx" size="2" value="[% image_1_Dx |html %]" />
 477                                     </li>
 478                                     <li>
 479                                         <label for="image_1_Tx">Lower left X coordinate: </label>
 480                                         <input type="text" name="image_1_Tx" id="image_1_Tx" size="2" value="[% image_1_Tx |html %]" />
 481                                     </li>
 482                                     <li>
 483                                         <label for="image_1_Ty">Lower left Y coordinate: </label>
 484                                         <input type="text" name="image_1_Ty" id="image_1_Ty" size="2" value="[% image_1_Ty |html %]" />
 485                                     </li>
 486                                     </ol>
 487                                     </div>
 488                                     <!-- These pdf image parameters are currently unused, but implemented and need to default to zero  -->
 489                                     <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 -->
 490                                     <input type="hidden" name="image_1_Oy" value="0" />
 491                                     <input type="hidden" name="image_1_Sx" value="0" /><!-- Sx,Sy allow scaling of the image  -->
 492                                     <input type="hidden" name="image_1_Sy" value="0" />
 493                                     </fieldset>
 494                                 </li>
 495                                 <li>
 496                                     <fieldset>
 497                                     <legend>Image 2</legend>
 498                                     <ol>
 499                                     <li>
 500                                         <label for="image_2_image_source">Image source: </label>
 501                                         <select name="image_2_image_source" id="image_2_image_source">
 502                                             [% FOREACH image_2_image_sourc IN image_2_image_source %]
 503                                             [% IF ( image_2_image_sourc.selected ) %]
 504                                             <option value="[% image_2_image_sourc.type %]" selected="selected">[% image_2_image_sourc.name %]</option>
 505                                             [% ELSE %]
 506                                             <option value="[% image_2_image_sourc.type %]">[% image_2_image_sourc.name %]</option>
 507                                             [% END %]
 508                                             [% END %]
 509                                         </select>
 510                                     </li>
 511                                     </ol>
 512                                     <div id="image_2_image_name" style="display: none;">
 513                                     <ol>
 514                                     <li>
 515                                         <label for="image_2_image_name">Image: </label>
 516                                         <select name="image_2_image_name" id="image_2_image_name">
 517                                             [% FOREACH image_2_image_nam IN image_2_image_name %]
 518                                             [% IF ( image_2_image_nam.selected ) %]
 519                                             <option value="[% image_2_image_nam.type %]" selected="selected">[% image_2_image_nam.name %]</option>
 520                                             [% ELSE %]
 521                                             <option value="[% image_2_image_nam.type %]">[% image_2_image_nam.name %]</option>
 522                                             [% END %]
 523                                             [% END %]
 524                                         </select>
 525                                     </li>
 526                                     </ol>
 527                                     </div>
 528                                     <div id="image_2_image_metrics" style="display: none;">
 529                                     <ol>
 530                                     <li>
 531                                         <label for="image_2_Dx">Display height: </label>
 532                                         <input type="text" name="image_2_Dx" id="image_2_Dx" size="2" value="[% image_2_Dx |html %]" />
 533                                     </li>
 534                                     <li>
 535                                         <label for="image_2_Tx">Lower left X coordinate: </label>
 536                                         <input type="text" name="image_2_Tx" id="image_2_Tx" size="2" value="[% image_2_Tx |html %]" />
 537                                     </li>
 538                                     <li>
 539                                         <label for="image_2_Ty">Lower left Y coordinate: </label>
 540                                         <input type="text" name="image_2_Ty" id="image_2_Ty" size="2" value="[% image_2_Ty |html %]" />
 541                                     </li>
 542                                     </ol>
 543                                     </div>
 544                                     <!-- These pdf image parameters are currently unused, but implemented and need to default to zero  -->
 545                                     <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 -->
 546                                     <input type="hidden" name="image_2_Oy" value="0" /><!-- Sx,Sy allow scaling of the image  -->
 547                                     <input type="hidden" name="image_2_Sx" value="0" />
 548                                     <input type="hidden" name="image_2_Sy" value="0" />
 549                                     </fieldset>
 550                                 </li>
 551                                 </ol>
 552                             </fieldset>
 553                         </li>
 554                     </ol>
 555                     </fieldset>
 556                 </div>
 557                 </div>
 558                     <fieldset class="action">
 559                         <input class="btn btn-default btn-default" type="submit" value="Save" />
 560                         <a class="cancel" href="/cgi-bin/koha/patroncards/manage.pl?card_element=layout">Cancel</a>
 561                         <input type="hidden" name="op" value="save" />
 562                         <input type="hidden" name="layout_id" value="[% layout_id %]" />
 563                     </fieldset>
 564                 </form>
 565                 </div>
 566             </div>
 567             <div class="yui-b">
 568               [% INCLUDE 'tools-menu.inc' %]
 569             </div>
 570         </div>
 571         [% INCLUDE 'intranet-bottom.inc' %]