Owen Leonard
17cf2657ef
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>
1 line
5.2 KiB
CSS
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}
|