Owen Leonard
a7f7fba378
This patch adds markup to the OPAC library page so that CSS or JS can more easily target elements of the page: - Each library is wrapped in a div, e.g. <div id="section_CPL"> - Classes are added to the paragraphs containing phone, fax, URL, and library description. - An ID has been added to the menu of libraries in the sidebar so that they can be targetted individually. To test, apply the patch and go to Administration -> System prefernces. - Add some testing CSS to the OPACUserCSS system preference, if necessary replacing "CPL" with a branchcode in your system: div#section_CPL, li#menu_CPL { font-size: 80%; } - In the OPAC, view the "Libraries" page. - In the view of all libraries you should see your CSS reflected in the section for that library. - In the individual library view you should see the menu item for that library affected by your custom CSS. Signed-off-by: David Nind <david@davidnind.com> Signed-off-by: Marcel de Rooy <m.de.rooy@rijksmuseum.nl> Signed-off-by: Jonathan Druart <jonathan.druart@bugs.koha-community.org>
159 lines
6.9 KiB
Text
159 lines
6.9 KiB
Text
[% USE raw %]
|
|
[% USE Asset %]
|
|
[% USE Koha %]
|
|
[% PROCESS 'display-library-address.inc' %]
|
|
[% INCLUDE 'doc-head-open.inc' %]
|
|
<title>
|
|
[% IF ( library ) %]
|
|
[% library.branchname | html %] ›
|
|
[% END %]
|
|
Libraries
|
|
›
|
|
[% IF ( LibraryNameTitle ) %]
|
|
[% LibraryNameTitle | html %]
|
|
[% ELSE %]
|
|
Koha online
|
|
[% END %] catalog
|
|
</title>
|
|
[% INCLUDE 'doc-head-close.inc' %]
|
|
[% BLOCK cssinclude %]
|
|
<style>
|
|
.section_library {
|
|
margin-top: 1rem;
|
|
margin-bottom: 1rem;
|
|
border: 0;
|
|
border-bottom: 1px solid rgba(0,0,0,.1);
|
|
}
|
|
</style>
|
|
[% END %]
|
|
</head>
|
|
|
|
[% INCLUDE 'bodytag.inc' bodyid='opac-library' bodyclass='scrollto' %]
|
|
[% INCLUDE 'masthead.inc' %]
|
|
|
|
[% BLOCK library_description %]
|
|
<div property="description">
|
|
[% library.opac_info | $raw %]
|
|
</div>
|
|
[% END %]
|
|
|
|
[% BLOCK library_info %]
|
|
<div class="branchaddress" property="address" typeof="PostalAddress">
|
|
[% PROCESS 'display-library-address' %]
|
|
</div> <!-- /div property=address -->
|
|
[% IF ( library.branchphone ) %]
|
|
<p class="branchphone">Phone: <a href="tel:[% library.branchphone | url %]" property="telephone">[% library.branchphone | html %]</a></p>
|
|
[% END %]
|
|
[% IF ( library.branchfax ) %]
|
|
<p class="branchfax">Fax: <span property="faxNumber">[% library.branchfax | html %]</span></p>
|
|
[% END %]
|
|
[% IF ( library.branchurl ) %]
|
|
<p class="branchurl"><a href="[% library.branchurl | url %]" property="url">[% library.branchurl | html %]</a></p>
|
|
[% END %]
|
|
[% END %]
|
|
|
|
<div class="main">
|
|
<nav aria-label="breadcrumb">
|
|
<ul class="breadcrumb">
|
|
<li class="breadcrumb-item">
|
|
<a href="/cgi-bin/koha/opac-main.pl">Home</a>
|
|
</li>
|
|
[% IF ( library ) %]
|
|
<li class="breadcrumb-item">
|
|
<a href="/cgi-bin/koha/opac-library.pl">Libraries</a>
|
|
</li>
|
|
<li class="breadcrumb-item active" aria-current="page">
|
|
<a href="#">[% library.branchname | html %]</a>
|
|
</li>
|
|
[% ELSE %]
|
|
<li class="breadcrumb-item active" aria-current="page">
|
|
<a href="/cgi-bin/koha/opac-library.pl">Libraries</a>
|
|
</li>
|
|
[% END %]
|
|
</ul>
|
|
</nav>
|
|
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
[% IF ( OpacNav || OpacNavBottom ) %]
|
|
<div class="col-lg-2">
|
|
<div id="navigation">
|
|
[% INCLUDE 'navigation.inc' %]
|
|
</div>
|
|
</div>
|
|
<div class="col-10 order-first order-md-first order-lg-2">
|
|
[% ELSE %]
|
|
<div class="col order-first order-md-first order-lg-2">
|
|
[% END %]
|
|
|
|
[% IF ( library ) %]
|
|
|
|
<div id="library_info" class="maincontent" vocab="http://schema.org/" typeof="Library">
|
|
<h1 property="name">[% library.branchname | html %]</h1>
|
|
|
|
<div class="row">
|
|
<div class="col-lg-8">
|
|
[% PROCESS library_info %]
|
|
[% IF ( library.opac_info ) %]
|
|
<div class="library_description">
|
|
<hr />
|
|
[% PROCESS library_description %]
|
|
</div>
|
|
[% END %]
|
|
</div>
|
|
<div class="col-lg-4">
|
|
[% IF ( libraries.count > 1 ) %]
|
|
<nav class="libraries">
|
|
<ul class="fa-ul">
|
|
[% FOREACH library IN libraries %]
|
|
[% IF ( branchcode == library.branchcode ) %]
|
|
<li id="menu_[% library.branchcode| html %]" class="current">
|
|
<a href="/cgi-bin/koha/opac-library.pl?branchcode=[% library.branchcode | url %]">
|
|
<i class="fa fa-li fa-map-pin" aria-hidden="true"></i> [% library.branchname | html %]
|
|
</a>
|
|
</li>
|
|
[% ELSE %]
|
|
<li id="menu_[% library.branchcode| html %]">
|
|
<a href="/cgi-bin/koha/opac-library.pl?branchcode=[% library.branchcode | url %]">
|
|
<i class="fa fa-li" aria-hidden="true"></i> [% library.branchname | html %]
|
|
</a>
|
|
</li>
|
|
[% END %]
|
|
[% END %]
|
|
</ul>
|
|
</nav>
|
|
[% END # /IF libraries.count > 1 %]
|
|
</div> <!-- /.col-lg-4 -->
|
|
</div> <!-- /.row -->
|
|
</div> <!-- /#library_info -->
|
|
|
|
[% ELSE %]
|
|
<div id="library_info" class="maincontent">
|
|
<h1>[% IF ( singleBranchMode ) %]Library[% ELSE %]Libraries[% END %]</h1>
|
|
|
|
[% FOREACH library IN libraries %]
|
|
<div class="section_library" id="section_[% library.branchcode | html %]">
|
|
<h2 property="name">
|
|
[% IF ( libraries.count > 1 ) %]
|
|
<a href="/cgi-bin/koha/opac-library.pl?branchcode=[% library.branchcode | url %]">[% library.branchname | html %]</a>
|
|
[% ELSE %]
|
|
[% library.branchname | html %]
|
|
[% END %]
|
|
</h2>
|
|
[% PROCESS library_info %]
|
|
</div>
|
|
[% IF ( libraries.count == 1 ) %]
|
|
<div class="library_description">
|
|
[% PROCESS library_description %]
|
|
</div>
|
|
[% END %]
|
|
[% END %]
|
|
</div> <!-- /#library_info -->
|
|
[% END # /IF library %]
|
|
</div> <!-- /.col -->
|
|
</div> <!-- /.row -->
|
|
</div> <!-- /.container-fluid -->
|
|
</div> <!-- / .main -->
|
|
|
|
[% INCLUDE 'opac-bottom.inc' %]
|
|
[% BLOCK jsinclude %][% END %]
|