@@ -, +, @@ course details in the OPAC - The path to datatables.css has been corrected - Unused CSS has been removed from datatables.css (particularly related to pagination controls, which are currently unused in the OPAC). - Style has been added to datatables.css to make the table search form look better. - The configuration of the course details table has been enhanced to include a title sort which ignores articles and date sorting according to the "title-string" method for date format agnostic sorting. - Unrelated: A message
has been modified to have the correct style for the Bootstrap theme. --- koha-tmpl/opac-tmpl/bootstrap/css/datatables.css | 267 ++------------------- .../bootstrap/en/modules/opac-course-details.tt | 16 +- .../bootstrap/en/modules/opac-course-reserves.tt | 4 +- 3 files changed, 27 insertions(+), 260 deletions(-) --- a/koha-tmpl/opac-tmpl/bootstrap/css/datatables.css +++ a/koha-tmpl/opac-tmpl/bootstrap/css/datatables.css @@ -1,265 +1,28 @@ -input.search_init { - color: #999999; -} -.sorting_asc { - padding-right: 19px; - background: url("../../img/asc.gif") no-repeat scroll right center #EEEEEE; -} -.sorting_desc { - padding-right: 19px; - background: url("../../img/desc.gif") no-repeat scroll right center #EEEEEE; -} -.sorting { - padding-right: 19px; - background: url("../../img/ascdesc.gif") no-repeat scroll right center #EEEEEE; +.dataTables_filter label { + font-size: 12px; } -.sorting_asc_disabled { - padding-right: 19px; - background: url("../../img/datatables/sort_asc_disabled.png") no-repeat scroll right center #EEEEEE; -} -.sorting_desc_disabled { - padding-right: 19px; - background: url("../../img/datatables/sort_desc_disabled.png") no-repeat scroll right center #EEEEEE; -} -.sorting_disabled { - padding-right: 19px; - background-color: #EEEEEE; -} - -div.top {clear : both; } -div.top.pager, -div.bottom.pager { - background-color : #E5E5E5; - padding : 0; +.dataTables_filter input { + font-size : 12px; + height : auto; + margin : 0; + padding: 0 4px; } -div.bottom.pager div.dataTables_paginate.paging_full_numbers, -div.bottom.pager div.dataTables_paginate.paging_four_button { - border-right-width : 0; +input.search_init { + color: #999999; } -div.dataTables_filter, -div.dataTables_length, -div.dataTables_info, -div.dataTables_paginate { - float: left; - padding : .3em .5em .3em .5em; +div.top {clear : both; } -} -div.dataTables_length { - border-right : 1px solid #686868; - line-height:1.9em; -} -div.dataTables_info { - border-right : 1px solid #AAA; - line-height:1.9em; -} -div.dataTables_length, div.dataTables_filter { - border-left : 1px solid #FFF; -} -div.dataTables_filter { - line-height : 1.9em; -} -div.dataTables_paginate { - background-color : #F4F4F4; - font-size: 110%; - padding : 0; -} - -.paging_full_numbers span.paginate_button, -.paging_full_numbers span.paginate_active { - border-right : 1px solid #AAA; - border-left : 1px solid #FFF; - display : block; - float : left; - line-height:1.6em; - padding: .3em .7em; - cursor: pointer; -} - -.paging_full_numbers span.paginate_button { - color : #0000CC; -} -.paging_full_numbers span.paginate_button.first { - background-image : url('../../img/first.png'); - background-repeat: no-repeat; - background-position : 2px center; - padding-left : 2em; -} -.paging_full_numbers span.paginate_button.previous { - background-image : url('../../img/prev.png'); - background-repeat: no-repeat; - background-position : 2px center; - padding-left : 2em; -} -.paging_full_numbers span.paginate_button.next { - background-image : url('../../img/next.png'); - background-repeat: no-repeat; - background-position : right center; - padding-right : 2em; -} -.paging_full_numbers span.paginate_button.last { - background-image : url('../../img/last.png'); - background-repeat: no-repeat; - background-position : right center; - border-right : 1px solid #686868; - padding-right : 2em; -} -div.bottom.pager .paging_full_numbers span.paginate_button.last { - border-right-width : 0; -} -.paging_full_numbers span.paginate_active { - background-color : #FFFFEA; - color : #000; - font-weight: bold; -} - -.paging_full_numbers span.paginate_button:hover { - background-color: #FFC; -} - -.paging_full_numbers span.paginate_button.paginate_button_disabled { - color : #666; -} - -/* Two-button version */ - -div.dataTables_paginate.paging_two_button, -div.dataTables_paginate.paging_four_button { - background-color : transparent; - border-right : 1px solid #686868; - border-left : 1px solid #FFF; - line-height : 1.8em; -} -.paginate_disabled_first, -.paginate_enabled_first, -.paginate_disabled_previous, -.paginate_enabled_previous, -.paginate_disabled_next, -.paginate_enabled_next, -.paginate_disabled_last, -.paginate_enabled_last { - float: left; - height: 16px; - margin: .5em; - width: 16px; -} -.paginate_disabled_first { - background-image: url("../../img/first-disabled.png"); -} -.paginate_enabled_first { - background-image: url("../../img/first.png"); - cursor: pointer; -} -.paginate_disabled_previous { - background-image: url("../../img/prev-disabled.png"); -} -.paginate_enabled_previous { - background-image: url("../../img/prev.png"); - cursor: pointer; -} -.paginate_disabled_next { - background-image: url("../../img/next-disabled.png"); -} -.paginate_enabled_next { - background-image: url("../../img/next.png"); - cursor: pointer; -} -.paginate_disabled_last { - background-image: url("../../img/last-disabled.png"); -} -.paginate_enabled_last { - background-image: url("../../img/last.png"); - cursor: pointer; -} - - -/* -table.display { - width: 100%; -} -table.display thead th { - border-bottom: 1px solid black; - cursor: pointer; - font-weight: bold; - padding: 3px 18px 3px 10px; -} -.dataTables_wrapper { - clear: both; - position: relative; -} -.dataTables_processing { - background-color: white; - border: 1px solid #DDDDDD; - color: #999999; - font-size: 14px; - height: 30px; - left: 50%; - margin-left: -125px; - margin-top: -15px; - padding: 14px 0 2px; - position: fixed; - text-align: center; - top: 50%; - width: 250px; -} -.dataTables_info { float: left; - width: 60%; -} -.dataTables_paginate { - float: right; - text-align: right; - width: 44px; -} -.paging_full_numbers { - height: 22px; - line-height: 22px; - width: 400px; -} -.paging_full_numbers span.paginate_button, - .paging_full_numbers span.paginate_active { - border: 1px solid #aaa; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - padding: 2px 5px; - margin: 0 3px; - cursor: pointer; - *cursor: hand; -} + padding : .3em 0 0 0; + margin : 0; -.paging_full_numbers span.paginate_button { - background-color: #ddd; } -.paging_full_numbers span.paginate_button:hover { - background-color: #ccc; -} - -.paging_full_numbers span.paginate_active { - background-color: #99B3FF; -} -.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next { - float: left; - height: 19px; - margin-left: 3px; - width: 19px; -} -.paginate_disabled_previous { - background-image: url("../../img/datatables/back_disabled.jpg"); -} -.paginate_enabled_previous { - background-image: url("../../img/datatables/back_enabled.jpg"); -} -.paginate_disabled_next { - background-image: url("../../img/datatables/forward_disabled.jpg"); -} -.paginate_enabled_next { - background-image: url("../../img/datatables/forward_enabled.jpg"); -} -.spacer { - clear: both; - height: 20px; +div.dataTables_length, +div.dataTables_filter { + border-left : 1px solid #FFF; } --- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-course-details.tt +++ a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-course-details.tt @@ -7,7 +7,7 @@ [% IF ( LibraryNameTitle ) %][% LibraryNameTitle %][% ELSE %]Koha online[% END %] catalog › Course reserves for [% course.course_name %] [% INCLUDE 'doc-head-close.inc' %] [% BLOCK cssinclude %] - + [% END %] @@ -49,14 +49,14 @@ - + - + @@ -71,7 +71,7 @@ - + [% END %] @@ -79,7 +79,7 @@
TitleTitle Item type Location Collection Call number Copy number StatusDate dueDate due Notes
[% cr.item.itemcallnumber %] [% cr.item.copynumber %] [% INCLUDE 'item-status.inc' item=cr.item issue=cr.issue %][% cr.issue.date_due | $KohaDates as_due_date => 1 %][% cr.issue.date_due | $KohaDates as_due_date => 1 %] [% cr.public_note %]
[% ELSE %]
-
+

No reserves have been selected for this course.

[% END %] @@ -93,7 +93,11 @@ --- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-course-reserves.tt +++ a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-course-reserves.tt @@ -5,7 +5,7 @@ [% IF ( LibraryNameTitle ) %][% LibraryNameTitle %][% ELSE %]Koha online[% END %] catalog › Courses [% INCLUDE 'doc-head-close.inc' %] [% BLOCK cssinclude %] - + [% END %] @@ -64,7 +64,7 @@ --