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