\
\
\
',
planSelectNextButton: 'Next, select a plan \
',
phonePrice: "Phone Price: ",
phoneSectionExpanded: ' \
\
\
\
Price per month: \
\
\
\
\
\
Remove plan from cart \
\
\
You have successfully added a plan to your cart.
\ \ \
![]()
\
\
',
phoneSelectedCollapsed: ' \
\
List Price: \
\
\
Price: \
\
\
\
Remove from cart
\
\
You have successfully added a phone to your cart.
\ \ \
\
\
',
clearFix: '',
emptyCart: ' \
\
\
',
topLeftCorner: '',
topRightCorner: '',
existingPlanWhyLink: " why?"
}
//text messages to display status on smart cart.
var SmartCartMessages = {
PhoneSuccessNoteUpgrade: 'We\'ll ask you for your current carrier account information during checkout.',
PhoneSuccessNoteNew: 'Want to keep your current phone number? We\'ll ask you for your information during checkout.',
PlanSuccessNoteExistingPlan: 'Upgrading as part of a family account requires you keep your current family plan.',
BundlerSuccessNoteDefault: 'Per month charge does not include taxes and surcharges, which will be added to your monthly charge.',
BundlerSuccessNoteExistingPlan: 'Per month charges for your existing family plan will remain unchanged.',
BundlerSuccessNoteAddALine: 'Estimated price may change based on your current plan.'
}
//namespace objects.
var Util = $.Aloha.Util;
var AjaxUtil = $.Aloha.AjaxUtil;
//bundle next step status.
var NextStep = {
SELECT_PLAN : 'SELECT_PLAN',
SELECT_OPTIONS : 'SELECT_OPTIONS',
SELECT_ADDALINE_PLAN : 'SELECT_ADDALINE_PLAN',
CHECK_OUT : 'CHECKOUT',
NONE : 'NONE'
}
//util function for our smart cart.
var SmartCartUtil = new function() {
this.hasUnhandledInternalBundleChange = false;
var VERIZON = 'VERIZON';
var CINGULAR = 'CINGULAR';
var TMOBILE = 'VOICESTREAM';
var NEXTEL = 'NEXTEL';
var ATT = 'ATT';
var VERIZON_LOGO_SMALL = 'verizon-logo-small';
var ATT_LOGO_SMALL = 'att-logo-small';
var TMOBILE_LOGO_SMALL = 'tmobile-logo-small';
/**
* returns the next step of the bundle.
* @param {Object} json
*/
function getBundleNextStep(json) {
return json.bundleBuildStates[0];
}
/**
* use to update the small provider logo in our smart cart.
* @param {Object} provider - the name of the provider.
* @param {Object} htmlObj - a jquery object to be inserted into
* @param {Object} attr - the attribute in the htmlObj to be replaced.
*/
function updatePhoneSmallLogo(provider, htmlObj, attr) {
var phoneSectionImageSpan = htmlObj.find(attr);
//get the image logo css class.
var imageLogoClass = (function(provider) {
var imageLogo = "";
if (typeof provider !== 'undefined') {
if (provider === VERIZON){
imageLogo = VERIZON_LOGO_SMALL;
} else if (provider === CINGULAR || provider === NEXTEL || provider === ATT) { //TODO: NEXTEL is a hack
imageLogo = ATT_LOGO_SMALL;
} else if (provider === TMOBILE) {
imageLogo = TMOBILE_LOGO_SMALL;
}
}
return imageLogo;
})(provider);
phoneSectionImageSpan.addClass(imageLogoClass);
return htmlObj;
}
/**
* insert a $ dollar infront of the string price.
* @param {Object} priceStr
*/
function getPrice(priceStr) {
return "$ " + Util.getPrice(priceStr);
}
function addClass(htmlObj, toClass, className) {
return htmlObj.find(toClass).addClass(className).parent();
}
/**
* get the transaction type from the json.
* @param {Object} json
*/
function getTransactionType(json) {
var transactionType = "";
if (typeof json.bundle.transaction !== 'undefined') {
transactionType = json.bundle.transaction;
}
return transactionType;
}
/**
* get the monthly plan charge from the json.
* @param {Object} json
*/
function getPlanMonthlyCharge(json) {
//json.bundle.service.monthlyCharge
var monthlyCharge = "";
var bundle = json.bundle;
if (typeof bundle.service !== 'undefined' && typeof bundle.service.monthlyCharge !== 'undefined') {
monthlyCharge = bundle.service.monthlyCharge;
}
return Util.getPrice(monthlyCharge);
}
/**
* this method returns a boolean to indicate whether the user decided
* to keep an existing plan. This is indicated by anytime minutes == 0
* and plan monthly charge == "0.00"
* @param {Object} json
*/
function getIsKeepExistingPlan(json) {
var planAnytimeMinutes = (function(json) {
var anytimeMinutes = -1;
var bundle = json.bundle;
if (typeof bundle.service !== 'undefined' && typeof bundle.service.anytimeMinutes !== 'undefined'){
anytimeMinutes = bundle.service.anytimeMinutes;
}
return anytimeMinutes;
})(json);
var keepExistingPlan = false;
var planMonthlyCharge = getPlanMonthlyCharge(json);
if (planAnytimeMinutes === 0 && planMonthlyCharge === "0.00") {
keepExistingPlan = true;
}
return keepExistingPlan;
}
/**
* determines if the bundle provider is empty.
* @param {Object} json
*/
function getIsProviderEmpty(json) {
var isProvideEmpty = true;
if (typeof json.bundle.provider !== 'undefined' && typeof json.bundle.provider.name !== 'undefined') {
isProvideEmpty = false;
}
return isProvideEmpty;
}
return {
getIsKeepExistingPlan: getIsKeepExistingPlan,
getPlanMonthlyCharge: getPlanMonthlyCharge,
getTransactionType: getTransactionType,
addClass: addClass,
getPrice: getPrice,
updatePhoneSmallLogo: updatePhoneSmallLogo,
getBundleNextStep: getBundleNextStep,
getIsProviderEmpty: getIsProviderEmpty
};
}
/**
* The phone section of the smart cart.
*/
var PhoneSection = function() {
var BUNDLER_PRODUCT_IMAGE_CLASS = '.bundler-product-image';
var PHONE_SECTION_LOGO_LI = 'span.image-replaced';
var NEW = "NEW";
function updateCollapsed(json, htmlObj) {
if (typeof json.bundle.lines !== 'undefined' && json.bundle.lines.length > 0){
var phoneHtmlObj = $(SmartCartHtmlSkins.phoneSelectedCollapsed);
if (!SmartCartUtil.getIsProviderEmpty(json)) {
var provider = json.bundle.provider.name;
SmartCartUtil.updatePhoneSmallLogo(provider, phoneHtmlObj, PHONE_SECTION_LOGO_LI);
}
//phone collapsed is completed.
htmlObj.append(phoneHtmlObj.parent().html());
} else {
//phone collapsed is disabled.
htmlObj.append(SmartCartUtil.addClass($(SmartCartHtmlSkins.phoneSectionCollapsed), '.service-options-section', 'completed').html());
}
}
function updateExpanded(json, htmlObj) {
var phoneHtmlObj = $(SmartCartHtmlSkins.phoneSectionExpanded);
//get phone image url
var jsonPhoneImageURL = json.bundle.lines[0].device.thumbnailImage.URL;
phoneHtmlObj.find(BUNDLER_PRODUCT_IMAGE_CLASS).empty().attr("src",jsonPhoneImageURL);
//get phone title
var jsonPhoneTitle = json.bundle.lines[0].device.title;
phoneHtmlObj.find(".bundler-product-title").empty().html(jsonPhoneTitle);
//get phone list price
var jsonPhoneListPrice = json.bundle.lines[0].device.listPrice;
phoneHtmlObj.find(".slashed-price").empty().html(SmartCartUtil.getPrice(jsonPhoneListPrice));
//get phone price
var jsonPhonePrice = json.bundle.lines[0].device.price;
phoneHtmlObj.find(".sale-price").empty().html(SmartCartUtil.getPrice(jsonPhonePrice));
//get the transaction type
var transactionType = SmartCartUtil.getTransactionType(json);
if (transactionType === NEW) {
phoneHtmlObj.find(".success-note").empty().html(SmartCartMessages.PhoneSuccessNoteNew);
} else {
phoneHtmlObj.find(".success-note").empty().html(SmartCartMessages.PhoneSuccessNoteUpgrade);
}
htmlObj.find("li.phone-section").append(phoneHtmlObj.html());
//updating the small provider logo in the phone section.
if (!SmartCartUtil.getIsProviderEmpty(json)) {
var provider = json.bundle.provider.name;
SmartCartUtil.updatePhoneSmallLogo(provider, htmlObj.parent(), PHONE_SECTION_LOGO_LI);
}
var transactionType = SmartCartUtil.getTransactionType(json);
if (transactionType === "NEW_PHONE") {
htmlObj.find(".phone-section .success-note").remove();
} else {
htmlObj.find(".noPlan").remove();
}
return htmlObj;
}
return {
updateExpanded: updateExpanded,
updateCollapsed: updateCollapsed
};
}();
/**
* The plan section of the smart cart.
*/
var PlanSection = function() {
var PLAN_SECTION_SMALL_LOGO_ID = 'span.image-replaced';
function updateCollapsed(json, htmlObj) {
var transactionType = SmartCartUtil.getTransactionType(json);
if (transactionType === "NEW_PHONE") {
htmlObj.append(SmartCartHtmlSkins.planCurrentCollapsed);
htmlObj.find(".plan-section").addClass("disabled");
return;
}
var nextStepState = SmartCartUtil.getBundleNextStep(json).name;
if (nextStepState === NextStep.SELECT_PLAN || nextStepState === NextStep.SELECT_ADDALINE_PLAN) { //current
htmlObj.append(SmartCartHtmlSkins.planCurrentCollapsed);
} else if (nextStepState === NextStep.SELECT_OPTIONS) { //completed
htmlObj.append(SmartCartHtmlSkins.planCompletedCollapsed);
} else if (nextStepState === NextStep.CHECK_OUT){ //completed
htmlObj.append(SmartCartHtmlSkins.planCompletedCollapsed);
}
}
function updateExpanded(json, htmlObj) {
var nextStepState = SmartCartUtil.getBundleNextStep(json).name;
var transactionType = SmartCartUtil.getTransactionType(json);
if (transactionType === "NEW_PHONE") {
htmlObj.find(".plan-section").addClass("disabled");
htmlObj.find("li.plan-section .header-note").empty();
return;
}
if (nextStepState === NextStep.SELECT_PLAN || nextStepState ===NextStep.SELECT_ADDALINE_PLAN) {
var planBtnHtml = SmartCartHtmlSkins.planSelectNextButton;
htmlObj.find("li.plan-section").append(planBtnHtml);
htmlObj.find("li.plan-section .header-note").empty();
htmlObj.find("li.plan-section #select-a-plan").attr("href",SmartCartUtil.getBundleNextStep(json).url);
} else {
//add check mark
htmlObj.find("li.plan-section h4.section-header").before(SmartCartHtmlSkins.checkMarkSpan);
var planHtmlObj = $(SmartCartHtmlSkins.planSectionExpanded);
//get plan title
var jsonPlanTitle = json.bundle.service.title;
//get plan price
var planPrice = SmartCartUtil.getPlanMonthlyCharge(json);
//determine whether family plan. this indicates Keep My Existing Plan.
var isKeepExistingPlan = SmartCartUtil.getIsKeepExistingPlan(json);
//this indicates that it is a family plan and we need to display "no changes" for price
//and not display the remove link
if (isKeepExistingPlan) {
planPrice = " no change";
planHtmlObj.find(".sale-price").css('font-size','12px');
planHtmlObj.find(".sale-price").css('font-weight','normal');
planHtmlObj.find(".price-column").css('width','74px');
planHtmlObj.find(".add-or-remove .removePlan").remove();
planHtmlObj.find(".success-note").empty().html(SmartCartMessages.PlanSuccessNoteExistingPlan);
planHtmlObj.find(".bundler-product-title").empty().html(jsonPlanTitle + SmartCartHtmlSkins.existingPlanWhyLink);
//fix for smartcart layout issue of ie6 and ie7 at family upgrade case
htmlObj.find("li.service-options-section").css('margin-top','0px');
} else {
planPrice = SmartCartUtil.getPrice(planPrice);
planHtmlObj.find(".bundler-product-title").empty().html(jsonPlanTitle);
}
planHtmlObj.find(".sale-price").empty().html(planPrice + '*');
if(transactionType === "ADD_A_LINE"){
planHtmlObj.find(".price-label").empty().html("Extra due monthly: ");
}
htmlObj.find("li.plan-section").append(planHtmlObj.html());
if (!SmartCartUtil.getIsProviderEmpty(json)) {
var provider = json.bundle.provider.name;
SmartCartUtil.updatePhoneSmallLogo(provider, htmlObj, PLAN_SECTION_SMALL_LOGO_ID);
}
}
return htmlObj;
}
return {
updateExpanded: updateExpanded,
updateCollapsed: updateCollapsed
};
}();
/**
* The options section of the smart cart.
*/
var OptionSection = function() {
var SELECT_SERVICE_OPTIONS = '.image-replaced#select-service-options';
var SERVICE_OPTIONS_SECTION_HEADER = 'li.service-options-section h4.section-header';
function updateCollapsed(json, htmlObj) {
var nextStepState = SmartCartUtil.getBundleNextStep(json).name;
var transactionType = SmartCartUtil.getTransactionType(json);
if (transactionType === "NEW_PHONE") {
htmlObj.append(addClassToOptionsSection('disabled'));
htmlObj.find(".service-options-section").addClass("disabled");
return;
}
if (nextStepState === NextStep.SELECT_PLAN || nextStepState === NextStep.SELECT_ADDALINE_PLAN) { //disabled
htmlObj.append(addClassToOptionsSection('disabled'));
} else if (nextStepState === NextStep.SELECT_OPTIONS) { //current
htmlObj.append(addClassToOptionsSection('current'));
} else if (nextStepState === NextStep.CHECK_OUT) { //completed
var optionsLength = json.bundle.lines[0].options.length;
var optionsObj = $(SmartCartHtmlSkins.optionsCompletedCollapsed);
optionsObj.find('.header-note-options').empty().html('(' + optionsLength + ' selected)');
htmlObj.append(optionsObj.parent().html());
}
}
function updateExpanded(json, htmlObj) {
var transactionType = SmartCartUtil.getTransactionType(json);
if (transactionType == "NEW_PHONE") {
htmlObj.find(".service-options-section").addClass("disabled");
return;
}
var nextStepState = SmartCartUtil.getBundleNextStep(json).name;
if (nextStepState === NextStep.SELECT_PLAN || nextStepState === NextStep.SELECT_ADDALINE_PLAN) {
htmlObj.find(".service-options-section").addClass("disabled");
} else if (nextStepState === NextStep.SELECT_OPTIONS) {
htmlObj.find(SERVICE_OPTIONS_SECTION_HEADER).after(SmartCartHtmlSkins.optionsSelectNextButton);
htmlObj.find(SELECT_SERVICE_OPTIONS).attr("href", SmartCartUtil.getBundleNextStep(json).url);
//fix for smartcart layout issue of ie6 when next step is select option and cart is expanded
htmlObj.find("li.service-options-section").css('margin-bottom','-3px');
} else {
htmlObj.find("li.service-options-section h4.section-header").before(SmartCartHtmlSkins.checkMarkSpan);
var optionsHtmlObj = $(SmartCartHtmlSkins.optionsBase);
//if (optionsLength > 0) {
var jsonPhoneTitle = json.bundle.lines[0].device.title;
var optionsLength = json.bundle.lines[0].options.length;
optionsHtmlObj.find('.header-note').empty().html('(' + optionsLength + ' selected)');
optionsHtmlObj.find('.bundler-product-title').empty().html(jsonPhoneTitle);
var optionsSubtotal = 0.0;
var optionElement;
var option;
var title;
var monthlyCharge;
var i = 0;
for (; i < optionsLength; ++i){
//var option = new String(SmartCartHtmlSkins.optionsElementExpanded);
optionElement = $(SmartCartHtmlSkins.optionsElementExpanded);
option = json.bundle.lines[0].options[i];
title = option.title;
monthlyCharge = option.monthlyCharge;
optionsSubtotal += parseFloat(Util.getPrice(monthlyCharge));
optionElement.find('.monthly-price-wrapper').after(title);
optionElement.find('.monthly-price').empty().html(SmartCartUtil.getPrice(monthlyCharge));
optionsHtmlObj.find('ul').append(optionElement.parent().html());
}
//if there is no options added, do not show the line separator
if (optionsLength > 0) {
optionsHtmlObj.find('ul').append(SmartCartHtmlSkins.optionsSeparatorElementExpanded);
}
//this it to append the subtotal
var optionSubtotalElement = $(SmartCartHtmlSkins.optionsSubtotalElementExpanded);
optionSubtotalElement.find('.subtotalHeader').empty().html("Subtotal of selected options: ");
optionSubtotalElement.find('.monthly-price').empty().html("$ " + optionsSubtotal.toFixed(2));
optionsHtmlObj.find('ul').append(optionSubtotalElement.parent().html());
//}
htmlObj.find("li.service-options-section").empty().append(optionsHtmlObj.html());
//fix for smartcart layout issue of ie6 when there are options selected, cart is expanded
htmlObj.find("li.service-options-section").css('margin-bottom','-1px');
}
}
function addClassToOptionsSection (className) {
return $(SmartCartHtmlSkins.optionsSectionCollapsed).find('.service-options-section').addClass(className).end().html();
}
return {
updateExpanded: updateExpanded,
updateCollapsed: updateCollapsed
};
}();
/**
* Display the bundle price. This is only when the cart is expanded.
*/
var BundlePriceSection = function() {
var BUNDLER_PRICE_WRAPPER_ID = '#bundler-price-wrapper';
var BUNDLER_FOOTNOTE_OUTER_WRAPPER_ID = '#bundler-footnote-outer-wrapper';
/**
* The sum of all the options in our bundle.
* @param {Object} json
*/
function getOptionsPriceSum(json) {
var sum = 0.0;
if (typeof json.bundle.lines != 'undefined') {
var lines = json.bundle.lines;
for (var i = 0; i < lines.length; ++i) {
var line = lines[i];
if (typeof line.options !== 'undefined') {
sum += getLineOptionsSum(line.options);
}
}
}
if (typeof json.bundle.options !== 'undefined') {
//sum += SmartCartUtil.getOptionsSum(json.bundle.options);
}
return sum;
}
/**
* returns the sum of a line in our bundle.
* @param {Object} options
*/
function getLineOptionsSum(options) {
var sum = 0.0;
if (typeof options !== 'undefined') {
for (var i = 0; i < options.length; ++i) {
var option = options[i];
var price = Util.getPrice(option.monthlyCharge);
if (!isNaN(price)) {
sum += parseFloat(price);
}
}
}
return sum;
}
function updateExpanded(json, htmlObj) {
//get phone price
if(typeof json.bundle !== 'undefined'){
var jsonPhonePrice = json.bundle.lines[0].device.price;
var bundlerPriceObj = htmlObj.find(BUNDLER_PRICE_WRAPPER_ID).empty();
var bundlerFootnoteOuterObj = htmlObj.find(BUNDLER_FOOTNOTE_OUTER_WRAPPER_ID).empty();
var transactionType = SmartCartUtil.getTransactionType(json);
if (transactionType === "NEW_PHONE") {
htmlObj.find(BUNDLER_FOOTNOTE_OUTER_WRAPPER_ID).remove();
}
if (typeof json.bundle.service !== 'undefined') {
var jsonPlanPrice = json.bundle.service.monthlyCharge;
var keepExistingPlan = SmartCartUtil.getIsKeepExistingPlan(json);
//only display bundler due monthly price if it is not existing plan.
if (!keepExistingPlan && (transactionType !== "NEW_PHONE")) {
var monthlyPrice = getOptionsPriceSum(json) + parseFloat(Util.getPrice(jsonPlanPrice));
monthlyPrice = monthlyPrice.toFixed(2);
if (transactionType === "ADD_A_LINE"){
bundlerPriceObj.html(SmartCartHtmlSkins.planExtraMonthlyPrice + "$ " + monthlyPrice + "* / ");
}
else{
bundlerPriceObj.html(SmartCartHtmlSkins.planMonthlyPrice + "$ " + monthlyPrice + "* / ");
}
}
bundlerPriceObj.append(SmartCartHtmlSkins.phonePrice + SmartCartUtil.getPrice(jsonPhonePrice) + "Your Cart (empty)
\