@@ -, +, @@ - Turn on the OPACAllowUserToChangeBranch system preference. - Log in to the OPAC as a user with holds. - In the view of your holds, confirm that each hold which can be modified shows a "Change" link. - Clicking the link should show a modal window with the title of the item on hold shown in the header. - Confirm that changing the pickup location works correctly. --- .../opac-tmpl/bootstrap/css/src/_common.scss | 28 ++++++------- .../bootstrap/en/includes/holds-table.inc | 41 +++++++++++++++---- .../bootstrap/en/modules/opac-user.tt | 6 +++ koha-tmpl/opac-tmpl/bootstrap/js/global.js | 2 +- 4 files changed, 53 insertions(+), 24 deletions(-) --- a/koha-tmpl/opac-tmpl/bootstrap/css/src/_common.scss +++ a/koha-tmpl/opac-tmpl/bootstrap/css/src/_common.scss @@ -965,35 +965,35 @@ ul { /* Use × */ -.modal-header .closebtn { - margin-top: 2px; -} - .closebtn { + background: transparent; + border: 0; color: #000000; + cursor: pointer; float: right; - font-size: 20px; + font-size: 1.5rem; font-weight: bold; - line-height: 20px; - opacity: .2; + line-height: 1; + opacity: .5; + padding: 1rem 1rem; + margin: -1rem -1rem -1rem auto; text-shadow: 0 1px 0 #FFFFFF; &:hover { color: #000000; cursor: pointer; - opacity: .4; + opacity: .7; text-decoration: none; } } -button { - &.closebtn { - background: transparent; - border: 0; - cursor: pointer; - padding: 0; +.ui-widget { + .closebtn { + font-size: 1.5rem; } +} +button { &.remove { &:hover { color: #900; --- a/koha-tmpl/opac-tmpl/bootstrap/en/includes/holds-table.inc +++ a/koha-tmpl/opac-tmpl/bootstrap/en/includes/holds-table.inc @@ -82,16 +82,39 @@ [% UNLESS( singleBranchMode) %] Pick up location: + [% HOLD.branch.branchname | html %] [% IF ( HOLD.can_change_branch_opac ) %] -
- - - -
- [% ELSE %] - [% HOLD.branch.branchname | html %] + + + [% END %] [% END %] --- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-user.tt +++ a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-user.tt @@ -1245,6 +1245,12 @@ [% END %] + $(".change_pickup").on("click", function(){ + var hold_id = $(this).data("hold-id"); + $(this).hide(); + $("#change-pickup-location" + hold_id ).show(); + }); + if ( $('#opac-user-clubs').length ) { $('#opac-user-clubs-tab-link').on('click', function() { $('#opac-user-clubs').text(_("Loading...")); --- a/koha-tmpl/opac-tmpl/bootstrap/js/global.js +++ a/koha-tmpl/opac-tmpl/bootstrap/js/global.js @@ -85,7 +85,7 @@ function confirmModal(message, title, yes_label, no_label, callback) { \ \ --