From 981a2bc72c4f2975bf486c29ba797def0792cfbb Mon Sep 17 00:00:00 2001
From: L_DA <raphael.dannecker@steinbeisschule-reutlingen.de>
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;
+}