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

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