[% INCLUDE 'doc-head-open.inc' %]
-<title>Koha › Reports › Most-Circulated Items[% IF ( do_it ) %] › Results[% END %]</title>
+<title>Koha › Reports › Most-circulated items[% IF ( do_it ) %] › Results[% END %]</title>
[% INCLUDE 'doc-head-close.inc' %]
[% INCLUDE 'calendar.inc' %]
-[% IF ( do_it ) %]
-<script language="JavaScript" type="text/javascript">
-function Dopop(link) {
+<script type="text/javascript">
+//<![CDATA[
+[% IF ( do_it ) %]function Dopop(link) {
newin=window.open(link,'width=500,height=400,toolbar=false,scrollbars=yes');
-}
+}[% ELSE %]
+ $(document).ready(function() {
+ // http://jqueryui.com/demos/datepicker/#date-range
+ var dates = $( "#from, #to" ).datepicker({
+ changeMonth: true,
+ numberOfMonths: 1,
+ onSelect: function( selectedDate ) {
+ var option = this.id == "from" ? "minDate" : "maxDate",
+ instance = $( this ).data( "datepicker" );
+ date = $.datepicker.parseDate(
+ instance.settings.dateFormat ||
+ $.datepicker._defaults.dateFormat,
+ selectedDate, instance.settings );
+ dates.not( this ).datepicker( "option", option, date );
+ }
+ });
+ var datesRO = $( "#fromRO, #toRO" ).datepicker({
+ changeMonth: true,
+ numberOfMonths: 1,
+ onSelect: function( selectedDate ) {
+ var option = this.id == "fromRO" ? "minDate" : "maxDate",
+ instance = $( this ).data( "datepicker" );
+ date = $.datepicker.parseDate(
+ instance.settings.dateFormat ||
+ $.datepicker._defaults.dateFormat,
+ selectedDate, instance.settings );
+ datesRO.not( this ).datepicker( "option", option, date );
+ }
+ });
+ });[% END %]
+//]]>
</script>
-[% END %]
</head>
-<body>
+<body id="rep_cat_issues_top" class="rep">
[% INCLUDE 'header.inc' %]
[% INCLUDE 'cat-search.inc' %]
-<div id="breadcrumbs"><a href="/cgi-bin/koha/mainpage.pl">Home</a> › <a href="/cgi-bin/koha/reports/reports-home.pl">Reports</a> › [% IF ( do_it ) %]<a href="/cgi-bin/koha/reports/cat_issues_top.pl">Most-Circulated Items</a> › Results[% ELSE %]Most-Circulated Items[% END %]</div>
+<div id="breadcrumbs"><a href="/cgi-bin/koha/mainpage.pl">Home</a> › <a href="/cgi-bin/koha/reports/reports-home.pl">Reports</a> › [% IF ( do_it ) %]<a href="/cgi-bin/koha/reports/cat_issues_top.pl">Most-circulated items</a> › Results[% ELSE %]Most-Circulated Items[% END %]</div>
<div id="doc3" class="yui-t2">
[% IF ( do_it ) %]
[% FOREACH mainloo IN mainloop %]
- <h1>Top [% mainloo.limit %] Most-Circulated Items</h1>
+ <h1>Top [% mainloo.limit %] Most-circulated items</h1>
[% IF ( mainloo.loopfilter ) %]
<p>Filtered on</p>
[% FOREACH loopfilte IN mainloo.loopfilter %]
<th> </th>
[% FOREACH loopco IN mainloo.loopcol %]
<th>Item</th>
- <th>Count of Checkouts</th>
+ <th>Count of checkouts</th>
[% END %]
</tr>
[% FOREACH loopro IN mainloo.looprow %]
</table>
[% END %]
[% ELSE %]
- <h1>Most-Circulated Items</h1>
+ <h1>Most-circulated items</h1>
<form method="post" action="/cgi-bin/koha/reports/cat_issues_top.pl">
<fieldset class="rows">
<ol>
- <li><label for="from">Checkout date from: </label> <input type="text" readonly="readonly" size="10" id="from" name="Filter" />
- <img src="[% themelang %]/lib/calendar/cal.gif" alt="Show Calendar" border="0" id="openCalendarFrom" style="cursor: pointer;" />
- <script language="JavaScript" type="text/javascript">
- function validate1(date) {
- var day = date.getDate();
- var month = date.getMonth() + 1;
- var year = date.getFullYear();
- var weekDay = date.getDay();
- var dayMonth = month + '-' + day;
- var dateString = year + '-' + month + '-' + day;
- var dateTo = document.getElementById('to').value.split("-");
- var limitDate = new Date(dateTo[0], (dateTo[1] - 1), dateTo[2]);
- if (date > limitDate) {
- return true;
- } else {
- return false;
- }
- }
-
- Calendar.setup(
- {
- inputField : "from",
- ifFormat : "[% DHTMLcalendar_dateformat %]",
- button : "openCalendarFrom",
- disableFunc : validate1,
- dateStatusFunc : validate1
- }
- );
- </script>
- <label for="to" class="inline">To:</label> <input readonly="readonly" size="10" id="to" name="Filter" value="" type="text" />
- <img src="[% themelang %]/lib/calendar/cal.gif" alt="Show Calendar" id="openCalendarTo" style="cursor: pointer;" border="0" />
- <script type="text/javascript">
- function validate2(date) {
- var day = date.getDate();
- var month = date.getMonth() + 1;
- var year = date.getFullYear();
- var weekDay = date.getDay();
- var dayMonth = month + '-' + day;
- var dateString = year + '-' + month + '-' + day;
- var dateFrom = document.getElementById('from').value.split("-");
- var limitDate = new Date(dateFrom[0], (dateFrom[1] - 1), dateFrom[2]);
- if (limitDate > date) {
- return true;
- } else {
- return false;
- }
- }
-
- Calendar.setup(
- {
- inputField : "to",
- ifFormat : "[% DHTMLcalendar_dateformat %]",
- button : "openCalendarTo",
- disableFunc : validate2,
- dateStatusFunc : validate2
- }
- );
- </script> <span class="hint">[% INCLUDE 'date-format.inc' %]</span></li>
- <li><label for="fromRO">Check-in date from</label> <input type="text" readonly="readonly" size="10" id="fromRO" name="Filter" />
- <img src="[% themelang %]/lib/calendar/cal.gif" alt="Show Calendar" border="0" id="openCalendarFromRO" style="cursor: pointer;" />
- <script language="JavaScript" type="text/javascript">
- function validate1(date) {
- var day = date.getDate();
- var month = date.getMonth() + 1;
- var year = date.getFullYear();
- var weekDay = date.getDay();
- var dayMonth = month + '-' + day;
- var dateString = year + '-' + month + '-' + day;
- var dateTo = document.getElementById('toRO').value.split("-");
- var limitDate = new Date(dateTo[0], (dateTo[1] - 1), dateTo[2]);
- if (date > limitDate) {
- return true;
- } else {
- return false;
- }
- }
-
- Calendar.setup(
- {
- inputField : "fromRO",
- ifFormat : "[% DHTMLcalendar_dateformat %]",
- button : "openCalendarFromRO",
- disableFunc : validate1,
- dateStatusFunc : validate1
- }
- );
- </script>
- <label for="toRO" class="inline">To: </label> <input type="text" readonly="readonly" size="10" id="toRO" name="Filter" value="" />
- <img src="[% themelang %]/lib/calendar/cal.gif" alt="Show Calendar" id="openCalendarToRO" style="cursor: pointer;" border="0" />
- <script type="text/javascript">
- function validate2(date) {
- var day = date.getDate();
- var month = date.getMonth() + 1;
- var year = date.getFullYear();
- var weekDay = date.getDay();
- var dayMonth = month + '-' + day;
- var dateString = year + '-' + month + '-' + day;
- var dateFrom = document.getElementById('fromRO').value.split("-");
- var limitDate = new Date(dateFrom[0], (dateFrom[1] - 1), dateFrom[2]);
- if (limitDate > date) {
- return true;
- } else {
- return false;
- }
- }
-
- Calendar.setup(
- {
- inputField : "toRO",
- ifFormat : "[% DHTMLcalendar_dateformat %]",
- button : "openCalendarToRO",
- disableFunc : validate2,
- dateStatusFunc : validate2
- }
- );
- </script> <span class="hint">[% INCLUDE 'date-format.inc' %]</span></li>
+ <li><label for="from">Checkout date from: </label> <input type="text" size="10" id="from" name="Filter" />
+ <label for="to" class="inline">To:</label> <input size="10" id="to" name="Filter" value="" type="text" />
+ <span class="hint">[% INCLUDE 'date-format.inc' %]</span></li>
+ <li><label for="fromRO">Check-in date from</label> <input type="text" size="10" id="fromRO" name="Filter" />
+ <label for="toRO" class="inline">To: </label> <input type="text" size="10" id="toRO" name="Filter" value="" />
+ <span class="hint">[% INCLUDE 'date-format.inc' %]</span></li>
<li><label for="branch">Library: </label>
-<select name="Filter" id="branch"><option value="" > Any Library</option>
+<select name="Filter" id="branch"><option value="" > Any library</option>
[% FOREACH branchloo IN branchloop %]
<option value="[% branchloo.value %]" >[% branchloo.branchname %] </option>
[% END %]
</select> </li>
<li>
- <label for="documenttype">Item Type: </label><select name="Filter" id="documenttype"><option value="" > Any item type</option>
+ <label for="documenttype">Item type: </label><select name="Filter" id="documenttype"><option value="" > Any item type</option>
[% FOREACH itemtypeloo IN itemtypeloop %]
<option value="[% itemtypeloo.value %]" >[% itemtypeloo.description %] </option>
[% END %]
</select>
</li>
<li>
- <label for="patroncategory">Patron Category: </label><select name="Filter" id="patroncategory"><option value="" > Any Category code</option>
+ <label for="patroncategory">Patron category: </label><select name="Filter" id="patroncategory"><option value="" > Any Category code</option>
[% FOREACH borcatloo IN borcatloop %]
<option value="[% borcatloo.value %]" >[% borcatloo.description %] </option>
[% END %]