ocertat/Kingsborough-LibGuide
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

improve hours display

Browse Source
This commit is contained in:
Mark Eaton
2021-03-10 09:49:33 -05:00
parent f806752c2d
commit 04ee32f531
2 changed files with 13 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files
groups/new-homepage-3/homepage3-js-css.html
+8 -6
View File
@@ -161,7 +161,7 @@ img {
} }
.hours-panel-body { .hours-panel-body {
padding: 10px 5px 10px 5px; padding: 10px 5px 0px 5px;
} }
.padding-0 { .padding-0 {
@@ -185,6 +185,8 @@ img {
.panel-outline-color { .panel-outline-color {
border: solid #555 1px; border: solid #555 1px;
font-size: 1.2em;
line-height: 1.4em;
} }
.vertical-align { .vertical-align {
@@ -294,14 +296,14 @@ window.onload = function () {
if (targetDate.getFullYear() === today.getFullYear() && if (targetDate.getFullYear() === today.getFullYear() &&
targetDate.getMonth() === today.getMonth() && targetDate.getMonth() === today.getMonth() &&
targetDate.getDate() === today.getDate()) { targetDate.getDate() === today.getDate()) {
document.getElementById('hours0').innerHTML = "<p><strong>Today</strong><br />" + targetDate.toLocaleDateString("en-US", options_date) + "</p><p>" + h[i].Hours + "</p>"; document.getElementById('hours0').innerHTML = "<p><strong>Today</strong><br />" + targetDate.toLocaleDateString("en-US", options_date) + "<br />" + h[i].Hours + "</p>";
var start = true; var start = true;
var count = 1; var count = 1;
} else if (start === true && count < 5 && h[i].Hours === "Closed" ) { } else if (start === true && count < 3 && h[i].Hours === "Closed" ) {
document.getElementById('hours' + count).innerHTML = "<span style='color:#666;'><p>" + targetDate.toLocaleDateString("en-US", options_weekday) + "<br />" + targetDate.toLocaleDateString("en-US", options_date) + "</p><p>" + h[i].Hours + "</p></span>"; document.getElementById('hours' + count).innerHTML = "<span style='color:#666;'><p>" + targetDate.toLocaleDateString("en-US", options_weekday) + "<br />" + targetDate.toLocaleDateString("en-US", options_date) + "<br />" + h[i].Hours + "</p></span>";
count++; count++;
} else if (start === true && count < 5 && h[i].Hours != "Closed") { } else if (start === true && count < 3 && h[i].Hours != "Closed") {
document.getElementById('hours' + count).innerHTML = "<p>" + targetDate.toLocaleDateString("en-US", options_weekday) + "<br />" + targetDate.toLocaleDateString("en-US", options_date) + "</p><p>" + h[i].Hours + "</p>"; document.getElementById('hours' + count).innerHTML = "<p>" + targetDate.toLocaleDateString("en-US", options_weekday) + "<br />" + targetDate.toLocaleDateString("en-US", options_date) + "<br />" + h[i].Hours + "</p>";
count++; count++;
} }
} }
groups/new-homepage-3/homepage3-template.html
+5 -19
View File
@@ -383,44 +383,30 @@
</div> </div>
<div class="panel-body"> <div class="panel-body">
<div class="row equal"> <div class="row equal">
<div class="col-xs-3 col-sm-2 padding-0"> <div class="col-xs-2 padding-0">
<div class="panel panel-default panel-outline-color"> <div class="panel panel-default panel-outline-color">
<div class="panel-body hours-panel-body"> <div class="panel-body hours-panel-body">
<span id="hours0" class="hours"></span> <span id="hours0" class="hours"></span>
</div> </div>
</div> </div>
</div> </div>
<div class="col-xs-3 col-sm-2 padding-0"> <div class="col-xs-2 padding-0">
<div class="panel panel-default panel-outline-color"> <div class="panel panel-default panel-outline-color">
<div class="panel-body hours-panel-body"> <div class="panel-body hours-panel-body">
<span id="hours1" class="hours"></span> <span id="hours1" class="hours"></span>
</div> </div>
</div> </div>
</div> </div>
<div class="col-xs-3 col-sm-2 padding-0"> <div class="col-xs-2 padding-0">
<div class="panel panel-default panel-outline-color"> <div class="panel panel-default panel-outline-color">
<div class="panel-body hours-panel-body"> <div class="panel-body hours-panel-body">
<span id="hours2" class="hours"></span> <span id="hours2" class="hours"></span>
</div> </div>
</div> </div>
</div> </div>
<div class="col-sm-2 col hidden-xs padding-0"> <div class="col-xs-2 padding-0">
<div class="panel panel-default panel-outline-color"> <div class="panel panel-default panel-outline-color">
<div class="panel-body hours-panel-body"> <div class="panel-body vertical-align">
<span id="hours3" class="hours"></span>
</div>
</div>
</div>
<div class="col-sm-2 hidden-xs padding-0">
<div class="panel panel-default panel-outline-color">
<div class="panel-body hours-panel-body">
<span id="hours4" class="hours"></span>
</div>
</div>
</div>
<div class="col-xs-3 col-sm-2 padding-0">
<div class="panel panel-default panel-outline-color">
<div class="panel-body hours-panel-body vertical-align">
<div class="more-link"><a href="https://kbcc.cuny.libguides.com/calendar">More hours</a></div> <div class="more-link"><a href="https://kbcc.cuny.libguides.com/calendar">More hours</a></div>
</div> </div>
</div> </div>