From 981a2bc72c4f2975bf486c29ba797def0792cfbb Mon Sep 17 00:00:00 2001 From: L_DA Date: Sun, 5 Jul 2020 20:25:20 +0000 Subject: [PATCH] added CSS and Javascript (rd) --- module.js | 93 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ styles.css | 86 ++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 179 insertions(+) create mode 100644 module.js create mode 100644 styles.css diff --git a/module.js b/module.js new file mode 100644 index 0000000..1626092 --- /dev/null +++ b/module.js @@ -0,0 +1,93 @@ +M.block_timetable = M.block_timetable || {}; + +M.block_timetable.helper = { + gY: null, + + + /** + * * @param Y the YUI object + * * @param opts an array of options + * */ + init: function(Y,opts) { + + M.block_timetable.helper.gY = Y; + console.log(opts['someinstancesetting']); + + } +}; + +M.block_timetable.view_subject = function() { + var cols = document.getElementsByClassName('timetable_view_subject'); + for(i = 0; i < cols.length; i++) { + cols[i].style.display = 'table'; + } + cols = document.getElementsByClassName('timetable_view_room'); + for(i = 0; i < cols.length; i++) { + cols[i].style.display = 'none'; + } + cols = document.getElementsByClassName('timetable_view_teacher'); + for(i = 0; i < cols.length; i++) { + cols[i].style.display = 'none'; + } + cols = document.getElementsByClassName('timetable_view_class'); + for(i = 0; i < cols.length; i++) { + cols[i].style.display = 'none'; + } +}; + +M.block_timetable.view_teacher = function() { + var cols = document.getElementsByClassName('timetable_view_subject'); + for(i = 0; i < cols.length; i++) { + cols[i].style.display = 'none'; + } + cols = document.getElementsByClassName('timetable_view_room'); + for(i = 0; i < cols.length; i++) { + cols[i].style.display = 'none'; + } + cols = document.getElementsByClassName('timetable_view_teacher'); + for(i = 0; i < cols.length; i++) { + cols[i].style.display = 'table'; + } + cols = document.getElementsByClassName('timetable_view_class'); + for(i = 0; i < cols.length; i++) { + cols[i].style.display = 'none'; + } +}; + +M.block_timetable.view_room = function() { + var cols = document.getElementsByClassName('timetable_view_subject'); + for(i = 0; i < cols.length; i++) { + cols[i].style.display = 'none'; + } + cols = document.getElementsByClassName('timetable_view_room'); + for(i = 0; i < cols.length; i++) { + cols[i].style.display = 'table'; + } + cols = document.getElementsByClassName('timetable_view_teacher'); + for(i = 0; i < cols.length; i++) { + cols[i].style.display = 'none'; + } + cols = document.getElementsByClassName('timetable_view_class'); + for(i = 0; i < cols.length; i++) { + cols[i].style.display = 'none'; + } +}; + +M.block_timetable.view_class = function() { + var cols = document.getElementsByClassName('timetable_view_subject'); + for(i = 0; i < cols.length; i++) { + cols[i].style.display = 'none'; + } + cols = document.getElementsByClassName('timetable_view_room'); + for(i = 0; i < cols.length; i++) { + cols[i].style.display = 'none'; + } + cols = document.getElementsByClassName('timetable_view_teacher'); + for(i = 0; i < cols.length; i++) { + cols[i].style.display = 'none'; + } + cols = document.getElementsByClassName('timetable_view_class'); + for(i = 0; i < cols.length; i++) { + cols[i].style.display = 'table'; + } +}; diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..4d15f11 --- /dev/null +++ b/styles.css @@ -0,0 +1,86 @@ +.block_timetable .tooltip { + position: relative; + display: inline-block; + border-bottom: 1px dotted black; +} + +.block_timetable .tooltip .tooltiptext { + width: 120px; + bottom: 100%; + left: 50%; + margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip */ +} + +.slider { + width: 100%; + height: 100%; + display: flex; + overflow-x: hidden; + scroll-snap-type: x mandatory; +} + +@supports (scroll-snap-type) { + .slider > a { +/* display: none;*/ + } +} + +.slide { + width: 100%; + height: 100%; + flex-shrink: 0; + scroll-snap-align: start; +} + +.slides { + display: flex; + + overflow-x: auto; + scroll-snap-type: x mandatory; + + scroll-behavior: smooth; + -webkit-overflow-scrolling: touch; + + /* + scroll-snap-points-x: repeat(300px); + scroll-snap-type: mandatory; + */ +} +.slides::-webkit-scrollbar { + width: 10px; + height: 10px; +} +.slides::-webkit-scrollbar-thumb { + background: black; + border-radius: 10px; + display: none; +} +.slides::-webkit-scrollbar-track { + background: transparent; +} + + +.slides > div { + /* CURRENT way. */ + scroll-snap-align: start; + scroll-behavior: smooth; + display: flex; +} + +.timetable_view_subject { + display: table; +} +.timetable_view_room { + display: none; +} +.timetable_view_teacher { + display: none; +} +.timetable_view_class { + display: none; +} + +.timetable_legend { + width:100%; + text-align: center; +}