fullscreen schedule view

assets/css/_room.less

@@ -79,9 +79,5 @@ body.room {
 				display: none;
 			}
 		}
-
-		#schedule {
-			@import "_schedule.less";
-		}
 	}
 }

assets/css/_schedule.less

@@ -1,4 +1,4 @@
-.schedule {
+body .schedule {
 	&.scroll-container {
 		overflow: hidden;
 		overflow-x: scroll;

assets/css/_structure.less

@@ -110,6 +110,7 @@ body {
 @import "_error.less";
 @import "_overview.less";
 @import "_room.less";
+@import "_schedule.less";
 @import "_relive.less";
 @import "_multiview.less";
 @import "_closed.less";

assets/js/lustiges-script.js

@@ -51,7 +51,7 @@ $(function() {
 // schedule-timeline
 $(function() {
 	var
-		$schedule = $('.schedule'),
+		$schedule = $('body .schedule'),
 		$now = $schedule.find('.now'),
 		scrollLock = false,
 		rewindTimeout,
@@ -156,7 +156,7 @@ $(function() {
 		clearInterval(updateInterval);
 	}
 
-	if(window.location.hash == '#schedule')
+	if(window.location.hash == '#schedule' || window.location.href.indexOf('/schedule') != -1)
 		on();
 
 	// trigger when a tab was changed

index.php

@@ -226,6 +226,11 @@ try {
 		require('view/multiview.php');
 	}
 
+	else if($route == 'schedule')
+	{
+		require('view/schedule.php');
+	}
+
 	else if($route == 'multiview/audio')
 	{
 		$_GET['selection'] = 'audio';

template/assemblies/schedule.phtml

@@ -3,7 +3,7 @@
 		<div class="now"><span>now</span></div>
 		<? $rooms = $schedule->getSchedule() ?>
 		<? foreach($rooms as $roomname => $events): ?>
-			<div class="room <? if($roomname == $room->getSlug()): ?>highlight<? endif ?>" style="width: <?=round($schedule->getDurationSum() / $schedule->getScale())?>px">
+			<div class="room <? if(isset($room) && $roomname == $room->getSlug()): ?>highlight<? endif ?>" style="width: <?=round($schedule->getDurationSum() / $schedule->getScale())?>px">
 				<? $fromstart = 0; ?>
 				<? foreach($events as $event): ?>
 					<div

template/schedule.phtml

@@ -0,0 +1 @@
+<? require("$assemblies/schedule.phtml") ?>

view/schedule.php

@@ -0,0 +1,8 @@
+<?php
+
+echo $tpl->render(array(
+	'page' => 'schedule',
+	'title' => 'Schedule-Übersicht',
+
+	'schedule' => new Schedule(),
+));