added CSS and Javascript (rd)

This commit is contained in:
L_DA 2020-07-05 20:25:20 +00:00
parent 3a996bd5a5
commit 981a2bc72c
2 changed files with 179 additions and 0 deletions

93
module.js Normal file
View file

@ -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';
}
};

86
styles.css Normal file
View file

@ -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;
}