Bugzilla – Attachment 12063 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]
Bug 8597: Add mobile functionality to ccsr theme
Bug-8597-Add-mobile-functionality-to-ccsr-theme.patch (text/plain), 21.85 KB, created by
Jared Camins-Esakov
on 2012-09-07 16:41:13 UTC
(
hide
)
Description:
Bug 8597: Add mobile functionality to ccsr theme
Filename:
MIME Type:
Creator:
Jared Camins-Esakov
Created:
2012-09-07 16:41:13 UTC
Size:
21.85 KB
patch
obsolete
>From 649aadefee31707806e409331bb725a1f4e42b1d Mon Sep 17 00:00:00 2001 >From: Frederick Capovilla <frederick.capovilla@libeo.com> >Date: Sun, 12 Aug 2012 18:32:45 -0400 >Subject: [PATCH] Bug 8597: Add mobile functionality to ccsr theme >MIME-Version: 1.0 >Content-Type: text/plain; charset=UTF-8 >Content-Transfer-Encoding: 8bit >Content-Type: text/plain; charset="UTF-8" > >This patch adds the promised media query-based mobile view to the >ccsr theme. You can try the mobile view by resizing your browser window >until it is phone-sized. > >Sponsored-by: Centre collégial des services regroupés (CCSR) > >Signed-off-by: Jared Camins-Esakov <jcamins@cpbibliography.com> >All work was originally done by Frederick, but I converted his >modifications to the prog template into a new template called ccsr. > >Signed-off-by: Chris Cormack <chrisc@catalyst.net.nz> >--- > koha-tmpl/opac-tmpl/ccsr/en/css/mobile.css | 622 ++++++++++++++++++++ > .../opac-tmpl/ccsr/en/includes/doc-head-close.inc | 10 +- > koha-tmpl/opac-tmpl/ccsr/en/includes/masthead.inc | 5 +- > .../opac-tmpl/ccsr/en/includes/opac-bottom.inc | 2 + > koha-tmpl/opac-tmpl/ccsr/en/includes/usermenu.inc | 38 ++ > koha-tmpl/opac-tmpl/ccsr/en/js/script.js | 18 + > 6 files changed, 688 insertions(+), 7 deletions(-) > create mode 100644 koha-tmpl/opac-tmpl/ccsr/en/css/mobile.css > create mode 100644 koha-tmpl/opac-tmpl/ccsr/en/includes/usermenu.inc > >diff --git a/koha-tmpl/opac-tmpl/ccsr/en/css/mobile.css b/koha-tmpl/opac-tmpl/ccsr/en/css/mobile.css >new file mode 100644 >index 0000000..7917e77 >--- /dev/null >+++ b/koha-tmpl/opac-tmpl/ccsr/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/ccsr/en/includes/doc-head-close.inc b/koha-tmpl/opac-tmpl/ccsr/en/includes/doc-head-close.inc >index 50c3c57..e733dbd 100644 >--- a/koha-tmpl/opac-tmpl/ccsr/en/includes/doc-head-close.inc >+++ b/koha-tmpl/opac-tmpl/ccsr/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> >@@ -32,7 +34,7 @@ > [% IF ( OPACAmazonCoverImages ) %] > <script type="text/javascript" language="javascript">//<![CDATA[ > var NO_AMAZON_IMAGE = _("No cover image available"); >- //]]> >+//]]> > </script> > <script type="text/javascript" language="javascript" src="[% themelang %]/js/amazonimages.js"></script> > [% END %] >@@ -49,7 +51,7 @@ > </script> > > <script type="text/javascript" language="javascript"> >- //<![CDATA[ >+//<![CDATA[ > [% IF ( opacbookbag ) %]var MSG_BASKET_EMPTY = _("Your cart is currently empty"); > var MSG_RECORD_IN_BASKET = _("This item is already in your cart"); > var MSG_RECORD_ADDED = _("This item has been added to your cart"); >@@ -83,8 +85,8 @@ > verify_images(); > });[% END %] > [% IF ( SyndeticsCoverImages ) %]$(window).load(function() { >- verify_images(); >- });[% END %] >+ verify_images(); >+ });[% END %] > //]]> > [% IF ( opacbookbag ) %]</script><script type="text/javascript" language="javascript" src="[% themelang %]/js/basket.js"> > [% ELSIF ( virtualshelves ) %]</script><script type="text/javascript" language="javascript" src="[% themelang %]/js/basket.js"> >diff --git a/koha-tmpl/opac-tmpl/ccsr/en/includes/masthead.inc b/koha-tmpl/opac-tmpl/ccsr/en/includes/masthead.inc >index ab46ff7..9bab126 100644 >--- a/koha-tmpl/opac-tmpl/ccsr/en/includes/masthead.inc >+++ b/koha-tmpl/opac-tmpl/ccsr/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/ccsr/en/includes/opac-bottom.inc b/koha-tmpl/opac-tmpl/ccsr/en/includes/opac-bottom.inc >index 5f68b4a..b89e6ac 100644 >--- a/koha-tmpl/opac-tmpl/ccsr/en/includes/opac-bottom.inc >+++ b/koha-tmpl/opac-tmpl/ccsr/en/includes/opac-bottom.inc >@@ -85,5 +85,7 @@ $(function() { > > </script> > >+<!-- /ADD JQUERY PLUGIN JQTRANSFORM - LIBÃO --> >+ > </body> > </html> >diff --git a/koha-tmpl/opac-tmpl/ccsr/en/includes/usermenu.inc b/koha-tmpl/opac-tmpl/ccsr/en/includes/usermenu.inc >new file mode 100644 >index 0000000..99e8743 >--- /dev/null >+++ b/koha-tmpl/opac-tmpl/ccsr/en/includes/usermenu.inc >@@ -0,0 +1,38 @@ >+[% IF ( opacuserlogin ) %][% IF ( loggedinusername ) %] >+<div id="menu"> >+<ul> >+ [% IF ( userview ) %]<li class="active">[% ELSE %]<li>[% END %]<a href="/cgi-bin/koha/opac-user.pl">my summary</a></li> >+ [% IF ( OPACFinesTab ) %] >+ [% IF ( accountview ) %]<li class="active">[% ELSE %]<li>[% END %]<a href="/cgi-bin/koha/opac-account.pl">my fines</a></li> >+ [% END %] >+ [% IF ( userupdateview ) %]<li class="active">[% ELSE %]<li>[% END %]<a href="/cgi-bin/koha/opac-userupdate.pl">my personal details</a></li> >+ [% IF ( TagsEnabled ) %] >+ [% IF ( tagsview ) %]<li class="active">[% ELSE %]<li>[% END %]<a href="/cgi-bin/koha/opac-tags.pl?mine=1">my tags</a></li> >+ [% END %] >+ [% IF ( OpacPasswordChange ) %] >+ [% IF ( passwdview ) %]<li class="active">[% ELSE %]<li>[% END %]<a href="/cgi-bin/koha/opac-passwd.pl">change my password</a></li> >+ [% END %] >+ [% IF ( ShowOpacRecentSearchLink ) %] >+ [% IF ( searchhistoryview ) %]<li class="active">[% ELSE %]<li>[% END %]<a href="/cgi-bin/koha/opac-search-history.pl">my search history</a></li> >+ [% END %] >+ [% IF ( opacreadinghistory ) %] >+ [% IF ( readingrecview ) %]<li class="active">[% ELSE %]<li>[% END %]<a href="/cgi-bin/koha/opac-readingrecord.pl">my reading history</a></li> >+ [% IF ( OPACPrivacy ) %] >+ [% IF ( privacyview ) %]<li class="active">[% ELSE %]<li>[% END %]<a href="/cgi-bin/koha/opac-privacy.pl">my privacy</a></li> >+ [% END %] >+ [% END %] >+ [% IF ( suggestion ) %] >+ [% UNLESS ( AnonSuggestions ) %] >+ [% 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 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 privateshelves">[% ELSE %]<li class="privateshelves">[% END %]<a href="/cgi-bin/koha/opac-shelves.pl?display=privateshelves">my lists</a></li> >+ [% END %] >+ >+</ul> >+</div> >+[% END %][% ELSE %][% END %] >diff --git a/koha-tmpl/opac-tmpl/ccsr/en/js/script.js b/koha-tmpl/opac-tmpl/ccsr/en/js/script.js >index fcc4edc..c04eab6 100644 >--- a/koha-tmpl/opac-tmpl/ccsr/en/js/script.js >+++ b/koha-tmpl/opac-tmpl/ccsr/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 >-- >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