@@ -, +, @@ modal - On the "Your summary" page, open the "OverDrive Account" tab. - Log in to your OverDrive account. - In the list of current checkouts, click the "Download as" button for one of the titles. - A modal window should display with a list of radio buttons for each available format. - Confirm that the format text acts as the label for the radio button. - Confirm that closing the modal without making a selection works correctly. - Confirm that making a selection and submitting the form closes the modal and submits your choice. --- .../en/includes/overdrive-checkout.inc | 42 ++++++++++--------- koha-tmpl/opac-tmpl/bootstrap/js/overdrive.js | 13 +++--- 2 files changed, 30 insertions(+), 25 deletions(-) --- a/koha-tmpl/opac-tmpl/bootstrap/en/includes/overdrive-checkout.inc +++ a/koha-tmpl/opac-tmpl/bootstrap/en/includes/overdrive-checkout.inc @@ -1,19 +1,23 @@ - + --- a/koha-tmpl/opac-tmpl/bootstrap/js/overdrive.js +++ a/koha-tmpl/opac-tmpl/bootstrap/js/overdrive.js @@ -413,13 +413,14 @@ KOHA.OverDriveCirculation = new function() { return false; } - var checkout_format_list = checkout_popup.find("ul.overdrive-format-list").empty(); + var checkout_format_list = checkout_popup.find("#overdrive-format-list").empty(); formats.forEach(function (item) { - var li = $('
  • ').appendTo(checkout_format_list); - $('') - .val(item) - .appendTo(li); - li.append(item); + var line = $("
    ").addClass("form-check"); + var input = ' '; + var label = '"'; + $(input).appendTo( line ); + $(label).appendTo( line ); + line.appendTo( checkout_format_list ); }); checkout_popup.modal("show"); checkout_popup.find(".overdrive-checkout-submit").click(function(e) { --