Koha/koha-tmpl/opac-tmpl/bootstrap/css/right-to-left.css
Owen Leonard 17cf2657ef Bug 11694: Improve handling of individual hold suspension in Bootstrap OPAC
This patch changes the way the controls to suspend and resume holds are
displayed on the OPAC for a logged-in user when using the Bootstrap
theme. Instead of showing all the suspend options in the table cell a
link will trigger a modal with the controls. This makes the table more
compact and readable.

The patch adds a span and class to the dateformat include so that the
dateformat hint can be hidden if JavaScript is enabled (and thus the
datepicker will use the correct format automatically).

A new class has been added to the CSS, ".js-show" to be used for
elements which should be hidden if JavaScript is disabled and made
visible by JavaScript if it is enabled.

To test you must have RequestOnOpac, SuspendHoldsOpac, and the bootstrap
theme enabled.

Apply the patch and test with AutoResumeSuspendedHolds enabled:

1. Log in to the OPAC and place a hold.
2. View the list of your holds in the OPAC.
3. Click the "Suspend" link for your new hold. A modal window should
   appear allowing you to specify a suspend-until date.
4. Specify a suspend-until date. Test the "clear" link and confirm that
   it clears the date.
5. Specify a suspend-until date and submit.
6. Confirm that the hold has been suspended with the specified
   resumption date.
7. Click the "Resume" link on the suspended hold to resume.
8. Click the "Suspend" link again and submit without specifying a date.
9. Confirm that the hold has been suspended indefinitely.

Follow the same steps above with JavaScript disabled. The "suspend
until" options will appear inside the table as before and everything
should work correctly.

Test with AutoResumeSuspendedHolds disabled. No modal dialog should
appear when the "Suspend" link is clicked. The hold should simply be
suspended indefinitely.

Test again with JavaScript disabled. There should be no change in
functionality.

Signed-off-by: Kyle M Hall <kyle@bywatersolutions.com>
Signed-off-by: Katrin Fischer <Katrin.Fischer.83@web.de>
Passes all tests and QA script, works as described.
Happy about the fallback for users without Javascript.

Signed-off-by: Galen Charlton <gmc@esilibrary.com>
2014-03-26 16:07:44 +00:00

1 line
5.2 KiB
CSS

.popup{padding-right:0;padding-left:0}a.cancel{padding-right:1em}h1#libraryname{float:right!important}caption{text-align:right}#basketcount span{margin:0 .9em 0 0}#koha_url p{float:left}.actions a.hold{margin-left:1em;padding-right:21px}.actions a.addtocart{margin-left:1em;padding-right:20px}.actions a.addtoshelf{margin-left:1em;padding-right:20px}.actions a.addtolist{margin-left:1em;padding-right:20px}.actions a.tag_add{margin-left:1em;padding-right:20px}.actions a.removefromlist{margin-left:1em;padding-right:15px}.ui-tabs .ui-tabs-nav li{margin-left:.4em}.statictabs li{float:right;margin-left:.4em}.statictabs li a{float:right}#bookcover .no-image{margin-left:10px}th.sum{text-align:left}th[scope=row]{text-align:left}fieldset.rows{float:right;clear:right}fieldset.rows label,fieldset.rows .label{float:right;margin-left:1em;text-align:left}fieldset.rows ol.lradio label{margin-left:0}fieldset.rows ol.lradio label.lradio{float:right;margin-left:1em}fieldset.rows li{float:right;clear:right}fieldset.rows li.lradio{padding-right:8.5em}fieldset.rows li.lradio label{margin:0 1em 0 0}div.rows{float:right;clear:right}div.rows span.label{float:right;margin-left:1em;text-align:right}div.rows ol{margin-right:0;padding:.5em 0 0 1em}div.rows li{float:right;clear:right}div.rows ul li{margin-right:7.3em}div.rows ul li:first-child{margin-right:0}.toolbar{padding:3px 5px 5px 3px}.toolbar label{margin-right:.5em}.toolbar .hold,.toolbar #tagsel_tag{padding-right:28px}.toolbar li a{border-right:1px solid #e8e8e8}.toolbar li:first-child a{border-right:0}.toolbar ul{padding-right:0}#basket .toolbar{padding:7px 9px 9px 5px}#selections-toolbar{padding-right:10px}#tagsel_span input.submit,#tagsel_tag{padding-right:25px}#tagsel_span input.disabled,#tagsel_span input.disabled:hover,#tagsel_span input.hold.disabled,#tagsel_span input.hold.disabled:hover,#selections-toolbar input.hold.disabled,#selections-toolbar input.hold.disabled:hover,#selections-toolbar a.disabled,#selections-toolbar a.disabled:hover{padding-right:23px}#views{padding:0 .2em .2em 2em}#bibliodescriptions,#isbdcontents{clear:right}#bookcover{float:right}#bookcover .no-image{margin-left:10px}#bookcover img{margin:0 0 1em 1em}.results-pagination{right:-1px}.back{float:left}.pagination_list ul{padding-right:0}.pagination_list li a{padding-right:0}.pagination_list .li_pag_index{float:right;padding-left:10px;text-align:left}.pg_menu li.back_results a{border-right:1px solid #d0d0d0;border-left:1px solid #d0d0d0}.pg_menu li a,.pg_menu li span{float:right}#listResults li{margin-left:1px}.nav_pages .close_pagination{padding-left:10px;left:3px}.nav_pages li{float:right}.nav_pages li ul{float:right}#format,#furthersearches{padding-right:35px}.highlight_controls{float:right}a.addtocart{padding-right:35px}a.addtoshelf{padding-right:35px}a.brief{padding-right:27px}a.detail{padding-right:27px}a.download{padding-right:20px}a.editshelf{padding-right:26px}a.empty{padding-right:30px}a.hide{padding-right:26px}a.highlight_toggle{padding-right:35px}a.hold,input.hold{padding-right:23px}a.incart{padding-right:35px}a.new{padding-right:23px}a.print-small{padding-right:30px}a.print-large{padding-right:35px}a.removeitems,a.deleteshelf{padding-right:25px}a.reserve{padding-right:35px}a.send{padding-right:28px}a.tag_add{padding-right:27px}input.editshelf{padding-right:29px}.newshelf{padding-right:28px}.deleteshelf{padding-right:25px}#login4tags{padding-right:20px}.tag_results_input{margin-right:1em}#social_networks span{float:right;margin:.5em .5em .5em 0!important}#social_networks div{float:right!important;margin:.5em .2em .5em 0!important}#marc td,#marc th{text-align:right}#marc .results_summary{clear:right}#plainmarc th{text-align:right}#renewcontrols{float:left}.authstanza li{margin-right:.5em}#didyoumean{text-align:right}.authlink{padding-right:.25em}#search-facets h4 a,#menu h4 a{border-radius:8px 0 0 8px}#menu{border:0 solid #d8d8d8;border-left-width:1px}#menu li a{border-radius:0 5px 5px 0;margin-left:-1px}#menu li.active a{border-left-width:0;border-right-width:1px}.addto a.addtocart{padding-right:33px}.searchresults a.highlight_toggle{padding:0 21px 0 10px}.commentline .avatar{float:left;padding-right:.5em}span.sep{padding:0 .5em 0 .2em}.pages span:first-child,.pages a:first-child{border-bottom-right-radius:3px;border-top-right-radius:3px}.pages span:last-child,.pages a:last-child{border-width:1px 0 1px 1px;border-bottom-left-radius:3px;border-top-left-radius:3px}.pages .inactive,.pages .currentPage,.pages a{border-width:1px 0 1px 1px;float:right}.pages a[rel='last']{border-bottom-left-radius:3px;border-top-left-radius:3px}.close{left:auto}.alert .closebtn{left:-21px}.closebtn{float:left}#logo{float:right!important}.floating{-webkit-box-shadow:0 0 2px 3px rgba(0,0,0,0.4);box-shadow:0 0 2px 3px rgba(0,0,0,0.4)}.table .sorting_asc{padding-left:19px;background:url("../images/asc.gif") no-repeat scroll left center #ecede6}.table .sorting_desc{padding-left:19px;background:url("../images/desc.gif") no-repeat scroll left center #ecede6}.table .sorting{padding-left:19px;background:url("../images/ascdesc.gif") no-repeat scroll left center #ecede6}.table .nosort,.table .nosort.sorting_asc,.table .nosort.sorting_desc,.table .nosort.sorting{padding-left:19px}.tags ul{margin-right:0}.coverimages{float:left}#i18nMenu{margin-right:1em}#overdrive-results{padding-right:1em}