Skip to content

Commit

Permalink
Adding LibCal customization to standardize all the SpringShare apps
Browse files Browse the repository at this point in the history 
Adding custom header, footer and css/js
  • Loading branch information
@jessemartinez
jessemartinez committed Feb 17, 2017
1 parent 22f8324 commit 4e1e6f6
Show file tree
Hide file tree
Showing 3 changed files with 867 additions and 0 deletions.
218 changes: 218 additions & 0 deletions templates/LibCal_custom_css_js.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,218 @@
<link rel="stylesheet" href="//library.bc.edu/theme/css/style.css"/>
<link rel="stylesheet" href="//library.bc.edu/theme/css/icomoon.css"/>
<script type="text/javascript" src="//library.bc.edu/theme/js/jquery.hoverIntent.minified.js"></script>
<script type="text/javascript" src="//library.bc.edu/theme/js/bootstrap-hover-dropdown.min.js"></script>
<script type="text/javascript" src="//library.bc.edu/theme/js/libhours.js"></script>
<script type="text/javascript" src="//library.bc.edu/theme/js/libraryinfo.js"></script>
<script type="text/javascript" src="//library.bc.edu/theme/js/megamenu.js"></script>
<script type="text/javascript" src="//api2.libanswers.com/1.0/widgets/5468" async></script>

<!-- Control search tab switch. -->
<script>
$(function () {
$('#block_search *[role=presentation]').click(
function() {
var current_text = $('#block_search .tab-pane.active input[type=text]').val();
$('#block_search .tab-pane input[type=text]').val(current_text);
}
);
});
</script>

<style>
body {
background: #fff 0% 0%;
font-family: Arial, sans-serif;
color: #666;
font-size: 14px;
padding: 0;
line-height: 1.75;
}

p, h1, h2, h3, h4, h5, h6 {
font-weight: normal;
}

a, a:visited, .ui-widget-content a, .ui-widget-content a:visited {
color: #990000;
font-weight: normal;
}

a:hover, a:active, a:focus, .ui-widget-content a, .ui-widget-content a:active {
color: #990000;
text-decoration: underline;
}

/* override bc style table default */
td, th {padding:0;}
table, th, td {border:none;}
td {vertical-align: middle;}

@media (min-width: 1200px) {
#s-lc-rm-cal .ui-datepicker {
width: 18em;
}
}
#s-lc-rm-groupdd {
display:none;
}
table#s-lc-rm-tg-rnames td.s-lc-rm-rntd {
height:48px;
}
table#s-lc-rm-tg-rnames tr:first td {
line-height:0;
font-size:0;
height:14px;
}
.lc_rm_b,
.lc_rm_u,
.lc_rm_a,
.lc_rm_t {
height:47px;
}
.lc_rm_b,
.lc_rm_u {
cursor:not-allowed;
}
.lc_rm_t {
background-color:gold;
}
.lc_rm_t::after {
content: "\f041";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
color:#000;
font-size:1.2em;
}
#s-lc-rm-tg-rnames tbody tr:first-child {
font-size: 11px;
}
.s-lc-rm-rn {
overflow: visible;
line-height: 1.2em;
}
#s-lc-rm-tg-roomleg .label-rm-avail,
#s-lc-rm-daily-limit {
font-size:100%;
}
#s-lc-rm-desc,
#s-lc-rm-tc-box {
font-size:14px;
}
#s-lc-rm-datetime {
font-size:16px;
}
#s-lc-public-bc .breadcrumb {
background-color: transparent;
list-style: none outside none;
margin: 12px 0 12px 0;
padding: 0;
font-size: .9em;
}
#s-lc-public-bc .breadcrumb > .active {
color: #aaaaaa;
font-weight: normal;
}
.col-md-3.s-lc-c-l {
min-height: 600px;
}
#cal-form h2 {
margin: 15px 0 5px 0;
}
/* hide public banner */
#s-lc-public-banner {display: none;}

/* footer */
#s-lc-public-footer {
border: none;
background-color: inherit;
}
#s-lc-public-footer-brand,
#s-lc-public-footer-rights,
#s-lc-footer-support-link {display:none;}
#s-lc-public-footer-admin-links {
text-align: right;
width: 100%;
padding-top: 5em;
}

/* override */
.col-md-12:first-of-type,
.col-md-3:first-of-type,
.col-md-4:first-of-type,
.col-md-6:first-of-type {
padding-right: 15px;
padding-left: 15px;
}
.row {
margin-right: -15px;
margin-left: -15px;
}
</style>

<script>
$(document).ready(function(){
// tidy up breadcrumbs
if(window.location.pathname.indexOf('/booking/') == 0){
$("ol.breadcrumb li:nth-child(2)").hide();
}

// rename login link
var logintext = $("#s-lc-sign-in").text();
if (logintext && logintext.length && logintext === "Login to LibApps") {
$("#s-lc-sign-in").text("Staff login");
}
});
</script>

<!-- SCRIPT TO TURN SIDE NAVIGATION INTO DROPDOWNS ON MOBILE. DO NOT REMOVE. -->
<script>
/* DOM ready*/
$(function() {
var myNavID = "nav";
/* For each nav menu, create a corresponding drop down menu */
$("nav.drop-down").each(function(){
if ($(this).attr("id")) {
myNavID = "nav#" + $(this).attr("id");
}

//console.log("navID " + myNavID);

sel = $(this).find(".nav-mobile");

if (sel.length == 0){
/* Create the dropdown base */
$("<select class='nav-mobile' />").appendTo(myNavID);
sel = $(this).find(".nav-mobile");
}

/* Create default option "Go to..." */
$("<option />", {
"selected": "selected",
"value" : "",
"text" : "Go to..."
}).appendTo(sel);

/* Populate dropdown with menu items */
$(myNavID + " a").each(function() {
var el = $(this);
var myText = el.text();
if ($(el).parents(".s-lg-subtab-ul").length > 0) {
myText = "> " + el.text();
}
$("<option />", {
"value" : el.attr("href"),
"text" : myText
}).appendTo(sel);
});

/* To make dropdown actually work
// To make more unobtrusive: http://css-tricks.com/4064-unobtrusive-page-changer/ */
$(sel).change(function() {
window.location = $(this).find("option:selected").val();
});
});

});
</script>
72 changes: 72 additions & 0 deletions templates/LibCal_custom_footer.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,72 @@
<!-- BEGIN BC FOOTER -->
<div id="footer">
<hr>
<div class="f_column">
<!-- Address -->
<div id="f_address">
<h2>Boston College Libraries</h2>
<p>140 Commonwealth Avenue <br/>
Chestnut Hill, MA 02467 <br/>
<strong>Administration:</strong> 617-552-4470 <br/>
<strong>Reference:</strong> 617-552-4472 <br/>
<strong>Circulation:</strong> 617-552-8038</p>
</div>

<!-- SOCIAL MEDIA ICONS -->
<div id="socialmedia">
<ul>
<li><a href="http://libguides.bc.edu/publications" title="Blogs" class="mediablock" id="media_news"><span class="accessibility-text">Blogs</span></a></li>
<li><a href="https://www.facebook.com/bostoncollegelibraries" title="Boston College Library Facebook Link" class="mediablock" id="media_facebook"><span class="accessibility-text">Boston College Library Facebook Link</span></a></li>
<li><a href="https://www.flickr.com/photos/bc-burnslibrary/" title="Burns Library Flickr Page" class="mediablock" id="media_flickr"><span class="accessibility-text">Burns Library Flickr Page</span></a></li>
<li><a href="https://twitter.com/bclibraries" title="Follow the Boston College Libraries on Twitter" class="mediablock" id="media_twitter"><span class="accessibility-text">Follow the Boston College Libraries on Twitter</span></a></li>
<li><a href="https://www.youtube.com/user/BostonCollegeLib" title="Boston College on YouTube" class="mediablock" id="media_youtube"><span class="accessibility-text">Boston College on YouTube</span></a></li>
</ul>
</div>

<!-- Copyright -->
<div id="copyright">
<p><a href="http://libguides.bc.edu/accessibility">Accessibility</a></p>
© 2017 The Trustees of Boston College. <a href="http://www.bc.edu/gn-legal" title="legal" id="footer-legal">Legal</a></p>
</div>
</div>

<!-- Quick Links -->
<div class="f_column no_right_border">
<h2>Quick Links</h2>
<nav id="quick_links" class="drop-down">
<ul class="nav" id="footer-links">
<li><a href="http://libguides.bc.edu/contact" title="Contact Us" target="_self" id="footer-contact-us">Contact us</a></li>
<li><a href="http://libcal.bc.edu/booking/oneill" title="Reserve a Study Room" target="_self" id="footer-reserve-a-study-room">Reserve a Study Room</a></li>
<li><a href="http://libguides.bc.edu/ask-a-librarian" title="Ask a Librarian" target="_self" id="footer-ask-a-librarian">Ask a Librarian</a></li>
<li><a href="http://proxy.bc.edu/login?url=https://www.refworks.com/refworks" title="RefWorks" target="_self" id="footer-refworks">RefWorks</a></li>
<li><a href="http://libguides.bc.edu/research_guides" title="Research Guides" target="_self" id="footer-research-guides">Research Guides</a></li>
<li><a href="https://illiad.bc.edu/illiad/bxm/logon.html" title="Interlibrary Loan" target="_self" id="footer-interlibrary-loan">Interlibrary Loan</a></li>
<li><a href="http://answers.bc.edu/index.php" title="Library FAQs" target="_self" id="footer-faqs">FAQs</a></li>
<li><a href="http://arc.bc.edu/reserves" title="Course Reserves" target="_self" id="footer-course-reserves">Course Reserves</a></li>
<li><a href="https://bc.on.worldcat.org/" title="WorldCat" target="_self" id="footer-worldcat">WorldCat</a></li>
<li><a href="http://bclib.bc.edu/a-to-z" title="Journals" target="_self" id="footer-journals">Journals</a></li>
</ul>
<label for="quick-links-mobile" class="accessibility-text">Quick links for mobile devices</label>
<select class="nav-mobile" id="quick-links-mobile"></select>
</nav>
</div>

<!-- Hours -->
<div class="f_column column_hours no_bottom_border no_right_border">
<h2><a href="http://libguides.bc.edu/hours" id="hours-header">Hours</a></h2>
<!-- LIBCAL HOURS API-->
<div id="all_hours_container"></div>
<div id="oconnor_hours_row"><ul class="lib_hours"><li class="name"><a href="http://libguides.bc.edu/oconnor">O'Connor Library</a></li><li class="hours"><a href="mailto:karre@bc.edu">by appointment</a> only</li></ul></div>
</div>
</div>
<!-- END BC FOOTER -->

<!-- FEEDBACK FORM -->
<script src="//library.bc.edu/theme/js/nospam.js"></script>
<div id="bcl-feedback" class="bcl-modal">
<div id="feedback_wrapper">
<div id="feedback_close"></div>
<div id="s-la-widget-5468"></div>
</div>
</div>
<!-- END FEEDBACK FORM -->
Loading

0 comments on commit 4e1e6f6

Please sign in to comment.