For those looking for the Airtime Widgets here the download link :?https://s3-eu-west-1.amazonaws.com/h1backup/Downloads/widgets.zip
Widget Installation
Using the widgets is very simple.
1) In the Airtime admin interface, login as an administrator, go to the "Preferences" page, and enable the option "Allow Remote Websites To Access 'Schedule' Info?".
2) Get the widgets from the "widgets" directory in the tarball. (Download the latest from here)
3) Put that directory on your webserver and name it "airtime-widgets".
4) In order to avoid conflicts with other javascript libraries, it is best to put the widgets in an iframe:
<iframe src="/airtime-widgets/airtime-iframe.html" width="300px" height="250px" marginheight="0" marginwidth="0" scrolling="no" frameborder="0">
</iframe>
### Live Info + Today Shows ###( Replace the Bold text with your Airtime URL)
<link rel="stylesheet" href="/airtime-widgets/css/airtime-widgets.css" type="text/css" />
<script src="/airtime-widgets/js/jquery-1.6.1.min.js" type="text/javascript"></script>
<script src="/airtime-widgets/js/jquery-ui-1.8.10.custom.min.js" type="text/javascript"></script>
<script src="/airtime-widgets/js/jquery.showinfo.js" type="text/javascript"></script>
<script>
$(document).ready(function() {
$("#headerLiveHolder").airtimeLiveInfo({
sourceDomain: "http://airtime-dev.sourcefabric.org/",
text: {onAirNow:"On Air Now", offline:"Offline", current:"Current", next:"Next"},
updatePeriod: 20 //seconds
});
});
</script>
<div id="headerLiveHolder" style="border: 1px solid #999999; padding: 10px;"></div>
<script>
$(document).ready(function() {
$("#onAirToday").airtimeShowSchedule({
sourceDomain: "http://airtime-dev.sourcefabric.org/",
text: {onAirToday:"On air today"},
updatePeriod: 5 //seconds
});
});
</script>
<div id="onAirToday" style="margin-top: 10px"></div>
### Weekly Schedule ###( Replace the Bold text with your Airtime URL)
<script>?
$(document).ready(function() {
$("#scheduleTabs").airtimeWeekSchedule({
sourceDomain:"http://airtime-dev.sourcefabric.org/",
dowText:{monday:"Monday", tuesday:"Tuesday", wednesday:"Wednesday", thursday:"Thursday", friday:"Friday", saturday:"Saturday", sunday:"Sunday"},
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>
<div id="scheduleTabs" class="ui-tabs"></div>