Bug 37158: Make OPAC recalls history table responsive
Some markup errors in the OPAC recalls history template are causing the
table to not be responsive even though the DataTable is configured to be
responsive. This patch corrects it.
Also changed:
- Removed obsolete <span class="tdlabel">, a remnant of the
way we did responsive tables before the DataTable option
- Removed very obsolete "type" attribute from the <script> tag and very
obsolete "<![CDATA" marker from the script block.
- Removed <span>s which were used in the obsolete "title-string" method
of sorting a DataTable.
To test you must have recalls enabled and have at least one circulation
rule which allows for recalls.
- Log in to the OPAC as a user who can place recalls.
- Locate an item which is elligible for recall and place the recall.
- Go to your user summary page, and click the "Recalls history" link in
the sidebar.
- Confirm that the table of recalls on that page behaves
correctly. It should adjust well to varying browser widths.
Sponsored-by: Athens County Public Libraries
Signed-off-by: Phil Ringnalda <phil@chetcolibrary.org>
Signed-off-by: Martin Renvoize <martin.renvoize@ptfs-europe.com>
Signed-off-by: Katrin Fischer <katrin.fischer@bsz-bw.de>
(cherry picked from commit a1cfe67d5e)
Signed-off-by: Lucas Gass <lucas@bywatersolutions.com>
This commit is contained in:
parent
2e17d1221e
commit
3257b8f6e4
|
|
@ -40,7 +40,7 @@
|
|||
<th>Pickup location</th>
|
||||
<th>Status</th>
|
||||
<th>Due date</th>
|
||||
<th class="nosort"> </th>
|
||||
<th class="nosort">Modify</th>
|
||||
<th></th>
|
||||
</tr>
|
||||
</thead>
|
||||
|
|
@ -57,84 +57,72 @@
|
|||
[% RECALL.biblio.author | html %]
|
||||
</td>
|
||||
<td class="recalldate" data-order="[% RECALL.created_date | html %]">
|
||||
<span title="[% RECALL.created_date | html %]">
|
||||
<span class="tdlabel">Recall date:</span>
|
||||
[% RECALL.created_date | $KohaDates %]
|
||||
</span>
|
||||
[% RECALL.created_date | $KohaDates %]
|
||||
</td>
|
||||
<td class="expirationdate" data-order="[% RECALL.expiration_date | html %]">
|
||||
[% IF ( RECALL.expiration_date ) %]
|
||||
<span title="[% RECALL.expiration_date | html %]">
|
||||
<span class="tdlabel">Expiration:</span>
|
||||
[% RECALL.expiration_date | $KohaDates %]
|
||||
</span>
|
||||
[% ELSIF ( !RECALL.completed ) %]
|
||||
<span title="0000-00-00">
|
||||
<span class="tdlabel">Expiration:</span>
|
||||
Never expires
|
||||
</span>
|
||||
[% ELSE %]
|
||||
<span title="0000-00-00">-</span>
|
||||
[% END %]
|
||||
</td>
|
||||
<td class="branch">
|
||||
<span class="tdlabel">Pick up location:</span>
|
||||
[% RECALL.library.branchname | html %]
|
||||
</td>
|
||||
<td class="status">
|
||||
<span class="tdlabel">Status:</span>
|
||||
[% IF ( RECALL.in_transit ) %]
|
||||
<span>In transit to [% RECALL.library.branchname | html %]</span>
|
||||
[% ELSIF ( RECALL.waiting ) %]
|
||||
<span>Ready for pickup</span>
|
||||
[% ELSIF ( RECALL.overdue ) %]
|
||||
<span>Overdue to be returned</span>
|
||||
[% ELSIF ( RECALL.expired ) %]
|
||||
<span>Expired on [% RECALL.expiration_date | $KohaDates %]</span>
|
||||
[% ELSIF ( RECALL.cancelled ) %]
|
||||
<span>Cancelled on [% RECALL.completed_date | $KohaDates %]</span>
|
||||
[% ELSIF ( RECALL.fulfilled ) %]
|
||||
<span>Fulfilled</span>
|
||||
[% ELSE %]
|
||||
<span>Requested</span>
|
||||
[% END %]
|
||||
</td>
|
||||
<td class="due_date">
|
||||
<span class="tdlabel">Due date</span>
|
||||
[% IF ( RECALL.requested ) %]
|
||||
<span>Due to be returned by [% RECALL.checkout.date_due | $KohaDates as_due_date => 1 %]</span>
|
||||
[% ELSIF ( RECALL.waiting and RECALL.expiration_date ) %]
|
||||
<span>Pick up by [% RECALL.expiration_date | $KohaDates %]</span>
|
||||
[% ELSE %]
|
||||
-
|
||||
[% END %]
|
||||
</td>
|
||||
[% IF ( RECALL.expiration_date ) %]
|
||||
[% RECALL.expiration_date | $KohaDates %]
|
||||
[% ELSIF ( !RECALL.completed ) %]
|
||||
<span>Never expires</span>
|
||||
[% ELSE %]
|
||||
-
|
||||
[% END %]
|
||||
</td>
|
||||
<td class="branch">
|
||||
[% RECALL.library.branchname | html %]
|
||||
</td>
|
||||
<td class="status">
|
||||
[% IF ( RECALL.in_transit ) %]
|
||||
<span>In transit to [% RECALL.library.branchname | html %]</span>
|
||||
[% ELSIF ( RECALL.waiting ) %]
|
||||
<span>Ready for pickup</span>
|
||||
[% ELSIF ( RECALL.overdue ) %]
|
||||
<span>Overdue to be returned</span>
|
||||
[% ELSIF ( RECALL.expired ) %]
|
||||
<span>Expired on [% RECALL.expiration_date | $KohaDates %]</span>
|
||||
[% ELSIF ( RECALL.cancelled ) %]
|
||||
<span>Cancelled on [% RECALL.completed_date | $KohaDates %]</span>
|
||||
[% ELSIF ( RECALL.fulfilled ) %]
|
||||
<span>Fulfilled</span>
|
||||
[% ELSE %]
|
||||
<span>Requested</span>
|
||||
[% END %]
|
||||
</td>
|
||||
<td class="due_date">
|
||||
[% IF ( RECALL.requested ) %]
|
||||
<span>Due to be returned by [% RECALL.checkout.date_due | $KohaDates as_due_date => 1 %]</span>
|
||||
[% ELSIF ( RECALL.waiting and RECALL.expiration_date ) %]
|
||||
<span>Pick up by [% RECALL.expiration_date | $KohaDates %]</span>
|
||||
[% ELSE %]
|
||||
-
|
||||
[% END %]
|
||||
</td>
|
||||
|
||||
<td class="cancelrecall">
|
||||
[% IF ( RECALL.requested or RECALL.overdue ) %]
|
||||
<form action="/cgi-bin/koha/opac-recall.pl" method="post">
|
||||
[% INCLUDE 'csrf-token.inc' %]
|
||||
<input type="hidden" name="op" value="cud-cancel">
|
||||
<input type="hidden" name="recall_id" value="[% RECALL.id | html %]">
|
||||
<input type="hidden" name="biblionumber" value="[% RECALL.biblio_id | html %]">
|
||||
<input type="submit" name="submit" class="btn btn-danger cancel_recall" value="Cancel">
|
||||
</form>
|
||||
[% END %]
|
||||
</td>
|
||||
[% END %]
|
||||
<td class="cancelrecall">
|
||||
[% IF ( RECALL.requested or RECALL.overdue ) %]
|
||||
<form action="/cgi-bin/koha/opac-recall.pl" method="post">
|
||||
[% INCLUDE 'csrf-token.inc' %]
|
||||
<input type="hidden" name="op" value="cud-cancel">
|
||||
<input type="hidden" name="recall_id" value="[% RECALL.id | html %]">
|
||||
<input type="hidden" name="biblionumber" value="[% RECALL.biblio_id | html %]">
|
||||
<input type="submit" name="submit" class="btn btn-danger cancel_recall" value="Cancel">
|
||||
</form>
|
||||
[% END %]
|
||||
</td>
|
||||
<td></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
[% ELSE %]
|
||||
<span>No recalls have been made.</span>
|
||||
[% END # / # RECALLS.count %]
|
||||
[% END %]
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
[% ELSE %]
|
||||
<span>Recalls have not been enabled. Please contact your library.</span>
|
||||
[% END %]
|
||||
</div> <!-- /#recalls -->
|
||||
</div> <!-- /.col-md-12 -->
|
||||
<span>No recalls have been made.</span>
|
||||
[% END # / # RECALLS.count %]
|
||||
[% ELSE %]
|
||||
<span>Recalls have not been enabled. Please contact your library.</span>
|
||||
[% END %]
|
||||
</div> <!-- /#recalls -->
|
||||
</div> <!-- /.col-md-12 -->
|
||||
</div> <!-- /.row -->
|
||||
</div> <!-- /.container-fluid -->
|
||||
</div> <!-- /#main -->
|
||||
|
|
@ -142,23 +130,22 @@
|
|||
[% INCLUDE 'opac-bottom.inc' %]
|
||||
[% BLOCK jsinclude %]
|
||||
[% INCLUDE 'datatables.inc' %]
|
||||
<script type="text/JavaScript">
|
||||
//<![CDATA[
|
||||
$(document).ready(function(){
|
||||
$(".cancel_recall").click(function(){
|
||||
return confirmDelete(_("Are you sure you want to remove this recall?"));
|
||||
});
|
||||
$("#recalls-table").dataTable($.extend(true, {}, dataTablesDefaults, {
|
||||
"responsive": {
|
||||
"details": { "type": 'column', "target": -1 }
|
||||
},
|
||||
"aoColumnDefs": [
|
||||
{ "aTargets": [ "nosort" ],"bSortable": false,"bSearchable": false },
|
||||
{ "sType": "anti-the", "aTargets" : [ "anti-the" ] },
|
||||
{ "sType": "title-string", "aTargets" : [ "title-string" ] },
|
||||
{ "className": "dtr-control", "orderable": false, "targets": -1 }
|
||||
]
|
||||
}));
|
||||
<script>
|
||||
$(document).ready(function(){
|
||||
$(".cancel_recall").click(function(){
|
||||
return confirmDelete(_("Are you sure you want to remove this recall?"));
|
||||
});
|
||||
$("#recalls-table").dataTable($.extend(true, {}, dataTablesDefaults, {
|
||||
"autoWidth": false,
|
||||
"responsive": {
|
||||
"details": { "type": 'column', "target": -1 }
|
||||
},
|
||||
"aoColumnDefs": [
|
||||
{ "aTargets": [ "nosort" ],"bSortable": false,"bSearchable": false },
|
||||
{ "sType": "anti-the", "aTargets" : [ "anti-the" ] },
|
||||
{ "className": "dtr-control", "orderable": false, "targets": -1 }
|
||||
]
|
||||
}));
|
||||
});
|
||||
</script>
|
||||
[% END %]
|
||||
|
|
|
|||
Loading…
Reference in New Issue