Owen Leonard
3c887b4e07
This patch modifies the staff client label creator templates so that JavaScript is included in the footer instead of the header. To test, apply the patch and test the JavaScript-driven features of each modified template: All button controls, DataTables functionality, form validation, etc. This patch also modifies the templates to use the Bootstrap grid instead of YUI, and removes obsolete "text/javascript" attributes from <script> tags and "text/css" attributes from <style> tags in the modified templates. To test, apply the patch and test the following interactions: - Creating and managing layouts - Creating and managing batches - Creating and managing templates - Creating and managing printer profiles - Creating quick spine labels Signed-off-by: Claire Gravely <claire.gravely@bsz-bw.de> Signed-off-by: Jonathan Druart <jonathan.druart@bugs.koha-community.org> Signed-off-by: Nick Clemens <nick@bywatersolutions.com>
199 lines
10 KiB
Text
199 lines
10 KiB
Text
[% SET footerjs = 1 %]
|
|
[% INCLUDE 'doc-head-open.inc' %]
|
|
<title>Koha › Tools › Label creator › Templates › [% IF ( template_id ) %]Edit ([% template_id %])[% ELSE %]New[% END %]</title>
|
|
[% INCLUDE 'doc-head-close.inc' %]
|
|
</head>
|
|
|
|
<body id="labels_label-edit-template" class="tools labels">
|
|
[% INCLUDE 'header.inc' %]
|
|
[% INCLUDE 'cat-search.inc' %]
|
|
<div id="breadcrumbs">
|
|
<a href="/cgi-bin/koha/mainpage.pl">Home</a> ›
|
|
<a href="/cgi-bin/koha/tools/tools-home.pl">Tools</a> ›
|
|
<a href="/cgi-bin/koha/labels/label-home.pl">Label creator</a> ›
|
|
<a href="/cgi-bin/koha/labels/label-manage.pl?label_element=template">Templates</a> ›
|
|
[% IF ( template_id ) %]Edit ([% template_id %])[% ELSE %]New[% END %]
|
|
</div>
|
|
|
|
<div class="main container-fluid">
|
|
<div class="row">
|
|
<div class="col-sm-10 col-sm-push-2">
|
|
<main>
|
|
[% INCLUDE 'labels-toolbar.inc' %]
|
|
|
|
<h3>Edit label template</h3>
|
|
<form name="input" action="/cgi-bin/koha/labels/label-edit-template.pl" method="get">
|
|
<div class="row">
|
|
<div class="col-sm-6">
|
|
<fieldset class="rows">
|
|
<ol>
|
|
<li>
|
|
<span class="label">Template ID:</span>[% IF ( template_id ) %][% template_id %][% ELSE %]N/A[% END %]
|
|
</li>
|
|
<li>
|
|
<label for="template_code">Template code:</label>
|
|
<input type="text" size="30" maxlength="43" name="template_code" id="template_code" value="[% template_code %]" />
|
|
</li>
|
|
<li>
|
|
<label for="template_desc">Template description:</label>
|
|
<textarea cols="30" rows="3" id="template_desc" name="template_desc">[% template_desc %]</textarea>
|
|
</li>
|
|
<li>
|
|
<label for="units">Units:</label>
|
|
<select id="units" name="units">
|
|
[% FOREACH unit IN units %]
|
|
[% IF ( unit.selected ) %]
|
|
<option value="[% unit.type %]" selected="selected">
|
|
[% ELSE %]
|
|
<option value="[% unit.type %]">
|
|
[% END %]
|
|
|
|
[% SWITCH unit.type %]
|
|
[% CASE 'POINT' %]
|
|
<span>PostScript Points</span>
|
|
[% CASE 'AGATE' %]
|
|
<span>Adobe Agates</span>
|
|
[% CASE 'INCH' %]
|
|
<span>US Inches</span>
|
|
[% CASE 'MM' %]
|
|
<span>SI Millimeters</span>
|
|
[% CASE 'CM' %]
|
|
<span>SI Centimeters</span>
|
|
[% END %]
|
|
</option>
|
|
[% END %]
|
|
</select>
|
|
</li>
|
|
<li>
|
|
<label for="page_height">Page height:</label>
|
|
<input type="text" size="4" name="page_height" id="page_height" value="[% page_height %]" />
|
|
</li>
|
|
<li>
|
|
<label for="page_width">Page width:</label>
|
|
<input type="text" size="4" name="page_width" id="page_width" value="[% page_width %]" />
|
|
</li>
|
|
<li>
|
|
<label for="label_width">Label width:</label>
|
|
<input type="text" size="4" name="label_width" id="label_width" value="[% label_width %]" />
|
|
</li>
|
|
<li>
|
|
<label for="label_height">Label height:</label>
|
|
<input type="text" size="4" name="label_height" id="label_height" value="[% label_height %]" />
|
|
</li>
|
|
|
|
</ol>
|
|
</fieldset>
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<fieldset class="rows">
|
|
<ol><li>
|
|
<label for="top_margin">Top page margin:</label>
|
|
<input type="text" size="4" name="top_margin" id="top_margin" value="[% top_margin %]" />
|
|
</li>
|
|
<li>
|
|
<label for="left_margin">Left page margin:</label>
|
|
<input type="text" size="4" name="left_margin" id="left_margin" value="[% left_margin %]" />
|
|
</li>
|
|
<li>
|
|
<label for="top_text_margin">Top text margin:</label>
|
|
<input type="text" size="4" name="top_text_margin" id="top_text_margin" value="[% top_text_margin %]" />
|
|
</li>
|
|
<li>
|
|
<label for="left_text_margin">Left text margin:</label>
|
|
<input type="text" size="4" name="left_text_margin" id="left_text_margin" value="[% left_text_margin %]" />
|
|
</li>
|
|
<li>
|
|
<label for="cols">Number of columns:</label>
|
|
<input type="text" size="4" name="cols" id="cols" value="[% cols %]" />
|
|
</li>
|
|
<li>
|
|
<label for="rows">Number of rows:</label>
|
|
<input type="text" size="4" name="rows" id="rows" value="[% rows %]" />
|
|
</li>
|
|
<li>
|
|
<label for="col_gap">Gap between columns:</label>
|
|
<input type="text" size="4" name="col_gap" id="col_gap" value="[% col_gap %]" />
|
|
</li>
|
|
<li>
|
|
<label for="row_gap">Gap between rows:</label>
|
|
<input type="text" size="4" name="row_gap" id="row_gap" value="[% row_gap %]" />
|
|
</li>
|
|
|
|
<li>
|
|
<label for="profile_id">Profile:</label>
|
|
[% IF ( profile_list ) %]
|
|
<select id="profile_id" name="profile_id">
|
|
[% FOREACH profile_lis IN profile_list %]
|
|
[% IF ( profile_lis.selected ) %]
|
|
<option value="[% profile_lis.profile_id %]" selected="selected">
|
|
[% ELSE %]
|
|
<option value="[% profile_lis.profile_id %]">
|
|
[% END %]
|
|
[% profile_lis.printer_name %]/[% profile_lis.paper_bin %]
|
|
</option>
|
|
[% END %]
|
|
</select>
|
|
[% ELSE %]
|
|
<a href="/cgi-bin/koha/labels/label-edit-profile.pl?op=new">Click here to define a printer profile.</a>
|
|
[% END %]
|
|
</li>
|
|
</ol>
|
|
</fieldset>
|
|
</div>
|
|
</div>
|
|
<fieldset class="action">
|
|
<input type="submit" class="submit" value="Save" /><a class="cancel" href="/cgi-bin/koha/labels/label-manage.pl?label_element=template">Cancel</a>
|
|
<input type="hidden" name="op" value="save" />
|
|
[% IF ( template_id ) %]
|
|
<input type="hidden" name="template_id" value="[% template_id %]" />
|
|
[% END %]
|
|
</fieldset>
|
|
</form>
|
|
|
|
</main>
|
|
</div> <!-- /.col-sm-10.col-sm-push-2 -->
|
|
|
|
<div class="col-sm-2 col-sm-pull-10">
|
|
<aside>
|
|
[% INCLUDE 'tools-menu.inc' %]
|
|
</aside>
|
|
</div> <!-- /.col-sm-2.col-sm-pull-10 -->
|
|
</div> <!-- /.row -->
|
|
|
|
[% MACRO jsinclude BLOCK %]
|
|
[% Asset.js("js/tools-menu.js") %]
|
|
<script>
|
|
$(document).ready(function(){
|
|
var selectedUnit = $("#units option:selected").attr("value");
|
|
var unitfields = $("#page_height,#page_width,#label_width,#label_height,#top_margin,#left_margin,#top_text_margin,#left_text_margin,#col_gap,#row_gap");
|
|
$(unitfields).after("<span class=\"unit\">"+getUnit(selectedUnit)+"</span>");
|
|
$("#units").change(function(){
|
|
$(".unit").html(getUnit($(this).val()));
|
|
});
|
|
});
|
|
function getUnit(unit){
|
|
switch(unit){
|
|
case "POINT":
|
|
var unit = " pt";
|
|
break;
|
|
case "AGATE":
|
|
var unit = " ag";
|
|
break;
|
|
case "INCH":
|
|
var unit = " in";
|
|
break;
|
|
case "MM":
|
|
var unit = " mm";
|
|
break;
|
|
case "CM":
|
|
var unit = " cm";
|
|
break;
|
|
default:
|
|
var unit = "";
|
|
}
|
|
return unit;
|
|
}
|
|
</script>
|
|
[% END %]
|
|
|
|
[% INCLUDE 'intranet-bottom.inc' %]
|