Bugzilla – Attachment 11457 Details for
Bug 8597
New theme for the OPAC with a mobile view
Home
|
New
|
Browse
|
Search
|
[?]
|
Reports
|
Help
|
New Account
|
Log In
[x]
|
Forgot Password
Login:
[x]
[patch]
Add a mobile view for the OPAC using mediaqueries
0001-Add-a-mobile-view-for-the-OPAC-using-mediaqueries.patch (text/plain), 35.37 KB, created by
Frédérick Capovilla
on 2012-08-08 19:08:20 UTC
(
hide
)
Description:
Add a mobile view for the OPAC using mediaqueries
Filename:
MIME Type:
Creator:
Frédérick Capovilla
Created:
2012-08-08 19:08:20 UTC
Size:
35.37 KB
patch
obsolete
>From 93f23563e4fac77e186f473314132d141e6d7622 Mon Sep 17 00:00:00 2001 >From: =?UTF-8?q?Fr=C3=A9d=C3=A9rick?= <frederick.capovilla@libeo.com> >Date: Wed, 8 Aug 2012 15:03:05 -0400 >Subject: [PATCH] Add a mobile view for the OPAC using mediaqueries > >Depends on the new OPAC theme. >TODO : Find a way to translate the terms in the mobile.css file >--- > koha-tmpl/opac-tmpl/prog/en/css/colors.css | 3 - > koha-tmpl/opac-tmpl/prog/en/css/mobile.css | 622 ++++++++++++++++++++ > koha-tmpl/opac-tmpl/prog/en/css/opac.css | 3 + > .../opac-tmpl/prog/en/includes/doc-head-close.inc | 2 + > koha-tmpl/opac-tmpl/prog/en/includes/masthead.inc | 5 +- > .../opac-tmpl/prog/en/includes/opac-bottom.inc | 4 + > koha-tmpl/opac-tmpl/prog/en/includes/usermenu.inc | 6 +- > koha-tmpl/opac-tmpl/prog/en/js/script.js | 18 + > koha-tmpl/opac-tmpl/prog/en/modules/opac-detail.tt | 24 +- > .../opac-tmpl/prog/en/modules/opac-reserve.tt | 32 +- > koha-tmpl/opac-tmpl/prog/en/modules/opac-user.tt | 32 +- > 11 files changed, 698 insertions(+), 53 deletions(-) > create mode 100644 koha-tmpl/opac-tmpl/prog/en/css/mobile.css > >diff --git a/koha-tmpl/opac-tmpl/prog/en/css/colors.css b/koha-tmpl/opac-tmpl/prog/en/css/colors.css >index c59fed7..0c66902 100644 >--- a/koha-tmpl/opac-tmpl/prog/en/css/colors.css >+++ b/koha-tmpl/opac-tmpl/prog/en/css/colors.css >@@ -601,9 +601,6 @@ div#listsmenu { > font-weight: normal; > } > >-div#changelanguage { >- padding-bottom: 2em; >-} > > > /* ================================ >diff --git a/koha-tmpl/opac-tmpl/prog/en/css/mobile.css b/koha-tmpl/opac-tmpl/prog/en/css/mobile.css >new file mode 100644 >index 0000000..7917e77 >--- /dev/null >+++ b/koha-tmpl/opac-tmpl/prog/en/css/mobile.css >@@ -0,0 +1,622 @@ >+/* >+ Mobile stylesheet >+ Frédérick Capovilla, 2012 - Libéo >+*/ >+ >+/* Hidden elements */ >+ >+body#opac-main #login, >+body#opac-main #login~div, >+body#opac-main #opacnav, >+body#opac-main #news, >+body#results #facetcontainer, >+body#opac-detail #ulactioncontainer>:not(#action), >+body#opac-detail #ulactioncontainer #action a:not(.reserve), >+body#opac-detail #shelfbrowser, >+body#opac-detail #views, >+body#opac-detail div#bibliodescriptions>ul>li:nth-of-type(n+3), >+body#results #userresults .pages:nth-of-type(1), >+body#results #userresults>br, >+body#results td.select.selectcol, >+body#results span.results_summary.actions>:not(.hold), >+body#results span.addto, >+body#results span#placehold, >+body#results span.checkall, >+body#results span.clearall, >+body#results .searchresults td.resultscontrol, >+body#advsearch form div.yui-g:nth-last-of-type(-n+4), >+body#opac-readingrecord ul.ui-tabs-nav li, >+body#opac-login-page #opac-main-search div#libraryname, >+#leftmenus>:not(#menu), >+#top-bar #menu-left, >+#members>ul>li:nth-child(2), >+#moresearches, >+#breadcrumbs>p:nth-of-type(1), >+#main_footer .colleft, >+#opac-main-search a.logo { >+ display:none !important; >+} >+ >+ >+/* General */ >+ >+body{ >+ min-width: 100px; >+} >+ >+#doc, #doc2, #doc3, #doc4, .yui-t1, .yui-t2, .yui-t3, .yui-t4, .yui-t5, .yui-t6, .yui-t7 { >+ min-width: 100px; >+} >+ >+.yui-ge div.first, .yui-gf .yui-g, .yui-gf .yui-u{ >+ width: 100%; >+} >+ >+#bd:after, .yui-g:after, .yui-gb:after, .yui-gc:after, .yui-gd:after, .yui-ge:after, .yui-gf:after { >+ content: ""; >+} >+ >+#container{ >+ border-radius: 0; >+ margin: 0; >+ padding: 0; >+ padding-bottom: 10px; >+ border: 0; >+} >+ >+#container #ctn_lt { >+ padding: 0 10px; >+ padding-left: auto; >+} >+ >+#doc3{ >+ margin: 0; >+ width: 100%; >+} >+ >+#opac-main-search { >+ margin: 0 !important; >+ padding: 0; >+} >+ >+#main_footer{ >+ margin-bottom: 0; >+} >+ >+#yui-main .yui-b { >+ margin: 0 !important; >+} >+ >+#breadcrumbs{ >+ margin: 0 !important; >+ padding: 0 !important; >+} >+ >+body#results #breadcrumbs>*{ >+ padding: 20px !important; >+} >+ >+ >+/* Main */ >+ >+body#opac-main #opacmainuserblock { >+ padding: 0 >+} >+ >+body#opac-main #container #ctn_lt{ >+ padding: 15px; >+} >+ >+ >+/* Results */ >+ >+body#results div#userresults { >+ padding: 0; >+ border: 0; >+} >+ >+body#results .yui-t1 #yui-main .yui-b { >+ margin: 0; >+} >+ >+body#results #container #ctn_lt{ >+ padding: 0; >+} >+ >+body#results .searchresults td.resultscontrol{ >+ border-radius: 0; >+} >+ >+body#results .searchresults .resort{ >+ width: 50%; >+ float:right; >+} >+ >+body#results .searchresults #sort_by{ >+ width: 100%; >+} >+ >+body#results .searchresults .cartlist{ >+ width:50%; >+} >+ >+body#results .results_summary.actions .hold { >+ font-size: 140%; >+ font-weight: bold; >+ margin-left: 0; >+} >+ >+ >+/* Cancel highlighting */ >+ >+a .term { >+ text-decoration: inherit; >+} >+ >+.term { >+ background-color: inherit; >+ color: inherit; >+} >+ >+ >+/* Details */ >+ >+body#opac-detail #ctn_lt, >+body#opac-marcdetail #ctn_lt, >+body#opac-isbddetail #ctn_lt{ >+ margin: 10px; >+ padding: 0; >+} >+ >+body#opac-detail #opac-detail-yui-ge { >+ padding-top: 15px; >+} >+ >+#views>span { >+ display:block; >+} >+ >+body#opac-detail #ulactioncontainer{ >+ position: absolute; >+ top: 0; >+ right: 0; >+} >+ >+body#opac-detail #container { >+ position: relative; >+} >+ >+body#opac-detail #ulactioncontainer ul{ >+ margin-top: 0; >+ padding: 5px; >+} >+ >+body#opac-detail #ulactioncontainer li{ >+ margin: 0; >+ padding: 0; >+} >+ >+/* Logo in the footer */ >+ >+#opac-main-search div#libraryname { >+ display: block; >+ position: absolute; >+ bottom: -116px; >+ left: 0; >+ padding: 0 20px; >+} >+ >+#opac-main-search div#libraryname img { >+ display: block; >+} >+ >+#doc3{ >+ position: relative; >+} >+ >+#main_footer { >+ padding-top: 29px; >+} >+ >+#main_footer .colright, >+#main_footer .colleft{ >+ float: none; >+} >+ >+#main_footer .colright .koha{ >+ float: right; >+ overflow: hidden; >+ text-indent: -5000em; >+ width: 92px; >+ height: 80px; >+ background-position: center; >+} >+ >+ >+/* Login bar */ >+ >+div#top-bar { >+ display: block; >+ position: absolute; >+ left: 0; >+ bottom: -29px; >+ top: auto; >+ overflow: hidden; >+ z-index: auto; >+} >+ >+#members ul{ >+ margin: 0; >+} >+ >+ >+/* Search bar */ >+ >+form#searchform { >+ border-radius: 0; >+ padding-top: 50px; >+} >+ >+form.single-library #filters .jqTransformSelectWrapper { >+ position: relative; >+ width: 100% !important; >+ left: 0; >+ top: 0; >+ border-radius: 3px; >+} >+ >+form.multi-libraries #filters .jqTransformSelectWrapper{ >+ position: relative; >+ width: 49% !important; >+ float: left; >+ top: 0px; >+ left: 0px; >+ border-radius: 3px; >+} >+ >+form.multi-libraries #libraries .jqTransformSelectWrapper{ >+ position: relative; >+ width: 49% !important; >+ float: right; >+ top: 0px; >+ left: 0px; >+ border-radius: 3px; >+} >+ >+form.multi-libraries .input-wrapper{ >+ margin: 0; >+} >+ >+form#searchform .input-wrapper input[type="text"]{ >+ -webkit-box-sizing: border-box; >+ -moz-box-sizing: border-box; >+ box-sizing: border-box; >+ border-radius: 3px; >+} >+ >+form#searchform .input-wrapper{ >+ -webkit-box-sizing: border-box; >+ -moz-box-sizing: border-box; >+ box-sizing: border-box; >+ position: absolute; >+ top: 15px; >+ left: 0; >+ width: 100%; >+ padding: 0 10px; >+ padding-right: 46px; >+} >+ >+form#searchform input[type="submit"]{ >+ position: absolute; >+ border-radius: 0; >+ top: 15px; >+ right: 10px; >+} >+ >+.jqTransformSelectWrapper{ >+ margin: 0; >+} >+ >+.jqTransformSelectWrapper div{ >+ overflow: hidden; >+} >+ >+.jqTransformSelectWrapper div span{ >+ white-space:nowrap; >+} >+ >+.jqTransformSelectWrapper div a{ >+ border-left: 5px solid #FFF; >+ border-right: 5px solid #FFF; >+ background-color: white; >+ box-shadow: -3px 0 5px #FFF; >+ right: 0px; >+ border-radius: 8px; >+} >+ >+.jqTransformSelectWrapper ul li a{ >+ padding: 10px 0; >+} >+ >+#opac-main-search #fluid { >+ display: block; >+} >+ >+ >+/* Login screen */ >+ >+#holds, #opac-auth { >+ min-width: 0; >+ width: auto; >+} >+ >+ >+/* User */ >+ >+body#opac-user .yui-b, >+body#opac-passwd .yui-b, >+body#opac-search-history .yui-b, >+body#opac-readingrecord .yui-b, >+body#opac-userupdate .yui-b, >+body#opac-account .yui-b{ >+ width: auto; >+ float: none; >+} >+ >+body#opac-user #yui-main , >+body#opac-passwd #yui-main , >+body#opac-search-history #yui-main , >+body#opac-readingrecord #yui-main , >+body#opac-userupdate #yui-main , >+body#opac-account #yui-main { >+ float: none; >+ margin: 0; >+} >+ >+body#opac-userupdate .yui-g .yui-u{ >+ width: 100%; >+} >+ >+body#opac-passwd fieldset, >+body#opac-userupdate fieldset{ >+ margin: 1em 0; >+} >+ >+.renewals { >+ display: inline; >+} >+ >+ >+/* Tables */ >+ >+body#opac-user #checkoutst td.links, >+body#opac-user thead, >+body#opac-holds div:not(.calendar) table>tbody>tr:nth-child(1), >+body#opac-readingrecord #readingrec tr:nth-child(1), >+body#opac-detail #holdingst thead, >+body#opac-detail #holdingst td.call_no a{ >+ display: none !important; >+} >+ >+body#opac-detail table#holdingst, >+body#opac-readingrecord table, >+body#opac-holds div:not(.calendar) table, >+body#opac-user table#holdst, >+body#opac-user table#checkoutst{ >+ border-right: none; >+ border-top: none; >+ border: none; >+ counter-reset: item; >+} >+ >+body#opac-detail #holdingst tr, >+body#opac-readingrecord tr, >+body#opac-holds div:not(.calendar) tr, >+body#opac-user #holdst tr, >+body#opac-user #checkoutst tr{ >+ border: none; >+ display: block; >+ position: relative; >+ margin-left: 10px; >+ margin-bottom: 10px; >+} >+ >+body#opac-detail #holdingst td, >+body#opac-readingrecord td, >+body#opac-holds div:not(.calendar) td, >+body#opac-user #holdst td, >+body#opac-user #checkoutst td{ >+ display: block; >+ border: 1px solid #DDD; >+ position: relative; >+} >+ >+body#opac-user #checkoutst caption { >+ display: block; >+} >+ >+body#opac-detail #holdingst tr:before, >+body#opac-readingrecord tr:before, >+body#opac-holds div:not(.calendar) tr:not(.copiesrow):before, >+body#opac-user #holdst tr:before, >+body#opac-user #checkoutst tr:before { >+ font-weight: bold; >+ content: counter(item) ". "; >+ counter-increment: item; >+ display: block; >+ position: absolute; >+ left: -13px; >+ top: 4px; >+} >+ >+body#opac-detail #holdingst td:before, >+body#opac-readingrecord td:before, >+body#opac-holds div:not(.calendar) td:before, >+body#opac-user #holdst td:before, >+body#opac-user #checkoutst td:before { >+ font-weight: bold; >+} >+ >+body#opac-detail #holdingst td.itype:before {content: "Item type : ";} >+body#opac-detail #holdingst td.location:before {content: "Location : ";} >+body#opac-detail #holdingst td.collection:before {content: "Collection : ";} >+body#opac-detail #holdingst td.call_no:before {content: "Call Number : ";} >+body#opac-detail #holdingst td.vol_info:before {content: "Vol Info : ";} >+body#opac-detail #holdingst td.url:before {content: "URL : ";} >+body#opac-detail #holdingst td.copynumber:before {content: "Copy Number : ";} >+body#opac-detail #holdingst td.status:before {content: "Status : ";} >+body#opac-detail #holdingst td.notes:before {content: "Notes : ";} >+body#opac-detail #holdingst td.date_due:before {content: "Date Due : ";} >+body#opac-detail #holdingst td.barcode:before {content: "Barcode : ";} >+body#opac-detail #holdingst td.holds_count:before {content: "Item holds : ";} >+ >+body#opac-user #checkoutst td.date_due:before {content: "Date due : ";} >+body#opac-user #checkoutst td.call_no:before {content: "Call No. : ";} >+body#opac-user #checkoutst td.fines:before {content: "Fines : ";} >+ >+body#opac-user #holdst td.reservedate:before {content: "Placed On : ";} >+body#opac-user #holdst td.expirationdate:before {content: "Expires On : ";} >+body#opac-user #holdst td.branch:before {content: "Pick Up Location : ";} >+body#opac-user #holdst td.priority:before {content: "Priority : ";} >+body#opac-user #holdst td.status:before {content: "Status : ";} >+ >+body#opac-readingrecord #readingrec td:nth-child(3):before {content: "Item Type : ";} >+body#opac-readingrecord #readingrec td:nth-child(4):before {content: "Call No. : ";} >+body#opac-readingrecord #readingrec td:nth-child(5):before {content: "Date : ";} >+ >+body#opac-holds #bibitemloop>tbody>tr:not(.copiesrow) td.hold:before {content: "Hold : ";} >+body#opac-holds #bibitemloop>tbody>tr:not(.copiesrow) td.itype:before {content: "Item Type : ";} >+body#opac-holds #bibitemloop>tbody>tr:not(.copiesrow) td.priority:before {content: "Priority : ";} >+body#opac-holds #bibitemloop>tbody>tr:not(.copiesrow) td.reserve_date:before {content: "Hold Starts On Date : ";} >+body#opac-holds #bibitemloop>tbody>tr:not(.copiesrow) td.expiration_date:before {content: "Hold Not Needed After : ";} >+body#opac-holds #bibitemloop>tbody>tr:not(.copiesrow) td.place_on_type:before {content: "Place On : ";} >+body#opac-holds #bibitemloop>tbody>tr:not(.copiesrow) td.branch:before {content: "Pickup Location : ";} >+ >+body#opac-holds #bibitemloop table td.copy:before {content: "Copy : ";} >+body#opac-holds #bibitemloop table td.itype:before {content: "Item Type : ";} >+body#opac-holds #bibitemloop table td.barcode:before {content: "Barcode : ";} >+body#opac-holds #bibitemloop table td.homebranch:before {content: "Home Library : ";} >+body#opac-holds #bibitemloop table td.holdingbranch:before {content: "Last Location : ";} >+body#opac-holds #bibitemloop table td.call_no:before {content: "Call Number : ";} >+body#opac-holds #bibitemloop table td.vol_info:before {content: "Vol Info : ";} >+body#opac-holds #bibitemloop table td.information:before {content: "Information : ";} >+ >+ >+/* Holds */ >+ >+body#opac-holds tr.copiesrow { >+ margin-left: 25px; >+} >+ >+body#opac-holds tr.copiesrow>td:nth-child(1) { >+ display: none; >+} >+ >+body#opac-holds #bibitemloop tr { >+ margin-bottom: 0; >+} >+ >+ >+/* User Fines table */ >+ >+body#opac-account #useraccount th:nth-child(3), >+body#opac-account #useraccount td:nth-child(3) { >+ display: none !important; >+} >+ >+body#opac-account #useraccount table { >+ position: relative; >+ margin-bottom: 50px; >+} >+ >+body#opac-account #useraccount tfoot { >+ display: block; >+ position: absolute; >+ bottom: 0; >+ right: 0; >+ bottom: -23px; >+} >+ >+body#opac-account #useraccount thead th { >+ padding: 2px 10px; >+} >+ >+body#opac-account #useraccount tbody td:nth-child(1) { >+ min-width: 70px; >+} >+ >+body#opac-account #useraccount tbody td:nth-child(4) { >+ text-align: right; >+} >+ >+body#opac-account #useraccount tfoot th { >+ display: none; >+} >+ >+body#opac-account #useraccount tfoot td { >+ border-right: 1px solid #DDD; >+} >+ >+body#opac-account #useraccount tfoot td:before { >+ content: "Total due : " >+} >+ >+ >+/* User menu */ >+ >+#leftmenus>#menu ul li.messaging, >+#leftmenus>#menu ul li.suggestions, >+#leftmenus>#menu ul li.privateshelves, >+#leftmenus>#menu { >+ display: none; >+} >+ >+.mobile_only { >+ display: block; >+} >+ >+body.mobile_menu form#searchform .input-wrapper{ >+ padding-left: 90px; >+} >+ >+body.mobile_menu_opened #doc3>div, >+body.mobile_menu_opened #main_footer>div { >+ position: relative; >+ left: 200px; >+} >+ >+body.mobile_menu_opened #main_footer { >+ display: none; >+} >+ >+body.mobile_menu_opened #doc3 { >+ overflow: hidden; >+ min-height: 380px; >+} >+ >+body.mobile_menu_opened #ctn_rb>.ctn_in>.yui-b { >+ position: static; >+} >+ >+body.mobile_menu_opened #leftmenus>#menu { >+ display: block; >+ position: absolute; >+ width: 200px; >+ height: 100%; >+ top: 0; >+ left: -201px; >+ padding: 0; >+ z-index: 999; >+} >+ >+#mobile_menu_button { >+ position: absolute; >+ cursor: pointer; >+ background: url(../../images/mobile-menu-button.png) no-repeat scroll 50% 50%; >+ border: 0px; >+ font-size: 0; >+ width: 76px; >+ height: 38px; >+ top: 13px; >+ left: 6px; >+} >diff --git a/koha-tmpl/opac-tmpl/prog/en/css/opac.css b/koha-tmpl/opac-tmpl/prog/en/css/opac.css >index 1e259fb..aeb209c 100644 >--- a/koha-tmpl/opac-tmpl/prog/en/css/opac.css >+++ b/koha-tmpl/opac-tmpl/prog/en/css/opac.css >@@ -2620,3 +2620,6 @@ ul.ui-tabs-nav li { > box-shadow: 1px 1px 3px 0 #666; > } > >+.mobile_only { >+ display : none; >+} >diff --git a/koha-tmpl/opac-tmpl/prog/en/includes/doc-head-close.inc b/koha-tmpl/opac-tmpl/prog/en/includes/doc-head-close.inc >index 2d0e77d..5f143a6 100644 >--- a/koha-tmpl/opac-tmpl/prog/en/includes/doc-head-close.inc >+++ b/koha-tmpl/opac-tmpl/prog/en/includes/doc-head-close.inc >@@ -20,6 +20,8 @@ > <link rel="stylesheet" type="text/css" href="[% themelang %]/css/[% opac_css_override %]" /> > [% END %] > <link rel="stylesheet" type="text/css" media="print" href="[% themelang %]/css/print.css" /> >+<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no"> >+<link rel="stylesheet" type="text/css" media="screen and (max-width:700px)" href="[% themelang %]/css/mobile.css" /> > [% IF ( OPACUserCSS ) %]<style type="text/css">[% OPACUserCSS %]</style>[% END %] > <!-- yui js --> > <script type="text/javascript" src="[% yuipath %]/utilities/utilities.js"></script> >diff --git a/koha-tmpl/opac-tmpl/prog/en/includes/masthead.inc b/koha-tmpl/opac-tmpl/prog/en/includes/masthead.inc >index b657acc..9a6ccaa 100644 >--- a/koha-tmpl/opac-tmpl/prog/en/includes/masthead.inc >+++ b/koha-tmpl/opac-tmpl/prog/en/includes/masthead.inc >@@ -2,13 +2,12 @@ > > <div id="top-bar"> > <ul id="menu-left"> >- >- [% IF ( opacbookbag ) %] >+ <!-- [% IF ( opacbookbag ) %] --> > <li> > <span id="cmspan"></span> > <div id="cartDetails">Your cart is empty.</div> > </li> >- [% END %] >+ <!-- [% END %] --> > > [% IF ( virtualshelves ) %] > >diff --git a/koha-tmpl/opac-tmpl/prog/en/includes/opac-bottom.inc b/koha-tmpl/opac-tmpl/prog/en/includes/opac-bottom.inc >index 9644247..e6ebe4a 100644 >--- a/koha-tmpl/opac-tmpl/prog/en/includes/opac-bottom.inc >+++ b/koha-tmpl/opac-tmpl/prog/en/includes/opac-bottom.inc >@@ -74,6 +74,8 @@ > [% END %] > > >+<!-- ADD JQUERY PLUGIN JQTRANSFORM - LIBÃO --> >+ > <script type="text/javascript" src="/opac-tmpl/prog/[% lang %]/lib/jquery/plugins/jquery.jqtransform_select.js"></script> > <script type="text/javascript"> > $(function() { >@@ -85,5 +87,7 @@ $(function() { > > </script> > >+<!-- /ADD JQUERY PLUGIN JQTRANSFORM - LIBÃO --> >+ > </body> > </html> >diff --git a/koha-tmpl/opac-tmpl/prog/en/includes/usermenu.inc b/koha-tmpl/opac-tmpl/prog/en/includes/usermenu.inc >index 352d6b3..d3205f3 100644 >--- a/koha-tmpl/opac-tmpl/prog/en/includes/usermenu.inc >+++ b/koha-tmpl/opac-tmpl/prog/en/includes/usermenu.inc >@@ -23,14 +23,14 @@ > [% END %] > [% IF ( suggestion ) %] > [% UNLESS ( AnonSuggestions ) %] >- [% IF ( suggestionsview ) %]<li class="active">[% ELSE %]<li>[% END %]<a href="/cgi-bin/koha/opac-suggestions.pl">my purchase suggestions</a></li> >+ [% IF ( suggestionsview ) %]<li class="active suggestions">[% ELSE %]<li class="suggestions">[% END %]<a href="/cgi-bin/koha/opac-suggestions.pl">my purchase suggestions</a></li> > [% END %] > [% END %] > [% IF ( EnhancedMessagingPreferences ) %] >- [% IF ( messagingview ) %]<li class="active">[% ELSE %]<li>[% END %]<a href="/cgi-bin/koha/opac-messaging.pl">my messaging</a></li> >+ [% IF ( messagingview ) %]<li class="active messaging">[% ELSE %]<li class="messaging">[% END %]<a href="/cgi-bin/koha/opac-messaging.pl">my messaging</a></li> > [% END %] > [% IF ( virtualshelves ) %] >- [% IF ( listsview ) %]<li class="active">[% ELSE %]<li>[% END %]<a href="/cgi-bin/koha/opac-shelves.pl?display=privateshelves">my lists</a></li> >+ [% IF ( listsview ) %]<li class="active privateshelves">[% ELSE %]<li class="privateshelves">[% END %]<a href="/cgi-bin/koha/opac-shelves.pl?display=privateshelves">my lists</a></li> > [% END %] > > </ul> >diff --git a/koha-tmpl/opac-tmpl/prog/en/js/script.js b/koha-tmpl/opac-tmpl/prog/en/js/script.js >index 1e18c1e..5aec542 100644 >--- a/koha-tmpl/opac-tmpl/prog/en/js/script.js >+++ b/koha-tmpl/opac-tmpl/prog/en/js/script.js >@@ -48,6 +48,24 @@ $(document).ready(function(){ > return true; > } > }); >+ >+ >+ // Add the mobile menu button if we are in some sections of the opac >+ if($('body#opac-user, body#opac-passwd, body#opac-search-history, body#opac-readingrecord, body#opac-userupdate, body#opac-usersuggestions, body#opac-account, body#opac-privacy, body#opac-usertags').length != 0) { >+ $('body').addClass('mobile_menu'); >+ >+ var button = $('<input type="button" id="mobile_menu_button" value="">').addClass('mobile_only'); >+ $('#searchform').append(button); >+ >+ button.click(function() { >+ if($('body').hasClass('mobile_menu_opened')){ >+ $('body').removeClass('mobile_menu_opened'); >+ } >+ else { >+ $('body').addClass('mobile_menu_opened'); >+ } >+ }); >+ } > }); > > // build Change Language menus >diff --git a/koha-tmpl/opac-tmpl/prog/en/modules/opac-detail.tt b/koha-tmpl/opac-tmpl/prog/en/modules/opac-detail.tt >index 54ed48e..1d5640b 100644 >--- a/koha-tmpl/opac-tmpl/prog/en/modules/opac-detail.tt >+++ b/koha-tmpl/opac-tmpl/prog/en/modules/opac-detail.tt >@@ -726,8 +726,8 @@ YAHOO.util.Event.onContentReady("furtherm", function () { > [% END %] > </tr></thead> > <tbody>[% FOREACH ITEM_RESULT IN ITEM_RESULTS %] >- <tr>[% IF ( item_level_itypes ) %]<td>[% UNLESS ( noItemTypeImages ) %][% IF ( ITEM_RESULT.imageurl ) %]<img src="[% ITEM_RESULT.imageurl %]" title="[% ITEM_RESULT.description %]" alt="[% ITEM_RESULT.description %]" />[% END %][% END %] [% ITEM_RESULT.description %]</td>[% END %] >- <td> >+ <tr>[% IF ( item_level_itypes ) %]<td class="itype">[% UNLESS ( noItemTypeImages ) %][% IF ( ITEM_RESULT.imageurl ) %]<img src="[% ITEM_RESULT.imageurl %]" title="[% ITEM_RESULT.description %]" alt="[% ITEM_RESULT.description %]" />[% END %][% END %] [% ITEM_RESULT.description %]</td>[% END %] >+ <td class="location"> > [% UNLESS ( singleBranchMode ) %] > <span class="[% ITEM_RESULT.branch_opac_info ? 'branch-info-tooltip-trigger' : '' %]"> > [% IF ( ITEM_RESULT.branchurl ) %] >@@ -740,17 +740,17 @@ YAHOO.util.Event.onContentReady("furtherm", function () { > [% END %] > <span class="shelvingloc">[% ITEM_RESULT.location_description %]</span> > </td> >- [% IF ( itemdata_ccode ) %]<td>[% ITEM_RESULT.ccode %]</td>[% END %] >- <td>[% IF ( ITEM_RESULT.itemcallnumber ) %] [% ITEM_RESULT.itemcallnumber %][% IF ( OPACShelfBrowser ) %] (<a href="/cgi-bin/koha/opac-detail.pl?biblionumber=[% ITEM_RESULT.biblionumber %]&shelfbrowse_itemnumber=[% ITEM_RESULT.itemnumber %]#shelfbrowser">Browse shelf</a>)[% END %][% END %]</td> >- [% IF ( itemdata_enumchron ) %]<td>[% ITEM_RESULT.enumchron %]</td>[% END %] >- [% IF ( itemdata_uri ) %]<td><a href="[% ITEM_RESULT.uri %]">[% ITEM_RESULT.uri %]</a></td>[% END %] >- [% IF ( itemdata_copynumber ) %]<td>[% ITEM_RESULT.copynumber %]</td>[% END %] >- <td>[% INCLUDE 'item-status.inc' item = ITEM_RESULT %]</td> >- [% IF ( itemdata_itemnotes ) %]<td>[% ITEM_RESULT.itemnotes %]</td>[% END %] >- <td>[% ITEM_RESULT.datedue | $KohaDates %]</td> >- [% IF ( OPACShowBarcode ) %]<td>[% ITEM_RESULT.barcode %]</td>[% END %] >+ [% IF ( itemdata_ccode ) %]<td class="collection">[% ITEM_RESULT.ccode %]</td>[% END %] >+ <td class="call_no">[% IF ( ITEM_RESULT.itemcallnumber ) %] [% ITEM_RESULT.itemcallnumber %][% IF ( OPACShelfBrowser ) %] (<a href="/cgi-bin/koha/opac-detail.pl?biblionumber=[% ITEM_RESULT.biblionumber %]&shelfbrowse_itemnumber=[% ITEM_RESULT.itemnumber %]#shelfbrowser">Browse shelf</a>)[% END %][% END %]</td> >+ [% IF ( itemdata_enumchron ) %]<td class="vol_info">[% ITEM_RESULT.enumchron %]</td>[% END %] >+ [% IF ( itemdata_uri ) %]<td class="url"><a href="[% ITEM_RESULT.uri %]">[% ITEM_RESULT.uri %]</a></td>[% END %] >+ [% IF ( itemdata_copynumber ) %]<td class="copynumber">[% ITEM_RESULT.copynumber %]</td>[% END %] >+ <td class="status">[% INCLUDE 'item-status.inc' item = ITEM_RESULT %]</td> >+ [% IF ( itemdata_itemnotes ) %]<td class="notes">[% ITEM_RESULT.itemnotes %]</td>[% END %] >+ <td class="date_due">[% ITEM_RESULT.datedue | $KohaDates %]</td> >+ [% IF ( OPACShowBarcode ) %]<td class="barcode">[% ITEM_RESULT.barcode %]</td>[% END %] > [% IF holds_count.defined || show_priority %] >- <td> >+ <td class="holds_count"> > [% IF holds_count.defined %] [% ITEM_RESULT.holds_count %] [% END %] > [% IF ITEM_RESULT.priority %] > [% IF holds_count.defined %] >diff --git a/koha-tmpl/opac-tmpl/prog/en/modules/opac-reserve.tt b/koha-tmpl/opac-tmpl/prog/en/modules/opac-reserve.tt >index cdd201b..cb0930c 100644 >--- a/koha-tmpl/opac-tmpl/prog/en/modules/opac-reserve.tt >+++ b/koha-tmpl/opac-tmpl/prog/en/modules/opac-reserve.tt >@@ -265,7 +265,7 @@ > [% FOREACH bibitemloo IN bibitemloop %] > <tr> > [% IF ( bibitemloo.holdable ) %] >- <td> >+ <td class="hold"> > <input class="reserve_mode" name="reserve_mode" type="hidden" value="single"/> > <input class="single_bib" name="single_bib" type="hidden" value="[% bibitemloo.biblionumber %]"/> > <span class="confirmjs_hold" title="[% bibitemloo.biblionumber %]"></span> >@@ -278,9 +278,9 @@ > </span> > </td> > [% ELSE %] >- [% UNLESS ( none_available ) %]<td> </td>[% END %] >+ [% UNLESS ( none_available ) %]<td class="hold"> </td>[% END %] > [% END %] >- [% IF ( bibitemloo.holdable ) %]<td>[% ELSE %]<td colspan="5">[% END %] >+ [% IF ( bibitemloo.holdable ) %]<td class="title">[% ELSE %]<td class="title" colspan="5">[% END %] > <a href="/cgi-bin/koha/opac-detail.pl?biblionumber=[% bibitemloo.biblionumber %]">[% bibitemloo.title |html %][% IF ( bibitemloo.subtitle ) %] [% FOREACH subtitl IN bibitemloo.subtitle %][% subtitl.subfield %][% END %][% END %]</a> > [% IF ( bibitemloo.author ) %], by [% bibitemloo.author %][% END %] > >@@ -303,20 +303,20 @@ > [% IF ( bibitemloo.holdable ) %] > <!-- HOLDABLE --> > [% UNLESS ( item_level_itypes ) %] >- <td> >+ <td class="itype"> > [% IF ( bibitemloo.imageurl ) %]<img src="[% bibitemloo.imageurl %]" alt="" />[% END %] > [% bibitemloo.description %] > </td> > [% END %] > [% IF showholds || showpriority %] >- <td> >+ <td class="priority"> > [% IF showpriority %] [% bibitemloo.rank %] [% END %] > [% IF showholds && showpriority %] out of [% END %] > [% IF showholds %] [% bibitemloo.reservecount %] [% END %] > </td> > [% END %] > [% IF ( reserve_in_future ) %] >- <td> >+ <td class="reserve_date"> > <input name="reserve_date_[% bibitemloo.biblionumber %]" id="from" size="10" class="datepickerfrom"/> > <script language="JavaScript" type="text/javascript"> > //<![CDATA[ >@@ -328,7 +328,7 @@ > </td>[% END %] > > [% END %] >- [% IF ( bibitemloo.holdable ) %]<td> >+ [% IF ( bibitemloo.holdable ) %]<td class="expiration_date"> > <input name="expiration_date_[% bibitemloo.biblionumber %]" id="to" size="10" readonly="readonly" class="datepickerto" /> > <p style="margin:.3em 2em;"> > <a href="#" style="font-size:85%;text-decoration:none;" onclick="document.getElementById('expiration_date_[% bibitemloo.biblionumber %]').value='';return false;">Clear date</a></p> >@@ -382,7 +382,7 @@ > [% UNLESS ( singleBranchMode ) %] > [% IF ( bibitemloo.holdable ) %] > [% IF ( choose_branch ) %] >- <td> >+ <td class="branch"> > [% UNLESS ( bibitemloo.holdable ) %] > <select name="branch" id="branch_[% bibitemloo.biblionumber %]" disabled="disabled"> > [% FOREACH branchChoicesLoo IN bibitemloo.branchChoicesLoop %] >@@ -436,7 +436,7 @@ > > [% FOREACH itemLoo IN bibitemloo.itemLoop %] > <tr class="[% itemLoo.backgroundcolor %]"> >- <td> >+ <td class="copy"> > [% IF ( itemLoo.available ) %] > <input type="radio" class="checkitem checkitem_[% bibitemloo.biblionumber %]" name="checkitem_[% bibitemloo.biblionumber %]" > value="[% itemLoo.itemnumber %]" /> >@@ -446,23 +446,23 @@ > [% END %] [% IF ( itemLoo.copynumber ) %][% itemLoo.copynumber %][% END %] > </td> > [% IF ( item_level_itypes ) %] >- <td> >+ <td class="itype"> > [% UNLESS ( noItemTypeImages ) %] > [% IF ( itemLoo.imageurl ) %]<img src="[% itemLoo.imageurl %]" alt="" />[% END %] > [% END %] > [% itemLoo.description %] > </td> > [% END %] >- <td>[% itemLoo.barcode %]</td> >+ <td class="barcode">[% itemLoo.barcode %]</td> > [% UNLESS ( singleBranchMode ) %] >- <td>[% itemLoo.homeBranchName %]</td> >- <td>[% itemLoo.holdingBranchName %]</td> >+ <td class="homebranch">[% itemLoo.homeBranchName %]</td> >+ <td class="holdingbranch">[% itemLoo.holdingBranchName %]</td> > [% END %] >- <td>[% itemLoo.callNumber %]</td> >+ <td class="call_no">[% itemLoo.callNumber %]</td> > [% IF ( itemLoo.itemdata_enumchron ) %]<!-- test --> >- <td>[% itemLoo.enumchron %]</td> >+ <td class="vol_info">[% itemLoo.enumchron %]</td> > [% END %] >- <td> >+ <td class="information"> > [% IF ( itemLoo.dateDue ) %] > <span class="checkedout">Due [% itemLoo.dateDue %]</span> > [% ELSIF ( itemLoo.transfertwhen ) %] >diff --git a/koha-tmpl/opac-tmpl/prog/en/modules/opac-user.tt b/koha-tmpl/opac-tmpl/prog/en/modules/opac-user.tt >index 26b5efc..dd2a545 100644 >--- a/koha-tmpl/opac-tmpl/prog/en/modules/opac-user.tt >+++ b/koha-tmpl/opac-tmpl/prog/en/modules/opac-user.tt >@@ -171,28 +171,28 @@ $.tablesorter.addParser({ > > </td>[% END %] > >- <td><a href="/cgi-bin/koha/opac-detail.pl?biblionumber=[% ISSUE.biblionumber %]">[% ISSUE.title |html %]</a><span class="item-details"> >+ <td class="title"><a href="/cgi-bin/koha/opac-detail.pl?biblionumber=[% ISSUE.biblionumber %]">[% ISSUE.title |html %]</a><span class="item-details"> > [% ISSUE.author %] > </span></td> > [% IF ( ISSUE.overdue ) %] >- <td class="overdue">[% ISSUE.date_due | $KohaDates %]</td> >+ <td class="date_due overdue">[% ISSUE.date_due | $KohaDates %]</td> > [% ELSE %] >- <td>[% ISSUE.date_due | $KohaDates %]</td> >+ <td class="date_due">[% ISSUE.date_due | $KohaDates %]</td> > [% END %] >- [% UNLESS ( item_level_itypes ) %]<td>[% IF ( ISSUE.imageurl ) %]<img src="[% ISSUE.imageurl %]" title="[% ISSUE.description %]" alt="[% ISSUE.description %]" />[% END %] [% ISSUE.description %]</td>[% END %] >- [% IF ( show_barcode ) %]<td>[% ISSUE.barcode %]</td>[% END %] >- <td>[% ISSUE.itemcallnumber %]</td> >+ [% UNLESS ( item_level_itypes ) %]<td class="itype">[% IF ( ISSUE.imageurl ) %]<img src="[% ISSUE.imageurl %]" title="[% ISSUE.description %]" alt="[% ISSUE.description %]" />[% END %] [% ISSUE.description %]</td>[% END %] >+ [% IF ( show_barcode ) %]<td class="barcode">[% ISSUE.barcode %]</td>[% END %] >+ <td class="call_no">[% ISSUE.itemcallnumber %]</td> > [% IF ( OpacRenewalAllowed ) %] >- <td>[% IF ( ISSUE.status ) %][% IF ( canrenew ) %]<input type="checkbox" name="item" value="[% ISSUE.itemnumber %]"/> <a href="/cgi-bin/koha/opac-renew.pl?from=opac_user&item=[% ISSUE.itemnumber %]&borrowernumber=[% ISSUE.borrowernumber %]">Renew</a>[% END %] <span class="renewals">([% ISSUE.renewsleft %] of [% ISSUE.renewsallowed %] renewals remaining)</span> >+ <td class="renew">[% IF ( ISSUE.status ) %][% IF ( canrenew ) %]<input type="checkbox" name="item" value="[% ISSUE.itemnumber %]"/> <a href="/cgi-bin/koha/opac-renew.pl?from=opac_user&item=[% ISSUE.itemnumber %]&borrowernumber=[% ISSUE.borrowernumber %]">Renew</a>[% END %] <span class="renewals">([% ISSUE.renewsleft %] of [% ISSUE.renewsallowed %] renewals remaining)</span> > [% ELSE %] > Not renewable[% IF ( ISSUE.too_many ) %] <span class="renewals">([% ISSUE.renewsleft %] of [% ISSUE.renewsallowed %] renewals remaining)</span>[% ELSE %][% IF ( ISSUE.on_reserve ) %] <span class="renewals">(On hold)</span>[% END %][% END %] > [% END %]</td> > [% END %] > [% IF ( OPACFinesTab ) %] >- <td>[% IF ( ISSUE.charges ) %]Yes[% ELSE %]No[% END %]</td> >+ <td class="fines">[% IF ( ISSUE.charges ) %]Yes[% ELSE %]No[% END %]</td> > [% END %] > [% IF ( OPACMySummaryHTML ) %] >- <td>[% ISSUE.MySummaryHTML %]</td> >+ <td class="links">[% ISSUE.MySummaryHTML %]</td> > [% END %] > </tr> > [% END %]</tbody> >@@ -372,16 +372,16 @@ $.tablesorter.addParser({ > [% ELSE %] > <tr> > [% END %] >- <td><a href="/cgi-bin/koha/opac-detail.pl?biblionumber=[% RESERVE.biblionumber %]">[% RESERVE.reserves_title %]</a> >+ <td class="title"><a href="/cgi-bin/koha/opac-detail.pl?biblionumber=[% RESERVE.biblionumber %]">[% RESERVE.reserves_title %]</a> > [% RESERVE.author %] > </td> >- <td>[% RESERVE.reservedate | $KohaDates %]</td> >- <td>[% IF ( RESERVE.expirationdate ) %][% RESERVE.expirationdate | $KohaDates %][% ELSE %]Never expires[% END %]</td> >- <td>[% RESERVE.branch %]</td> >+ <td class="reservedate">[% RESERVE.reservedate | $KohaDates %]</td> >+ <td class="expirationdate">[% IF ( RESERVE.expirationdate ) %][% RESERVE.expirationdate | $KohaDates %][% ELSE %]Never expires[% END %]</td> >+ <td class="branch">[% RESERVE.branch %]</td> > [% IF ( showpriority ) %] >- <td>[% RESERVE.priority %] </td> >+ <td class="priority">[% RESERVE.priority %] </td> > [% END %] >- <td> >+ <td class="status"> > [% IF ( RESERVE.wait ) %] > [% IF ( RESERVE.atdestination ) %] > [% IF ( RESERVE.found ) %] >@@ -404,7 +404,7 @@ $.tablesorter.addParser({ > [% END %] > [% END %] > </td> >- <td> >+ <td class="modify"> > [% IF ( RESERVE.cancelable ) %] > <form action="/cgi-bin/koha/opac-modrequest.pl" method="post"> > <input type="hidden" name="biblionumber" value="[% RESERVE.biblionumber %]" /> >-- >1.7.2.5 >
You cannot view the attachment while viewing its details because your browser does not support IFRAMEs.
View the attachment on a separate page
.
View Attachment As Diff
View Attachment As Raw
Actions:
View
|
Diff
|
Splinter Review
Attachments on
bug 8597
:
11448
|
11449
|
11450
|
11456
|
11457
|
11458
|
11515
|
11565
|
11566
|
11567
|
11568
|
11583
|
11853
|
11854
|
11855
|
11856
|
11857
|
11858
|
11859
|
11902
|
11974
|
11975
|
12060
|
12061
|
12063
|
12064
|
12065
|
12066
|
12067
|
12174
|
12651
|
12652