added CSS and Javascript (rd)
This commit is contained in:
parent
3a996bd5a5
commit
981a2bc72c
2 changed files with 179 additions and 0 deletions
93
module.js
Normal file
93
module.js
Normal 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
86
styles.css
Normal 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;
|
||||||
|
}
|
Loading…
Add table
Reference in a new issue