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>
222 lines
13 KiB
Text
222 lines
13 KiB
Text
[% SET footerjs = 1 %]
|
|
[% BLOCK translate_label_types %]
|
|
[% SWITCH type %]
|
|
[% CASE 'BIB' %]Biblio
|
|
[% CASE 'BARBIB' %]Barcode/Biblio
|
|
[% CASE 'BIBBAR' %]Biblio/Barcode
|
|
[% CASE 'ALT' %]Alternating
|
|
[% CASE 'BAR' %]Barcode
|
|
[% END %]
|
|
[% END %]
|
|
[% INCLUDE 'doc-head-open.inc' %]
|
|
<title>Koha › Tools › Label creator › Layouts › [% IF ( layout_id ) %]Edit ([% layout_id %])[% ELSE %]New[% END %]</title>
|
|
[% INCLUDE 'doc-head-close.inc' %]
|
|
</head>
|
|
|
|
[% BLOCK translate_justification_types %]
|
|
[% SWITCH type %]
|
|
[% CASE 'L' %]Left
|
|
[% CASE 'C' %]Center
|
|
[% CASE 'R' %]Right
|
|
[% END %]
|
|
[% END %]
|
|
<body id="labels_label-edit-layout" 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=layout">Layouts</a> ›
|
|
[% IF ( layout_id ) %]Edit ([% layout_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' %]
|
|
|
|
<form name="input" action="/cgi-bin/koha/labels/label-edit-layout.pl" method="get">
|
|
<fieldset class="rows">
|
|
<legend>[% IF ( layout_id ) %]Edit[% ELSE %]Create[% END %] label layout</legend>
|
|
<ol>
|
|
<li>
|
|
<label for="layout_name">Layout name: </label>
|
|
<input type="text" name="layout_name" id="layout_name" size="20" value="[% layout_name %]" />
|
|
</li>
|
|
<li>
|
|
<label for="barcode_type">Choose barcode type (encoding): </label>
|
|
<select name="barcode_type" id="barcode_type">
|
|
[% FOREACH barcode_type IN barcode_types %]
|
|
[% IF ( barcode_type.selected ) %]
|
|
<option value="[% barcode_type.type %]" selected="selected">[% barcode_type.name %]</option>
|
|
[% ELSE %]
|
|
<option value="[% barcode_type.type %]">[% barcode_type.name %]</option>
|
|
[% END %]
|
|
[% END %]
|
|
</select>
|
|
</li>
|
|
<li>
|
|
<label for="printing_type">Choose layout type: </label>
|
|
<select name="printing_type" id="printing_type">
|
|
[% FOREACH label_type IN label_types %]
|
|
[% IF ( label_type.selected ) %]
|
|
<option value="[% label_type.type %]" selected="selected">[% PROCESS translate_label_types type=label_type.type %]</option>
|
|
[% ELSE %]
|
|
<option value="[% label_type.type %]">[% PROCESS translate_label_types type=label_type.type %]</option>
|
|
[% END %]
|
|
[% END %]
|
|
</select>
|
|
</li>
|
|
<li>
|
|
<fieldset>
|
|
<legend>Bibliographic data to print</legend>
|
|
<ol>
|
|
<li class="radio">[% IF ( layout_string ) %]
|
|
<input type="radio" name="layout_choice" id="layout_choice_order" value="layout_table" checked="checked" /><label for="layout_choice_order">Choose order of text fields to print</label>
|
|
[% ELSE %]
|
|
<input type="radio" name="layout_choice" id="layout_choice_order" value="layout_table" /><label for="layout_choice_order">Choose Order Of Text Fields to Print</label>
|
|
[% END %]
|
|
<div id="layout_table">
|
|
<p>
|
|
[% FOREACH text_field IN fields %]
|
|
<select name="[% text_field.field_name %]" id="[% text_field.field_name |url %]">
|
|
<option value=""></option>
|
|
[% FOREACH orde IN [1..field_count] %]
|
|
[% IF ( orde == text_field.order ) %]
|
|
<option value="[% orde %]" selected="1">[% orde %]</option>
|
|
[% ELSE %]
|
|
<option value="[% orde %]">[% orde %]</option>
|
|
[% END %]
|
|
[% END %]
|
|
</select> <label for="[% text_field.field_name |url %]">[% text_field.field_label %]</label>
|
|
|
|
|
|
|
|
[% END %]
|
|
</p>
|
|
</div>
|
|
</li>
|
|
[% UNLESS ( layout_string ) %]
|
|
<li class="radio"><input type="radio" id="layout_choice_list" name="layout_choice" value="layout_string" checked="checked" /> <label for="layout_choice_list">List fields</label></li>
|
|
[% ELSE %]
|
|
<li class="radio"><input type="radio" id="layout_choice_list" name="layout_choice" value="layout_string" /> <label for="layout_choice_list">List Fields</label></li>
|
|
[% END %]
|
|
<li> <fieldset id="layout_string" class="brief">
|
|
<label for="format_string">Data fields</label>
|
|
<input type="text" name="format_string" id="format_string" size="80" value="[% format_string |html %]" />
|
|
<div class="hint">
|
|
<p>Enter a comma separated list of fields to print. You may include any <em>Koha field</em> or MARC subfield.</p>
|
|
<p>See online help for advanced options</p>
|
|
<p>ex: barcode, itemcallnumber, title, "050a 050b", 300a </p>
|
|
<p>Fields homebranch_description, holdingbranch_description, ccode_description, location_description and permanent_location_description show description instead of code.</p>
|
|
</div>
|
|
</fieldset></li>
|
|
</ol>
|
|
</fieldset>
|
|
</li>
|
|
<li>
|
|
<label for="guidebox">Draw guide boxes: </label>
|
|
[% IF ( guidebox ) %]
|
|
<input type="checkbox" name="guidebox" id="guidebox" value="1" checked="checked" />
|
|
[% ELSE %]
|
|
<input type="checkbox" name="guidebox" id="guidebox" value="1" />
|
|
[% END %]
|
|
</li>
|
|
<li>
|
|
<label for="callnum_split">Split call numbers: </label>
|
|
[% IF ( callnum_split ) %]
|
|
<input type="checkbox" name="callnum_split" id="callnum_split" value="1" checked="checked" />
|
|
[% ELSE %]
|
|
<input type="checkbox" name="callnum_split" id="callnum_split" value="1" />
|
|
[% END %]
|
|
</li>
|
|
<li>
|
|
<label for="text_justify">Text justification: </label>
|
|
<select name="text_justify" id="text_justify">
|
|
[% FOREACH text_justification_type IN text_justification_types %]
|
|
[% IF ( text_justification_type.selected ) %]
|
|
<option value="[% text_justification_type.type %]" selected="selected">[% PROCESS translate_justification_types type=text_justification_type.type %]</option>
|
|
[% ELSE %]
|
|
<option value="[% text_justification_type.type %]">[% PROCESS translate_justification_types type=text_justification_type.type %]</option>
|
|
[% END %]
|
|
[% END %]
|
|
</select>
|
|
</li>
|
|
<li>
|
|
<label for="font">Font: </label>
|
|
<select name="font" id="font">
|
|
[% FOREACH font_type IN font_types %]
|
|
[% IF ( font_type.selected ) %]
|
|
<option value="[% font_type.type %]" selected="selected">[% font_type.name %]</option>
|
|
[% ELSE %]
|
|
<option value="[% font_type.type %]">[% font_type.name %]</option>
|
|
[% END %]
|
|
[% END %]
|
|
</select>
|
|
</li>
|
|
<li>
|
|
<label for="font_size">Font size: </label>
|
|
<input type="text" name="font_size" id="font_size" size="2" value="[% font_size |html %]" />
|
|
</li>
|
|
<li>
|
|
<label for="oblique_title">Oblique title: </label>
|
|
[% IF ( oblique_title ) %]
|
|
<input type="checkbox" name="oblique_title" id="oblique_title" value="1" checked="checked" />
|
|
[% ELSE %]
|
|
<input type="checkbox" name="oblique_title" id="oblique_title" value="1" />
|
|
[% END %]
|
|
</li>
|
|
</ol>
|
|
</fieldset>
|
|
<fieldset class="action">
|
|
<input type="submit" value="Save" />
|
|
<a class="cancel" href="/cgi-bin/koha/labels/label-manage.pl?label_element=layout">Cancel</a>
|
|
<input type="hidden" name="op" value="save" />
|
|
<input type="hidden" name="layout_id" value="[% layout_id %]" />
|
|
</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() {
|
|
$("input[name='layout_choice']").change( function() { layout_method() } );
|
|
layout_method();
|
|
$("#font").on("change",function(){
|
|
checkOblique();
|
|
});
|
|
});
|
|
function layout_method() {
|
|
if( $("input[name='layout_choice']:checked").val() == 'layout_string' ) {
|
|
$('#layout_table').hide();
|
|
$('#layout_string').show();
|
|
} else {
|
|
$('#layout_table').show();
|
|
$('#layout_string').hide();
|
|
}
|
|
}
|
|
function checkOblique() {
|
|
var font = document.getElementById("font");
|
|
var selectedfont = font.options[font.selectedIndex].value;
|
|
if ( selectedfont.match("I$") || selectedfont.match("O$") ) {
|
|
document.getElementById("oblique_title").disabled = true;
|
|
} else {
|
|
document.getElementById("oblique_title").disabled = false;
|
|
}
|
|
}
|
|
</script>
|
|
[% END %]
|
|
|
|
[% INCLUDE 'intranet-bottom.inc' %]
|