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

   1 [% USE raw %]
   2 [% PROCESS 'i18n.inc' %]
   3 [% SET footerjs = 1 %]
   4     [% INCLUDE 'doc-head-open.inc' %]
   5     <title>[% FILTER collapse %]
   6         [% IF( layout_id ) %]
   7             [% t("Edit patron card layout") | html %] ([% layout_id | html %])
   8         [% ELSE %]
   9             [% t("New patron card layout") | html %]
  10         [% END %] &rsaquo;
  11         [% t("Layout") | html %] &rsaquo;
  12         [% t("Patron card creator") | html %] &rsaquo;
  13         [% t("Tools") | html %] &rsaquo;
  14         [% t("Koha") | html %]
  15     [% END %]</title>
  16     [% INCLUDE 'doc-head-close.inc' %]
  17 </head>
  18
  19 <body id="pcard_edit-layout" class="tools pcard">
  20     [% WRAPPER 'header.inc' %]
  21     [% INCLUDE 'cat-search.inc' %]
  22 [% END %]
  23
  24     [% WRAPPER 'sub-header.inc' %]
  25         [% WRAPPER breadcrumbs %]
  26             [% WRAPPER breadcrumb_item %]
  27                 <a href="/cgi-bin/koha/tools/tools-home.pl">Tools</a>
  28             [% END %]
  29             [% WRAPPER breadcrumb_item %]
  30                 <a href="/cgi-bin/koha/patroncards/home.pl">Patron card creator</a>
  31             [% END %]
  32             [% WRAPPER breadcrumb_item %]
  33                 <a href="/cgi-bin/koha/patroncards/manage.pl?card_element=layout">Layouts</a>
  34             [% END %]
  35             [% WRAPPER breadcrumb_item bc_active= 1 %]
  36                 [% IF ( layout_id ) %]
  37                     <span>Edit ([% layout_id | html %])</span>
  38                 [% ELSE %]
  39                     <span>New patron card layout</span>
  40                 [% END %]
  41             [% END %]
  42         [% END #/ WRAPPER breadcrumbs %]
  43     [% END #/ WRAPPER sub-header.inc %]
  44
  45     <div class="main container-fluid">
  46         <div class="row">
  47             <div class="col-sm-10 col-sm-push-2">
  48                 <main>
  49
  50                     [% INCLUDE 'patroncards-toolbar.inc' %]
  51
  52                     <h1>
  53                         [% IF ( layout_id ) %]
  54                             <span>Edit patron card layout [% layout_id | html %]</span>
  55                         [% ELSE %]
  56                             <span>New patron card layout</span>
  57                         [% END %]
  58                     </h1>
  59
  60                 <!-- NOTE: The order of the elements on this form is crictical to correct processing. You've been warned...  -->
  61                 <form name="input" action="/cgi-bin/koha/patroncards/edit-layout.pl" method="get">
  62                 <div class="row">
  63                 <div class="col-sm-6">
  64                         <fieldset class="rows">
  65                             <legend>Patron card text layout</legend>
  66                             <ol>
  67                                 <li>
  68                                 <fieldset>
  69                                 <legend>General settings</legend>
  70                                 <ol>
  71                                 <li>
  72                                     <label for="layout_name">Layout name: </label>
  73                                     <input type="text" name="layout_name" id="layout_name" size="20" value="[% layout_name | html %]" />
  74                                 </li>
  75                                 <li>
  76                                     <label for="units">Units: </label>
  77                                     <select id="units" name="units">
  78                                     [% FOREACH unit IN units %]
  79                                         [% IF ( unit.selected ) %]
  80                                         <option value="[% unit.type | html %]" selected="selected">
  81                                         [% ELSE %]
  82                                         <option value="[% unit.type | html %]">
  83                                         [% END %]
  84                                         [% unit.desc | html %]
  85                                         </option>
  86                                     [% END %]
  87                                     </select>
  88                                 </li>
  89                                 <li>
  90                                     <label for="page_side">Page side: </label>
  91                                     [% IF ( page_side ) %]
  92                                     <input type="radio" name="page_side" id="page_side" value="F" />Front
  93                                     <input type="radio" name="page_side" id="page_side" value="B" checked="checked" />Back
  94                                     [% ELSE %]
  95                                     <input type="radio" name="page_side" id="page_side" value="F" checked="checked" />Front
  96                                     <input type="radio" name="page_side" id="page_side" value="B" />Back
  97                                     [% END %]
  98                                 </li>
  99                                 <li>
 100                                     <label for="guide_box">Guide box:</label>
 101                                     [% IF ( guide_box ) %]
 102                                     <input type="radio" name="guide_box" id="guide_box" value="1" checked="checked" />On
 103                                     <input type="radio" name="guide_box" id="guide_box" value="0" />Off
 104                                     [% ELSE %]
 105                                     <input type="radio" name="guide_box" id="guide_box" value="1" />On
 106                                     <input type="radio" name="guide_box" id="guide_box" value="0" checked="checked" />Off
 107                                     [% END %]
 108                                 </li>
 109                                 <li>
 110                                     <label for="guide_grid">Guide grid:</label>
 111                                     [% IF ( guide_grid ) %]
 112                                     <input type="radio" name="guide_grid" id="guide_grid" value="1" checked="checked" />On
 113                                     <input type="radio" name="guide_grid" id="guide_grid" value="0" />Off
 114                                     [% ELSE %]
 115                                     <input type="radio" name="guide_grid" id="guide_grid" value="1" />On
 116                                     <input type="radio" name="guide_grid" id="guide_grid" value="0" checked="checked" />Off
 117                                     [% END %]
 118                                 </li>
 119                                 </ol>
 120                                 </fieldset>
 121                                 </li>
 122                                 <li>
 123                                     <fieldset>
 124                                     <legend>Text fields</legend>
 125                                     <ol>
 126                                         <li>
 127                                             <fieldset>
 128                                             [% IF ( field_1 ) %]
 129                                             <legend><input type="checkbox" name="field_1_enable" id="field_1_enable" value="1" checked="checked" /> Field 1</legend>
 130                                             [% ELSE %]
 131                                             <legend><input type="checkbox" name="field_1_enable" id="field_1_enable" value="1" /> Field 1</legend>
 132                                             [% END %]
 133                                             <div id="field_1_select" style="display: none;">
 134                                             <ol>
 135                                             <li>
 136                                                 <label for="field_1_text">Text: </label>
 137                                                 <input type="text" name="field_1_text" id="field_1_text" size="60" value="[% field_1_text | html %]" />
 138                                             </li>
 139                                             <li>
 140                                                 <label for="field_1_font">Font: </label>
 141                                                 <select name="field_1_font" id="field_1_font">
 142                                                     [% FOREACH field_1_fon IN field_1_font %]
 143                                                     [% IF ( field_1_fon.selected ) %]
 144                                                     <option value="[% field_1_fon.type | html %]" selected="selected">[% field_1_fon.name | html %]</option>
 145                                                     [% ELSE %]
 146                                                     <option value="[% field_1_fon.type | html %]">[% field_1_fon.name | html %]</option>
 147                                                     [% END %]
 148                                                     [% END %]
 149                                                 </select>
 150                                             </li>
 151                                             <li>
 152                                                 <label for="field_1_font_size">Font size: </label>
 153                                                 <input type="text" name="field_1_font_size" id="field_1_font_size" size="2" value="[% field_1_font_size | html %]" />
 154                                                 <span class="font_unit"> pt</span>
 155                                             </li>
 156                                             <li>
 157                                                 <label for="field_1_text_alignment">Text alignment: </label>
 158                                                 <select name="field_1_text_alignment" id="field_1_text_alignment">
 159                                                     [% FOREACH field_1_text_alignmen IN field_1_text_alignment %]
 160                                                     [% IF ( field_1_text_alignmen.selected ) %]
 161                                                     <option value="[% field_1_text_alignmen.type | html %]" selected="selected">[% field_1_text_alignmen.name | html %]</option>
 162                                                     [% ELSE %]
 163                                                     <option value="[% field_1_text_alignmen.type | html %]">[% field_1_text_alignmen.name | html %]</option>
 164                                                     [% END %]
 165                                                     [% END %]
 166                                                 </select>
 167                                             </li>
 168                                             <li>
 169                                                 <label for="field_1_llx">Lower left X coordinate: </label>
 170                                                 <input type="text" name="field_1_llx" id="field_1_llx" size="2" value="[% field_1_llx | html %]" />
 171                                             </li>
 172                                             <li>
 173                                                 <label for="field_1_lly">Lower left Y coordinate: </label>
 174                                                 <input type="text" name="field_1_lly" id="field_1_lly" size="2" value="[% field_1_lly | html %]" />
 175                                             </li>
 176                                             </ol>
 177                                             </div>
 178                                             </fieldset>
 179                                         </li>
 180                                         <li>
 181                                             <fieldset>
 182                                             [% IF ( field_2 ) %]
 183                                             <legend><input type="checkbox" name="field_2_enable" id="field_2_enable" value="1" checked="checked"/> Field 2</legend>
 184                                             [% ELSE %]
 185                                             <legend><input type="checkbox" name="field_2_enable" id="field_2_enable" value="1" /> Field 2</legend>
 186                                             [% END %]
 187                                             <div id="field_2_select" style="display: none;">
 188                                             <ol>
 189                                             <li>
 190                                                 <label for="field_2_text">Text: </label>
 191                                                 <input type="text" name="field_2_text" id="field_2_text" size="60" value="[% field_2_text | html %]" />
 192                                             </li>
 193                                             <li>
 194                                                 <label for="field_2_font">Font: </label>
 195                                                 <select name="field_2_font" id="field_2_font">
 196                                                     [% FOREACH field_2_fon IN field_2_font %]
 197                                                     [% IF ( field_2_fon.selected ) %]
 198                                                     <option value="[% field_2_fon.type | html %]" selected="selected">[% field_2_fon.name | html %]</option>
 199                                                     [% ELSE %]
 200                                                     <option value="[% field_2_fon.type | html %]">[% field_2_fon.name | html %]</option>
 201                                                     [% END %]
 202                                                     [% END %]
 203                                                 </select>
 204                                             </li>
 205                                             <li>
 206                                                 <label for="field_2_font_size">Font size: </label>
 207                                                 <input type="text" name="field_2_font_size" id="field_2_font_size" size="2" value="[% field_2_font_size | html %]" />
 208                                                 <span class="font_unit"> pt</span>
 209                                             </li>
 210                                             <li>
 211                                                 <label for="field_2_text_alignment">Text alignment: </label>
 212                                                 <select name="field_2_text_alignment" id="field_2_text_alignment">
 213                                                     [% FOREACH field_2_text_alignmen IN field_2_text_alignment %]
 214                                                     [% IF ( field_2_text_alignmen.selected ) %]
 215                                                     <option value="[% field_2_text_alignmen.type | html %]" selected="selected">[% field_2_text_alignmen.name | html %]</option>
 216                                                     [% ELSE %]
 217                                                     <option value="[% field_2_text_alignmen.type | html %]">[% field_2_text_alignmen.name | html %]</option>
 218                                                     [% END %]
 219                                                     [% END %]
 220                                                 </select>
 221                                             </li>
 222                                             <li>
 223                                                 <label for="field_2_llx">Lower left X coordinate: </label>
 224                                                 <input type="text" name="field_2_llx" id="field_2_llx" size="2" value="[% field_2_llx | html %]" />
 225                                             </li>
 226                                             <li>
 227                                                 <label for="field_2_lly">Lower left Y coordinate: </label>
 228                                                 <input type="text" name="field_2_lly" id="field_2_lly" size="2" value="[% field_2_lly | html %]" />
 229                                             </li>
 230                                             </ol>
 231                                             </div>
 232                                             </fieldset>
 233                                         </li>
 234                                         <li>
 235                                             <fieldset>
 236                                             [% IF ( field_3 ) %]
 237                                             <legend><input type="checkbox" name="field_3_enable" id="field_3_enable" value="1" checked="checked"/> Field 3</legend>
 238                                             [% ELSE %]
 239                                             <legend><input type="checkbox" name="field_3_enable" id="field_3_enable" value="0" /> Field 3</legend>
 240                                             [% END %]
 241                                             <div id="field_3_select" style="display: none;">
 242                                             <ol>
 243                                             <li>
 244                                                 <label for="field_3_text">Text: </label>
 245                                                 <input type="text" name="field_3_text" id="field_3_text" size="60" value="[% field_3_text | html %]" />
 246                                             </li>
 247                                             <li>
 248                                                 <label for="field_3_font">Font: </label>
 249                                                 <select name="field_3_font" id="field_3_font">
 250                                                     [% FOREACH field_3_fon IN field_3_font %]
 251                                                     [% IF ( field_3_fon.selected ) %]
 252                                                     <option value="[% field_3_fon.type | html %]" selected="selected">[% field_3_fon.name | html %]</option>
 253                                                     [% ELSE %]
 254                                                     <option value="[% field_3_fon.type | html %]">[% field_3_fon.name | html %]</option>
 255                                                     [% END %]
 256                                                     [% END %]
 257                                                 </select>
 258                                             </li>
 259                                             <li>
 260                                                 <label for="field_3_font_size">Font size: </label>
 261                                                 <input type="text" name="field_3_font_size" id="field_3_font_size" size="2" value="[% field_3_font_size | html %]" />
 262                                                 <span class="font_unit"> pt</span>
 263                                             </li>
 264                                             <li>
 265                                                 <label for="field_3_text_alignment">Text alignment: </label>
 266                                                 <select name="field_3_text_alignment" id="field_3_text_alignment">
 267                                                     [% FOREACH field_3_text_alignmen IN field_3_text_alignment %]
 268                                                     [% IF ( field_3_text_alignmen.selected ) %]
 269                                                     <option value="[% field_3_text_alignmen.type | html %]" selected="selected">[% field_3_text_alignmen.name | html %]</option>
 270                                                     [% ELSE %]
 271                                                     <option value="[% field_3_text_alignmen.type | html %]">[% field_3_text_alignmen.name | html %]</option>
 272                                                     [% END %]
 273                                                     [% END %]
 274                                                 </select>
 275                                             </li>
 276                                             <li>
 277                                                 <label for="field_3_llx">Lower left X coordinate: </label>
 278                                                 <input type="text" name="field_3_llx" id="field_3_llx" size="2" value="[% field_3_llx | html %]" />
 279                                             </li>
 280                                             <li>
 281                                                 <label for="field_3_lly">Lower left Y coordinate: </label>
 282                                                 <input type="text" name="field_3_lly" id="field_3_lly" size="2" value="[% field_3_lly | html %]" />
 283                                             </li>
 284                                             </ol>
 285                                             </div>
 286                                             </fieldset>
 287                                         </li>
 288                                     </ol>
 289                                     </fieldset>
 290                                 </li>
 291                             </ol>
 292                         </fieldset>
 293                 </div>
 294                 <div class="col-sm-6">
 295                     <fieldset class="rows">
 296                     <legend>Patron card graphic layout</legend>
 297                     <ol>
 298 <!--
 299                             <li>
 300                                 <fieldset>
 301                                 <label for="guidebox">Draw guide boxes: </label>
 302                                 [% IF ( guidebox ) %]
 303                                 <input type="checkbox" name="guidebox" id="guidebox" value="1"  checked="checked" />
 304                                 [% ELSE %]
 305                                 <input type="checkbox" name="guidebox" id="guidebox" value="1" />
 306                                 [% END %]
 307                                 </fieldset>
 308                             </li>
 309 -->
 310                         <li>
 311                             <fieldset>
 312                                 <legend>Barcode</legend>
 313                                 <ol>
 314                                 <li>
 315                                     <label for="barcode_print">Print card number as barcode: </label>
 316                                     [% IF ( barcode_print ) %]
 317                                     <input type="checkbox" name="barcode_print" id="barcode_print" value="1" checked="checked" />
 318                                     [% ELSE %]
 319                                     <input type="checkbox" name="barcode_print" id="barcode_print" value="1" />
 320                                     [% END %]
 321                                 </li>
 322                                 </ol>
 323                                 <div id="barcode_param" style="display: none;">
 324                                 <ol>
 325                                 <li>
 326                                     <label for="barcode_llx">Lower left X coordinate: </label>
 327                                     <input type="text" name="barcode_llx" id="barcode_llx" size="2" value="[% barcode_llx | html %]" />
 328                                 </li>
 329                                 <li>
 330                                     <label for="barcode_lly">Lower left Y coordinate: </label>
 331                                     <input type="text" name="barcode_lly" id="barcode_lly" size="2" value="[% barcode_lly | html %]" />
 332                                 </li>
 333                                 <li>
 334                                     <label for="barcode_height_scale">Scale height (relative to card): </label>
 335                                     <input type="text" name="barcode_height_scale" id="barcode_height_scale" size="2" value="[% barcode_height_scale | html %]" />
 336                                 </li>
 337                                 <li>
 338                                     <label for="barcode_width_scale">Scale width (relative to card): </label>
 339                                     <input type="text" name="barcode_width_scale" id="barcode_width_scale" size="2" value="[% barcode_width_scale | html %]" />
 340                                 </li>
 341                                 <li>
 342                                     <label for="barcode_type">Barcode type: </label>
 343                                     <select name="barcode_type" id="barcode_type">
 344                                         [% FOREACH barcode_typ IN barcode_type %]
 345                                         [% IF ( barcode_typ.selected ) %]
 346                                         <option value="[% barcode_typ.type | html %]" selected="selected">[% barcode_typ.name | html %]</option>
 347                                         [% ELSE %]
 348                                         <option value="[% barcode_typ.type | html %]">[% barcode_typ.name | html %]</option>
 349                                         [% END %]
 350                                         [% END %]
 351                                     </select>
 352                                 </li>
 353                                 <li>
 354                                     <label for="barcode_text_print">Print card number as text under barcode: </label>
 355                                     [% IF ( barcode_text_print ) %]
 356                                     <input type="checkbox" name="barcode_text_print" id="barcode_text_print" value="1" checked="checked" />
 357                                     [% ELSE %]
 358                                     <input type="checkbox" name="barcode_text_print" id="barcode_text_print" value="1" />
 359                                     [% END %]
 360                                 </li>
 361                                 </ol>
 362                                 </div>
 363                             </fieldset>
 364                         </li>
 365                         <li>
 366                             <fieldset>
 367                             <legend>Images</legend>
 368                                 <ol>
 369                                 <li>
 370                                     <fieldset>
 371                                     <legend>Image 1</legend>
 372                                     <ol>
 373                                     <li>
 374                                         <label for="image_1_image_source">Image source: </label>
 375                                         <select name="image_1_image_source" id="image_1_image_source">
 376                                             [% FOREACH image_1_image_sourc IN image_1_image_source %]
 377                                             [% IF ( image_1_image_sourc.selected ) %]
 378                                             <option value="[% image_1_image_sourc.type | html %]" selected="selected">[% image_1_image_sourc.name | html %]</option>
 379                                             [% ELSE %]
 380                                             <option value="[% image_1_image_sourc.type | html %]">[% image_1_image_sourc.name | html %]</option>
 381                                             [% END %]
 382                                             [% END %]
 383                                         </select>
 384                                     </li>
 385                                     </ol>
 386                                     <div id="image_1_image_name" style="display: none;">
 387                                     <ol>
 388                                     <li>
 389                                         <label for="image_1_image_name">Image: </label>
 390                                         <select name="image_1_image_name" id="image_1_image_name">
 391                                             [% FOREACH image_1_image_nam IN image_1_image_name %]
 392                                             [% IF ( image_1_image_nam.selected ) %]
 393                                             <option value="[% image_1_image_nam.type | html %]" selected="selected">[% image_1_image_nam.name | html %]</option>
 394                                             [% ELSE %]
 395                                             <option value="[% image_1_image_nam.type | html %]">[% image_1_image_nam.name | html %]</option>
 396                                             [% END %]
 397                                             [% END %]
 398                                         </select>
 399                                     </li>
 400                                     </ol>
 401                                     </div>
 402                                     <div id="image_1_image_metrics" style="display: none;">
 403                                     <ol>
 404                                     <li>
 405                                         <label for="image_1_Dx">Display height: </label>
 406                                         <input type="text" name="image_1_Dx" id="image_1_Dx" size="2" value="[% image_1_Dx | html %]" />
 407                                     </li>
 408                                     <li>
 409                                         <label for="image_1_Tx">Lower left X coordinate: </label>
 410                                         <input type="text" name="image_1_Tx" id="image_1_Tx" size="2" value="[% image_1_Tx | html %]" />
 411                                     </li>
 412                                     <li>
 413                                         <label for="image_1_Ty">Lower left Y coordinate: </label>
 414                                         <input type="text" name="image_1_Ty" id="image_1_Ty" size="2" value="[% image_1_Ty | html %]" />
 415                                     </li>
 416                                     </ol>
 417                                     </div>
 418                                     <!-- These pdf image parameters are currently unused, but implemented and need to default to zero  -->
 419                                     <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 -->
 420                                     <input type="hidden" name="image_1_Oy" value="0" />
 421                                     <input type="hidden" name="image_1_Sx" value="0" /><!-- Sx,Sy allow scaling of the image  -->
 422                                     <input type="hidden" name="image_1_Sy" value="0" />
 423                                     </fieldset>
 424                                 </li>
 425                                 <li>
 426                                     <fieldset>
 427                                     <legend>Image 2</legend>
 428                                     <ol>
 429                                     <li>
 430                                         <label for="image_2_image_source">Image source: </label>
 431                                         <select name="image_2_image_source" id="image_2_image_source">
 432                                             [% FOREACH image_2_image_sourc IN image_2_image_source %]
 433                                             [% IF ( image_2_image_sourc.selected ) %]
 434                                             <option value="[% image_2_image_sourc.type | html %]" selected="selected">[% image_2_image_sourc.name | html %]</option>
 435                                             [% ELSE %]
 436                                             <option value="[% image_2_image_sourc.type | html %]">[% image_2_image_sourc.name | html %]</option>
 437                                             [% END %]
 438                                             [% END %]
 439                                         </select>
 440                                     </li>
 441                                     </ol>
 442                                     <div id="image_2_image_name" style="display: none;">
 443                                     <ol>
 444                                     <li>
 445                                         <label for="image_2_image_name">Image: </label>
 446                                         <select name="image_2_image_name" id="image_2_image_name">
 447                                             [% FOREACH image_2_image_nam IN image_2_image_name %]
 448                                             [% IF ( image_2_image_nam.selected ) %]
 449                                             <option value="[% image_2_image_nam.type | html %]" selected="selected">[% image_2_image_nam.name | html %]</option>
 450                                             [% ELSE %]
 451                                             <option value="[% image_2_image_nam.type | html %]">[% image_2_image_nam.name | html %]</option>
 452                                             [% END %]
 453                                             [% END %]
 454                                         </select>
 455                                     </li>
 456                                     </ol>
 457                                     </div>
 458                                     <div id="image_2_image_metrics" style="display: none;">
 459                                     <ol>
 460                                     <li>
 461                                         <label for="image_2_Dx">Display height: </label>
 462                                         <input type="text" name="image_2_Dx" id="image_2_Dx" size="2" value="[% image_2_Dx | html %]" />
 463                                     </li>
 464                                     <li>
 465                                         <label for="image_2_Tx">Lower left X coordinate: </label>
 466                                         <input type="text" name="image_2_Tx" id="image_2_Tx" size="2" value="[% image_2_Tx | html %]" />
 467                                     </li>
 468                                     <li>
 469                                         <label for="image_2_Ty">Lower left Y coordinate: </label>
 470                                         <input type="text" name="image_2_Ty" id="image_2_Ty" size="2" value="[% image_2_Ty | html %]" />
 471                                     </li>
 472                                     </ol>
 473                                     </div>
 474                                     <!-- These pdf image parameters are currently unused, but implemented and need to default to zero  -->
 475                                     <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 -->
 476                                     <input type="hidden" name="image_2_Oy" value="0" /><!-- Sx,Sy allow scaling of the image  -->
 477                                     <input type="hidden" name="image_2_Sx" value="0" />
 478                                     <input type="hidden" name="image_2_Sy" value="0" />
 479                                     </fieldset>
 480                                 </li>
 481                                 </ol>
 482                             </fieldset>
 483                         </li>
 484                     </ol>
 485                     </fieldset>
 486                 </div>
 487                 </div>
 488                     <fieldset class="action">
 489                         <input class="btn btn-primary" type="submit" value="Save" />
 490                         <a class="cancel" href="/cgi-bin/koha/patroncards/manage.pl?card_element=layout">Cancel</a>
 491                         <input type="hidden" name="op" value="save" />
 492                         <input type="hidden" name="layout_id" value="[% layout_id | html %]" />
 493                     </fieldset>
 494                 </form>
 495
 496             </main>
 497         </div> <!-- /.col-sm-10.col-sm-push-2 -->
 498
 499         <div class="col-sm-2 col-sm-pull-10">
 500             <aside>
 501                 [% INCLUDE 'tools-menu.inc' %]
 502             </aside>
 503         </div> <!-- /.col-sm-2.col-sm-pull-10 -->
 504      </div> <!-- /.row -->
 505
 506 [% MACRO jsinclude BLOCK %]
 507     <script>
 508         $(document).ready(function() {
 509             var selectedUnit = $("#units option:selected").val();
 510             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");
 511             $(unitfields).after("<span class=\"unit\">"+getUnit(selectedUnit)+"</span>");
 512             $("#units").change(function(){
 513                 $(".unit").html(getUnit($(this).val()));
 514             });
 515             Go($("#image_1_image_source").val(), 'image_1_image_name');
 516             Go($("#image_1_image_source").val(), 'image_1_image_metrics');
 517             $("#image_1_image_source").change(function(){
 518                 $(".image_1_image_source").html(Go($(this).val(), 'image_1_image_name'));
 519                 $(".image_1_image_source").html(Go($(this).val(), 'image_1_image_metrics'));
 520             });
 521             Go($("#image_2_image_source").val(), 'image_2_image_name');
 522             Go($("#image_2_image_source").val(), 'image_2_image_metrics');
 523             $("#image_2_image_source").change(function(){
 524                 $(".image_2_image_source").html(Go($(this).val(), 'image_2_image_name'));
 525                 $(".image_2_image_source").html(Go($(this).val(), 'image_2_image_metrics'));
 526             });
 527             var selectFieldNames = ["field_1","field_2","field_3"];
 528             for (var i=0; i < selectFieldNames.length; i++) {
 529                 Go($("#"+selectFieldNames[i]+"_enable").prop("checked"), selectFieldNames[i]+"_select");
 530             }
 531             $("#field_1_enable").change(function(){
 532                 $(".field_1_enable").html(Go($(this).prop("checked"), 'field_1_select'));
 533             });
 534             $("#field_2_enable").change(function(){
 535                 $(".field_2_enable").html(Go($(this).prop("checked"), 'field_2_select'));
 536             });
 537             $("#field_3_enable").change(function(){
 538                 $(".field_3_enable").html(Go($(this).prop("checked"), 'field_3_select'));
 539             });
 540             $("#barcode_print").load(barcode_text('barcode_param'));
 541             $("#barcode_print").change(function(){
 542                 barcode_text('barcode_param');
 543             });
 544             function barcode_text(division) {
 545                 var eBarcode = document.getElementById(division);
 546                 if( $("input[name=barcode_print]:checked").prop("checked") ) {
 547                     eBarcode.style.display = 'block';
 548                 } else {
 549                     eBarcode.style.display = 'none';
 550                     $('input[name=barcode_text_print]').prop('checked', false);
 551                 }
 552             }
 553             function getUnit(unit){
 554                 switch(unit){
 555                     case "POINT":
 556                         var unit = " pt";
 557                     break;
 558                     case "AGATE":
 559                         var unit = " ag";
 560                     break;
 561                     case "INCH":
 562                         var unit = " in";
 563                     break;
 564                     case "MM":
 565                         var unit = " mm";
 566                     break;
 567                     case "CM":
 568                         var unit = " cm";
 569                     break;
 570                     default:
 571                         var unit = " pt";
 572                     }
 573                 return unit;
 574             }
 575             function Go(oSelect, oElement){
 576                 var element = document.getElementById(oElement);
 577                 switch(true) {
 578                     case /^.*_name/.test(oElement):
 579                         if ((oSelect == 'patronimages') || (oSelect == 'none')) {
 580                             element.style.display = 'none';
 581                         } else {
 582                             element.style.display = 'block';
 583                         }
 584                         break;
 585                     case /^.*_metrics/.test(oElement):
 586                         if ((oSelect == 'none') || (oSelect == '')) {
 587                             element.style.display = 'none';
 588                         } else {
 589                             element.style.display = 'block';
 590                         }
 591                         break;
 592                     case /^.*_select/.test(oElement):
 593                         if (!oSelect) {
 594                             element.style.display = 'none';
 595                         } else {
 596                             element.style.display = 'block';
 597                         }
 598                         break;
 599                     default:
 600                         return;
 601                 }
 602                 return;
 603             }
 604         });
 605     </script>
 606 [% END %]
 607
 608 [% INCLUDE 'intranet-bottom.inc' %]