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

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