').append($.tmpl(item.feature, {
vertical: 'bottom',
horizontal: 'right',
title: 'Testimonial',
description_text_align: 'description left',
description: html
})).remove().html();
overview.content.items.push(item);
}
}
myApp.featured.init();
myApp.featured.setContent(overview.content);
myApp.featured.render("#content", function (err) {
// if (err && console) {
// console.log(err);
// }
});
}
} else if ((pageId === "developmentcenter") && (sectionId === "successes")) {
// we get testimonials from one json file, we need to get rotator items from another.
var successes = _.detect(myApp.content.mPageContent.sections, function (item) {
return item.sectionId === "successes";
});
if (successes.content === undefined) {
// If the structure of the json file changes, this may need to change too. We need this in case there are no items to clone.
successes.content = {
'featured': {
'skin': 'zyquest.developmentcenter',
'type': 'html',
'data': html.split(),
'actionUri': ''
},
'useBorderedItems': true,
'items': successes.content.items
};
}
var content = _.clone(successes.content);
var data = myApp.content.getTestimonials(pageId);
var html = myApp.content.formatTestimonialsForContent(pageId, data);
// changing content by cloning what was there and replacing what was in the featured.data property.
content.featured.data = html.split();
myApp.featured.init();
myApp.featured.setContent(content);
myApp.featured.render("#content", function (err) {
if (err && console) {
console.log(err);
}
});
} else if ((pageId === 'careeropportunities') && (sectionId === 'testimonials')) {
var data = myApp.content.getTestimonials(pageId);
if (data != null) {
var html = myApp.content.formatTestimonialsForContent(pageId, data);
$("#content").html(html);
}
} else if (((pageId === "about") || (pageId === 'home')) && (sectionId === "clients")) {
var data = _.detect(myApp.content.mPageContent.sections, function (item) {
return item.sectionId === "clients";
});
if (data.content === undefined) {
data.content = '';
}
myApp.featured.init();
myApp.featured.setContent(data.content);
myApp.featured.render("#content", function (err) {
if (err && console) {
console.log(err);
}
});
var data = myApp.content.getTestimonials(pageId);
if (data != null) {
var html = myApp.content.formatTestimonialsForContent(pageId, data);
$("#sub-content").append(html);
}
} else if (((pageId === "about") || (pageId === 'home')) && (sectionId === "affiliations")) {
var data = _.detect(myApp.content.mPageContent.sections, function (item) {
return item.sectionId === "affiliations";
});
if (data.content === undefined) {
data.content = '';
}
myApp.featured.init();
myApp.featured.setContent(data.content);
myApp.featured.render("#content", function (err) {
if (err && console) {
console.log(err);
}
});
} else if (((pageId === "about") || (pageId === 'home')) && (sectionId === "partners")) {
var data = _.detect(myApp.content.mPageContent.sections, function (item) {
return item.sectionId === "partners";
});
if (data.content === undefined) {
data.content = '';
}
myApp.featured.init();
myApp.featured.setContent(data.content);
myApp.featured.render("#content", function (err) {
if (err && console) {
console.log(err);
}
});
} else if (((pageId === "about") || (pageId === 'home')) && (sectionId === "team")) {
var jsonData = _.detect(myApp.content.mPageContent.sections, function (item) {
return item.sectionId == sectionId;
});
var html = ['
'].join('\n');
// Add the contacts layout to the page.
var e = document.getElementById('content');
e.innerHTML = html;
// Add subnav title to content (there is another one, search for this text in comments).
var topnavLink = _.detect(myApp.content.mJsonData.links, function (item) {
return item.pageId == pageId;
});
var subnavLink = _.detect(topnavLink.subNav, function (item) {
return item.sectionId === sectionId;
})
$("#selectedSubNav").html(subnavLink.title);
// Add each contact to the contacts layout in the correct location.
for (var contactIndex in jsonData.contacts) {
html = myApp.content.setContactUsItem(jsonData.contacts[contactIndex]);
e = document.getElementById('contact' + contactIndex);
e.innerHTML = html;
}
} else {
$.each(myApp.content.mPageContent.sections, function (key, value) {
var addThis = ['
'].join('\n');
if (value.sectionId == sectionId) {
var jsonTemplate = value.template;
if ($.isArray(value.template) == true) {
jsonTemplate = value.template.join('');
}
// append the AddThis buttons to the page.
jsonTemplate = addThis + jsonTemplate;
//jsonTemplate = jsonTemplate.replace("
", addThis);
jsonTemplate = jsonTemplate.replace(/zyquest(?!\
)/gi, 'Zy
Quest, Inc.');
jsonTemplate = jsonTemplate.replace(/\
/gi, '');
//var finalMarkup = $(value.template).tmpl(value.data);
//var template = '
' + jsonTemplate + "
";
var finalMarkup = $.tmpl(jsonTemplate, value.data);
$("#content").html(finalMarkup);
// Add subnav title to content (there is another one, search for this text in comments).
var topnavLink = _.detect(myApp.content.mJsonData.links, function (item) {
return item.pageId == pageId;
});
var subnavLink = _.detect(topnavLink.subNav, function (item) {
return item.sectionId === sectionId;
})
$("#selectedSubNav").html(subnavLink.title);
if ((pageId === "careeropportunities") && (sectionId === "opportunities")) {
myApp.content.getOpenings();
}
return;
}
});
} // end else
}
// if the moreButton for testimonials is set, bind a click event to it. Need to do this here
// because the moreButton is defined in some scenarios within this function.
var moreButton = document.getElementById('moreButton');
if (moreButton !== undefined) {
$('#moreButton').bind('click', function () {
myApp.content.moreTestimonials();
});
}
return false;
},
setContactUsItem: function (contact) {
var photoUri = (contact.photoUri && contact.photoUri.length > 0) ? contact.photoUri : 'img/missing_photo.png';
var displayName = contact.displayName;
var jobTitle = contact.jobTitle;
var jobTitle2 = (contact.jobTitle2 && contact.jobTitle2.length > 0) ? ["
", contact.jobTitle2, "
",].join('\n') : '';
var email = contact.email;
var voice = contact.phone;
var fax = contact.fax;
var facebookUri = (contact.facebookUri) ? ['
', '',
//'
',
'facebook', '', ''].join('\n') : '';
var twitterUri = (contact.twitterUri) ? [''].join('\n') : '';
var linkedInUri = (contact.linkedInUri) ? ['
', '',
//'
',
'linkedin', '', ''].join('\n') : '';
var emailUri = (contact.email) ? ['
', '',
//'',
'email', '', ''].join('\n') : '';
var vCardToolTip = (contact.vCardToolTip) ? contact.vCardToolTip : 'vCard';
var vCard = (contact.vCardUri) ? ['
', '',
//'
',
'vcard', '', ''].join('\n') : '';
var vCardAltToolTip = (contact.vCardAltToolTip) ? contact.vCardAltToolTip : 'vCard';
var vCardAltUri = (contact.vCardAltUri) ? ['
', '',
//'',
'vcardalt', '', ''].join('\n') : '';
var html = [
'
',
].join('\n');
//var e = document.getElementById(elementId);
//e.innerHTML = html;
return html;
},
getTestimonials: function (pageId) {
var uri = myApp.content.CONTENT_URI.replace(/topnav/, 'testimonials');
// mPageId is used to refer back to the current page for displaying
// the correct subnav menus. Currently mPageId is only used in
// index.html.
myApp.content.mPageId = pageId;
var jsonData = null;
$.ajax({
url: uri,
success: function (data) {
jsonData = data;
},
error: function (xhr, status, error) {
alert("error: " + xhr.status);
},
async: false,
dataType: "json",
type: "GET"
});
return jsonData;
},
moreTestimonials: function (event) {
myApp.layout.show('hiddenTestimonials');
myApp.layout.hide('moreButton');
event && event.preventDefault();
return false;
},
formatTestimonialsForContent: function (pageId, data) {
var html = '
';
var testimonials = _.detect(data.pages, function (item) {
return item.pageId == pageId;
});
var hiddenTestimonialsEnd = '';
var moreButton = '';
var testimonialCount = 0;
for (var i = 0; i < testimonials.testimonials.length; i++) {
if (testimonialCount++ == 2) {
html += '
More Testimonials...
'
html += '
';
hiddenTestimonialsEnd = '
';
}
var testimonial = testimonials.testimonials[i];
html += '
';
//html += '
"' + testimonial.quote + '" ' + testimonial.date + '
';
html += '
' + testimonial.quote + '
' + testimonial.date;
html += '
✎
';
var name = '';
if (testimonial.source.name.length > 0) {
name = testimonial.source.name;
}
if (testimonial.source.title.length > 0) {
if (name.length > 0) {
name += ', ';
}
name += testimonial.source.title;
}
if (name.length > 0) {
html += '
' + name + '
';
}
if (testimonial.source.company.length > 0) {
var company = '
';
company += '
' + testimonial.source.company + '
';
html += company;
}
html += '
';
html += '
';
}
html += hiddenTestimonialsEnd + '
';
return html;
},
formatTestimonialForRotator: function (testimonial) {
var html = '
';
html += '
"' + testimonial.quote + '" ' + testimonial.date + '
';
html += '
✎
';
var name = '';
if (testimonial.source.name.length > 0) {
name = testimonial.source.name;
}
if (testimonial.source.title.length > 0) {
if (name.length > 0) {
name += ', ';
}
name += testimonial.source.title;
}
if (name.length > 0) {
html += '
' + name + '
';
}
if (testimonial.source.company.length > 0) {
var company = '
';
company += '
' + testimonial.source.company + '
';
html += company;
}
html += '';
return html;
},
redrawSubNav: function (pageId, listId) {
if (myApp.content.mJsonData.links == null) {
alert("No links loaded in redrawSubNav.");
return;
}
var navHtml = "";
$.each(myApp.content.mJsonData.links, function (key, value) {
if ((pageId === undefined) || (pageId == null)) {
$("#" + myApp.content.SUBNAVLINKS).html("");
$("#" + myApp.content.FOOTERNAVLINKS).html("");
} else {
var fileName = value.navUri;
if (value.pageId == pageId) {
$.each(value.subNav, function (key, value) {
if (value.enabled == "Y") {
var css = 'sub-nav-link';
if ((listId == myApp.content.FOOTERNAVLINKS) && (value.sectionId === 'overview')) {
css = 'footerNavTopic';
}
navHtml += "
" + value.title + "";
}
});
$("#" + listId).html(navHtml);
return;
}
}
});
// need this check to make sure that we only create the navSlider once.
if ((myApp.content.mPageIsCreated == true) && (listId == myApp.content.FOOTERNAVLINKS)) {
myApp.navSlider.create();
}
},
// Called in index.html to redraw the subnav menu when the mouse ventures
// into the content area.
redrawSubNavByFlagValue: function (pageId, listId) {
if (myApp.content.mRedrawSubNavFlag == true) {
myApp.content.mRedrawSubNavFlag = false;
// Ticket #: 668
// Description: Sub-nav area should go blank once mouse leaves top nav area.
// Comments: (MPS) I'm going to blank the sub-nav area when the mouse enters the content area. Otherwise, users could only view sub-nav links when they hover the topics, but they wouldn't be able to select the sub-nav because it would disappear.
//myApp.content.redrawSubNav(pageId, listId);
$("#" + listId).html("");
}
},
setRedrawSubNavFlag: function (redraw) {
myApp.content.mRedrawSubNavFlag = redraw;
},
showContentContainer: function (containerId) {
if (containerId == "content") {
$("#content").attr("style", "display: inline");
$("#content-no-left-title").attr("style", "display: none");
$("#content-left-title").attr("style", "display: none");
} else if (containerId == "content-no-left-title") {
$("#content").attr("style", "display: none");
$("#content-no-left-title").attr("style", "display: inline");
$("#content-left-title").attr("style", "display: none");
} else if (containerId == "content-left-title") {
$("#content").attr("style", "display: none");
$("#content-no-left-title").attr("style", "display: none");
$("#content-left-title").attr("style", "display: inline");
}
},
showRotatorItemDetailDialog: function (pageId, sectionId, rotatorItemId) {
/* var pageContent;
if(myApp.content.mPageId == pageId) {
pageContent = myApp.content.mPageContent.sections;
}
else {
// todo: add error dialog - this should never happen because the page we are on should already have mPageContent available.
var uri = myApp.content.CONTENT_URI.replace(/topnav/, "home");
$.ajax({
url: uri,
success: function(data) {
pageContent = data.sections;
},
error: function(xhr, status, error) {
alert("error: " + xhr.status);
},
async: false,
dataType: "json",
type: "GET"
});
alert("While trying to show rotator item detail, rotator content was not found.");
return false;
}
// now we have our page content with contact details in it - now get the contacts
var sectionDetails = _.detect(pageContent, function(item){ return item.sectionId == sectionId;} );
var rotatorItem = _.detect(sectionDetails.content.items, function(item){ return item.dataId == rotatorItemId;} );
var $dialog = $('
')
.html(rotatorItem.dataDetail.join('\n'))
.dialog( {
autoOpen: false,
buttons: {
"Close": function() {
$(this).dialog("close");
}
},
minHeight: 300,
minWidth: 500,
maxHeight: 500,
maxWidth: 800,
height: 300,
width: 500,
modal: true
});
$dialog.dialog('open');
$dialog.scrollTop(0);*/
return true;
},
getImages: function () {
$.getJSON("lib/layout.topnav.json").success(function (data) {
myApp.revolver.images = data.images;
myApp.revolver.spin('rotator-image', 10, 'rotator-page');
}).error(function (xhr, status, error) {
alert("error: " + xhr.status);
});
},
getThumbnails: function () {
$.getJSON("lib/layout.topnav.json").success(function (data) {
$('#rotator-item-1').css("background-image", "url(" + data.thumbnails[0].imageUri + ")");
$('#rotator-item-2').css("background-image", "url(" + data.thumbnails[1].imageUri + ")");
$('#rotator-item-3').css("background-image", "url(" + data.thumbnails[2].imageUri + ")");
}).error(function (xhr, status, error) {
alert("error: " + xhr.status);
});
},
setPageFooter: function () {
if (myApp.content.mJsonData.pageFooter == null) {
alert("no footer data.");
return;
}
$("#" + myApp.content.PAGEFOOTER).html("
" + myApp.content.mJsonData.pageFooter[0].text + "
");
}
}
// Can use this to call init by default, or call it from the html page.
//myApp.content.init();
})();
";
if (value.vCardUri.length > 0) {
var tooltip = value.vCardTooltip || "vCard";
template += "
";
}
template += "
', '