diff --git a/app/index.css b/app/index.css index 38db23c..4609e73 100644 --- a/app/index.css +++ b/app/index.css @@ -30,3 +30,23 @@ body.phone .logo { body.phone .calBanner .col:first-child { display: none; } +.calGridTable { + white-space: nowrap; +} +.calGridTable th { + background-color: #f3f3f3; + font-weight: normal; + font-size: 0.85em; +} +.cal-grid-label { + font-weight: bold; + background-color: #f3f3f3; +} +.cal-grid-cell { + cursor: pointer; + font-size: 0.9em; +} +.cal-grid-cell:hover { + background-color: #94b6bd; + color: #ffffff; +} diff --git a/app/index.js b/app/index.js index 6fd744c..43037ce 100755 --- a/app/index.js +++ b/app/index.js @@ -2,6 +2,19 @@ $(document).ready(function () { var nextCtl = $('#vars').attr('nextCtl'); var c = $('button.accordion-button[data-bs-target="#ctl' + nextCtl + '"]'); $(c).click(); + + document.querySelectorAll('[data-bs-toggle="tooltip"]').forEach(function(el) { + new bootstrap.Tooltip(el); + }); + + $('.cal-grid-cell').click(function() { + var ctl = $(this).data('ctl'); + var btn = $('button.accordion-button[data-bs-target="#ctl' + ctl + '"]'); + if (btn.hasClass('collapsed')) { + btn.click(); + } + btn.closest('.accordion-item')[0].scrollIntoView({ behavior: 'smooth', block: 'start' }); + }); $('button[action]').click(function() { var action = $(this).attr('action'); var url = null; diff --git a/app/index.php b/app/index.php index e9260ab..fa9f3f3 100755 --- a/app/index.php +++ b/app/index.php @@ -90,11 +90,55 @@ use Michelf\Markdown;

+ = (new DateTime('today')); + }))); + ?> +
+
+ + + + + + + + + + + + + + + + + + + + + + + +
format('j M') ?>
Presentation 1 + data-bs-toggle="tooltip" data-bs-placement="top" title="" + > + +
Presentation 2 + data-bs-toggle="tooltip" data-bs-placement="top" title="" + > + +
+
+
-