[% END %]
</title>
[% INCLUDE 'doc-head-close.inc' %]
-<script type="text/javascript" src="[% themelang %]/lib/jquery/plugins/jquery.tablesorter.min.js"></script>
-<script type="text/javascript" src="[% themelang %]/lib/jquery/plugins/jquery.tablesorter.pager.js"></script>
-<script type="text/javascript" id="js">$(document).ready(function() {
- // call the tablesorter plugin
- $("#table_item_type").tablesorter({
- sortList: [[1,0]],
- headers: { 0: { sorter: false},5: { sorter: false}}
- }).tablesorterPager({container: $("#pagertable_item_type"),positionFixed: false,size: 10});
-
-}); </script>
+<link rel="stylesheet" type="text/css" href="[% themelang %]/css/datatables.css" />
+<script type="text/javascript" src="[% themelang %]/lib/jquery/plugins/jquery.dataTables.min.js"></script>
+[% INCLUDE 'datatables-strings.inc' %]
+<script type="text/javascript" src="[% themelang %]/js/datatables.js"></script>
<script type="text/javascript">
//<![CDATA[
}
$(document).ready(function() {
$('#icons').tabs();
+ $("#table_item_type").dataTable($.extend(true, {}, dataTablesDefaults, {
+ "aoColumnDefs": [
+ { "aTargets": [ -1 ], "bSortable": false, "bSearchable": false },
+ ],
+ "aLengthMenu": [[10, 20, 50, 100, -1], [10, 20, 50, 100, "All"]],
+ "aaSorting": [[ 2, "asc" ]],
+ "iDisplayLength": 10
+ }));
});
//]]>
</script>
<div id="yui-main">
<div class="yui-b">
-[% IF ( else ) %]<div id="toolbar">
- <script type="text/javascript">
- //<![CDATA[
-
- // prepare DOM for YUI Toolbar
-
- $(document).ready(function() {
- yuiToolbar();
- });
-
- // YUI Toolbar Functions
-
- function yuiToolbar() {
- new YAHOO.widget.Button("newitemtype");
- }
-
- //]]>
- </script>
- <ul class="toolbar">
- <li><a id="newitemtype" href="/cgi-bin/koha/admin/itemtypes.pl?op=add_form">New item type</a></li>
-</ul></div>[% ELSE %] [% END %]
+[% IF ( else ) %]<div id="toolbar" class="btn-toolbar">
+ <a class="btn btn-small" id="newitemtype" href="/cgi-bin/koha/admin/itemtypes.pl?op=add_form"><i class="icon-plus"></i> New item type</a>
+</div>[% END %]
[% IF ( add_form ) %]
[% IF ( itemtype ) %]
<ol>
[% IF ( itemtype ) %]
<li>
- <span class="label">Item type</span> <input type="hidden" name="itemtype" value="[% itemtype %]" />
+ <span class="label">Item type: </span> <input type="hidden" name="itemtype" value="[% itemtype %]" />
[% itemtype %]
</li>
[% ELSE %]
<li>
- <label for="itemtype">Item type</label> <input type="text" id="itemtype" name="itemtype" size="10" maxlength="10" onblur="toUC(this)" />
+ <label for="itemtype">Item type: </label> <input type="text" id="itemtype" name="itemtype" size="10" maxlength="10" onblur="toUC(this)" class="focus" />
</li>
[% END %]
<li>
- <label for="description">Description</label><input type="text" id="description" name="description" size="48" value="[% description |html %]" /> </li>
+ [% IF ( itemtype ) %]
+ <label for="description">Description: </label><input type="text" id="description" name="description" size="48" value="[% description |html %]" class="focus" /></li>
+ [% ELSE %]
+ <label for="description">Description: </label><input type="text" id="description" name="description" size="48" value="[% description |html %]" /></li>
+ [% END %]
[% IF ( noItemTypeImages ) %]
<li><span class="label">Image: </span>Item type images are disabled. To enable them, turn off the <a href="/cgi-bin/koha/admin/preferences.pl?op=search&searchfield=noItemTypeImages">noItemTypeImages system preference</a></li></ol>
[% ELSE %]</ol>
[% FOREACH imageset IN imagesets %]
<div id="[% imageset.imagesetname %]"><ul>
[% FOREACH image IN imageset.images %]
- <li style="float: none; display: inline; clear : none; width: auto;">
+ <li style="float: none; display: inline-block; clear : none; width: auto;">
<label> [% IF ( image.StaffImageUrl ) %]
<img src="[% image.StaffImageUrl %]" alt="[% image.StaffImageUrl %]" title="[% image.StaffImageUrl %]" />
[% ELSE %]
</div>
<ol>
<li>
- <label for="notforloan">Not for loan</label> [% IF ( notforloan ) %]
+ <label for="notforloan">Not for loan: </label> [% IF ( notforloan ) %]
<input type="checkbox" id="notforloan" name="notforloan" checked="checked" value="1" />
[% ELSE %]
<input type="checkbox" id="notforloan" name="notforloan" value="1" />
</fieldset>
<fieldset class="action">
- <input type="button" value="Save Changes" onclick="Check(this.form)" />
+ <input type="button" value="Save changes" onclick="Check(this.form)" />
<a href="/cgi-bin/koha/admin/itemtypes.pl" class="cancel">Cancel</a>
</fieldset>
</form>
[% IF ( else ) %]
<h2>Item types administration</h2>
-[% IF ( loop ) %]<div id="pagertable_item_type">
-[% INCLUDE 'table-pager.inc' perpage='10' %]
-</div>
+[% IF ( loop ) %]
<table id="table_item_type">
<thead>
[% UNLESS ( noItemTypeImages ) %]<th>Image</th>[% END %]