minimal Mensa Header

panels/mensaPlan/script.js

 this.loaded = function(panel, config) {
-	setInterval(function(){getMensaPlan();}, 1800000);
+	setInterval(function() {
+		getMensaPlan();
+	}, 1800000);
 	
+	setInterval(function() {
+		var currentTab = $("#tabs").tabs('option', 'active');
+		if (currentTab == 0) {
+			currentTab = 1;
+		} else {
+			currentTab = 0;
+		}
+		$("#tabs").tabs({
+			active : currentTab
+		});
+	}, 60000);
+
 	function getMensaPlan() {
-		$.getJSON( "panels/mensaPlan/mensaPlan.json")
-		.done(function( json ) {
+		$.getJSON("panels/mensaPlan/mensaPlan.json").done(function(json) {
 			fillTable(json);
-		})
-		.fail(function( jqxhr, textStatus, error ) {
+		}).fail(function(jqxhr, textStatus, error) {
 			var err = textStatus + ", " + error;
-			console.log( "Request Failed: " + err );
+			console.log("Request Failed: " + err);
 		});
 	}
 
-	function fillTable( json ) {
-		var day = new Date();
-		switch(day.getDay()){
-			case 0:
-			var gerichte = json.montag.gerichte;
+	function fillTable(json) {
+		var date = new Date();
+		switch (date.getDay()) {
+		case 0:
+			var day = json.montag;
 			break;
-			case 1:
-			var gerichte = json.montag.gerichte;
+		case 1:
+			var day = json.montag;
 			break;
-			case 2:
-			var gerichte = json.dienstag.gerichte;
+		case 2:
+			var day = json.dienstag;
 			break;
-			case 3:
-			var gerichte = json.mittwoch.gerichte;
+		case 3:
+			var day = json.mittwoch;
 			break;
-			case 4:
-			var gerichte = json.donnerstag.gerichte;
+		case 4:
+			var day = json.donnerstag;
 			break;
-			case 5:
-			var gerichte = json.freitag.gerichte;
+		case 5:
+			var day = json.freitag;
 			break;
-			case 6:
-			var gerichte = json.montag.gerichte;
+		case 6:
+			var day = json.montag;
 			break;
 		}
+		var gerichte = day.gerichte;
+		document.getElementById("head").innerHTML = day.date;
 		var tableBody = document.getElementById("mensaPlanTable1Body");
 		tableBody.innerHTML = "";
 		var counter = 0;
 		var j = 0;
-		for(var i=0;i<gerichte.length;i++){
-			if(counter >= gerichte.length/2){
+		for (var i = 0; i < gerichte.length; i++) {
+			if (counter >= gerichte.length / 2) {
 				tableBody = document.getElementById("mensaPlanTable2Body");
 				tableBody.innerHTML = "";
-				j=0;
+				j = 0;
 			} else {
 				counter++;
 			}
-			var gericht = gerichte [i];
+			var gericht = gerichte[i];
 			var row = tableBody.insertRow(j);
 			var cell1 = row.insertCell(0);
 			var cell2 = row.insertCell(1);
 			var cell3 = row.insertCell(2);
 			cell1.innerHTML = gericht.gericht;
 			cell2.innerHTML = gericht.art;
-			cell3.innerHTML = '<img src="panels/mensaPlan/img/'+gericht.kategorie+'" />';
+			cell3.innerHTML = '<img src="panels/mensaPlan/img/'
+					+ gericht.kategorie + '" />';
 			j++;
 		}
 	}
-	
+
 	getMensaPlan();
-	
+
 	$(function() {
-		$( "#tabs" ).tabs();
+		$("#tabs").tabs();
 	});
-  
-  setInterval(function(){var currentTab = $("#tabs").tabs('option', 'active');if(currentTab==0){currentTab=1;}else{currentTab=0;};$( "#tabs" ).tabs({ active: currentTab });}, 60000);
 }

panels/mensaPlan/template.html

-<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
-
 <div id="tabs">
+	<div id="head"></div>
 	<ul>
 		<li><a href="#tabs-1">Normale Counter</a></li>
 		<li><a href="#tabs-2">Grill etc. Counter</a></li>