Koha/koha-tmpl/intranet-tmpl/prog/en/modules/admin/cities.tt
Owen Leonard a2f9346f1d Bug 9436 [Revised] Use DataTables on cities administration page
Replace the tablesorter plugin with the DataTables plugin on the
cities administration page.

To test, open the cities administration page (Administration
-> Cities and towns). Confirm that table sorting works correctly.

Revision corrects template path to datatables assets.
Further revision corrects conflict with Bug 9630

Signed-off-by: Bernardo Gonzalez Kriegel <bgkriegel@gmail.com>

Comment: Sorting works. No errors.
Signed-off-by: Jonathan Druart <jonathan.druart@biblibre.com>
Amended patch: Add the aLengthMenu key for DataTables + delete an unused
div block (used for pager)
Signed-off-by: Jared Camins-Esakov <jcamins@cpbibliography.com>
2013-03-15 19:24:31 -04:00

168 lines
5.3 KiB
Text

[% INCLUDE 'doc-head-open.inc' %]
<title>Koha &rsaquo; Administration &rsaquo; [% IF ( add_form ) %]Cities &rsaquo; [% IF ( cityid ) %] Modify city[% ELSE %] New city[% END %][% ELSE %][% IF ( delete_confirm ) %]Cities &rsaquo; Confirm deletion of city[% ELSE %] Cities[% END %][% END %]</title>
[% INCLUDE 'doc-head-close.inc' %]
<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[
function Check(f) {
if (f.city_zipcode.value.length == 0 && f.city_name.value.length == 0 ) {
alert(_("City name & zipcode missing"));
} else{
document.Aform.submit();
}
}
$(document).ready(function() {
$("#table_cities").dataTable($.extend(true, {}, dataTablesDefaults, {
"aoColumnDefs": [
{ "aTargets": [ -1, -2 ], "bSortable": false, "bSearchable": false },
],
"aaSorting": [[ 1, "asc" ]],
"iDisplayLength": 10,
"aLengthMenu": [[10, 20, 50, 100, -1], [10, 20, 50, 100, "All"]],
}));
});
//]]>
</script>
</head>
<body id="admin_cities" class="admin">
[% INCLUDE 'header.inc' %]
[% INCLUDE 'cities-admin-search.inc' %]
<div id="breadcrumbs">
<a href="/cgi-bin/koha/mainpage.pl">Home</a>
&rsaquo; <a href="/cgi-bin/koha/admin/admin-home.pl">Administration</a>
&rsaquo; <a href="/cgi-bin/koha/admin/cities.pl">Cities</a>
[% IF ( add_form ) %]
&rsaquo; [% IF ( cityid ) %]Modify[% ELSE %]New[% END %] City
[% ELSIF ( delete_confirm ) %]
&rsaquo; Confirm deletion of city
[% END %]
</div>
<div id="doc3" class="yui-t2">
<div id="bd">
<div id="yui-main">
<div class="yui-b">
[% IF ( add_form ) %]
[% IF ( cityid ) %]
<h1>Modify a city</h1>
[% ELSE %]
<h1>New city</h1>
[% END %]
<form action="[% script_name %]" name="Aform" method="post">
<input type="hidden" name="op" value="add_validate" />
<input type="hidden" name="checked" value="0" />
<input type="hidden" name="cityid" value="[% cityid %]" />
<fieldset class="rows"><ol> [% IF ( cityid ) %]
<li>
<span class="label">City ID: </span>[% cityid %]</li>
[% END %]
<li>
<label for="city_name" class="required" title="required">City: </label>
<input type="text" name="city_name" id="city_name" size="80" maxlength="100" value="[% city_name |html %]" />
</li>
<li>
<label for="city_state">State: </label>
<input type="text" name="city_state" id="city_state" size="80" maxlength="100" value="[% city_state |html %]" />
</li>
<li>
<label for="city_zipcode" class="required" title="required">Zip/Postal code: </label>
<input type="text" name="city_zipcode" id="city_zipcode" size="20" maxlength="20" value="[% city_zipcode %]" />
</li>
<li>
<label for="city_country">Country: </label>
<input type="text" name="city_country" id="city_country" size="80" maxlength="100" value="[% city_country |html %]" />
</li></ol></fieldset>
<fieldset class="action">
<input class="button" type="button" onclick="Check(this.form)" value="Submit" /> <a class="cancel" href="/cgi-bin/koha/admin/cities.pl">Cancel</a>
</fieldset>
</form>
[% END %]
[% IF ( delete_confirm ) %]
<div class="dialog alert">
<h3>Delete City "[% city_name %]?"</h3>
<table>
<tr><th>City id</th>
<td>[% cityid %]</td>
</tr>
<tr><th>City</th>
<td>[% city_name %]</td>
</tr>
<tr><th>State</th>
<td>[% city_state %]</td>
</tr>
<tr><th>Zip/Postal code</th>
<td>[% city_zipcode %]</td>
</tr>
<tr><th>Country</th>
<td>[% city_country %]</td>
</tr>
</table>
<form action="[% script_name %]" method="post">
<input type="hidden" name="op" value="delete_confirmed" />
<input type="hidden" name="cityid" value="[% cityid %]" />
<input type="submit" class="approve" value="Yes, Delete" />
</form>
<form action="[% script_name %]" method="get">
<input type="submit" class="deny" value="No, do not Delete" />
</form>
</div>
[% END %]
[% IF ( else ) %]
<div id="toolbar" class="btn-toolbar">
<a class="btn btn-small" id="newcity" href="[% script_name %]?op=add_form"><i class="icon-plus"></i> New city</a>
</div>
<h2>Cities</h2>
[% IF ( searchfield ) %]
Searching: [% searchfield %]
[% END %]
[% IF ( loop ) %]
<table id="table_cities">
<thead>
<th>City ID</th>
<th>City</th>
<th>State</th>
<th>Zip/Postal code</th>
<th>Country</th>
<th>&nbsp;</th>
<th>&nbsp;</th>
</thead>
[% FOREACH loo IN loop %]
[% UNLESS ( loop.odd ) %]
<tr class="highlight">
[% ELSE %]
<tr>
[% END %]
<td>[% loo.cityid %]</td>
<td>[% loo.city_name %]</td>
<td>[% loo.city_state %]</td>
<td>[% loo.city_zipcode %]</td>
<td>[% loo.city_country %]</td>
<td><a href="[% loo.script_name %]?op=add_form&amp;cityid=[% loo.cityid %]">Edit</a></td>
<td><a href="[% loo.script_name %]?op=delete_confirm&amp;cityid=[% loo.cityid %]">Delete</a></td>
</tr>
[% END %]
</table>[% END %]
[% END %]
</div>
</div>
<div class="yui-b">
[% INCLUDE 'admin-menu.inc' %]
</div>
</div>
[% INCLUDE 'intranet-bottom.inc' %]