2012-10-26 06:35:44 +02:00
|
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
|
|
<head>
|
|
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
|
|
<title>Airtime widgets</title>
|
2014-02-12 16:24:43 +01:00
|
|
|
<script src="http://localhost/js/libs/jquery-1.8.3.min.js" type="text/javascript"></script>
|
|
|
|
<script src="http://localhost/js/libs/jquery-ui-1.8.24.min.js" type="text/javascript"></script>
|
|
|
|
<script src="http://localhost/js/libs/jquery.showinfo.js" type="text/javascript"></script>
|
2012-10-26 06:35:44 +02:00
|
|
|
<link href="css/airtime-widgets.css" rel="stylesheet" type="text/css" />
|
|
|
|
<script>
|
|
|
|
$(document).ready(function() {
|
|
|
|
$("#headerLiveHolder").airtimeLiveInfo({
|
|
|
|
sourceDomain: "http://localhost",
|
|
|
|
text: {onAirNow:"On Air Now", offline:"Offline", current:"Current", next:"Next"},
|
|
|
|
updatePeriod: 20 //seconds
|
|
|
|
});
|
2012-11-08 23:36:35 +01:00
|
|
|
$("#headerLiveTrackHolder").airtimeLiveTrackInfo({
|
|
|
|
sourceDomain: "http://localhost",
|
|
|
|
text: {onAirNow:"On Air Now", offline:"Offline", current:"Current", next:"Next"},
|
|
|
|
updatePeriod: 20 //seconds
|
|
|
|
});
|
2012-10-26 06:35:44 +02:00
|
|
|
$("#onAirToday").airtimeShowSchedule({
|
|
|
|
sourceDomain: "http://localhost",
|
|
|
|
text: {onAirToday:"On air today"},
|
|
|
|
updatePeriod: 5, //seconds
|
|
|
|
showLimit: 10
|
|
|
|
});
|
|
|
|
$("#scheduleTabs").airtimeWeekSchedule({
|
|
|
|
sourceDomain:"http://localhost",
|
2013-10-16 11:41:14 +02:00
|
|
|
dowText:{monday:"Monday", tuesday:"Tuesday", wednesday:"Wednesday", thursday:"Thursday", friday:"Friday", saturday:"Saturday", sunday:"Sunday", nextmonday:"Next Monday", nexttuesday:"Next Tuesday",nextwednesday:"Next Wednesday", nextthursday:"Next Thursday",nextfriday:"Next Friday", nextsaturday:"Next Saturday", nextsunday:"NextSunday"},
|
2012-10-26 06:35:44 +02:00
|
|
|
miscText:{time:"Time", programName:"Program Name", details:"Details", readMore:"Read More"},
|
|
|
|
updatePeriod: 600 //seconds
|
|
|
|
});
|
|
|
|
var d = new Date().getDay();
|
|
|
|
$('#scheduleTabs').tabs({selected: d === 0 ? 6 : d-1, fx: { opacity: 'toggle' }});
|
|
|
|
|
|
|
|
});
|
|
|
|
</script>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<h1>"Now Playing" Widget</h1>
|
2012-11-08 23:36:35 +01:00
|
|
|
This widget displays which show is currently playing:
|
2012-10-26 06:35:44 +02:00
|
|
|
<br/>
|
|
|
|
<br/>
|
|
|
|
<div id="headerLiveHolder" style="border: 1px solid #999999; padding: 10px;"></div>
|
|
|
|
<br/>
|
|
|
|
<br/>
|
2013-10-16 11:41:14 +02:00
|
|
|
<h1>"Current Show & Track Information" Widget</h1>
|
2012-11-08 23:36:35 +01:00
|
|
|
This widget displays which show and track are currently playing:
|
|
|
|
<br/>
|
|
|
|
<br/>
|
|
|
|
<div id="headerLiveTrackHolder" style="border: 1px solid #999999; padding: 10px;"></div>
|
|
|
|
<br/>
|
|
|
|
<br/>
|
2012-10-26 06:35:44 +02:00
|
|
|
<h1>"Today's Program" Widget</h1>
|
2013-10-16 11:19:39 +02:00
|
|
|
This widget displays the current show and shows being played later today:
|
2012-10-26 06:35:44 +02:00
|
|
|
<br/>
|
|
|
|
<br/>
|
|
|
|
<div id="onAirToday"></div>
|
|
|
|
<br/>
|
|
|
|
<br/>
|
|
|
|
<h1>"Weekly Program" Widget</h1>
|
2013-10-16 11:41:14 +02:00
|
|
|
This widget displays all the shows for the entire week, and the week ahead:
|
2012-10-26 06:35:44 +02:00
|
|
|
<br/>
|
|
|
|
<br/>
|
|
|
|
<div id="scheduleTabs"></div>
|
|
|
|
|
|
|
|
</body>
|
|
|
|
</html>
|