' + Schedule.TIMEZONE + ' ' + zonefeed.capitalize() + ' Feed » Change
'; } // The headline is passed in from the static tooltip attach method as well var headline = (Object.isArray(this.options)) ? this.options[1] : ''; this.element.update(this.getTemplate().evaluate({ headline: headline, prefPage: 'myreminders', extra: feed })); } }); /** ========================================================================= FavoriteScheduleViewTooltip: Description: This class attaches the Favorite tooltip ========================================================================= */ FavoriteScheduleViewTooltip = Class.create(Tooltip, { TYPE: 'favorite', show: function (event) { event.stop(); if (this.timer != null) { window.clearTimeout(this.timer); this.timer = null; } this.add(); this.timer = window.setTimeout(this.hide.bind(this), 2000); }, getTemplate: function () { return new Template('
");
this.new_container.appendChild(this.loadingScreen);
this.searchChannels = [];
this.channels.keys().each(function (p) {
var c = this.channels.get(p).each(function (c) {
this.searchChannels.push(c);
} .bind(this));
} .bind(this));
var request = new Ajax.Request('/ajax/scheduleData.aspx', {
method: 'get',
requestHeaders: { Accept: 'application/json' },
evalJSON: 'force',
parameters: { channels: this.searchChannels, start: this.startDate, finish: this.finishDate },
onSuccess: function (transport) {
this.json = transport.responseJSON;
//debugger;
if (Object.values(this.json).length != 0) {
this.aStartDate.each(function (s) {
this.dateDiv = new Element("div", { "class": "scheduleViewDate" });
this.printableDate = [s.getMonth() + 1, s.getDate(), s.getFullYear()].join("/");
this.dateText = new Element("div", { "class": "left" }).update(" ");
this.createCombo();
this.dateDiv.appendChild(this.dateText);
this.dateDiv.appendChild(this.channelCombo);
this.new_container.appendChild(this.dateDiv);
this.createChannelFamily(s);
} .bind(this));
}
} .bind(this)
});
},
createCombo: function () {
this.channelCombo = new Element("select", { "class": "scheduleViewCombo", "name": "scheduleViewCombo" });
this.channelCombo.observe('change', function (evt) {
this.onChannelComboChange($(Event.element(evt)));
} .bind(this));
this.comboItem = new Element("option", { "value": "all channels", "class": "scheduleViewViewAllOption" });
this.comboItem.appendChild(document.createTextNode('All Channels'));
this.viewAllHD = new Element("option", { "value": "all hd channels", "class": "scheduleViewViewAllOption" });
this.viewAllHD.appendChild(document.createTextNode('All HD Channels'));
this.channelCombo.appendChild(this.comboItem);
this.channelCombo.appendChild(this.viewAllHD);
},
onChannelComboChange: function (element) {
var currentOption = element.value;
// hide everything
for (var i = 0; i < element.options.length; i++) {
var option = element.options[i].value;
if (option != "all channels" && option != "all hd channels") $(option).hide();
}
// if the item selected is a channel family
if (currentOption.indexOf("family_") == 0) {
// show the channel family container that was selected
$(currentOption).show();
// loop through the channel family and show all of the channels in the family
var channelFamily = currentOption.split("family_").join("");
// update the date text
//this.dateText.update("all " + channelFamily + " family channels for " + this.printableDate);
this.channels.get(channelFamily).each(function (channel) {
$(channelFamily + "_channel_" + channel).show();
} .bind(this));
}
else if (currentOption.indexOf("channel_") != -1) {
// locate the parent
var familyOfCurrentItem;
this.channels.keys().each(function (channelFamily) {
this.channels.get(channelFamily).each(function (channel) {
if (channel == currentOption.split(channelFamily + "_channel_").join("")) {
familyOfCurrentItem = channelFamily;
}
} .bind(this));
} .bind(this));
$("family_" + familyOfCurrentItem).show();
$(currentOption).show();
// update the date text
var chHeader = "" + currentOption.split(familyOfCurrentItem + "_channel_").join("") + " channel for " + this.printableDate
//this.dateText.update(this.scheduleListViewsUtil.formatChannelName(chHeader));
}
else if (currentOption == "all hd channels") {
$('family_Starz').show();
$('family_Encore').show();
$$('.alsoInHD').invoke('show');
// this.dateText.update("all HD channels for " + this.printableDate);
}
else {
// show everything
for (var i = 0; i < element.options.length; i++) {
var option = element.options[i].value;
if (option != "all channels" && option != "all hd channels") $(option).show();
}
this.dateText.update(" ");
}
},
createChannelFamily: function (startDate) {
// iterate over the channel families
this.channels.keys().each(function (channelFamily) {
// create the channel family div
this.channelFamily = channelFamily;
this.channelFamilyDiv = new Element("div", { "class": "scheduleViewChannelFamily", "id": "family_" + this.channelFamily });
this.dateDiv.appendChild(this.channelFamilyDiv);
// create the combo box
this.comboItem = new Element("option", { "value": "family_" + this.channelFamily, "class": "scheduleViewFamilyOption" });
this.comboItem.appendChild(document.createTextNode("All " + toTitleCase(channelFamily) + " Channels"));
this.channelCombo.appendChild(this.comboItem);
// create each channel
this.createChannel(this.channels.get(this.channelFamily));
} .bind(this));
this.loadingScreen.removeClassName("scheduleViewLoading");
this.loadingScreen.addClassName("scheduleViewLoadingHidden");
},
createChannel: function (item) {
// iterate over each channel within the family
item.each(function (channel) {
this.channel = channel;
// create the channel div and attach it to the family holder
this.channelDiv = new Element("div", { "class": "scheduleViewChannel", "id": this.channelFamily + "_channel_" + channel });
this.channelFamilyDiv.appendChild(this.channelDiv);
// attach the channel image
this.scheduleViewChannelHeader = new Element("div", { "class": "scheduleViewChannelHeader" });
this.channelDiv.appendChild(this.scheduleViewChannelHeader);
this.imagePath = this.scheduleListViewsUtil.getImagePathByChannel(this.channel);
this.image = new Element("img", { "src": this.imagePath });
this.channelImage = new Element("div", { "class": "scheduleViewChannelImageHolder" }).update(this.image);
this.scheduleViewChannelHeader.appendChild(this.channelImage);
if (Schedule.CHANNELS_IN_HD.indexOf(this.channel) >= 0) {
this.scheduleViewChannelHeader.appendChild(new Element('p').update('also in HD'));
this.channelDiv.addClassName("alsoInHD");
}
// attach the date
this.channelDateDiv = new Element("div", { "class": "scheduleViewChannelDate" }).update($$('select.scheduleDays')[0].value);
this.scheduleViewChannelHeader.appendChild(this.channelDateDiv);
// add channel options to the combo box
this.comboItem = new Element("option", { "value": this.channelFamily + "_channel_" + this.channel, "class": "scheduleViewChannelOption" });
this.comboChannel = this.channel;
if (this.comboChannel == "starz_family") this.comboChannel = "starz kids & family";
if (this.comboChannel == "starz_inblack") this.comboChannel = "starz in black";
this.comboChannel = toTitleCase(this.comboChannel.split('_').join(' '));
this.comboItem.appendChild(document.createTextNode(this.comboChannel));
this.channelCombo.appendChild(this.comboItem);
if (typeof document.body.style.maxHeight != "undefined") {
this.collapseIcon = new Element('div', { 'class': 'scheduleViewCollapse', 'id': "collapse_" + this.channel });
// before the icon is attached listen for the click events
this.collapseIcon.observe('click', function (evt) {
var icon = Event.element(evt).id;
this.toggleView($(icon.split("collapse").join("holder")));
if ($(icon).classNames().toArray()[0] == "scheduleViewCollapse") {
$(icon).removeClassName('scheduleViewCollapse');
$(icon).addClassName('scheduleViewExpand');
}
else if ($(icon).classNames().toArray()[0] == "scheduleViewExpand") {
$(icon).removeClassName('scheduleViewExpand');
$(icon).addClassName('scheduleViewCollapse');
}
} .bind(this));
this.scheduleViewChannelHeader.appendChild(this.collapseIcon);
}
// add the channel holder
this.channelTitlesHolder = new Element("div", { 'id': 'holder_' + this.channel, 'class': 'scheduleViewChannelHolder' });
this.channelDiv.appendChild(this.channelTitlesHolder);
//Chris Calzaretta Added Try Catch to solve the issue of breaking ... Need to pass this on to Sean
//TODO SEAN LOOK AT.. Why do i need to put a try catch around this
try
{
// create the titles
this.createTitles();
}
catch (e)
{
// alert(e);
}
} .bind(this));
},
toggleView: function (target) {
this.effect = new Fx.Style(target, 'height', {
duration: 600,
onComplete: this.effectDone.bind(this)
});
// 22 because the padding and the border...
if (target.offsetHeight > 22) this.effect.custom(target.offsetHeight, 0);
else this.effect.custom(0, target.scrollHeight);
},
effectDone: function () {
},
showTitleToolTip: function () {
Tooltip.attach(this.titleWrapper, ScheduleTooltip);
},
createTitles: function () {
// retrieve the json data by channel
this.channelFamilyChannelsJSON = this.json[this.channel.toLowerCase()];
// for each channel's worth of data create the title
this.channelFamilyChannelsJSON.each(function (titleData) {
try {
this.titleData = titleData;
// Data Elements
this.title = this.titleData.title;
this.url = this.titleData.url;
this.beginDate = this.titleData.startDate;
this.favoriteCast = this.titleData.favoriteCast;
this.id = this.titleData.id;
this.showId = this.titleData.showId;
this.lStartTime = this.titleData.startTime;
this.duration = this.titleData.duration;
this.favorite = (this.titleData.favorite) ? '&action=remove' : '&action=add';
this.reminder = (this.titleData.reminder) ? '&action=remove' : '&action=add';
this.tId = this.titleData.tId;
this.eNbr = this.titleData.eNbr;
this.canPromoteNow = this.titleData.canPromoteNow;
// form the tool tip query params
this.idQueryParams = '?version_id=' + this.id.split('_')[0];
this.idQueryParams += '&eNbr=' + this.titleData.eNbr;
this.idQueryParams += '&service_code=' + this.id.split('_')[1];
this.idQueryParams += '&exhib_dtm=' + this.id.split('_')[2].split('X')[0].split('-')[1] + '/';
this.idQueryParams += this.id.split('_')[2].split('X')[0].split('-')[2] + '/';
this.idQueryParams += this.id.split('_')[2].split('X')[0].split('-')[0];
this.idQueryParams += '%20';
this.idQueryParams += this.id.split('_')[2].split('X')[1].gsub('-', ':');
try {
this.eastWestFeed = $$('div.' + this.channel + ' p.zone')[0].className.match(/east|west/)[0];
} catch (e) {
var sel = $$('select.addToMySchedule')[0];
this.eastWestFeed = sel.select('option[value=' + this.channel + ']')[0].title;
}
// format the time
this.sTime = this.scheduleListViewsUtil.formatTimeToDisplay(this.lStartTime, this.duration, this.beginDate, this.eastWestFeed).toString();
// create the title wrapper
if (this.canPromoteNow == "1") {
this.titleWrapper = new Element('div', { 'class': 'scheduleViewTitle', 'title': '/ajax/ScheduleDialog.aspx' + this.idQueryParams });
} else {
this.titleWrapper = new Element('div', { 'class': 'scheduleViewTitle' });
}
// create the time div
this.timeDiv = new Element("div", { "class": "scheduleViewTime" }).update(this.sTime);
// create the title text
if (this.canPromoteNow == "1") {
this.titleNode = new Element('a', { 'class': 'scheduleViewTitleLink', 'href': this.url }).update(this.title);
} else {
this.titleNode = new Element('a', { 'class': 'scheduleViewTitleNoLink' }).update(this.title);
}
this.titleWrapper.appendChild(this.timeDiv);
this.titleWrapper.appendChild(this.titleNode);
// create the icons
this.icons = new ScheduleListViewIcons(this, this.channelTitlesHolder, this.channel);
this.channelTitlesHolder.appendChild(this.titleWrapper);
// by attaching the tool tip now, it avoids having to have two events later.
// to fix this a new tool tip would need to be created for schdule views...known. JH
if (this.canPromoteNow == "1") {
Event.observe(this.titleNode, 'mouseover', function (event) {
this.showTitleToolTip();
} .bind(this));
Tooltip.attach(this.titleWrapper, ScheduleTooltip);
}
} catch (e) {
// this is a prototype pluck error...it's okay to swallow here...Related to above JH
}
} .bind(this));
}
});
function toTitleCase(str) {
return str.replace(/\w\S*/g, function (txt) { return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase(); });
}