" + help + controlTemplate + "
";
};
// generate markup for help tooltip if help defined on field
$.cv.data.fieldHelpTemplate = function(field) {
if (field.help && field.help.length > 0)
return "?";
else
return "";
}
$.cv.data.formTemplate = {
Start: function () {
return '';
},
End: function () {
return '
';
}
}
$.cv.data.fieldTemplateCollection = function (fields, edit, add) {
var template = $.cv.data.formTemplate["Start"]();
$.each(fields, function (index, field) {
template = template + $.cv.data.fieldTemplate(field, edit,add);
});
template = template + $.cv.data.formTemplate["End"]();
return template;
};
$.cv.data.fieldTemplate = function(field, edit, add) {
// set default displayType
if (!field.displayType) {
if (field.type == "date") field.displayType = "DatePicker";
if (field.type == "datetime") field.displayType = "DateTimePicker";
if (field.type == "bit") field.displayType = "Checkbox";
}
var foundControlTemplate;
if (add) {
foundControlTemplate = $.cv.data.fieldEditTemplates[field.displayType](field, add);
} else if (edit) {
foundControlTemplate = $.cv.data.fieldEditTemplates[field.displayType](field);
} else {
foundControlTemplate = $.cv.data.fieldDisplayTemplates[field.displayType](field);
}
// now get help span if help defined on field
var helpMarkup = $.cv.data.fieldHelpTemplate(field);
return $.cv.data.fieldContainerTemplate(field, foundControlTemplate, helpMarkup);
};
// extend object for Kendo UI MVVM databind features visible, enabled and datasources
$.cv.data.extendObject = function(item, schema) {
$.each(schema.properties, function (index, field) {
item[field.fieldName + "_isVisible"] = true;
item[field.fieldName + "_isEnabled"] = true;
// check for lookups
if (field.lookupValues && $.isArray(field.lookupValues)) {
// check if not mandatory, if so add a select entry if one not already in there
if (!field.mandatory && $.grep(field.lookupValues, function(n) { return n.Value == "-1"; }) == false)
field.lookupValues.splice(0,0,{Text:'Select...',Value: "-1"});
item[field.fieldName + "_lookup"] = $.cv.data.dataSource({ dataType: '', data: field.lookupValues, transport: null });
} else if (field.lookup && field.lookup.length > 0) {
// there is a lookup defined( a method or static), so we can call dynamic service with ',
'
'
].join("\n");
return html;
},
_getDefaultItemViewTemplate: function() {
var widget = this;
// return the template to be bound to the dataSource items
var html =
[
''
].join("\n");
return html;
}
};
// register the widget
$.cv.ui.widget(messageWidget);
})(jQuery);;
/* Name: order lines
* Author: John Farnea
* Created: 20130220
*
* Dependencies:
* --- Third Party ---
* jquery.js
* kendo.web.js
* --- CSS ---
* /Scripts/cv.widget.kendo.js
* /Scripts/cv.css.js
* /Scripts/cv.ajax.js
* Params:
* dataSource:
* table:
* recordCount:
* pageSize:
* pageSizes:
* autoBind:
* viewTemplate:
* includeInBrowserHistory:
*/
/*
Pager Widget
Operates in 2 modes
1. using a dataSource object passed in.
In this case the pageSize and recordCount and currentPage is determined from the datasource
Changing pages will set the new page on the dataSource object, also changing pageSize will set the pageSize on the dataSource
2. Datasource is server based controlled by querystrings
Pass in a table, pageSize and recordCount as options.
currentPage is determined from the querystring (or = 1 if no querystring PageXXX present)
Changing the page will redirect to the curret url with PageXXX=Y where XXX is the table and Y is the current page
*/
;
// TODO: fix default array not being correctly replcaed for pageSizes
(function ($, undefined)
{
var CHANGE = "change";
var pager = {
// widget name
name: "pager",
// default widget options
options: {
// viewModel defaults
dataSource: [],
table: '',
recordCount: '',
pageSize: 10,
pageSizes: "5,10,25,50",
pageNumberLinksPerPage: 10,
includeInBrowserHistory: false,
arrowClass: "arrow",
arrowUnavailableClass: "unavailable",
// viewModel flags
autoBind: true,
// events
// view text defaults
firstPageText: "Ç",
previousPageText: "Å",
previous10Text: "…",
next10Text: "…",
nextPageText: "Ä",
lastPageText: "É",
noItemsToDisplayText: "No items to display",
// view Template
viewTemplate: null,
pageTemplate: ""
},
view: null,
viewModel: null,
initialise: function (el, o)
{
var widget = this;
// check for an internal view
var internalView = $(el).children(":first");
if (internalView.data("view"))
{
widget.view = internalView.html();
} else
{
//var viewTemplate = null;
widget._viewAppended = true;
if (!widget.options.pageTemplate)
{
// generate an page list template name and flag it to be created
widget.options.pageTemplate = "pageTemplate"; //widget.name + "-page-template-" + kendo.guid();
//widget.view += widget._getDefaultPageTemplate();
widget._itemViewAppended = true;
}
// get template text and parse it with the options
var templateText = widget.options.viewTemplate ? $("#" + widget.options.viewTemplate).html() : widget._getDefaultViewTemplate();
var viewTemplate = kendo.template(templateText);
widget.view = viewTemplate(widget.options);
// add the itemView (not parsed)
if (widget._itemViewAppended)
{
widget.view += widget._getDefaultPageTemplate();
}
widget.element.html(widget.view);
}
widget.viewModel = widget._getViewModel();
// bind view to viewModel
var target = $(widget.element).children(":first");
kendo.bind(target, widget.viewModel);
if (widget.options.table)
{
widget.refresh();
} else if (widget.options.dataSource)
{
widget._dataSource();
// refresh called by datasource Change event
}
},
destroy: function ()
{
var widget = this;
// remove the data element
widget.element.removeData(widget.name);
// clean up the DOM
if (widget._viewAppended)
{
$.cv.util.destroyKendoWidgets(widget.element);
widget.element.empty();
}
},
refresh: function ()
{
var widget = this;
widget.viewModel.dataSource = widget.options.dataSource;
widget.viewModel.updateProperties();
},
// for supporting changing the datasource via MVVM
setDataSource: function (dataSource)
{
// set the internal datasource equal to the one passed in by MVVM
this.options.dataSource = dataSource;
// rebuild the datasource if necessary, or just reassign
this._dataSource();
},
_dataSource: function ()
{
var widget = this;
// if the DataSource is defined and the _refreshHandler is wired up, unbind because
// we need to rebuild the DataSource
if (widget.dataSource && widget._refreshHandler)
{
widget.dataSource.unbind(CHANGE, widget._refreshHandler);
}
else
{
widget._refreshHandler = $.proxy(widget.refresh, widget);
}
// returns the datasource OR creates one if using array or configuration object
widget.dataSource = kendo.data.DataSource.create(widget.options.dataSource);
// set the page size to the option passed in, this allows the pager to control the page size
widget.dataSource.pageSize(parseInt(widget.options.pageSize));
// bind to the change event to refresh the widget
widget.dataSource.bind(CHANGE, widget._refreshHandler);
if (widget.options.autoBind)
{
widget.dataSource.fetch();
} else
{
// widget.refresh();
}
},
_getViewModel: function ()
{
var widget = this;
var initCurrentPage = function ()
{
if (widget.options.table)
{
var page = $.cv.util.queryStringValue("Page" + widget.options.table);
if (!page || page.length == 0)
return 1;
var pageInt = parseInt(page);
if (isNaN(pageInt))
return 1;
else
return pageInt;
}
if (widget.options.dataSource)
{
if (widget.options.dataSource.page)
{
return widget.options.dataSource.page();
}
}
return 1;
};
var initPageSize = function ()
{
if (widget.options.table)
{
var size = $.cv.util.queryStringValue("PageSize" + widget.options.table);
if (!size || size.length == 0)
{
return isNaN(widget.options.pageSize) ? 10 : widget.options.pageSize;
}
var sizeInt = parseInt(size);
if (isNaN(sizeInt))
return 10;
else
return sizeInt;
}
if (widget.options.dataSource)
{
if (widget.options.dataSource.page)
{
return widget.options.dataSource.pageSize();
}
else
{
// ensure the page size is set to the option passed in if the data source has not yet been initialised
return isNaN(widget.options.pageSize) ? 10 : widget.options.pageSize;
}
}
return 10;
};
var initRecordCount = function ()
{
if (widget.options.table)
{
return widget.options.recordCount;
} else if (widget.options.dataSource && widget.options.dataSource.total)
{
return widget.options.dataSource.total();
}
return 0;
};
var getUnavailable = function (currentClass, isUnavailable)
{
var result = currentClass;
if (isUnavailable)
{
result += currentClass.length > 0 ? " " : "";
result += widget.options.arrowUnavailableClass;
}
return result;
};
var viewModel = kendo.observable({
currentPage: initCurrentPage(),
pageSize: initPageSize(),
recordCount: initRecordCount(),
updateProperties: function ()
{
this.set("currentPage", initCurrentPage());
this.set("pageSize", initPageSize());
this.set("recordCount", initRecordCount());
},
currentPageStartRecord: function ()
{
var cp = this.get("currentPage");
var ps = this.get("pageSize");
var rc = this.get("recordCount");
if (rc == 0)
return 0;
else
return (cp - 1) * ps + 1;
},
currentPageEndRecord: function ()
{
var cp = this.get("currentPage");
var ps = this.get("pageSize");
var pe = ps * cp;
var rc = this.get("recordCount");
return pe > rc ? rc : pe;
},
firstPage: function ()
{
// select the first page
this.set("currentPage", 1);
},
previousPage: function ()
{
// select the previous page
this.set("currentPage", this.get("currentPage") - 1);
},
nextPage: function ()
{
// select the next page
this.set("currentPage", this.get("currentPage") + 1);
},
lastPage: function ()
{
// select the last page
this.set("currentPage", this.pageCount());
},
gotoPage: function (page)
{
if (!isNaN(page))
{
this.set("currentPage", page);
}
},
pageSelected: function ()
{
// select "currentPage"
// redirect if using tablename or ds.page() if using datasource
if (widget.options.table)
{
var params = {};
params["Page" + widget.options.table] = this.get("currentPage");
params["PageSize" + widget.options.table] = this.get("pageSize");
$.cv.util.redirect(window.location.href, params, !widget.options.includeInBrowserHistory);
} else if (widget.options.dataSource && widget.options.dataSource.page)
{
widget.options.dataSource.page(this.get("currentPage"));
}
},
onFirstPage: function ()
{
return this.get("currentPage") == 1 || this.get("recordCount") == 0;
},
onLastPage: function ()
{
var cp = this.get("currentPage");
var pc = this.pageCount();
return cp == pc || this.get("recordCount") == 0;
},
pageSizes: widget.options.pageSizes,
pageSizeDataSource: function ()
{
var ps = this.get("pageSizes");
// issue in the declaritive declaration when trying to override the page sizes, need to pass in an array i.e. [20,40,60,80]
if(typeof ps === "string")
return new kendo.data.ObservableArray(ps.split(","));
else
return new kendo.data.ObservableArray(ps);
},
pageDataSource: function ()
{
var pa = [];
if (this.get("recordCount") == 0)
{
pa.push({ cssClass: "", pageText: widget.options.noItemsToDisplayText, page: 0 });
}
else
{
var pageLinks = widget.options.pageNumberLinksPerPage;
var cp = this.get("currentPage");
var pc = this.pageCount();
var pageLinkCount = pageLinks > 0 ? (pc < pageLinks ? pc : pageLinks) : pc; // Number of page number links to show.
var startPage = 1;
if (cp > pageLinkCount)
{
startPage = (Math.floor((cp - 1) / pageLinkCount) * pageLinkCount) + 1;
}
var endPage = startPage + pageLinkCount - 1;
if (endPage > pc)
{
endPage = pc;
}
if (widget.options.firstPageText != "")
pa.push({ cssClass: getUnavailable(widget.options.arrowClass, cp == 1), pageText: widget.options.firstPageText, page: 1 });
if (widget.options.previousPageText != "")
pa.push({ cssClass: getUnavailable(widget.options.arrowClass, cp == 1), pageText: widget.options.previousPageText, page: cp - 1 < 1 ? 1 : cp - 1 });
if (cp > pageLinkCount)
{
pa.push({ cssClass: "", pageText: widget.options.previous10Text, page: startPage - 1 });
}
for (var p = startPage; p <= endPage; p++)
{
var cssClass = p == cp ? "current" : "";
pa.push({ cssClass: cssClass, pageText: p, page: p });
}
if (endPage < pc)
{
pa.push({ cssClass: "", pageText: widget.options.next10Text, page: startPage + pageLinkCount });
}
if (widget.options.nextPageText != "")
pa.push({ cssClass: getUnavailable(widget.options.arrowClass, cp == pc), pageText: widget.options.nextPageText, page: cp + 1 > pc ? pc : cp + 1 });
if (widget.options.lastPageText != "")
pa.push({ cssClass: getUnavailable(widget.options.arrowClass, cp == pc), pageText: widget.options.lastPageText, page: pc });
$.each(pa, function (idx, item)
{
item.selectPage = function () { widget.viewModel.gotoPage(this.page); };
});
}
return new kendo.data.ObservableArray(pa);
},
pageCount: function ()
{
var sz = this.get("pageSize");
var pages = Math.floor(this.get("recordCount") / sz);
if (this.get("recordCount") % sz != 0)
{
pages += 1;
}
return pages;
},
hasNoPages: function() {
return this.pageCount() == 0;
},
hasMultiplePages: function () {
return this.pageCount() > 1;
}
});
viewModel.bind("change", function (e)
{
if (e.field == "currentPage")
{
viewModel.pageSelected();
}
if (e.field == "pageSize")
{
if (!widget.options.table)
{
widget.options.dataSource.pageSize(parseInt(viewModel.pageSize));
}
var currentPage = viewModel.get("currentPage");
if (currentPage != 1)
{
viewModel.set("currentPage", 1); // which fires a pageSelected
} else
{
viewModel.pageSelected();
}
}
});
return viewModel;
},
_getDefaultViewTemplate: function ()
{
var html =
[
' ',
' ',
'
',
'',
'
',
'
',
' ',
' Records, Pages',
'
',
' ',
' per page',
//' ',
'
',
' ',
'
',
' "
+ "";
if (widget.options.useSuggestions) {
html += "";
} else {
html += "";
}
html += ""
+ "
";
return html;
}
};
// register the widget
$.cv.ui.widget(productsearch);
})(jQuery);
;
/*
* See: http://confluence.commercevision.com.au/x/3gL3B
*/
;
(function ($, undefined) {
var PRODUCTADDEDTOCART = "productAddedToCart",
PRODUCTADDEDTOFAVOURITES = "productAddedToFavourites",
PRODUCTADDTOCARTFAIL = "productAddToCartFail",
PRODUCTADDTOFAVOURITESFAIL = "productAddToFavouritesFail",
PRODUCTREMOVEDFROMFAVOURITES = "productRemovedFromFavourites",
PRODUCTREMOVEDFROMAVOURITESFAIL = "productRemovedFromFavouritesFail";
var productWidget = {
name: "product",
extend: "mvvmwidget",
extendEvents: [
PRODUCTADDEDTOCART,
PRODUCTADDEDTOFAVOURITES,
PRODUCTADDTOCARTFAIL,
PRODUCTADDTOFAVOURITESFAIL,
PRODUCTREMOVEDFROMFAVOURITES,
PRODUCTREMOVEDFROMAVOURITESFAIL
],
options: {
// messages
// view Template
viewTemplate: null,
// standard view options
translationParams: "",
productCode: "",
itemsOnOrder: 0,
availableQty: 0,
priceForOne: 0.00,
quantity: "",
autoPopulateQty: true,
defaultCostCentreCode: "",
noteIsExtendedLineDescription: true,
clearExistingMessages: false,
triggerMessages: false,
triggerFavouritesMessages: true,
allowOrderEntryForProduct: true,
allowDecimals: false,
blurElementOnKeyup: true,
addToCartRefreshTime: 600, // timeout when adding to cart to refresh order default to 400ms
// others to be added to allow configuration of standard view
// widget settings
enableOrderLineNotes: false,
useCostCentres: false,
useOrderEntry: false,
isFavourite: false,
multiUpdateThrottleTimeout: 400,
addSelectedAttributeCodeToOrder: false,
forceOrderPackQty: false,
//Product attributes options
attributedProductList:null,
pleaseSelectAttributeText: "Please select the {0}",
attributeValueArray: "",
packQuantity: 1,
textProductAddedToCart: "Your products have been successfully added to your cart",
textQuantityMustBeNumeric: "Please enter whole numbers greater than zero",
pleaseOrderInPackQuantity: "Must Order in pack quantity of {0}'s",
textProductAddedToFavourites: "Your product has been successfully added to your favourites",
textDefaultErrorAddingToFavourites: "Error adding this product to your favourites, it may already exist",
textDefaultRemoveFavouriteSuccess: "Your product has been successfuly removed from your favourites",
textDefaultRemoveFavouriteFail: "Error removing this product from your favourites, it may have already been removed",
defaultPleaseSelectAttribute: "Please ensure you have selected all product options",
textAddToCartButtonLabel: "Add to Cart",
textAddToFavouritesButtonLabel: "Add to Favourites"
},
initialise: function (el, o) {
var widget = this,
opts = widget.options,
vm = widget.viewModel;
widget.translateParameters(el);
widget._updatePriceBreaksThrottled = _.debounce(function () {
vm._updatePriceBreaks();
}, opts.multiUpdateThrottleTimeout);
// We MUST have the product code from the attribute as as a string
// without the kendo special parsing (which would parseInt the thing thus
// removing any zeros at the start and any letters if starts with numbers.
// Note: .attr() as it returns string whereas data() converts it to an int potentially also.
widget.options.productCode = el.attr('data-product-code') || "";
widget.options.masterProductCode = el.attr('data-master-product-code') || null;
},
translateParameters: function (el) {
var widget = this;
if (widget.options.translationParams.length > 0) {
$.each(widget.options.translationParams.split(","), function (idx, item) {
if (widget.options[item] != undefined && widget.options[item] != $(el).data(item)) {
widget.options[item] = $(el).data(item);
}
});
}
},
// Called after the widget view is bound to the viewModel.
viewModelBound: function () {
var widget = this;
},
_buildViewTemplate: function () {
var widget = this;
},
_updatePriceBreaksThrottled: $.noop,
_getViewModel: function () {
var widget = this;
var viewModel = $.extend(kendo.observable(widget.options), {
useOrderEntry: widget.options.useOrderEntry,
isProcessing: false,
isAddingToCart: false,
isAddingToFavourites: false,
enableOrderLineNotes: function () {
return this.get("useOrderEntry") && widget.options.enableOrderLineNotes;
},
useCostCentres: function () {
return this.get("useOrderEntry") && widget.options.useCostCentres;
},
quantity: widget.options.forceOrderPackQty ? (widget.options.quantity.toString().length > 0 ? widget.options.packQuantity : widget.options.quantity) : widget.options.quantity,
lastValidQuantity: widget.options.quantity,
allowOrderEntryForProduct: widget.options.allowOrderEntryForProduct,
isFavourite: widget.options.isFavourite,
addProductKeyUp: function (event) {
if (event.which == 13) {
// stops the form from submitting when using the widget on a page that has form submit buttons
event.preventDefault();
event.stopPropagation();
this.addToCart();
if (widget.options.blurElementOnKeyup) {
$(event.srcElement).blur();
}
}
},
// This never gets changes from the original assigned product code (master product code)
masterProductCode: $.cv.util.hasValue(widget.options.masterProductCode) ? widget.options.masterProductCode : widget.options.productCode,
// Product Code might change to the attributed product code and the UI updated
// with the attributed product information...
productCode: widget.options.productCode,
codeLastUsedToGetProdData:'',
productData: {},
populateProductData: function(){
var vm = this,
prodcode = vm.get("productCode");
if(vm.get("codeLastUsedToGetProdData") != prodcode){
vm.set("codeLastUsedToGetProdData",prodcode);
vm.set('forceNextQtyCheck',true);
vm.updatePriceBreaks();
var productData = $.cv.css.product.getProductDetail({productCode:prodcode}).
success(function(data){
widget.viewModel.set("productData",data.data[0])
});
}
},
pricePerUnit: widget.options.priceForOne,
extendedPrice: isNaN(widget.options.quantity) || isNaN(widget.options.priceForOne.toString().replace("$", "")) ? 0 : widget.options.quantity * widget.options.priceForOne.toString().replace("$", ""),
lastCheckedQty: 0.00,
forceNextQtyCheck: false,
_setExtendedPrice: function () {
var vm = this,
price = vm.get("pricePerUnit").toString().replace("$", ""),
qty = vm.get('quantity'),
extendedPrice = 0;
if (isNaN(qty) || isNaN(price)) {
extendedPrice = 0;
} else {
extendedPrice = qty * parseFloat(price);
}
vm.set("extendedPrice", extendedPrice);
$.cv.css.trigger($.cv.css.eventnames.productExtendedPriceUpdated, {
productCode: vm.get("productCode"),
extendedPrice: extendedPrice
});
},
_updatePriceBreaks: function () {
var vm = this,
qty = vm.get('quantity');
if (qty == vm.get('lastCheckedQty') && vm.get('forceNextQtyCheck') == false)
return;
vm.set('lastCheckedQty', qty);
$.cv.css.product.getPriceForQty({
productCode: vm.get('productCode'),
quantity: qty
}).
success(function (data) {
widget.viewModel.set("pricePerUnit", parseFloat(data.data));
vm._setExtendedPrice();
});
},
updatePriceBreaks:function(){
/*
Call a throttled version of the method
Prevents multiple calls when a user clicks on plus or minus on a kendo numeric textbox
or makes multiple quantity chaanges in quick succession
*/
widget._updatePriceBreaksThrottled();
},
getQuantity:function () {
var vm = this;
return vm.get('quantity');
},
setQuantity:function (qty) {
var vm = this;
vm.set('quantity', qty);
},
isMasterProduct:function(){
var vm = this;
return vm.get("attributedProductList") != null && vm.get("attributedProductList").length > 0
},
// This will return the current attributes selected for this product.
// If the product is not a master product but has an attributed product it can be changed.
productAttributesHasBeenInit: false,
currentProductAttributesLocal: [],
currentProductAttributes: function(){
var vm = this,
allPossibleCombinations = vm.get("attributedProductList");
if (vm.get("productAttributesHasBeenInit") == false){
vm.set("productAttributesHasBeenInit",true);
var temp=[],
i=0,
isFirst=true;
// if we are a master product we should have a list of options.
if (vm.isMasterProduct() && allPossibleCombinations.length > 0)
{
for(var attr in allPossibleCombinations[0][2])
// We only need one row as any product will always have all of the
// Attr Types. ie color and size
{
var isSelect = attr.split('_')[1] == 'D';
temp.push({
nameForDisplay:attr.split('_')[0],
name:attr,
val:"",
index:i,
isSelect: isSelect,
showRadio: isFirst && !isSelect,
showSelect: isFirst && isSelect,
showPleaseSelect: !isFirst,
updateShowSettings: function(){
var observer = this,
checkIDX = widget.viewModel.get("currentAttributeIDXToSelectNext");
val = (checkIDX >= observer.get("index") || checkIDX == -1);
observer.set("showPleaseSelect",!val);
if(observer.isSelect == true){
observer.set("showSelect",val);
}else{
observer.set("showRadio",val);
}
},
// This will change depending on what the current previous attributes are.
attributeOptionsSource: [],
updateAttributeOptionsSource:function(){
var observer = this,
productViewModel = observer.parent().parent(),
allPossibleCombinations = productViewModel.get("attributedProductList"),
currentIndex = observer.index,
local = productViewModel.currentProductAttributesLocal,
tempObject = [],
dataObject = observer.isSelect == true ? [
kendo.observable({id:"",text:"Please Select",attrName:observer.name})
] : [];
// Get all distinct options.
if (allPossibleCombinations){
for(var i = 0; i < allPossibleCombinations.length; i++){
var invalid = false;
// Check the current selected items
for(var g = 0; g < local.length; g++)
{
// Up until the current index
if(local[g].index < currentIndex &&
// If the combination we are checking has a value = current then its all good.
local[g].val != allPossibleCombinations[i][2][local[g].name])
{
invalid = true;
}
}
var data = allPossibleCombinations[i][2][observer.name];
if(!_.contains(tempObject,data) && !invalid){
tempObject.push(data);
}
}
// Now to return an observable obj.
for(var q = 0; q < tempObject.length; q++)
{
dataObject.push(kendo.observable({
id:tempObject[q],
text:tempObject[q],
attrName:observer.name
}));
}
}
observer.set("attributeOptionsSource",dataObject);
},
// In a perfect world(/widget) this shouldn't be needed.
// I should be able to just put a get into options of the.
// productViewModel.get("currentAttributeIDXToSelectNext");
// But it doesn't seem to be correctly applying the listener hence the following.
updateWidget:function(){
var observer = this,
productViewModel = widget.viewModel;
var local = productViewModel.currentProductAttributesLocal;
for (var q = 0 ; q < local.length ; q++)
{
if(observer.index < local[q].index){
local[q].set("val","");
local[q].updateAttributeOptionsSource();
}
productViewModel.updateCurrentAttributeIDXToSelectNext();
local[q].updateShowSettings();
}
}
});
isFirst = false;
i++;
}
}
vm.set("currentProductAttributesLocal",temp);
var list = vm.get("currentProductAttributesLocal");
for (var i = 0; i < list.length; i ++){
list[i].updateAttributeOptionsSource();
}
// At this point we need to check if and of our products are the default and if they are select them.
for(var g = 0; g < allPossibleCombinations.length; g++){
if(allPossibleCombinations[g][1] == true){
for (var i = 0; i < list.length; i++){
list[i].set("val",allPossibleCombinations[g][2][list[i].name]);
list[i].updateWidget();
}
break;
}
}
// I'm not attributed or master product if I am here and nothing was done.
}
return vm.get("currentProductAttributesLocal");
},
currentAttributeIDXToSelectNext:0,
updateCurrentAttributeIDXToSelectNext: function(){
var vm = this,
// All of the attributes for the product with and without vals
attrList = vm.currentProductAttributes();
if(attrList && attrList.length !=0){
for(var a = 0; a ", "
", "", "
", " Write A Product Review
", "", " ", ""
+ ""
+ "";
html += "
";
return html;
},
_getDefaultItemViewTemplate: function () {
var widget = this;
// return the template to be bound to the dataSource items
var html = "";
return html;
},
_getDefaultChargeLineViewTemplate: function () {
var widget = this;
// return the template to be bound to the dataSource items
var html = "";
return html;
}
}; // register the widget
$.cv.ui.widget(orderLinesWidget);
})(jQuery);;
/* Name: delivery address
* Author: Aidan Thomas
* Created: 20130220
*
* Dependencies:
* --- Third Party ---
* jquery.js
* kendo.web.js
* --- CSS ---
* /Scripts/cv.widget.kendo.js
* /Scripts/cv.css.js
* /Scripts/cv.util.js
* /Scripts/cv.css.deliveryAddress.js
* Params:
* orderComments:
* deliveryInstructions:
* orderReference:
* copyOrderConfirmation:
* soDelCountry:
* soDelPhone:
* autoBind:
* triggerMessages:
* enterOrderComments:
* disableDeliveryAddress:
* showDeliveryInstructions:
* forceOrderReference:
* allowCopyOrderConfirmation:
* textOrderReferenceMandatory:
* textCustomerReferenceUpdatedSuccess:
* textDeliveryAddressUpdatedSuccess:
* textOrderCommentsUpdatedSuccess:
* textDeliveryInstructionsUpdatedSuccess:
* textCopyOrderConfirmationUpdatedSuccess:
* textCopyOrderConfirmationInvalidEmails:
* settings:
* resources:
* useSettings:
* viewTemplate: kendo template id for the main view
*/
;
(function ($, undefined) {
var DATABINDING = "dataBinding",
DATABOUND = "dataBound",
CHANGE = "change",
ADDRESSRENDERED = "addressRendered",
MULTIADDRESSRENDERED = "multiAddressRendered",
ADDRESSVALIDATIONRENDERED = "addressValidationRendered",
ADDRESSVALIDATIONOPTIONSELECTED = "addressValidationOptionSelected",
COPYADDRESSTOBILLING = "addressToBilling",
COPYBILLINGTOADDRESS = "billingToAddress";
var deliveryAddressWidget = {
// Standard Variables
// widget name
name: "deliveryAddress",
// default widget options
options: {
// viewModel defaults
dataSource: [],
multipleDeliveryAddressDataSource: [],
deliveryAddressValidationDataSource: [],
orderComments: '',
deliveryInstructions: '',
orderReference: '',
copyOrderConfirmation: '',
soDelCountry: '',
soDelPhone: '',
sessionTimeOutRedirectUrl: "login.aspx",
multipleAddressTextField: "Name",
multipleAddressValueField: "Name",
addressValidationTextField: "label",
addressValidationValueField: "value",
defaultMultipleAddressValue: '',
defaultAddressValidationValue: '',
inputErrorClass: "input-error",
deliveryAddressMode: "Delivery",
// viewModel flags
autoBind: true,
triggerMessages: false,
triggerErrorMessages: false,
triggerExternalValidationMessages: false,
includeInBrowserHistory: false,
showCustomerReferenceUpdatedMessage: false,
updateAddressOnChanged: false,
autoSelectAddressValidationValue: false,
saveAddressForUser: true,
saveDeliveryInstructions: false,
showPickupDeliveryControls: false,
pickupContactFieldData: [],
defaultLinkDeliveryAndBilling: false,
useNegationLogicForLinkingAddress: false,
showBillingAddressOnPickup: false,
clearOnUncheckedLink: true,
saveAddressDownToUser: true,
saveBillAddressDownToUser: false,
addressMapMode: COPYBILLINGTOADDRESS,
loadBlankBillingFromDelivery: false,
preserveLoadedDeliveryAddress: false,
callValidateServiceOnCheckout: false,
fieldMapFrom: "0,1,2,3,4,5,6,7,8",
userAddressFields: "DeliveryContactName,DeliveryAddress1,DeliveryAddress2,DeliverySuburb,DeliveryState,DeliveryCountry,DeliveryPostcode,PhoneNumber",
saveAddressFieldGroup: "saveAddressFieldGroup",
// events
// view flags
// view text defaults
textErrorGettingDeliveryAddress: "There was an error getting the delivery address for the order",
textErrorUpdatingDeliveryAddress: "There was an error updating the delivery address for the order",
textErrorValidatingSuburbPostcode: "There was an error validating the delivery address' suburb and postcode",
textCustomerReferenceUpdatedSuccess: 'Customer reference updated successfully',
textDeliveryAddressUpdatedSuccess: 'Delivery address updated successfully',
textBillingAddressUpdatedSuccess: 'Billing address updated successfully',
textCopyOrderConfirmationInvalidEmails: 'One of the copy confirmation email addresses is invalid',
textErrorGettingMutipleDeliveryAddress: "There was an error retrieving your list of delivery addresses",
textUpdatingAttentionToSuccess: "Attention to and phone number updated successfully",
textErrorUpdatingAttentionTo: "There was an error updating the attention to or phone number",
textErrorSavingDeliveryAddress: "There was an error saving your delivery address",
textErrorMissingDeliveryAddressFields: "Not all the mandatory address fields have been populated",
textErrorCannotEditAddressOnPickup: "The delivery address cannot be changed when using pickup",
defaultMultipleAddressText: 'Please Select...',
defaultAddressValidationText: 'Please Select...',
textMandatoryFieldNotComplete: "",
// widget settings
enterOrderComments: true,
disableDeliveryAddress: false,
disableBillingAddress: false,
showDeliveryInstructions: true,
forceOrderReference: true,
allowCopyOrderConfirmation: true,
copyOrderConfirmationMandatory: false,
hasMultipleDeliveryAddresses: false,
showAttentionToUserDetails: false,
isViewOnly: false,
textOrderReferenceMandatory: 'Please enter an order reference',
textCopyOrderConfirmationMandatory: 'Please enter an order confirmation copy email address',
textPickupContactDetailsIncomplete: "Pickup contact details are incomplete",
textOrderCommentsUpdatedSuccess: 'Order comments updated successfully',
textDeliveryInstructionsUpdatedSuccess: 'Delivery instructions updated successfully',
textCopyOrderConfirmationUpdatedSuccess: 'Copy order confirmation updated successfully',
attentionUserName: "",
attentionPhoneNumber: "",
multiUpdateThrottleTimeout: 0,
// view Template
viewTemplate: '', // treat like its an id
addressViewTemplate: null,
multipleAddressViewTemplate: null,
addressValidationViewTemplate: null,
// Pickup view only field mapping
pickupSuburbFieldName: 'SoDelAddr3',
pickupStateFieldName: 'SoDelAddr4',
// Suburb and Postcode Validation
enableSuburbAndPostcodeValidation: false,
suburbFieldName: 'SoDelSuburb',
postcodeFieldName: 'SoDelPostcode',
billingSuburbFieldName: 'SoBillSuburb',
billingPostcodeFieldName: 'SoBillPostcode',
suburbAndPostcodeInvalidMessage: 'The suburb and postcode don\'t correspond.'
},
events: [DATABINDING, DATABOUND, MULTIADDRESSRENDERED, ADDRESSRENDERED, ADDRESSVALIDATIONRENDERED, ADDRESSVALIDATIONOPTIONSELECTED],
viewModel: null,
view: null,
// private property
_viewAppended: false,
_addressViewAppended: false,
_multipleAddressViewAppended: false,
_addressValidationViewAppended: false,
// Standard Methods
initialise: function (el, o) {
var widget = this;
// check for an internal view
var internalView = $(el).children(":first");
if (internalView.data("view")) {
widget.view = internalView.html();
} else {
widget._viewAppended = true;
if (!widget.options.addressViewTemplate) {
// generate an item template name and flag it to be created
widget.options.addressViewTemplate = widget.name + "-address-template-" + kendo.guid();
widget._addressViewAppended = true;
}
if (!widget.options.multipleAddressViewTemplate) {
// generate an item template name and flag it to be created
widget.options.multipleAddressViewTemplate = widget.name + "-multi-address-template-" + kendo.guid();
widget._multipleAddressViewAppended = true;
}
if (!widget.options.addressValidationViewTemplate) {
// generate an item template name and flag it to be created
widget.options.addressValidationViewTemplate = widget.name + "-address-validation-template-" + kendo.guid();
widget._addressValidationViewAppended = true;
}
// get template text and parse it with the options
var templateText = widget.options.viewTemplate ? $("#" + widget.options.viewTemplate).html() : widget._getDefaultViewTemplate();
var viewTemplate = kendo.template(templateText);
widget.view = viewTemplate(widget.options);
// add the addressViewTemplate (not parsed)
if (widget._addressViewAppended) {
widget.view += widget._getDefaultAddressViewTemplate();
}
// add the multipleAddressViewTemplate (not parsed)
if (widget._multipleAddressViewAppended) {
widget.view += widget._getDefaultMultipleAddressViewTemplate();
}
// add the addressValidationViewTemplate (not parsed)
if (widget._addressValidationViewAppended) {
widget.view += widget._getDefaultAddressValidationViewTemplate();
}
widget.element.html(widget.view);
}
// now MMVM bind
widget.viewModel = widget._getViewModel();
var target = widget.element.children(":first");
kendo.bind(target, widget.viewModel);
widget.trigger(DATABOUND);
if (widget.options.isViewOnly) {
$.cv.css.bind($.cv.css.eventnames.localdeliveryAddressChanged, $.proxy(widget.viewModel.localdeliveryAddressChanged, widget.viewModel));
$.cv.css.bind($.cv.css.eventnames.deliveryAddressModeChanged, function (msg) {
widget.viewModel.set("deliveryAddressMode", msg.message)
});
}
widget._setThrottles();
},
destroy: function () {
var widget = this;
// remove the data element
widget.element.removeData(widget.name);
// clean up the DOM
if (widget._viewAppended) {
$.cv.util.destroyKendoWidgets(widget.element);
widget.element.empty();
}
},
validateInputFields: function (showMessages) {
var widget = this,
triggerMessages = widget.options.triggerMessages,
validateDeferred = $.Deferred();
if (!widget.options.isViewOnly) {
if (widget.options.triggerExternalValidationMessages) {
widget.options.triggerMessages = true;
}
validateDeferred = widget.viewModel.validateInputFields(showMessages, widget.options.callValidateServiceOnCheckout);
widget.options.triggerMessages = triggerMessages;
}
return validateDeferred;
},
_setThrottles: function () {
var widget = this;
widget._updateDeliveryAddressThrottled = _.debounce(function () {
if (widget.options.multiUpdateThrottleTimeout > 0) {
var triggerUpdate = !widget.viewModel.get("isAddressBeingEdited");
if (widget.viewModel.get("deliveryAddressMode") != "Pickup" && widget.options.addressMapMode == COPYBILLINGTOADDRESS && widget.viewModel.shouldAddressBeCopied()) {
triggerUpdate = !widget.viewModel.get("isBillingAddressBeingEdited");
}
if (triggerUpdate) {
return widget.viewModel._updateDeliveryAddress.apply(widget.viewModel, arguments);
}
} else {
return widget.viewModel._updateDeliveryAddress.apply(widget.viewModel, arguments);
}
}, widget.options.multiUpdateThrottleTimeout);
widget._updateBillingAddressThrottled = _.debounce(function () {
if (widget.options.multiUpdateThrottleTimeout > 0) {
var triggerUpdate = !widget.viewModel.get("isBillingAddressBeingEdited");
if (widget.viewModel.get("deliveryAddressMode") != "Pickup" && widget.options.addressMapMode == COPYADDRESSTOBILLING && widget.viewModel.shouldAddressBeCopied()) {
triggerUpdate = !widget.viewModel.get("isAddressBeingEdited");
}
if (triggerUpdate) {
return widget.viewModel._updateBillingAddress.apply(widget.viewModel, arguments);
}
} else {
return widget.viewModel._updateBillingAddress.apply(widget.viewModel, arguments);
}
}, widget.options.multiUpdateThrottleTimeout);
},
// private function
_getViewModel: function () {
var widget = this;
var init = function () {
if (!widget.options.isViewOnly) {
loadSoDelAddress().done(function (response) {
// Skip suburb-postcode validation if disabled.
if (widget.options.enableSuburbAndPostcodeValidation !== true) {
return;
}
// So We SHOULD have bill to and delivery address assigned
// Validate Post Code and Suburbs for both
if (response && response.data && response.data.result && response.data.result.length > 0) {
// Data has already been assigned to the ViewModel fields below...
var addrList = viewModel.get('addressItemList');
var billAddrList = viewModel.get('billingAddressItemList');
// .. therefore extract 3 required fields for suburb-postcode validation
// for both delivery and billing...
var addr = {
suburb: '',
postcode: '',
country: ''
},
bill = {
suburb: '',
postcode: '',
country: ''
};
_.each(addrList, function (item) {
if (item.fieldItem.FieldName === "SoDelCountry") {
addr.country = item.value;
return;
}
if (item.fieldItem.FieldName === widget.options.suburbFieldName) {
addr.suburb = item.value;
return;
}
if (item.fieldItem.FieldName === widget.options.postcodeFieldName) {
addr.postcode = item.value;
return;
}
});
_.each(billAddrList, function (item) {
if (item.fieldItem.FieldName === "SoDelCountry") {
bill.country = item.value;
return;
}
if (item.fieldItem.FieldName === widget.options.billingSuburbFieldName) {
bill.suburb = item.value;
return;
}
if (item.fieldItem.FieldName === widget.options.billingPostcodeFieldName) {
bill.postcode = item.value;
return;
}
});
// ... and validate them ...
var d1 = viewModel.validateSuburbAndPostCodeInternal(addr.suburb, addr.postcode, addr.country, false /* delivery */);
var d2 = viewModel.validateSuburbAndPostCodeInternal(bill.suburb, bill.postcode, bill.country, true /* billing */);
$.when(d1, d2).done(function () {
viewModel.validateInputFields(false);
});
}
});
// Multiple delivery addresses
if (widget.options.hasMultipleDeliveryAddresses && widget.options.multipleDeliveryAddressDataSource.length == 0) {
getDeliveryAddresses();
} else {
setMultipleDeliveryAddressDataSource();
}
if (widget.options.showAttentionToUserDetails) {
viewModel.setAttentionToUserName(false);
viewModel.setAttentionToPhoneNumber(false);
}
} else {
viewModel.localdeliveryAddressChanged();
}
};
var loadSoDelAddress = function () {
var d1 = $.cv.css.deliveryAddress.getDeliveryAddressForCurrentOrder();
d1.done(function (msg) {
var data = msg.data;
if (!msg.sessionHasTimedOut) {
processAddressData(data);
} else {
viewModel.redirectToTimeoutUrl(widget.options.sessionTimeOutRedirectUrl, params, !widget.options.includeInBrowserHistory);
}
}).fail(function () {
viewModel.setMessage(widget.options.textErrorGettingDeliveryAddress, $.cv.css.messageTypes.error);
});
return d1;
};
var processAddressData = function (data) {
var deliveryAddressMode = viewModel.get("deliveryAddressMode");
viewModel.set("isInitialLoad", true);
if (data.result && data.result.length > 0) {
for (var i = 0; i < 1; i++) {
viewModel.set("deliveryInstructions", data.result[i].SoDelIns);
viewModel.set("orderReference", data.result[i].SoCustReference);
viewModel.set("copyOrderConfirmation", data.result[i].CopyOrderConfirmationEmail);
viewModel.set("orderComments", data.result[i].SoComments);
viewModel.set("soDelCountry", data.result[i].SoDelCountry);
viewModel.set("soDelPhone", data.result[i].SoDelPhone);
if (data.result[i].ContactFirstName !== undefined) {
viewModel.set("contactFirstName", deliveryAddressMode == "Pickup" ? data.result[i].ContactFirstName : "");
}
if (data.result[i].ContactLastName !== undefined) {
viewModel.set("contactLastName", deliveryAddressMode == "Pickup" ? data.result[i].ContactLastName : "");
}
if (data.result[i].ContactPhoneNumber !== undefined) {
viewModel.set("contactPhoneNumber", deliveryAddressMode == "Pickup" ? data.result[i].ContactPhoneNumber : "");
}
if (viewModel.get("deliveryAddressObjectKey").length == 0)
viewModel.set("deliveryAddressObjectKey", data.result[i]._objectKey);
var dataListTemplates = _getAddressDataView(data.result[i].AddressFieldData, false);
if (dataListTemplates.length > 0)
viewModel.set('addressFieldsExist', true);
viewModel.set('addressItemList', dataListTemplates);
if (data.result[i].BillingAddressFieldData && data.result[i].BillingAddressFieldData != null) {
var billingAddressListTemplates = _getAddressDataView(data.result[i].BillingAddressFieldData, true);
if (billingAddressListTemplates.length > 0)
viewModel.set('billingAddressFieldsExist', true);
viewModel.set('billingAddressItemList', billingAddressListTemplates);
if (widget.options.addressMapMode == COPYBILLINGTOADDRESS && widget.options.loadBlankBillingFromDelivery && viewModel.isBillingAddressEmpty() && !viewModel.isDeliveryAddressEmpty()) {
widget.options.addressMapMode = COPYADDRESSTOBILLING;
viewModel.copyAddressFields(false);
viewModel.triggerCopyUpdate();
widget.options.addressMapMode = COPYBILLINGTOADDRESS;
}
if (viewModel.shouldAddressBeCopied() && !viewModel.deliveryAndBillingMatch()) {
// only copy if they are not already the same
if (!widget.options.preserveLoadedDeliveryAddress
|| (widget.options.addressMapMode == COPYBILLINGTOADDRESS && viewModel.isDeliveryAddressEmpty())
|| widget.options.addressMapMode == COPYADDRESSTOBILLING) {
viewModel.copyAddressFields();
viewModel.triggerCopyUpdate();
} else {
viewModel.set("preserveAddressData", true);
if (widget.options.useNegationLogicForLinkingAddress) {
viewModel.set("linkDeliveryAndBilling", true);
} else {
viewModel.set("linkDeliveryAndBilling", false);
}
viewModel.set("preserveAddressData", false);
}
}
viewModel.disableEnableCopiedAddressFields();
}
widget.trigger(ADDRESSRENDERED);
}
}
viewModel.validateInputFields(false);
viewModel.set("isInitialLoad", false);
};
var localProcessAddressData = function (data) {
if (data.result && data.result.length > 0) {
for (var i = 0; i < 1; i++) {
viewModel.set("deliveryInstructions", data.result[i].SoDelIns);
viewModel.set("orderReference", data.result[i].SoCustReference);
viewModel.set("copyOrderConfirmation", data.result[i].CopyOrderConfirmationEmail);
viewModel.set("orderComments", data.result[i].SoComments);
viewModel.set("soDelCountry", data.result[i].SoDelCountry);
viewModel.set("soDelPhone", data.result[i].SoDelPhone);
viewModel.set("attentionUserName", data.result[i].AttentionUserName);
viewModel.set("attentionPhoneNumber", data.result[i].AttentionPhoneNumber);
if (data.result[i].ContactFirstName !== undefined) {
viewModel.set("contactFirstName", data.result[i].ContactFirstName);
}
if (data.result[i].ContactLastName !== undefined) {
viewModel.set("contactLastName", data.result[i].ContactLastName);
}
if (data.result[i].ContactPhoneNumber !== undefined) {
viewModel.set("contactPhoneNumber", data.result[i].ContactPhoneNumber);
}
if (data.result[i].AddressFieldData > 0)
viewModel.set('addressFieldsExist', true);
viewModel.set('addressItemList', data.result[i].AddressFieldData);
if (data.result[i].BillingAddressFieldData.length > 0)
viewModel.set('billingAddressFieldsExist', true);
viewModel.set('billingAddressItemList', data.result[i].BillingAddressFieldData);
}
}
};
var getDeliveryAddresses = function () {
var d1 = $.cv.css.deliveryAddress.getDeliveryAddressesForCurrentUser();
$.when(d1).done(function (msg) {
var data = msg.data;
if (!msg.sessionHasTimedOut) {
widget.options.multipleDeliveryAddressDataSource = data;
setMultipleDeliveryAddressDataSource();
} else {
viewModel.redirectToTimeoutUrl(widget.options.sessionTimeOutRedirectUrl, params, !widget.options.includeInBrowserHistory);
}
}).fail(function () {
viewModel.setMessage(widget.options.textErrorGettingMutipleDeliveryAddress, $.cv.css.messageTypes.error);
});
};
var setMultipleDeliveryAddressDataSource = function () {
widget.multipleDeliveryAddressDataSource = kendo.data.DataSource.create(widget.options.multipleDeliveryAddressDataSource);
if (widget.options.autoBind) {
widget.multipleDeliveryAddressDataSource.fetch();
}
viewModel.updateMultiAddressItemList();
};
var setDeliveryAddressValidationDataSource = function () {
widget.deliveryAddressValidationDataSource = kendo.data.DataSource.create(widget.options.deliveryAddressValidationDataSource);
if (widget.options.autoBind) {
widget.deliveryAddressValidationDataSource.fetch();
}
viewModel.updateAddressValidationItemList();
};
var triggerChangeOnTimeout = _.debounce(function (e, dataItem) {
var obj = $(":focus");
if (obj && obj.prevObject && obj.prevObject.length > 0) {
var activeElement = $(obj.prevObject[0].activeElement);
$(activeElement).change();
if (dataItem.fieldValid(e)) {
viewModel.set("changeTriggered", true);
}
}
}, widget.options.multiUpdateThrottleTimeout);
var _getAddressDataView = function (data, isBilling) {
//var widget = this;
var array = [];
// get index item
var item = data;
$.each(item, function (indexFields, fieldToUse) {
if (!isBilling && viewModel.get("disableDeliveryAddress")) {
fieldToUse.Readonly = true;
}
fieldToUse.addKeyupEvent = widget.options.multiUpdateThrottleTimeout != 0;
fieldToUse.addKeydownEvent = widget.options.multiUpdateThrottleTimeout != 0;
var dataItem = $.cv.util.getFieldItemData(fieldToUse);
// override default dataChanged event
dataItem.dataChanged = function (e) {
if (dataItem.fieldValid(e) && widget.options.updateAddressOnChanged && !viewModel.get("changeTriggered")) {
var soDelAddress = {};
var soBillAddress = {};
if (viewModel.shouldAddressBeCopied() && !(viewModel.get("deliveryAddressMode") == "Pickup" && widget.options.addressMapMode == COPYBILLINGTOADDRESS)) {
if (widget.options.multiUpdateThrottleTimeout != 0) {
viewModel.processLinkedAddresses(e);
}
soDelAddress = viewModel.getSoDelAddress();
soBillAddress = viewModel.getSoBillAddress();
viewModel.updateDeliveryAddress(soDelAddress, "");
viewModel.updateBillingAddress(soBillAddress, "");
} else {
if (!isBilling) {
soDelAddress = viewModel.getSoDelAddress();
viewModel.updateDeliveryAddress(soDelAddress, "");
} else {
soBillAddress = viewModel.getSoBillAddress();
viewModel.updateBillingAddress(soBillAddress, "");
}
}
if (!isBilling) {
viewModel.set("isAddressBeingEdited", false);
} else {
viewModel.set("isBillingAddressBeingEdited", false);
}
} else {
viewModel.set("changeTriggered", false);
}
};
dataItem.dataKeydown = function (e) {
this._previousVal = this.get(this.fieldItem.FieldName);
};
dataItem.dataKeyup = function (e) {
var currVal = this.get(this.fieldItem.FieldName);
if (this._previousVal != undefined && this._previousVal != currVal) {
if (!isBilling) {
viewModel.set("isAddressBeingEdited", true);
} else {
viewModel.set("isBillingAddressBeingEdited", true);
}
if (!isBilling || (isBilling && viewModel.shouldAddressBeCopied() && !(viewModel.get("deliveryAddressMode") == "Pickup" && options.addressMapMode == COPYBILLINGTOADDRESS))) {
$.cv.css.trigger($.cv.css.eventnames.addressBeingEdited);
}
viewModel.set("changeTriggered", false);
triggerChangeOnTimeout(e, dataItem);
} else {
if (!isBilling) {
viewModel.set("isAddressBeingEdited", false);
} else {
viewModel.set("isBillingAddressBeingEdited", false);
}
}
};
array.push(dataItem);
});
return array;
};
var getMultiAddressDataView = function () {
// check if ds is initialised
if (!widget.multipleDeliveryAddressDataSource)
return [];
var array = [];
$.each(widget.multipleDeliveryAddressDataSource.view(), function (idx, item) {
// add standard commands
item.Index = idx;
item.value = item[widget.options.multipleAddressValueField];
item.label = item[widget.options.multipleAddressTextField];
array.push(item);
});
if (array.length > 0) {
var defaultMultipleAddress = {};
defaultMultipleAddress["label"] = widget.options.defaultMultipleAddressText;
defaultMultipleAddress["value"] = widget.options.defaultMultipleAddressValue;
array = $.merge([defaultMultipleAddress], array);
}
return array;
};
var getAddressValidationDataView = function () {
// check if ds is initialised
if (!widget.deliveryAddressValidationDataSource)
return [];
var array = [];
$.each(widget.deliveryAddressValidationDataSource.view(), function (idx, item) {
// add standard commands
item.Index = idx;
item.value = item[widget.options.addressValidationValueField];
item.label = item[widget.options.addressValidationTextField];
array.push(item);
});
if (array.length == 1)
viewModel.set("deliveryAddressValidationValue", array[0].value);
else if (array.length > 1) {
var defaultAddressValidation = {};
defaultAddressValidation["label"] = widget.options.defaultAddressValidationText;
defaultAddressValidation["value"] = widget.options.defaultAddressValidationValue;
array = $.merge([defaultAddressValidation], array);
}
return array;
};
buildPickListArray = function (obj) {
var pickList = new Array();
pickList = [];
for (key in obj) {
if (obj.hasOwnProperty(key)) {
var el = {};
el[widget.options.addressValidationValueField] = key;
el[widget.options.addressValidationTextField] = obj[key];
pickList.push(el);
}
}
return pickList;
};
var viewModel = kendo.observable({
// Properties for UI elements
multipleDeliveryAddressDataSource: widget.options.multipleDeliveryAddressDataSource,
deliveryAddressValidationDataSource: widget.options.deliveryAddressValidationDataSource,
multipleDeliveryAddressValue: '',
deliveryAddressValidationValue: '',
hasMultipleDeliveryAddresses: widget.options.hasMultipleDeliveryAddresses,
message: '',
clearExistingMessages: true,
deliveryAddressObjectKey: '',
orderComments: widget.options.orderComments,
deliveryInstructions: widget.options.deliveryInstructions,
orderReference: widget.options.orderReference,
orderReferenceHasError: false,
orderReferenceErrorMsg: "",
orderConfirmationHasError: false,
orderConfirmationErrorMsg: "",
attentionToHasError: false,
attentionToErrorMsg: "",
copyOrderConfirmation: widget.options.copyOrderConfirmation,
soDelCountry: widget.options.soDelCountry,
soDelPhone: widget.options.soDelPhone,
addressFieldsExist: false,
billingAddressFieldsExist: false,
saveAddress: false,
linkDeliveryAndBilling: (widget.options.defaultLinkDeliveryAndBilling && !widget.options.useNegationLogicForLinkingAddress) || (!widget.options.defaultLinkDeliveryAndBilling && widget.options.useNegationLogicForLinkingAddress),
isAddressListEmpty: function (list) {
var empty = true;
$.each(this.get(list), function (idx, item) {
if (!(this.get(item.fieldItem.fieldName) == null) && $.trim(this.get(item.fieldItem.fieldName)).length > 0) {
empty = false;
return false;
}
});
return empty;
},
isBillingAddressEmpty: function () {
return this.isAddressListEmpty("billingAddressItemList");
},
isDeliveryAddressEmpty: function () {
return this.isAddressListEmpty("addressItemList");
},
deliveryAndBillingMatch: function () {
var vm = this, match = true;
if (widget.options.addressMapMode == COPYBILLINGTOADDRESS || widget.options.addressMapMode == COPYADDRESSTOBILLING) {
var fromList = widget.options.addressMapMode == COPYBILLINGTOADDRESS ? this.get("billingAddressItemList") : this.get("addressItemList"),
toList = widget.options.addressMapMode == COPYBILLINGTOADDRESS ? this.get("addressItemList") : this.get("billingAddressItemList"),
mapList = widget.options.fieldMapFrom.split(",");
$.each(mapList, function (index, item) {
if (!isNaN(item) && fromList.length > item && toList.length > item) {
if (fromList[item][fromList[item].fieldItem.fieldName] != null) {
if ($.trim(toList[item].get(toList[item].fieldItem.fieldName)) != $.trim(fromList[item][fromList[item].fieldItem.fieldName].toString())) {
match = false;
}
}
}
});
}
return match;
},
preserveAddressData: false,
shouldAddressBeCopied: function () {
var copyAddress = false;
if (widget.options.useNegationLogicForLinkingAddress) {
copyAddress = !this.get("linkDeliveryAndBilling");
} else {
copyAddress = this.get("linkDeliveryAndBilling");
}
return copyAddress;
},
copyingAddressFields: false,
addressItemList: [],
billingAddressItemList: [],
pickupAddress: {},
showAttentionToUserDetails: widget.options.showAttentionToUserDetails,
attentionUserName: widget.options.attentionUserName,
attentionPhoneNumber: widget.options.attentionPhoneNumber,
showPickupDeliveryControls: widget.options.showPickupDeliveryControls,
showDeliveryAddress: function () { return this.get("deliveryAddressMode") == "Delivery"; },
showBillingAddress: function () { return this.get("deliveryAddressMode") == "Delivery" || (this.get("deliveryAddressMode") == "Pickup" && widget.options.showBillingAddressOnPickup); },
deliveryAddressMode: widget.options.deliveryAddressMode,
/*------------------------------------*\
TIMEOUTS
\*------------------------------------*/
redirectToTimeoutUrl: function (fallbackUrl, params, includeInBrowserHistory) {
if ($.cv.ajax.settings.timeoutRedirectUrl == "")
$.cv.util.redirect(fallbackUrl, params, includeInBrowserHistory);
else
$.cv.util.redirect($.cv.ajax.settings.timeoutRedirectUrl, params, includeInBrowserHistory);
},
/*------------------------------------*\
DELIVERY ADDRESS
\*------------------------------------*/
getSoDelAddress: function () {
var newAddressFieldInfo = {};
$.each(this.get("addressItemList"), function (idx, item) {
newAddressFieldInfo[item.fieldItem.fieldName] = this.get(item.fieldItem.fieldName) == null ? '' : this.get(item.fieldItem.fieldName);
});
var soDelAddress = {
SoDelCountry: this.get("soDelCountry"),
SoDelPhone: this.get("soDelPhone"),
updatedAddressDetails: newAddressFieldInfo
};
return (soDelAddress);
},
clearDeliveryAddress: function (noThrottle) {
var vm = this,
deliveryAddressMode = vm.get("deliveryAddressMode");
noThrottle = typeof noThrottle != "undefined" ? noThrottle : true;
$.each(this.get("addressItemList"), function (idx, item) {
this.set(item.fieldItem.fieldName, "");
});
vm.set("soDelCountry", "");
vm.set("soDelPhone", "");
return vm.setDeliveryAddress(deliveryAddressMode == "Delivery", noThrottle);
},
/*------------------------------------*\
BILLING ADDRESS
\*------------------------------------*/
getSoBillAddress: function () {
var newBillAddressFieldInfo = {};
$.each(this.get("billingAddressItemList"), function (idx, item) {
newBillAddressFieldInfo[item.fieldItem.fieldName] = this.get(item.fieldItem.fieldName) == null ? '' : this.get(item.fieldItem.fieldName);
});
var soBillAddress = {
updatedBillingAddressDetails: newBillAddressFieldInfo
};
return (soBillAddress);
},
clearBillingAddress: function () {
$.each(this.get("billingAddressItemList"), function (idx, item) {
this.set(item.fieldItem.fieldName, "");
});
this.setBillingAddress();
},
// UI Element state
enterOrderComments: widget.options.enterOrderComments,
disableDeliveryAddress: widget.options.disableDeliveryAddress,
disableBillingAddress: widget.options.disableBillingAddress,
showDeliveryInstructions: widget.options.showDeliveryInstructions,
forceOrderReference: widget.options.forceOrderReference,
allowCopyOrderConfirmation: widget.options.allowCopyOrderConfirmation,
copyOrderConfirmationMandatory: widget.options.copyOrderConfirmationMandatory,
isInitialLoad: true,
isSuburbAndPostCodeValid: widget.options.disableDeliveryAddress ? true : !widget.options.enableSuburbAndPostcodeValidation,
isBillingSuburbAndPostCodeValid: widget.options.disableBillingAddress ? true : !widget.options.enableSuburbAndPostcodeValidation,
deliveryAddressErrorMsg: "",
orderCommentsErrorMsg: "",
deliveryInstructionsErrorMsg: "",
// functions for UI events
localdeliveryAddressChanged: function () {
var address = $.cv.css.localGetcurrentDeliveryAddress();
if (address != null) {
localProcessAddressData(address);
}
},
updateMultiAddressItemList: function () {
this.set("multiAddressItemList", getMultiAddressDataView());
widget.trigger(MULTIADDRESSRENDERED);
},
multiAddressItemList: getMultiAddressDataView(),
updateAddressValidationItemList: function () {
this.set("deliveryAddressValidationValue", "");
this.set("addressValidationItemList", getAddressValidationDataView());
widget.trigger(ADDRESSVALIDATIONRENDERED);
},
addressValidationItemList: getAddressValidationDataView(),
hasAddressValidationPickList: function () {
return this.get("addressValidationItemList").length > 0;
},
hasAddressValidationVerifiedOptions: function () {
var count = 0, addressValidationItemList = this.get("addressValidationItemList");
$.each(addressValidationItemList, function (idx, item) {
if (item.value != "UnverifiedUseMyEnteredAddressKey")
count++;
});
return count > 0;
},
multiAddressItemSelected: function () {
var _this = this;
if (this.get("multipleDeliveryAddressValue") == '') {
//viewModel.setMessage(widget.options.textEnterNumeric, $.cv.css.messageTypes.error);
} else {
_this.clearMessage();
_this.set("deliveryAddressErrorMsg", "");
var d1 = $.cv.css.deliveryAddress.setDeliveryAddressByName({ deliveryAddressName: this.get("multipleDeliveryAddressValue") });
$.when(d1).done(function (msg) {
var data = msg.data;
if (!msg.sessionHasTimedOut) {
if (!msg.errorMessage || msg.errorMessage.length == 0) {
processAddressData(data);
if (!data.success) {
if (data.message != "") {
_this.setMessage(data.message, $.cv.css.messageTypes.error);
_this.set("deliveryAddressErrorMsg", data.message);
}
}
} else {
_this.setMessage(msg.errorMessage, $.cv.css.messageTypes.error);
_this.set("deliveryAddressErrorMsg", data.message);
}
} else {
viewModel.redirectToTimeoutUrl(widget.options.sessionTimeOutRedirectUrl, params, !widget.options.includeInBrowserHistory);
}
}).fail(function () {
_this.setMessage(widget.options.textErrorUpdatingDeliveryAddress, $.cv.css.messageTypes.error);
_this.set("deliveryAddressErrorMsg", widget.options.textErrorUpdatingDeliveryAddress);
});
}
},
addressValidationItemSelected: function () {
var _this = this;
var moniker = _this.get("deliveryAddressValidationValue");
var d1 = $.cv.css.deliveryAddress.updateDeliveryAddressForCurrentOrder({ selectAddressMoniker: moniker });
$.when(d1).done(function (msg) {
var data = msg.data;
if (!msg.sessionHasTimedOut) {
if (!msg.errorMessage || msg.errorMessage.length == 0) {
if (data.result) {
_this.setMessage(widget.options.textDeliveryAddressUpdatedSuccess, $.cv.css.messageTypes.success);
loadSoDelAddress();
if (_this.get("saveAddress")) {
_this.saveDeliveryAddress();
}
widget.trigger(ADDRESSVALIDATIONOPTIONSELECTED);
} else {
if (data.message != "")
_this.setMessage(data.message, $.cv.css.messageTypes.error);
}
} else {
_this.setMessage(msg.errorMessage, $.cv.css.messageTypes.error)
}
} else {
viewModel.redirectToTimeoutUrl(widget.options.sessionTimeOutRedirectUrl, params, !widget.options.includeInBrowserHistory);
}
}).fail(function () {
_this.setMessage(widget.options.textErrorUpdatingDeliveryAddress, $.cv.css.messageTypes.error);
});
},
clearMessage: function () {
var clearExistingMessages = this.get("clearExistingMessages");
this.set("clearExistingMessages", true);
this.set("message", "");
if (widget.options.triggerMessages || widget.options.triggerErrorMessages || widget.options.triggerExternalValidationMessages)
$.cv.css.trigger($.cv.css.eventnames.message, { message: "", type: '', source: 'deliveryAddress', clearExisting: this.get("clearExistingMessages") });
this.set("clearExistingMessages", clearExistingMessages);
},
setMessage: function (message, type, triggerMessageOverride) {
var triggerMessages = typeof triggerMessageOverride !== 'undefined' ? triggerMessageOverride : widget.options.triggerMessages;
$.cv.util.notify(this, message, type, {
triggerMessages: triggerMessages,
source: widget.name
});
},
validCustomerReference: function (showMessage) {
var valid = ((this.get("forceOrderReference") && this.get("orderReference").length) > 0 || !this.get("forceOrderReference"));
if (showMessage && !valid)
this.setMessage(widget.options.textOrderReferenceMandatory, $.cv.css.messageTypes.error);
if (!valid) {
this.set("orderReferenceHasError", widget.options.inputErrorClass);
this.set("orderReferenceErrorMsg", widget.options.textOrderReferenceMandatory);
} else {
this.set("orderReferenceHasError", "");
this.set("orderReferenceErrorMsg", "");
}
return valid;
},
setCustomerReference: function () {
var _this = this;
if (!_this.validCustomerReference(true))
return;
else {
if (widget.options.showCustomerReferenceUpdatedMessage)
_this.updateDeliveryAddressField({ SoCustReference: this.get("orderReference") }, widget.options.textCustomerReferenceUpdatedSuccess);
else
_this.updateDeliveryAddressField({ SoCustReference: this.get("orderReference") }, '');
}
},
clearingPickupContact: false,
setPickupContact: function () {
var vm = this;
vm.updateDeliveryAddressField({
ContactFirstName: this.get("contactFirstName"),
ContactLastName: this.get("contactLastName"),
ContactPhoneNumber: this.get("contactPhoneNumber")
}, '');
},
clearPickupContact: function (triggerUpdate) {
var vm = this,
cleared = $.Deferred();
if (vm.get("contactFirstName") != undefined &&
vm.get("contactLastName") != undefined &&
vm.get("contactPhoneNumber") != undefined &&
(vm.get("contactFirstName").length > 0 || vm.get("contactLastName").length > 0 || vm.get("contactPhoneNumber").length > 0)) {
vm.set("clearingPickupContact", true);
vm.set("contactFirstName", "");
vm.set("contactLastName", "");
vm.set("contactPhoneNumber", "");
if (triggerUpdate) {
cleared = vm.updateDeliveryAddressField({
ContactFirstName: "",
ContactLastName: "",
ContactPhoneNumber: ""
}, '');
} else {
cleared.resolve();
}
vm.set("clearingPickupContact", false);
} else {
cleared.resolve();
}
return cleared;
},
contactFirstNameErrorMsg: "",
contactLastNameErrorMsg: "",
contactPhoneErrorMsg: "",
validPickupContact: function (showMessages) {
var vm = this,
valid = true;
if (!widget.options.pickupContactFieldData.length == 0) {
$.each(widget.options.pickupContactFieldData, function (idx, item) {
if (item.Mandatory && !vm.validPickupContactField(item.FieldName, item.Prompt)) {
valid = false;
}
});
}
if (!valid && showMessages) {
vm.clearMessage();
vm.setMessage(widget.options.textPickupContactDetailsIncomplete, $.cv.css.messageTypes.error);
}
return valid;
},
validPickupContactField: function (field, fieldPrompt) {
var valid = true,
field = field.substr(0, 1).toLowerCase() + field.substr(1);
if ($.trim(this.get(field).length) == 0) {
this.set(field + "ErrorMsg", $.cv.css.mandatoryFieldIncompleteMessage.format(fieldPrompt));
valid = false;
} else {
this.set(field + "ErrorMsg", "");
}
return valid;
},
checkAttentionToDefaults: function () {
if (this.get("attentionUserName") == "")
this.set("attentionUserName", widget.options.attentionUserName);
if (this.get("attentionPhoneNumber") == "")
this.set("attentionPhoneNumber", widget.options.attentionPhoneNumber);
},
setAttention: function (triggerMessage) {
var _this = this;
triggerMessage = typeof triggerMessage !== 'undefined' ? triggerMessage : true;
this.set("attentionToHasError", "");
this.set("attentionToErrorMsg", "");
_this.checkAttentionToDefaults();
var d1 = $.cv.css.deliveryAddress.setDeliveryAddressAttentionTo({ name: _this.get("attentionUserName"), phone: _this.get("attentionPhoneNumber") });
$.when(d1).done(function (msg) {
var data = msg.data;
if (!msg.sessionHasTimedOut) {
if (triggerMessage) {
if (!msg.errorMessage || msg.errorMessage.length == 0) {
_this.setMessage(widget.options.textUpdatingAttentionToSuccess, $.cv.css.messageTypes.success);
} else {
_this.setMessage(msg.errorMessage, $.cv.css.messageTypes.error);
_this.set("attentionToHasError", widget.options.inputErrorClass);
_this.set("attentionToErrorMsg", msg.errorMessage);
}
}
} else {
viewModel.redirectToTimeoutUrl(widget.options.sessionTimeOutRedirectUrl, params, !widget.options.includeInBrowserHistory);
}
}).fail(function () {
if (triggerMessage) {
_this.setMessage(widget.options.textErrorUpdatingAttentionTo, $.cv.css.messageTypes.error);
_this.set("attentionToHasError", widget.options.inputErrorClass);
_this.set("attentionToErrorMsg", widget.options.textErrorUpdatingAttentionTo);
}
});
},
setAttentionToUserName: function (triggerMessage) {
var _this = this;
_this.setAttention(triggerMessage);
},
setAttentionToPhoneNumber: function (triggerMessage) {
var _this = this;
_this.setAttention(triggerMessage);
},
setDeliveryAddress: function (clearPickupContact, noThrottle) {
var soDelAddress = this.getSoDelAddress(), set = $.Deferred();
var _this = this;
noThrottle = typeof noThrottle != "undefined" ? noThrottle : false;
if (!noThrottle) {
set = _this.updateDeliveryAddress(soDelAddress, widget.options.textDeliveryAddressUpdatedSuccess, "deliveryAddressErrorMsg", _this.get("saveAddress"), clearPickupContact);
} else {
set = _this._updateDeliveryAddress(soDelAddress, widget.options.textDeliveryAddressUpdatedSuccess, "deliveryAddressErrorMsg", _this.get("saveAddress"), clearPickupContact);
}
return set;
},
setBillingAddress: function () {
var soBillAddress = this.getSoBillAddress();
var _this = this;
_this.updateBillingAddress(soBillAddress, widget.options.textBillingAddressUpdatedSuccess, "billingAddressErrorMsg");
},
setOrderComments: function () {
var _this = this;
_this.updateDeliveryAddressField({ SoComments: this.get("orderComments") }, widget.options.textOrderCommentsUpdatedSuccess, "orderCommentsErrorMsg");
},
setDeliveryInstructions: function () {
var _this = this;
_this.updateDeliveryAddressField({ SoDelIns: this.get("deliveryInstructions") }, widget.options.textDeliveryInstructionsUpdatedSuccess, "deliveryInstructionsErrorMsg");
},
validCopyOrderConfirmation: function (showMessages) {
var valid = !(this.get("allowCopyOrderConfirmation") && this.get("copyOrderConfirmationMandatory") && this.get("copyOrderConfirmation").length == 0);
if (!valid && showMessages)
this.setMessage(widget.options.textCopyOrderConfirmationMandatory, $.cv.css.messageTypes.error);
if (!valid) {
this.set("orderConfirmationHasError", widget.options.inputErrorClass);
this.set("orderConfirmationErrorMsg", widget.options.textCopyOrderConfirmationMandatory);
} else {
this.set("orderConfirmationHasError", "");
this.set("orderConfirmationErrorMsg", "");
}
return valid;
},
setCopyOrderConfirmation: function () {
var _this = this;
if (!this.validCopyOrderConfirmation(true))
return;
else {
if (_this.validateCopyConfirmationEmailAddresses())
_this.updateDeliveryAddressField({ CopyOrderConfirmationEmail: this.get("copyOrderConfirmation") }, widget.options.textCopyOrderConfirmationUpdatedSuccess, "orderConfirmationErrorMsg");
else
_this.setMessage(widget.options.textCopyOrderConfirmationInvalidEmails, $.cv.css.messageTypes.error);
}
},
validateCopyConfirmationEmailAddresses: function () {
var allEmailsValid = true;
if ($.trim(this.get("copyOrderConfirmation")) != "") {
var pattern = new RegExp(/^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i);
var emails = this.get("copyOrderConfirmation").split(";");
$.each(emails, function (idx, item) {
if (!pattern.test(item))
allEmailsValid = false;
});
}
if (!allEmailsValid) {
this.set("orderConfirmationHasError", widget.options.inputErrorClass);
this.set("orderConfirmationErrorMsg", widget.options.textCopyOrderConfirmationInvalidEmails);
} else {
this.set("orderConfirmationHasError", "");
this.set("orderConfirmationErrorMsg", "");
}
return allEmailsValid;
},
saveBillingAddressToUser: function () {
var _this = this, d = $.Deferred(), currentUser = $.cv.css.localGetUser(),
userUpdateData = {},
billingAddress = this.get("billingAddressItemList");
if (widget.options.saveAddressFieldGroup.length > 0) {
if (currentUser == null) {
d = $.cv.css.getCurrentUser();
} else {
d.resolve({ data: [currentUser] });
}
$.each(billingAddress, function (index, item) {
userUpdateData[item.fieldItem.FieldName] = item.get(item.fieldItem.FieldName);
});
$.when(d).done(function (usr) {
if (usr && usr.data && usr.data.length > 0) {
userUpdateData["_objectKey"] = usr.data[0]._objectKey;
$.cv.css.user.setCurrentUserDetails({ updateData: userUpdateData, jsonFieldGroup: widget.options.saveAddressFieldGroup });
}
});
}
},
saveDeliveryAddressToUser: function () {
var _this = this, d = $.Deferred(), currentUser = $.cv.css.localGetUser(),
saveFields = widget.options.userAddressFields.split(","),
userUpdateData = {},
address = this.get("addressItemList");
if (saveFields.length > 0 && widget.options.saveAddressFieldGroup.length > 0) {
if (currentUser == null) {
d = $.cv.css.getCurrentUser();
} else {
d.resolve({ data: [currentUser] });
}
$.each(saveFields, function (index, item) {
if (address.length > index) {
userUpdateData[item] = address[index].get(address[index].fieldItem.fieldName);
}
});
$.when(d).done(function (usr) {
if (usr && usr.data && usr.data.length > 0) {
userUpdateData["_objectKey"] = usr.data[0]._objectKey;
$.cv.css.user.setCurrentUserDetails({ updateData: userUpdateData, jsonFieldGroup: widget.options.saveAddressFieldGroup });
}
});
}
},
saveDeliveryAddress: function () {
var soDelAddress = this.getSoDelAddress(), _this = this;
var d1 = $.cv.css.deliveryAddress.saveAddress({ saveForUser: widget.options.saveAddressForUser, saveDeliveryInstructions: widget.options.saveDeliveryInstructions });
$.when(d1).done(function (msg) {
var data = msg.data;
if (!msg.sessionHasTimedOut) {
if (!msg.errorMessage || msg.errorMessage.length == 0) {
if (data.Success) {
$.cv.css.trigger($.cv.css.eventnames.addressSaved);
} else {
if (data.Messages.length > 0) {
var message = "";
for (var i = 0; i < data.Messages.length; i++)
message = message.length == 0 ? data.Messages[i] : message + ", " + data.Messages[i];
_this.setMessage(message, $.cv.css.messageTypes.error);
}
}
} else {
_this.setMessage(msg.errorMessage, $.cv.css.messageTypes.error);
}
} else {
viewModel.redirectToTimeoutUrl(widget.options.sessionTimeOutRedirectUrl, {}, !widget.options.includeInBrowserHistory);
}
}).fail(function () {
_this.setMessage(widget.options.textErrorSavingDeliveryAddress, $.cv.css.messageTypes.error);
});
},
changeTriggered: false,
isAddressBeingEdited: false,
_updateDeliveryAddressThrottled: $.noop,
updateDeliveryAddress: function(options, successMessage, addressErrorMsgProperty, saveAddress, clearPickupContact) {
return widget._updateDeliveryAddressThrottled(options, successMessage, addressErrorMsgProperty, saveAddress, clearPickupContact);
},
_updateDeliveryAddress: function (options, successMessage, addressErrorMsgProperty, saveAddress, clearPickupContact) {
var vm = this,
processingLinkedAddresses = vm.get("processingLinkedAddresses"),
pickupContactCleared = {};
var opts = $.extend({
_objectKey: this.get("deliveryAddressObjectKey"),
validateMissingFields: !widget.options.updateAddressOnChanged
}, options);
saveAddress = typeof saveAddress !== 'undefined' ? saveAddress : false;
clearPickupContact = typeof clearPickupContact !== 'undefined' ? clearPickupContact : false;
vm.set("deliveryAddressErrorMsg", "");
vm.clearMessage();
var addressUpdated = $.cv.css.deliveryAddress.updateDeliveryAddressForCurrentOrder(opts);
addressUpdated.done(function (msg) {
var data = msg.data;
if (!msg.sessionHasTimedOut) {
if (!msg.errorMessage || msg.errorMessage.length == 0) {
if (data.result) {
if (!widget.options.updateAddressOnChanged) {
vm.setMessage(widget.options.textDeliveryAddressUpdatedSuccess, $.cv.css.messageTypes.success);
loadSoDelAddress();
}
$.cv.css.trigger($.cv.css.eventnames.addressChanged);
if (saveAddress) {
vm.saveDeliveryAddress();
}
if (widget.options.saveAddressDownToUser) {
vm.saveDeliveryAddressToUser();
}
} else {
if (data.message != "" && data.pickList == null) {
if (!widget.options.updateAddressOnChanged) {
loadSoDelAddress();
}
vm.setMessage(data.message, $.cv.css.messageTypes.error, (widget.options.triggerErrorMessages && !processingLinkedAddresses))
if (addressErrorMsgProperty != undefined && addressErrorMsgProperty != "") {
vm.set(addressErrorMsgProperty, data.message);
}
}
else if (data.pickList != null) {
loadSoDelAddress();
var pickList = buildPickListArray(data.pickList);
if (pickList.length > 0) {
widget.options.deliveryAddressValidationDataSource = pickList;
setDeliveryAddressValidationDataSource();
}
}
}
if (clearPickupContact) {
pickupContactCleared = vm.clearPickupContact(true);
}
} else {
vm.setMessage(msg.errorMessage, $.cv.css.messageTypes.error)
if (addressErrorMsgProperty != undefined && addressErrorMsgProperty != "") {
vm.set(addressErrorMsgProperty, msg.errorMessage);
}
}
} else {
viewModel.redirectToTimeoutUrl(widget.options.sessionTimeOutRedirectUrl, {}, !widget.options.includeInBrowserHistory);
}
}).fail(function () {
vm.setMessage(widget.options.textErrorUpdatingDeliveryAddress, $.cv.css.messageTypes.error);
if (addressErrorMsgProperty != undefined && addressErrorMsgProperty != "") {
vm.set(addressErrorMsgProperty, widget.options.textErrorUpdatingDeliveryAddress);
}
});
// Validate Suburb and Postcode...
var suburbValidated = {};
if (widget.options.enableSuburbAndPostcodeValidation === true) {
suburbValidated = vm.validateSuburbAndPostCodeInternal(
opts.updatedAddressDetails[widget.options.suburbFieldName],
opts.updatedAddressDetails[widget.options.postcodeFieldName],
opts.SoDelCountry, false /* not-billing */).fail(function () {
// NOTE: success and fail are handled internally, we just need to do
// a bita extra stuff
if (addressErrorMsgProperty != undefined && addressErrorMsgProperty != "") {
vm.set(addressErrorMsgProperty, widget.options.textErrorValidatingSuburbPostcode);
}
}).done(function () {
vm.validateInputFields(false);
});
} else {
// Considered valid by default.
vm.set("isSuburbAndPostCodeValid", true);
vm.updateSuburbPostcodeValidStatus();
}
// Return Promise which is resolved when both services are done (or failed)
// suburbValidated and pickupContactCleared will automatically be considered resolved if they are
// plain old objects.
return $.when(addressUpdated, suburbValidated, pickupContactCleared);
},
isBillingAddressBeingEdited: false,
_updateBillingAddressThrottled: $.noop,
updateBillingAddress: function (options, successMessage, addressErrorMsgProperty) {
return widget._updateBillingAddressThrottled(options, successMessage, addressErrorMsgProperty);
},
_updateBillingAddress: function (options, successMessage, addressErrorMsgProperty) {
var vm = this;
var opts = $.extend({
_objectKey: this.get("deliveryAddressObjectKey")
}, options);
vm.set("billingAddressErrorMsg", "");
vm.clearMessage();
var addressUpdated = $.cv.css.deliveryAddress.updateBillingAddressForCurrentOrder(opts);
addressUpdated.done(function (msg) {
var data = msg.data;
if (!msg.sessionHasTimedOut) {
if (!msg.errorMessage || msg.errorMessage.length == 0) {
if (data.result) {
if (!widget.options.updateAddressOnChanged) {
vm.setMessage(widget.options.textDeliveryAddressUpdatedSuccess, $.cv.css.messageTypes.success);
loadSoDelAddress();
}
$.cv.css.trigger($.cv.css.eventnames.billingAddressChanged);
if (widget.options.saveBillAddressDownToUser) {
vm.saveBillingAddressToUser();
}
} else {
if (data.message != "") {
if (!widget.options.updateAddressOnChanged) {
loadSoDelAddress();
}
vm.setMessage(data.message, $.cv.css.messageTypes.error)
if (addressErrorMsgProperty != undefined && addressErrorMsgProperty != "") {
vm.set(addressErrorMsgProperty, data.message);
}
}
}
} else {
vm.setMessage(msg.errorMessage, $.cv.css.messageTypes.error)
if (addressErrorMsgProperty != undefined && addressErrorMsgProperty != "") {
vm.set(addressErrorMsgProperty, msg.errorMessage);
}
}
} else {
viewModel.redirectToTimeoutUrl(widget.options.sessionTimeOutRedirectUrl, {}, !widget.options.includeInBrowserHistory);
}
}).fail(function () {
vm.setMessage(widget.options.textErrorUpdatingDeliveryAddress, $.cv.css.messageTypes.error);
if (addressErrorMsgProperty != undefined && addressErrorMsgProperty != "") {
vm.set(addressErrorMsgProperty, widget.options.textErrorUpdatingDeliveryAddress);
}
});
// Validate Suburb and Postcode...
var suburbValidated = {};
if (widget.options.enableSuburbAndPostcodeValidation === true) {
suburbValidated = vm.validateSuburbAndPostCodeInternal(
opts.updatedBillingAddressDetails[widget.options.billingSuburbFieldName],
opts.updatedBillingAddressDetails[widget.options.billingPostcodeFieldName],
opts.SoDelCountry, true /* billing */).fail(function () {
// NOTE: success and fail are handled internally, we just need to do
// a bita extra stuff
if (addressErrorMsgProperty != undefined && addressErrorMsgProperty != "") {
vm.set(addressErrorMsgProperty, widget.options.textErrorValidatingSuburbPostcode);
}
}).done(function() {
vm.validateInputFields(false);
});
} else {
// Considered valid by default.
vm.set("isBillingSuburbAndPostCodeValid", true);
vm.updateBillingSuburbPostcodeValidStatus();
}
// Return Promise which is resolved when both services are done (or failed)
// suburbValidated will automatically be considered resolved if it is
// a plain old object.
return $.when(addressUpdated, suburbValidated);
},
validateSuburbAndPostCodeInternal: function(suburb, postcode, country, isBilling) {
var vm = this;
var suburbValidated = $.Deferred();
// if suburb or postcode is not valid no need to call the validation method just return false
if (suburb.length == 0 || postcode.length == 0) {
if (isBilling == true) {
vm.set("isBillingSuburbAndPostCodeValid", false);
vm.updateBillingSuburbPostcodeValidStatus();
} else {
vm.set("isSuburbAndPostCodeValid", false);
vm.updateSuburbPostcodeValidStatus();
}
suburbValidated.resolve({ data: false });
return suburbValidated;
}
var suburbValidated = $.cv.css.deliveryAddress.validateSuburbAndPostCode({
suburb: suburb,
postcode: postcode,
country: country
});
suburbValidated.done(function (response) {
if (!response.sessionHasTimedOut) {
var isValid = response.data;
if (isBilling == true) {
vm.set("isBillingSuburbAndPostCodeValid", isValid);
vm.updateBillingSuburbPostcodeValidStatus();
} else {
vm.set("isSuburbAndPostCodeValid", isValid);
vm.updateSuburbPostcodeValidStatus();
}
} else {
viewModel.redirectToTimeoutUrl(widget.options.sessionTimeOutRedirectUrl, {}, !widget.options.includeInBrowserHistory);
}
}).fail(function () {
// Don't allow validation to succeed!
if (isBilling == true) {
vm.set("isBillingSuburbAndPostCodeValid", false);
vm.updateBillingSuburbPostcodeValidStatus();
} else {
vm.set("isSuburbAndPostCodeValid", false);
vm.updateSuburbPostcodeValidStatus();
}
vm.setMessage(widget.options.textErrorValidatingSuburbPostcode, $.cv.css.messageTypes.error);
});
return suburbValidated;
},
updateDeliveryAddressField: function (options, successMessage, addressErrorMsgProperty) {
var _this = this;
var opts = $.extend({
_objectKey: this.get("deliveryAddressObjectKey")
}, options);
var d1 = $.cv.css.deliveryAddress.setDeliveryAddressFieldForCurrentOrder(opts);
$.when(d1).done(function (msg) {
var data = {};
data["result"] = msg.data;
if (!msg.sessionHasTimedOut) {
if (!msg.errorMessage || msg.errorMessage.length == 0) {
if (data.result.length > 0) {
_this.setMessage(successMessage, $.cv.css.messageTypes.success);
if (!widget.options.updateAddressOnChanged) {
processAddressData(data);
}
} else {
_this.setMessage(widget.options.textErrorUpdatingDeliveryAddress, $.cv.css.messageTypes.success);
}
} else {
_this.setMessage(msg.errorMessage, $.cv.css.messageTypes.error);
if (addressErrorMsgProperty != undefined && addressErrorMsgProperty != "") {
_this.set(addressErrorMsgProperty, msg.errorMessage);
}
}
} else {
viewModel.redirectToTimeoutUrl(widget.options.sessionTimeOutRedirectUrl, params, !widget.options.includeInBrowserHistory);
}
}).fail(function () {
_this.setMessage(widget.options.textErrorUpdatingDeliveryAddress, $.cv.css.messageTypes.error);
if (addressErrorMsgProperty != undefined && addressErrorMsgProperty != "") {
_this.set(addressErrorMsgProperty, widget.options.textErrorUpdatingDeliveryAddress);
}
});
return d1;
},
validateAddressFields: function (list, showMessages) {
var allValid = true;
$.each(list, function (idx, item) {
if (!item.fieldItem.parent().fieldValid({ data: item.fieldItem.parent() }, showMessages)) {
allValid = false;
}
});
return allValid;
},
_validateAddressServiceCall: function () {
var vm = this,
validateDeferred = $.Deferred();
vm.clearMessage();
$.cv.css.deliveryAddress.validateCurrentOrderDeliveryAddress().done(function (msg) {
var data = msg.data;
if (!msg.sessionHasTimedOut) {
if (!msg.errorMessage || msg.errorMessage.length == 0) {
if (!data.result && data.responseMessage.length > 0) {
vm.setMessage(data.responseMessage, $.cv.css.messageTypes.error, widget.options.triggerExternalValidationMessages);
}
} else {
vm.setMessage(msg.errorMessage, $.cv.css.messageTypes.error);
}
validateDeferred.resolve(data.result);
} else {
vm.redirectToTimeoutUrl(widget.options.sessionTimeOutRedirectUrl, {}, !widget.options.includeInBrowserHistory);
}
});
return validateDeferred;
},
validateInputFields: function (showMessages, callValidateServiceOnCheckout) {
var vm = this, passedValidation = true, widgetReference = "deliveryAddress", missingAddressFields = false,
serviceCallDeferred = $.Deferred(),
validateDeferred = $.Deferred();
callValidateServiceOnCheckout = typeof callValidateServiceOnCheckout !== 'undefined' ? (this.get("deliveryAddressMode") == "Pickup" ? false : callValidateServiceOnCheckout) : false;
if (!widget.options.isViewOnly) {
// Check mandatory fields
if (this.get("deliveryAddressMode") == "Pickup" && !this.validPickupContact(showMessages)) {
passedValidation = false;
}
if (!this.validCustomerReference(showMessages)) {
passedValidation = false;
}
if (!this.validCopyOrderConfirmation(showMessages)) {
passedValidation = false;
}
if (!widget.options.disableDeliveryAddress && this.showDeliveryAddress()) {
if (!this.validateAddressFields(this.get("addressItemList"), showMessages)) {
passedValidation = false;
missingAddressFields = true;
}
}
if (!widget.options.disableBillingAddress && this.showBillingAddress()) {
if (!this.validateAddressFields(this.get("billingAddressItemList"), showMessages)) {
passedValidation = false;
missingAddressFields = true;
}
}
if (!passedValidation && missingAddressFields) {
if (showMessages) {
this.set("deliveryAddressErrorMsg", widget.options.textErrorMissingDeliveryAddressFields);
this.setMessage(widget.options.textErrorMissingDeliveryAddressFields, $.cv.css.messageTypes.error);
}
}
// Don't check suburb / postcode validation (ensures they pair up) at this point if that functionality not enabled. Otherwise it can
// remove mandatory field / field length validation which is needed on these fields and will have already been performed.
if (!widget.options.disableDeliveryAddress && widget.options.enableSuburbAndPostcodeValidation && this.showDeliveryAddress()) {
if (!this.get("isSuburbAndPostCodeValid")) {
passedValidation = false;
}
if (showMessages === true) {
this.updateSuburbPostcodeValidStatus()
}
}
// Same for Billing suburb / postcode validation
if (!widget.options.disableBillingAddress && widget.options.enableSuburbAndPostcodeValidation && this.showBillingAddress()) {
if (!this.get("isBillingSuburbAndPostCodeValid")) {
passedValidation = false;
}
if (showMessages === true) {
this.updateBillingSuburbPostcodeValidStatus()
}
}
if (passedValidation && callValidateServiceOnCheckout) {
serviceCallDeferred = this._validateAddressServiceCall();
} else {
serviceCallDeferred.resolve(passedValidation);
}
serviceCallDeferred.done(function (passed) {
$.cv.css.addRemovePageValidationError(passed, widgetReference);
if (!vm.get("copyingAddressFields")) {
$.cv.css.trigger($.cv.css.eventnames.addressValidated);
}
validateDeferred.resolve();
});
return validateDeferred;
}
},
// Update error status of suburb and postcode based on vm status
// @returns bool - true if fields are valid, false if not
updateSuburbPostcodeValidStatus: function () {
var vm = this,
isValid = vm.get("isSuburbAndPostCodeValid"),
addressCopied = this.shouldAddressBeCopied() && widget.options.addressMapMode == COPYBILLINGTOADDRESS,
isPickup = vm.get("deliveryAddressMode") == "Pickup";
if (!addressCopied && !isPickup && !widget.options.isViewOnly) {
_.each(vm.get("addressItemList"), function (item) {
if (item.fieldItem.FieldName === widget.options.suburbFieldName ||
item.fieldItem.FieldName === widget.options.postcodeFieldName) {
// Clear or set invalid message
if (isValid) {
item.fieldItem.set("hasNonFieldValidMessage", false); // allow fieldItem.fieldValid method to add its own message if required
item.setError(item.fieldItem, "", "");
} else {
item.fieldItem.set("hasNonFieldValidMessage", true); // stop fieldItem.fieldValid method clearing this message
item.setError(item.fieldItem, widget.options.suburbAndPostcodeInvalidMessage, item.fieldItem.classForErrors);
}
}
});
} else {
isValid = true;
}
return isValid;
},
// Update error status of suburb and postcode based on vm status for Billing address
// @returns bool - true if fields are valid, false if not
updateBillingSuburbPostcodeValidStatus: function () {
var vm = this,
isValid = vm.get("isBillingSuburbAndPostCodeValid"),
addressCopied = this.shouldAddressBeCopied() && widget.options.addressMapMode == COPYADDRESSTOBILLING,
validate = (vm.get("deliveryAddressMode") == "Pickup" && widget.options.showBillingAddressOnPickup) || vm.get("deliveryAddressMode") == "Delivery";
if (!addressCopied && validate && !widget.options.isViewOnly) {
_.each(vm.get("billingAddressItemList"), function (item) {
if (item.fieldItem.FieldName === widget.options.billingSuburbFieldName ||
item.fieldItem.FieldName === widget.options.billingPostcodeFieldName) {
// Clear or set invalid message
if (isValid) {
item.fieldItem.set("hasNonFieldValidMessage", false); // allow fieldItem.fieldValid method to add its own message if required
item.setError(item.fieldItem, "", "");
} else {
item.fieldItem.set("hasNonFieldValidMessage", true); // stop fieldItem.fieldValid method clearing this message
item.setError(item.fieldItem, widget.options.suburbAndPostcodeInvalidMessage, item.fieldItem.classForErrors);
}
}
});
} else {
isValid = true;
}
return isValid;
},
deliveryAddressModeChanged: function (e) {
var vm = this,
deliveryAddressMode = vm.get("deliveryAddressMode"),
cleared = {};
// If mode changed back to delivery and we need to copy billing to address
// Otherwise clear delivery address.
if (deliveryAddressMode == "Delivery" && widget.options.addressMapMode == COPYBILLINGTOADDRESS) {
vm.processLinkedAddresses(e);
} else {
cleared = this.clearDeliveryAddress();
}
$.when(cleared).done(function () {
if (deliveryAddressMode == "Delivery" && widget.options.addressMapMode == "") {
init();
}
vm.validateInputFields(false);
})
// Trigger event "delivery address mode changed".
$.cv.css.trigger($.cv.css.eventnames.deliveryAddressModeChanged,
{ message: this.get("deliveryAddressMode"), type: "", source: "deliveryAddress", clearExisting: true });
},
processingLinkedAddresses: false,
processLinkedAddresses: function (e) {
var vm = this, deliveryAddressMode = vm.get("deliveryAddressMode");
if (!(deliveryAddressMode == "Pickup" && widget.options.addressMapMode == COPYBILLINGTOADDRESS)) {
if (this.shouldAddressBeCopied() && !this.get("copyingAddressFields")) {
this.copyAddressFields();
}
if (e.field == "linkDeliveryAndBilling" || (e.field == "deliveryAddressMode" && deliveryAddressMode == "Delivery" && widget.options.addressMapMode == COPYBILLINGTOADDRESS)) {
vm.set("processingLinkedAddresses", true);
if (this.shouldAddressBeCopied()) {
this.triggerCopyUpdate();
}
if (!this.shouldAddressBeCopied() && widget.options.clearOnUncheckedLink && !this.get("preserveAddressData")) {
this.clearCopiedAddressFields();
}
vm.set("processingLinkedAddresses", false);
}
viewModel.disableEnableCopiedAddressFields();
}
},
triggerCopyUpdate: function () {
if (widget.options.addressMapMode == COPYBILLINGTOADDRESS) {
var soDelAddress = viewModel.getSoDelAddress();
this.updateDeliveryAddress(soDelAddress, "");
} else {
var soBillAddress = viewModel.getSoBillAddress();
this.updateBillingAddress(soBillAddress, "");
}
},
copyAddressFields: function (runDisableEnable) {
runDisableEnable = typeof runDisableEnable !== 'undefined' ? runDisableEnable : true;
if (widget.options.addressMapMode == COPYBILLINGTOADDRESS || widget.options.addressMapMode == COPYADDRESSTOBILLING) {
var _this = this,
fromList = widget.options.addressMapMode == COPYBILLINGTOADDRESS ? this.get("billingAddressItemList") : this.get("addressItemList"),
toList = widget.options.addressMapMode == COPYBILLINGTOADDRESS ? this.get("addressItemList") : this.get("billingAddressItemList"),
mapList = widget.options.fieldMapFrom.split(",");
_this.set("copyingAddressFields", true);
$.each(mapList, function (index, item) {
if (!isNaN(item) && fromList.length > item && toList.length > item) {
if (fromList[item][fromList[item].fieldItem.fieldName] != null) {
toList[item].set(toList[item].fieldItem.fieldName, fromList[item][fromList[item].fieldItem.fieldName].toString());
} else {
toList[item].set(toList[item].fieldItem.fieldName, "");
}
}
});
_this.validateInputFields();
if (runDisableEnable) {
_this.disableEnableCopiedAddressFields();
}
_this.set("copyingAddressFields", false);
}
},
disableEnableCopiedAddressFields: function () {
var _this = this,
toList = widget.options.addressMapMode == COPYBILLINGTOADDRESS ? this.get("addressItemList") : this.get("billingAddressItemList");
$.each(toList, function (index, item) {
if (_this.shouldAddressBeCopied()) {
item.set(item.fieldItem.fieldName + "_isEnabled", false);
} else {
item.set(item.fieldItem.fieldName + "_isEnabled", true);
}
});
},
clearCopiedAddressFields: function () {
if (widget.options.addressMapMode == COPYBILLINGTOADDRESS) {
this.clearDeliveryAddress();
} else {
this.clearBillingAddress();
}
this.validateInputFields(false);
},
setLocalDeliveryAddress: function() {
if (!widget.options.isViewOnly && this.get("addressItemList").length > 0 || this.get("billingAddressItemList").length > 0) {
var data = {},
deliveryAddressMode = this.get("deliveryAddressMode");
data["result"] = [];
data.result.push({
AddressFieldData: this.get("addressItemList"),
BillingAddressFieldData: this.get("billingAddressItemList"),
CopyOrderConfirmationEmail: this.get("copyOrderConfirmation"),
SoComments: this.get("orderComments"),
SoCustReference: this.get("orderReference"),
SoDelIns: this.get("deliveryInstructions"),
SoDelCountry: this.get("soDelCountry"),
SoDelPhone: this.get("soDelPhone"),
AttentionUserName: this.get("attentionUserName"),
AttentionPhoneNumber: this.get("attentionPhoneNumber"),
ContactFirstName: deliveryAddressMode == "Pickup" ? this.get("contactFirstName") : "",
ContactLastName: deliveryAddressMode == "Pickup" ? this.get("contactLastName") : "",
ContactPhoneNumber: deliveryAddressMode == "Pickup" ? this.get("contactPhoneNumber") : ""
});
$.cv.css.localSetcurrentDeliveryAddress(data);
$.cv.css.trigger($.cv.css.eventnames.localdeliveryAddressChanged);
}
}
});
// "Pickup warehouse changed" event.
$.cv.css.bind($.cv.css.eventnames.pickupWarehouseChanged, function (msg) {
if (widget.options.isViewOnly) {
var pickupAddress = $.cv.css.localGetcurrentPickupAddress();
if (pickupAddress != null) {
viewModel.set("pickupAddress", pickupAddress);
}
return;
}
if (msg.warehouse == "") {
viewModel.clearDeliveryAddress(false);
var soDelAddress = viewModel.getSoDelAddress();
soDelAddress.updatedAddressDetails.SoWhseCode = "";
viewModel.updateDeliveryAddress(soDelAddress, "");
viewModel.validateInputFields(false);
return;
}
var p = $.cv.css.storeLocator.getWarehouse({ warehouseCode: msg.warehouse });
$.when(p).done(function (data) {
viewModel.set("isInitialLoad", true);
viewModel.set("soDelPhone", data.data[0].Phone);
viewModel.set("soDelCountry", "");
$.each(viewModel.get("addressItemList"), function (idx, item) {
switch (item.fieldItem.fieldName.toUpperCase()) {
case "SODELADDR1":
viewModel.set(item.fieldItem.fieldName, data.data[0].AddressLine1);
item[item.fieldItem.fieldName] = data.data[0].AddressLine1 // Used by the view only address widget
break;
case "SODELADDR2":
viewModel.set(item.fieldItem.fieldName, data.data[0].AddressLine2);
item[item.fieldItem.fieldName] = data.data[0].AddressLine2 // Used by the view only address widget
break;
case "SODELSUBURB":
viewModel.set(item.fieldItem.fieldName, data.data[0].Suburb);
item[item.fieldItem.fieldName] = data.data[0].Suburb // Used by the view only address widget
break;
case widget.options.pickupSuburbFieldName.toUpperCase():
item[item.fieldItem.fieldName] = data.data[0].Suburb // Used by the view only address widget
break;
case "SODELSTATE":
viewModel.set(item.fieldItem.fieldName, data.data[0].State);
item[item.fieldItem.fieldName] = data.data[0].State // Used by the view only address widget
break;
case widget.options.pickupStateFieldName.toUpperCase():
item[item.fieldItem.fieldName] = data.data[0].State // Used by the view only address widget
break;
case "SODELPOSTCODE":
viewModel.set(item.fieldItem.fieldName, data.data[0].Postcode);
item[item.fieldItem.fieldName] = data.data[0].Postcode // Used by the view only address widget
break;
}
});
widget.trigger(ADDRESSRENDERED);
viewModel.setLocalDeliveryAddress();
viewModel.validateInputFields(false);
viewModel.set("isInitialLoad", false);
});
});
viewModel.bind("change", function (e) {
if (!viewModel.get("isInitialLoad") && !widget.options.isViewOnly) {
if (e.field == "multipleDeliveryAddressValue") {
viewModel.multiAddressItemSelected();
}
if (e.field == "deliveryAddressValidationValue") {
if (widget.options.autoSelectAddressValidationValue)
viewModel.addressValidationItemSelected();
}
if (e.field == "orderReference") {
viewModel.setCustomerReference();
}
if (e.field == "orderReference" || e.field == "copyOrderConfirmation") {
viewModel.validateInputFields();
if (e.field == "copyOrderConfirmation") {
viewModel.setCopyOrderConfirmation();
}
}
if (((e.field == "addressItemList" || e.field == "billingAddressItemList") && e.action == "itemchange")) {
if (widget.options.multiUpdateThrottleTimeout == 0 || (!viewModel.get("isAddressBeingEdited") && !viewModel.get("isBillingAddressBeingEdited"))) {
viewModel.processLinkedAddresses(e);
}
}
if (e.field == "linkDeliveryAndBilling") {
viewModel.processLinkedAddresses(e);
}
if (e.field == "deliveryAddressMode") {
viewModel.deliveryAddressModeChanged(e);
}
if ((e.field == "contactFirstName" || e.field == "contactLastName" || e.field == "contactPhoneNumber") && !viewModel.get("clearingPickupContact")) {
viewModel.setPickupContact();
viewModel.validateInputFields();
}
}
if (!widget.options.isViewOnly) {
viewModel.setLocalDeliveryAddress();
}
});
init();
return viewModel;
},
_getDefaultViewTemplate: function () {
var widget = this;
// modify view template based on widget.options where applicable
var html = "";
return html;
},
_getDefaultAddressViewTemplate: function () {
var widget = this;
// return the template to be bound to the dataSource items
var html = "";
return html;
},
_getDefaultMultipleAddressViewTemplate: function () {
var widget = this;
// modify view template based on widget.options where applicable
var html = "";
return html;
},
_getDefaultAddressValidationViewTemplate: function () {
var widget = this;
// modify view template based on widget.options where applicable
var html = "";
return html;
}
};
// register the widget
$.cv.ui.widget(deliveryAddressWidget);
})(jQuery);
;
/*
* Widget Skeleton: ViewModel pattern, no dataSource
Reference for Kendo MVVM bindings: http://docs.kendoui.com/getting-started/framework/mvvm/bindings/value
require
Scripts/jquery-1.8.3.js
Scripts/kendo.core.js
Scripts/kendo.data.js
Scripts/kendo.binder.js
Scripts/cv.js
Scripts/cv.css.js (For CSS Related Widgets)
Scripts/cv.css.orders.js (For CSS Related Widgets)
Scripts/cv.css.paymentProcessor.js (For CSS Related Widgets)
Scripts/cv.util.js
Scripts/cv.widget.kendo.js
Conventions and requirements:
* declare event names as variables to avoid typos
* declare a widget definition object including the following:
* include "name" property specifying the name of the widget
* include options property containing the default widget option values
* avoid setting option default to "undefined", as this prevents declarative initialisation of that option
* note that options are case sensitive
* group options as follows: view model defaults, view model functional flags, event handlers (= null), view functional flags, view text defaults, viewTemplate (= null)
* include events array for any events to be triggered
* reference the widget object as "widget" - var widget = this; - inside widget object methods
* then reference options as widget.options, and the widget instance DOM element as widget.element
* initialise method
* purpose - get the view - get the view model - bind the view model to the view
* check for an internal view
* if no internal view,
* use options.viewTemplate or call _getDefaultViewTemplate
* note tha viewTemplate option is an element ID, not template HTML
* evaluate the template passing the widget.options
* set _viewAppended to true
* bind the View Model to the View
* destroy method
* if DOM elements have been appended, they should be removed
* remove the data element from widget.element
* ViewModel
* declare _getViewModel() function which returns the widget view model
* initialise method should assign this to viewModel widget property
* refer to options using widget.options.xxx
* declare the viewModel object as kendo.observable() - do not extend widget.options - as this may include event handlers and other properties not required in the view model
* avoid referring to DOM elements, as they may not exist in a particular implementation's view
* avoid triggering events on DOM elements - trigger events on the widget object (they must be defined in the events array)
* avoid retrieving DOM event parameters from viewModel method parameters - unless they are explicitly defined as keyUp event handlers or similar where the DOM event parameters are necessary
* View
* declare _getDefaultViewTemplate() method which returns the default View template html
* default view template should be modified depending on the widget options
*
* register the widget by passing the widget definition object to $.cv.ui.widget()
*/
// TODO: add in other payment options, currently only handles account, credit card (standard and eway), approval and paypal payments
;
(function ($, undefined) {
var DATABINDING = "dataBinding",
DATABOUND = "dataBound",
CHANGE = "change",
OPTIONSRENDERED = "optionsRendered",
PAYMENTUNSUCCESSFUL = "paymentUnsuccessful",
PAYMENTPROVIDERMODESTANDARD = "standard",
PAYMENTPROVIDERMODEWAY = "eway",
PAYMENTPROVIDERMODEWAYV3 = "eway-v3",
EWAYPROCESSINGMODE = "ClientSidePost",
MASTERCARD = "CARDMASTERCARD",
VISA = "CARDVISA",
AMEX = "CARDAMEX",
DINERSCLUB = "CARDDINERS";
var paymentOptionsWidget = {
// Standard Variables
// widget name
name: "paymentOptions",
// default widget options
options: {
// viewModel defaults
dataSource: [],
autoBind: true,
paymentOptionTextField: "label",
paymentOptionValueField: "value",
triggerMessages: true,
// viewModel flags
accountPayment: false,
creditCard: false,
paypal: false,
bpay: false,
weWillCallYou: false,
eft: false,
eftBankReceiptNumberDisabled: false,
approval: false,
isFreightQuoteSelected: false,
isFreightQuoteInstructsVisisble: false,
includeInBrowserHistory: true,
showValidationMessagesNotPreventingCheckout: false,
autoSelectCardType: true,
currentSelectedOption: "accountPayment",
paymentTypes: {
account: "ACCOUNT",
card: "CARD",
paypal: "PAYPAL",
bpay: "BPAY",
weWillCallYou: "WEWILLCALLYOU",
eft: "EFT",
zero: "ZERO",
approval: "APPROVAL",
approvalConfigRequired: "ApprovalConfigurationError"
},
paymentTypeLabels: { ACCOUNT: "Account", CARD: "Credit Card", PAYPAL: "Paypal", BPAY: "BPay", WEWILLCALLYOU: "We Will Call You", EFT: "EFT", APPROVAL: "Approval", ApprovalConfigurationError: "Configure Approver" },
paymentTypeValues: {
ACCOUNT: "accountPayment",
CARD: "creditCard",
PAYPAL: "paypal",
BPAY: "bpay",
WEWILLCALLYOU: "weWillCallYou",
EFT: "eft",
ZERO: "zero",
APPROVAL: "approval",
ApprovalConfigurationError: ""
},
cardPromptOverrides: { Visa: "", MasterCard: "Master Card", Amex: "" },
approvalPromptOverrides: { APPROVALPAYONACCOUNT: "", APPROVALPAYONCARD: "" },
cardExpiryMonthPrompts: "Jan,Feb,Mar,Apr,May,Jun,Jul,Aug,Sep,Oct,Nov,Dec",
cardYearsToShow: 10,
amexNumberOfDigits: 15,
nonAmexNumberOfDigits: 16,
// events
// view flags
sessionTimeOutRedirectUrl: 'login.aspx',
paymentOkRedirectUrl: "OnlinePaymentOK.aspx",
quoteSubmittedRedirectUrl: "CustomPage.aspx?CustomPage=QuoteSubmitted",
// view text defaults
textButtonAccountPayment: 'Submit Order',
textButtonCreditCard: 'Finalise Order',
textButtonPaypal: 'Process Order With PayPal',
textButtonBpay: 'Submit Order',
textButtonWeWillCallYou: 'Submit Order',
textButtonEft: 'Submit Order',
textButtonDefault: 'Submit Order',
textButtonApproval: 'Submit Order',
textErrorGettingPaymentOptions: "There was an error retrieving your payment options, please try again later",
textPleaseSelectPrompt: "Please Select...",
textSelectMonth: 'Select Month',
textSelectYear: 'Select Year',
textErrorNoApprovalTypeSelected: "Please select an approval type",
textErrorNoBankReceiptInput: "Please input your EFT Receipt",
invalidCreditCardInformation: "Your credit card information is invalid",
giftCardBalanceNotZeroMessage: "Your gift card balance is not zero",
textErrorNotAcknowledgedFreightQuote: "Please acknowledge that you wish to receive a freight quote",
processPaymentUnsuccessfulMessage: "",
// widget settings
paymentProviderMode: PAYMENTPROVIDERMODESTANDARD,
// view Template
viewTemplate: '', // treat like its an id
itemViewTemplate: null
},
events: [DATABINDING, DATABOUND, OPTIONSRENDERED, PAYMENTUNSUCCESSFUL],
viewModel: null,
view: null,
// private property
_viewAppended: false,
_itemViewAppended: false,
// Standard Methods
initialise: function (el, o) {
var widget = this;
// Register Widget so we can determine when they are all completed loading
$.cv.css.trigger($.cv.css.eventnames.orderCompleteLoadRegistration, { name: widget.name }); // MAF USE ONLY
// check for an internal view
var internalView = $(el).children(":first");
if (internalView.data("view")) {
widget.view = internalView.html();
} else {
widget._viewAppended = true;
if (!widget.options.itemViewTemplate) {
// generate an item template name and flag it to be created
widget.options.itemViewTemplate = widget.name + "-item-template-" + kendo.guid();
widget._itemViewAppended = true;
}
// get template text and parse it with the options
var templateText = widget.options.viewTemplate ? $("#" + widget.options.viewTemplate).html() : widget._getDefaultViewTemplate();
var viewTemplate = kendo.template(templateText);
widget.view = viewTemplate(widget.options);
// add the itemView (not parsed)
if (!widget._itemViewAppended) {
widget.view += widget._getDefaultItemViewTemplate();
}
widget.element.html(widget.view);
}
widget.viewModel = widget._getViewModel();
// bind view to viewModel
var target = widget.element.children(":first");
kendo.bind(target, widget.viewModel);
// Subscribe to Approval Widget events
//
$.cv.css.bind($.cv.css.eventnames.approvalConfirmed, $.proxy(widget.viewModel.approvalConfirmed, widget.viewModel));
// Note: the following two are handled by the same method as we just
// want to re-load anyway, We can adjust the handlers for this as needed.
$.cv.css.bind($.cv.css.eventnames.approvalError, $.proxy(widget.viewModel.approvalConfirmed, widget.viewModel));
$.cv.css.bind($.cv.css.eventnames.approvalNotSpecified, $.proxy(widget.viewModel.approvalConfirmed, widget.viewModel));
// Subscribe to Other Events
//
$.cv.css.bind($.cv.css.eventnames.orderChanged, $.proxy(widget.viewModel.orderUpdated, widget.viewModel));
// Listen to made visible and selection events of freight quote submit chosen on freightCarrier widget so can hide this display as not relevant to pay for order
// in that case, or to trigger validation error at submission if not freight quote visible but not selected / acknowledged . When submit will submit as quote
// instead of noraml payment submission.
$.cv.css.bind($.cv.css.eventnames.freightQuoteSelected, $.proxy(widget.viewModel.freightQuoteSelected, widget.viewModel));
$.cv.css.bind($.cv.css.eventnames.freightQuoteInstructsVisisble, $.proxy(widget.viewModel.freightQuoteInstructsVisisble, widget.viewModel));
widget.trigger(DATABOUND);
},
destroy: function () {
var widget = this;
// remove the data element
widget.element.removeData(widget.options.prefix + widget.options.name);
// clean up the DOM
if (widget._viewAppended) {
widget.element.empty();
}
},
submitOrder: function () {
var widget = this;
widget.viewModel.submitOrder();
},
// private function
_getViewModel: function () {
var widget = this;
var init = function () {
$.cv.css.trigger($.cv.css.eventnames.orderCompleteLoadStarted, { name: widget.name }); // MAF USE ONLY
var d1 = $.cv.css.paymentProcessor.getPaymentOptionsForCurrentOrder();
$.when(d1).done(function (msg) {
var data = msg.data;
if (msg.errorMessage === null || msg.errorMessage.length == 0) {
viewModel.set("paymentOptions", data);
if (data.length > 0) {
var approvalPayment = $.grep(viewModel.get("paymentOptions"), function (item, idx) { return (item.Key.indexOf(widget.options.paymentTypes.approval) > -1 || item.Key == widget.options.paymentTypes.approvalConfigRequired); });
// for approvals only show the approval option
if (approvalPayment.length > 0) {
viewModel.set("approval", true);
viewModel.selectApprovalPayment();
if (approvalPayment[0].Key == widget.options.paymentTypes.approvalConfigRequired) {
viewModel.set("approvalConfigRequired", true);
viewModel.set("approvalRequired", true);
} else {
if (approvalPayment.length == 1)
viewModel.set("approvalType", approvalPayment[0].Key);
}
} else {
var cardOptions = $.grep(viewModel.get("paymentOptions"), function (item, idx) { return (item.Key.indexOf(widget.options.paymentTypes.card) > -1); });
var nonCardOptions = $.grep(viewModel.get("paymentOptions"), function (item, idx) { return (item.Key.indexOf(widget.options.paymentTypes.card) == -1); });
var cardsAvailable = cardOptions.length > 0 ? 1 : 0;
if (cardsAvailable && (widget.options.paymentProviderMode == PAYMENTPROVIDERMODEWAY || widget.options.paymentProviderMode == PAYMENTPROVIDERMODEWAYV3)) {
getPaymentProviderDetails();
ewayCreateAccessCode(false, 0);
}
// if only a single option is available default the selction to this option
var isSingleOption = (cardsAvailable + nonCardOptions.length) == 1;
$.each(data, function (idx, item) {
switch (item.Key) {
case widget.options.paymentTypes.account:
viewModel.set("accountPayment", true);
if (isSingleOption)
viewModel.selectAccountPayment();
break;
case widget.options.paymentTypes.paypal:
viewModel.set("paypal", true);
if (isSingleOption)
viewModel.selectPaypal();
break;
case widget.options.paymentTypes.bpay:
viewModel.set("bpay", true);
if (isSingleOption)
viewModel.selectBpay();
break;
case widget.options.paymentTypes.weWillCallYou:
viewModel.set("weWillCallYou", true);
if (isSingleOption)
viewModel.selectWeWillCallYou();
break;
case widget.options.paymentTypes.eft:
viewModel.set("eft", true);
viewModel.set("eftReceiptNumber", item.ReceiptNumber);
if (isSingleOption)
viewModel.selectEft();
break;
case widget.options.paymentTypes.zero:
viewModel.set("zero", true);
if (isSingleOption)
viewModel.selectZero();
break;
default:
if (item.Key.indexOf(widget.options.paymentTypes.card) > -1) {
viewModel.set("creditCard", true);
if (isSingleOption)
viewModel.selectCreditCard();
}
}
});
}
// bind the options to a data source so it can be viewed as a select list, radio button list etc
widget.options.dataSource = viewModel.get("paymentOptions");
setDataSource();
} else {
$.cv.css.trigger($.cv.css.eventnames.orderCompleteLoadFinished, { name: widget.name });
}
} else {
$.cv.css.trigger($.cv.css.eventnames.orderCompleteLoadFinished, { name: widget.name });
}
}).fail(function (msg) {
$.cv.css.trigger($.cv.css.eventnames.orderCompleteLoadFinished, { name: widget.name });
viewModel.setMessage(widget.options.textErrorGettingPaymentOptions, $.cv.css.messageTypes.error);
});
};
var setDataSource = function () {
widget.dataSource = kendo.data.DataSource.create(widget.options.dataSource);
if (widget.options.autoBind) {
widget.dataSource.fetch(function () {
$.cv.css.trigger($.cv.css.eventnames.orderCompleteLoadFinished, { name: widget.name });
});
}
viewModel.updateItemList();
};
var getPaymentProviderDetails = function () {
var d1 = $.cv.css.paymentProcessor.getPaymentProviderDetails(), titles = [], cardHolderTitle = "";
$.when(d1).done(function (msg) {
if (!msg.errorMessage || msg.errorMessage.length == 0) {
$.each(msg.data, function (idx, item) {
if (item != "")
titles.push({ value: item, text: item });
else
titles.push({ value: item, text: widget.options.textPleaseSelectPrompt });
});
if (viewModel.get("cardHolderTitle").length > 0)
cardHolderTitle = viewModel.get("cardHolderTitle");
viewModel.set("cardHolderTitleDataSource", titles);
// timing thing, if the eway access code call returns before the provide details call the field could be disabled and the value not properly updated
if (cardHolderTitle.length > 0 && viewModel.get("cardDetailsRemembered")) {
viewModel.set("cardDetailsRemembered", false);
// set it back to nothing, then reset it to fire off the change event
viewModel.set("cardHolderTitle", "");
viewModel.set("cardHolderTitle", cardHolderTitle);
viewModel.set("cardDetailsRemembered", true);
}
}
}).fail(function (msg) {
// TODO: should there be an error message displayed here?
//viewModel.setMessage(widget.options.textErrorGettingPaymentOptions, $.cv.css.messageTypes.error);
});
};
var ewayCreateAccessCode = function (clearRememberedPaymentInfo, orderNoForAccessCode) {
//var paymentInfo = {PaymentAmount: 50.00, IsAdditionalDeposit: false, IsDeposit: false, OrderNo: 0};
//var d1 = $.cv.css.paymentProcessor.ewayCreateAccessCode({ paymentInfo: paymentInfo, clearRememberedPaymentInfo: false });
if (orderNoForAccessCode == undefined)
orderNoForAccessCode = 0;
var customer = null;
// TODO: replace webervicesajax call with dynamic service call
var d1 = $.cssWebServicesAjax.eWayCreateAccessCode({ clearRememberedPaymentInfo: clearRememberedPaymentInfo, orderNoForAccessCode: orderNoForAccessCode });
$.when(d1).done(function (msg) {
var data = msg.d;
if (!data.IsError) {
if (data && data.Response && data.Response.Customer && data.Response.Customer.TokenCustomerID != null) {
customer = data.Response.Customer;
viewModel.setCardDetails(
false,
true,
customer.Title,
customer.CardName,
customer.CardNumber.substring(0, 4),
customer.CardNumber.substring(4, 8),
customer.CardNumber.substring(8, 12),
customer.CardNumber.substring(12, 16),
customer.CardExpiryMonth,
customer.CardExpiryYear,
"", "", "");
} else {
viewModel.clearCardDetails();
}
} else {
viewModel.setMessage(data.Message, $.cv.css.messageTypes.error);
}
}).fail(function (msg) {
// TODO: should there be an error message displayed here?
//viewModel.setMessage(widget.options.textErrorGettingPaymentOptions, $.cv.css.messageTypes.error);
});
};
var getDataView = function () {
// check if ds is initialised
var array = [];
var cardAlreadyAdded = false;
if (!widget.dataSource)
return array;
$.each(widget.dataSource.view(), function (idx, item) {
// add standard commands
item.Index = idx;
var key = item.Key;
if (key.indexOf(widget.options.paymentTypes.card) > -1)
key = widget.options.paymentTypes.card;
// only add once occurance of credit card to the option list
if (!cardAlreadyAdded) {
// allow the labels and values to be customised on the data source options list
item[widget.options.paymentOptionTextField] = widget.options.paymentTypeLabels[key];
item[widget.options.paymentOptionValueField] = widget.options.paymentTypeValues[key];
array.push(item);
}
if (key.indexOf(widget.options.paymentTypes.card) > -1)
cardAlreadyAdded = true;
});
return array;
};
var currentSurchargeType = "";
var currentSurcharge = 0;
var checkAgainst = [
"CardAny",
"CardAmex",
"CardDinersClub",
"CardMasterCard",
"CardVisa",
"BPay",
"EFT",
"PayPal",
"3rdParty",
"Call",
"UserCall"
];
var setSurcharge = function (currentSelection) {
if (currentSelection) {
//Has It Changed?
if (currentSelection.toLowerCase() != currentSurchargeType.toLowerCase()) {
// Set it so we dont spam it
currentSurchargeType = currentSelection;
// Check all against possible
var indexToCheck = -1;
for (var index = 0; index < checkAgainst.length; index++) {
if (checkAgainst[index].toLowerCase() == currentSelection.toLowerCase()) {
indexToCheck = index;
break;
}
}
var check = indexToCheck != -1 ?
$.cv.css.orders.applyPaymentSurcharge({ paymentMethod: checkAgainst[indexToCheck] }) :
$.cv.css.orders.removePaymentSurcharge();
check.done(function(response) {
if (indexToCheck != -1) {
var result = response.data.result[0];
widget.viewModel.set('cardChargeInfo', result);
if (response.data.errorMessage != null && response.data.errorMessage != "") {
widget.viewModel.setMessage(response.data.errorMessage, $.cv.css.messageTypes.error);
}
} else {
widget.viewModel.set('cardChargeInfo', null);
if (response.errorMessage != null && response.errorMessage != "") {
widget.viewModel.setMessage(response.errorMessage, $.cv.css.messageTypes.error);
}
}
$.cv.css.trigger($.cv.css.eventnames.orderChanged, { orderChangedBySurcharge: true });
currentSurcharge = indexToCheck != -1 ? 1 : 0;
});
}
}
};
var viewModel = kendo.observable({
// Properties for UI elements
paymentSuccessful: false, // states on validation failure to update UI (used in mobile)
paymentUnsuccessful: false,
isProcessing: false,
message: '',
currentSelectedOption: widget.options.currentSelectedOption,
itemList: getDataView(),
dataSource: widget.options.dataSource,
approvalType: "",
creditCardType: "",
cardHolderTitle: "", // eway
cardHolderTitleDataSource: [], // eway
cardHolderName: "",
cardChargeInfo: {},
cardNumber1: "",
cardNumber2: "",
cardNumber3: "",
cardNumber4: "",
cardNumber: "",
cardExpiryMonth: "",
cardExpiryYear: "",
cardSecurityCode: "",
rememberPayment: false, // eway
cardDetailsRemembered: false, // eway
isEWayProcessing: false,
eWayFieldsEnabled: function () {
var enabled = true;
if (this.get("cardDetailsRemembered"))
enabled = false;
if (this.get("isEWayProcessing"))
enabled = true;
return enabled;
},
eWayFieldsReadOnly: function () {
var readOnly = false;
if (this.get("isEWayProcessing"))
readOnly = true;
return readOnly;
},
eWayAccessCode: "", // eway
totalPaymentBalanceAfterEnteredGiftCards: -1,
eftReceiptNumber: "",
// UI Element state
isGiftCardBalanceZero: function () {
return this.get("totalPaymentBalanceAfterEnteredGiftCards") == 0;
},
clearExistingMessages: true,
accountPayment: widget.options.accountPayment,
creditCard: widget.options.creditCard,
paypal: widget.options.paypal,
bpay: widget.options.bpay,
weWillCallYou: widget.options.weWillCallYou,
eft: widget.options.eft,
approval: widget.options.approval,
approvalConfigRequired: false,
approvalRequired: false,
paymentOptions: {},
validationPreventingCheckout: false,
hasOptions: false,
hasMultipleOptions: function () {
var optionsCount = 0;
if (this.get("accountPayment"))
optionsCount++;
if (this.get("creditCard"))
optionsCount++;
if (this.get("paypal"))
optionsCount++;
if (this.get("bpay"))
optionsCount++;
if (this.get("weWillCallYou"))
optionsCount++;
if (this.get("eft"))
optionsCount++;
if (this.get("approval"))
optionsCount++;
return optionsCount > 1;
},
hasCardHolderTitles: function () {
return this.get("cardHolderTitleDataSource").length > 0;
},
accountPaymentSelected: function () {
return this.get("currentSelectedOption") == widget.options.paymentTypeValues[widget.options.paymentTypes.account];
},
creditCardSelected: function () {
return this.get("currentSelectedOption") == widget.options.paymentTypeValues[widget.options.paymentTypes.card];
},
paypalSelected: function () {
return this.get("currentSelectedOption") == widget.options.paymentTypeValues[widget.options.paymentTypes.paypal];
},
bpaySelected: function () {
return this.get("currentSelectedOption") == widget.options.paymentTypeValues[widget.options.paymentTypes.bpay];
},
weWillCallYouSelected: function () {
return this.get("currentSelectedOption") == widget.options.paymentTypeValues[widget.options.paymentTypes.weWillCallYou];
},
eftSelected: function () {
return this.get("currentSelectedOption") == widget.options.paymentTypeValues[widget.options.paymentTypes.eft];
},
approvalSelected: function () {
return this.get("currentSelectedOption") == widget.options.paymentTypeValues[widget.options.paymentTypes.approval];
},
creditCardTypeValid: function () {
return (this.get("creditCardType") != "");
},
cardHolderNameValid: function () {
return this.get("cardHolderName") != "";
},
cardNumberValid: function () {
var cardNumber = this.cardNumberFull();
return cardNumber.length == this.creditCardDigitsRequired();
},
cardExpiryMonthValid: function () {
return this.get("cardExpiryMonth") != "";
},
cardExpiryYearValid: function () {
return this.get("cardExpiryYear") != "";
},
cardSecurityCodeValid: function () {
return this.get("cardSecurityCode") != "";
},
setCardDetails: function (rememberPayment, cardDetailsRemembered, cardHolderTitle, cardHolderName, cardNumber1, cardNumber2, cardNumber3, cardNumber4, cardExpiryMonth, cardExpiryYear, cardSecurityCode, cardNumber, creditCardType) {
this.set("rememberPayment", rememberPayment);
this.set("cardDetailsRemembered", cardDetailsRemembered);
this.set("cardHolderTitle", cardHolderTitle);
this.set("cardHolderName", cardHolderName);
this.set("cardNumber1", cardNumber1);
this.set("cardNumber2", cardNumber2);
this.set("cardNumber3", cardNumber3);
this.set("cardNumber4", cardNumber4);
var month = cardExpiryMonth;
if (month && month.toString().length == 1)
month = "0" + month.toString();
this.set("cardExpiryMonth", month);
var year = cardExpiryYear;
if (year && year.toString().length == 1)
year = "0" + year.toString();
this.set("cardExpiryYear", year);
this.set("cardSecurityCode", cardSecurityCode);
this.set("cardNumber", cardNumber);
this.set("creditCardType", creditCardType);
// reset success state
this.set("paymentSuccessful", false);
this.set("paymentUnsuccessful", false);
},
clearCardDetails: function () {
this.setCardDetails(false, false, "", "", "", "", "", "", "", "", "", "", "");
},
// functions for UI events
orderUpdated: function (data) {
var order = $.cv.css.localGetCurrentOrder(widget.options.displayingOrderInformation);
if (order.TotalPaymentBalanceAfterEnteredGiftCards != undefined) {
this.set("totalPaymentBalanceAfterEnteredGiftCards", order.TotalPaymentBalanceAfterEnteredGiftCards);
if (this.isGiftCardBalanceZero()) {
viewModel.selectCreditCard();
}
} else {
this.set("totalPaymentBalanceAfterEnteredGiftCards", -1);
}
if (!data || (data && data.orderChangedBySurcharge != undefined && !data.orderChangedBySurcharge)) {
// only get into here if it was not the set surcharge method that trigger the order update
// don't go into a continuous loop
currentSurchargeType = "";
if (!this.creditCardSelected()) {
setSurcharge(this.get("currentSelectedOption"));
} else {
setSurcharge(this.get("creditCardType"));
}
}
},
submitButtonText: function () {
switch (this.get("currentSelectedOption")) {
case widget.options.paymentTypeValues[widget.options.paymentTypes.account]:
return widget.options.textButtonAccountPayment;
break;
case widget.options.paymentTypeValues[widget.options.paymentTypes.card]:
return widget.options.textButtonCreditCard;
break;
case widget.options.paymentTypeValues[widget.options.paymentTypes.paypal]:
return widget.options.textButtonPaypal;
break;
case widget.options.paymentTypeValues[widget.options.paymentTypes.bpay]:
return widget.options.textButtonBpay;
break;
case widget.options.paymentTypeValues[widget.options.paymentTypes.weWillCallYou]:
return widget.options.textButtonWeWillCallYou;
break;
case widget.options.paymentTypeValues[widget.options.paymentTypes.eft]:
return widget.options.textButtonEft;
break;
case widget.options.paymentTypeValues[widget.options.paymentTypes.approval]:
return widget.options.textButtonApproval;
break;
default:
return widget.options.textButtonDefault;
}
},
// Timeouts...
redirectToUrl: function (fallbackUrl, params, includeInBrowserHistory) {
if ($.cv.ajax.settings.timeoutRedirectUrl == "")
$.cv.util.redirect(fallbackUrl, params, includeInBrowserHistory);
else
$.cv.util.redirect($.cv.ajax.settings.timeoutRedirectUrl, params, includeInBrowserHistory);
},
// Successful payments...
redirect: function (uri, params, includeInBrowserHistory) {
$.cv.util.redirect(uri, params, includeInBrowserHistory);
},
setMessage: function (message, type) {
$.cv.util.notify(this, message, type, {
triggerMessages: widget.options.triggerMessages,
source: widget.name
});
},
clearMessage: function () {
this.set("clearExistingMessages", true);
this.set("message", "");
if (widget.options.triggerMessages)
$.cv.css.trigger($.cv.css.eventnames.message, { message: "", type: '', source: 'paymentOptions', clearExisting: this.get("clearExistingMessages") });
},
updateItemList: function () {
var dataView = getDataView();
this.set("itemList", dataView);
this.set("hasOptions", dataView.length > 0);
widget.trigger(OPTIONSRENDERED);
},
approvalConfirmed: function () {
var _this = this;
_this.refreshDatasource();
},
freightQuoteSelected: function (opts) {
this.set("isFreightQuoteSelected", opts.isSelected);
},
freightQuoteInstructsVisisble: function (opts) {
this.set("isFreightQuoteInstructsVisisble", opts.isVisible);
},
refreshDatasource: function () {
this.set("accountPayment", widget.options.accountPayment);
this.set("creditCard", widget.options.creditCard);
this.set("paypal", widget.options.paypal);
this.set("bpay", widget.options.bpay);
this.set("weWillCallYou", widget.options.weWillCallYou);
this.set("eft", widget.options.eft);
this.set("approval", widget.options.approval);
this.set("approvalConfigRequired", false);
init();
},
approvalTypesDataSource: function () {
var payOptions = this.get("paymentOptions");
var typesAvailable = [];
var ds = [];
if (payOptions != null)
typesAvailable = $.grep(payOptions, function (item, idx) { return (item.Key.indexOf(widget.options.paymentTypes.approval) > -1); });
if (typesAvailable.length > 1) {
ds.push({ text: "Select Type", value: "" });
$.each(typesAvailable, function (idx, item) {
if (widget.options.approvalPromptOverrides[item.Key] != undefined)
ds.push({ text: widget.options.approvalPromptOverrides[item.Key] != "" ? widget.options.approvalPromptOverrides[item.Key] : item.Value, value: item.Key });
else
ds.push({ text: item.Value, value: item.Key });
});
}
return new kendo.data.ObservableArray(ds);
},
hasMultipleApprovalTypes: function () {
return this.approvalTypesDataSource().length > 0;
},
creditCardTypesDataSource: function () {
var payOptions = this.get("paymentOptions");
var cardsAvailable = [];
var ds = [];
if (payOptions != null)
cardsAvailable = $.grep(payOptions, function (item, idx) { return (item.Key.indexOf(widget.options.paymentTypes.card) > -1); });
ds.push({ text: "Select Type", value: "", key: "" });
$.each(cardsAvailable, function (idx, item) {
if (widget.options.cardPromptOverrides[item.Value] != undefined)
ds.push({ text: widget.options.cardPromptOverrides[item.Value] != "" ? widget.options.cardPromptOverrides[item.Value] : item.Value, value: item.Value, key: item.Key });
else
ds.push({ text: item.Value, value: item.Value, key: item.Key });
});
return new kendo.data.ObservableArray(ds);
},
creditCardDigitsRequired: function () {
return this.get("creditCardType") == AMEX ? widget.options.amexNumberOfDigits : widget.options.nonAmexNumberOfDigits;
},
cardNumberFull: function () {
if (this.get("cardNumber") != "")
return this.get("cardNumber");
else
return this.get("cardNumber1") + this.get("cardNumber2") + this.get("cardNumber3") + this.get("cardNumber4");
},
setCreditCardType: function () {
var _this = this, cardNumber = this.cardNumberFull();
//start without knowing the credit card type
var cardType = "";
//first check for MasterCard
if (/^5[1-5]/.test(cardNumber)) {
cardType = MASTERCARD;
setSurcharge(cardType);
}
//then check for Visa
else if (/^4/.test(cardNumber)) {
cardType = VISA;
setSurcharge(cardType);
}
//then check for AmEx
else if (/^3[47]/.test(cardNumber)) {
cardType = AMEX;
setSurcharge(cardType);
}
//then check for Diners
else if (/^3[068]/.test(cardNumber)) {
cardType = DINERSCLUB;
setSurcharge(cardType);
}
var paymentType = $.grep(_this.get("paymentOptions"), function (item, idx) { return (item.Key.indexOf(widget.options.paymentTypes.card) > -1 && item.Key == cardType); });
if (paymentType.length == 0) {
cardType = "";
}
_this.set("creditCardType", cardType);
},
cardExpiryMonthPrompts: widget.options.cardExpiryMonthPrompts,
cardExpiryMonthsDataSource: function () {
var p = this.get("cardExpiryMonthPrompts").split(",");
var ds = [];
ds.push({ text: widget.options.textSelectMonth, value: "" });
for (i = 1; i <= p.length; i++) {
var s = i + "";
while (s.length < 2) s = "0" + s;
ds.push({ text: p[i - 1], value: s });
}
return new kendo.data.ObservableArray(ds);
},
cardExpiryYearDataSource: function () {
var ds = [];
var y = widget.options.cardYearsToShow > 0 ? widget.options.cardYearsToShow : 10;
var currentYear = new Date().getFullYear();
ds.push({ text: widget.options.textSelectYear, value: "" });
for (i = 0; i < y; i++) {
var year = currentYear + i;
ds.push({ text: year, value: (year + "").substr(2, 2) });
}
return new kendo.data.ObservableArray(ds);
},
newPaymentMethodSelected: function () {
this.clearMessage();
},
selectAccountPayment: function () {
this.newPaymentMethodSelected();
this.set("currentSelectedOption", widget.options.paymentTypeValues[widget.options.paymentTypes.account]);
setSurcharge(this.get("currentSelectedOption"));
},
selectCreditCard: function () {
this.newPaymentMethodSelected();
this.set("currentSelectedOption", widget.options.paymentTypeValues[widget.options.paymentTypes.card]);
this.setCreditCardType();
},
selectPaypal: function () {
this.newPaymentMethodSelected();
this.set("currentSelectedOption", widget.options.paymentTypeValues[widget.options.paymentTypes.paypal]);
setSurcharge(this.get("currentSelectedOption"));
},
selectBpay: function () {
this.newPaymentMethodSelected();
this.set("currentSelectedOption", widget.options.paymentTypeValues[widget.options.paymentTypes.bpay]);
setSurcharge(this.get("currentSelectedOption"));
},
selectWeWillCallYou: function () {
this.newPaymentMethodSelected();
this.set("currentSelectedOption", widget.options.paymentTypeValues[widget.options.paymentTypes.weWillCallYou]);
setSurcharge(this.get("currentSelectedOption"));
},
selectEft: function () {
this.newPaymentMethodSelected();
this.set("currentSelectedOption", widget.options.paymentTypeValues[widget.options.paymentTypes.eft]);
setSurcharge(this.get("currentSelectedOption"));
},
selectZero: function () {
this.newPaymentMethodSelected();
this.set("currentSelectedOption", widget.options.paymentTypeValues[widget.options.paymentTypes.zero]);
},
selectApprovalPayment: function () {
this.newPaymentMethodSelected();
this.set("currentSelectedOption", widget.options.paymentTypeValues[widget.options.paymentTypes.approval]);
setSurcharge(this.get("currentSelectedOption"));
},
submitOrderKeyUp: function (event) {
if (event.which == 13) {
// stops the form from submitting when using the widget on a page that has form submit buttons
event.preventDefault();
event.stopPropagation();
this.submitOrder();
}
},
submitOrder: function () {
// Final validation of order first
var vm = this;
vm.set('paymentUnsuccessful', false);
if (!_.isEmpty($.cv.css.pageValidationErrors)) {
vm.processPageValidationErrors();
} else {
vm.validateForCheckout();
}
},
// Triggers call to validate the order to see if it is ok for checkout...
// we will show relevant messages in the widget if needed.
validateForCheckout: function (options) {
var vm = this,
opts = $.extend({
processPayment: true
}, options);
vm.set("isProcessing", true);
$.cv.css.getCurrentOrder()
.done(function () {
var order = $.cv.css.localGetCurrentOrder();
// Bail! No order!
if (!order._objectKey) return;
vm.set("validationPreventingCheckout", false);
$.cv.css.orders.validateForCheckout({ _objectKey: order._objectKey })
.done(function (response) {
var data = response.data,
params = {};
// Reload order and lines to pick up charge lines added to the order
// like small order fee etc... (done originally for MAF order complete)
$.when($.cv.css.getCurrentOrder(), $.cv.css.getCurrentOrderLines()).done(function () {
// Ensure stuff updates itself with latest order totals etc due
// to ValidateForCheckout potentially adjusting the order (done originally for MAF order complete)
$.cv.css.trigger($.cv.css.eventnames.orderChanged).done(function () {
if (!data.sessionHasTimedOut) {
vm.displayValidationMessages(data);
// If no errors
if (!vm.get("validationPreventingCheckout") && opts.processPayment === true) {
// Once pre submit validation is complete... process the payment...
$.cv.css.trigger($.cv.css.eventnames.preOrderSubmit).done(function () {
vm.processPaymentOption();
});
} else {
vm.set("isProcessing", false);
}
} else {
vm.redirectToUrl(widget.options.sessionTimeOutRedirectUrl, params, !widget.options.includeInBrowserHistory);
}
});
});
}).fail(function (response) {
vm.set("isProcessing", false);
if (response.errorMessage != null) {
vm.setMessage(response.errorMessage, $.cv.css.messageTypes.error);
} else {
vm.setMessage(widget.options.textCheckoutErrorDefaultMessage, $.cv.css.messageTypes.error);
}
});
}).fail(function (response) {
vm.set("isProcessing", false);
if (response.errorMessage != null) {
vm.setMessage(response.errorMessage, $.cv.css.messageTypes.error);
}
});
},
// build message array from object passed in
buildLineValidationMessageArray: function (obj) {
var lineValidationErrors = new Array();
lineValidationErrors = [];
for (key in obj) {
if (obj.hasOwnProperty(key)) {
var el = {};
el["lineMessages"] = obj[key]
lineValidationErrors.push(el);
}
}
return lineValidationErrors;
},
displayValidationMessages: function (data) {
var _this = this;
_this.clearMessage();
var lineValidationErrors = _this.buildLineValidationMessageArray(data.lineValidationErrors);
if (data.headerValidateNotOk || data.linesValidateNotOk)
_this.set("validationPreventingCheckout", true);
if (data.headerValidationErrors.length > 0 || lineValidationErrors.length > 0) {
_this.set("clearExistingMessages", false);
$.each(data.headerValidationErrors, function (idx, item) {
if (item.preventsCheckOut) {
_this.setMessage(item.errorMessage, $.cv.css.messageTypes.error);
} else {
if (widget.options.showValidationMessagesNotPreventingCheckout)
_this.setMessage(item.errorMessage, $.cv.css.messageTypes.warning);
}
});
$.each(lineValidationErrors, function (idx, item) {
$.each(item["lineMessages"], function (idx, lineItem) {
if (lineItem.errorMessage != "") {
if (lineItem.preventsCheckOut) {
_this.setMessage(lineItem.lineSeq + ', ' + lineItem.productCode + ': ' + lineItem.errorMessage, $.cv.css.messageTypes.error);
} else {
if (widget.options.showValidationMessagesNotPreventingCheckout)
_this.setMessage(lineItem.lineSeq + ', ' + lineItem.productCode + ': ' + lineItem.errorMessage, $.cv.css.messageTypes.warning);
}
}
});
});
_this.set("clearExistingMessages", true);
}
},
processPaymentOption: function () {
// TODO: add in other payment options
// If freight quote visible (i.e. other options won't be) handle this (it is not part of currentSelectedOption)
if (this.get("isFreightQuoteInstructsVisisble")) {
this.submitFreightQuote();
return;
}
var paymentOption = this.get("currentSelectedOption");
switch (paymentOption) {
case widget.options.paymentTypeValues[widget.options.paymentTypes.account]:
this.submitAccountPayment();
break;
case widget.options.paymentTypeValues[widget.options.paymentTypes.card]:
this.submitOrderPayment();
break;
case widget.options.paymentTypeValues[widget.options.paymentTypes.paypal]:
this.submitPaypalPayment();
break;
case widget.options.paymentTypeValues[widget.options.paymentTypes.approval]:
this.submitApprovalPayment();
break;
case widget.options.paymentTypeValues[widget.options.paymentTypes.bpay]:
this.submitBpayPayment();
break;
case widget.options.paymentTypeValues[widget.options.paymentTypes.eft]:
this.submitEFTPayment();
break;
case widget.options.paymentTypeValues[widget.options.paymentTypes.zero]:
this.submitZeroOrderPayment();
break;
}
},
submitFreightQuote: function () {
var _this = this, processPaymentUnsuccessfulMessage = "";
// If freight quote visible but not acknowledged / selected need to not continue.
if (!_this.get("isFreightQuoteSelected")) {
var message = widget.options.textErrorNotAcknowledgedFreightQuote;
_this.setMessage(message, $.cv.css.messageTypes.error);
$.cv.util.notify(_this, message, $.cv.css.messageTypes.error);
return;
}
var opts = [];
_this.set("isProcessing", true);
var d1 = $.cv.css.orders.submitQuote(opts);
$.when(d1).done(function (msg) {
var data = msg.data;
if (!data.sessionHasTimedOut) {
if (data.success) {
$.cv.css.removeLocalStorage($.cv.css.localStorageKeys.currentOrder);
$.cv.css.removeLocalStorage($.cv.css.localStorageKeys.currentOrderLines);
// set viewmodel to indicate success
_this.set("paymentSuccessful", true);
// Redirect ----
// Don't use $.cv.util.redirect(), instead use internal
// redirect view model method as it can be overridden. It IS
// overridden in cv.mobile.ui.paymentOptions so that we don't
// redirect away from SPA.
if (widget.options.quoteSubmittedRedirectUrl != "") {
_this.redirect(widget.options.quoteSubmittedRedirectUrl, {}, widget.options.includeInBrowserHistory);
}
} else {
var defaultMessageSetting = _this.get("clearExistingMessages");
_this.set("paymentUnsuccessful", true);
_this.set("clearExistingMessages", true);
if (data.message && data.message.length > 0) {
_this.setMessage(data.message, $.cv.css.messageTypes.error);
if (widget.options.processPaymentUnsuccessfulMessage == "") {
processPaymentUnsuccessfulMessage = processPaymentUnsuccessfulMessage.length > 0 ? processPaymentUnsuccessfulMessage + ", " + data.message : data.message;
}
widget.trigger(PAYMENTUNSUCCESSFUL, { message: processPaymentUnsuccessfulMessage.length > 0 ? processPaymentUnsuccessfulMessage : widget.options.processPaymentUnsuccessfulMessage });
_this.set("clearExistingMessages", defaultMessageSetting);
}
_this.set("isProcessing", false);
}
} else {
_this.redirectToUrl(data.sessionTimeOutRedirectUrl, {}, !widget.options.includeInBrowserHistory);
}
}).fail(function (msg) {
_this.set("isProcessing", false);
if (msg.errorMessage != null)
_this.setMessage(msg.errorMessage, $.cv.css.messageTypes.error);
});
},
submitBpayPayment: function () {
var opts = { paymentType: widget.options.paymentTypes.bpay, paymentInfo: {} };
this.processPayment(opts);
},
validateEFTInformation: function () {
var valid = false;
if (this.get("currentSelectedOption").toUpperCase() == widget.options.paymentTypes.eft.toUpperCase()
&& (widget.options.eftBankReceiptNumberDisabled || (this.get("bankReceiptNumber") !== "" && typeof this.get("bankReceiptNumber") !== "undefined"))) {
valid = true;
} else {
this.setMessage(widget.options.textErrorNoBankReceiptInput, $.cv.css.messageTypes.error);
this.set("isProcessing", false);
}
return valid;
},
submitEFTPayment: function () {
var opts = {};
if (this.validateEFTInformation()) {
opts = { paymentType: widget.options.paymentTypes.eft, paymentInfo: { BankReceiptNumber: this.get("bankReceiptNumber") } };
this.processPayment(opts);
}
},
submitAccountPayment: function () {
var opts = { paymentType: widget.options.paymentTypes.account, paymentInfo: {} };
this.processPayment(opts);
},
submitPaypalPayment: function () {
var opts = { paymentType: widget.options.paymentTypes.paypal, paymentInfo: {} };
this.processPayment(opts);
},
validateApprovalInformation: function () {
var valid = true;
if (this.hasMultipleApprovalTypes() && this.get("approvalType") == "") {
this.setMessage(widget.options.textErrorNoApprovalTypeSelected, $.cv.css.messageTypes.error);
valid = false;
}
return valid;
},
submitApprovalPayment: function () {
var opts = {};
if (this.validateApprovalInformation()) {
if (this.hasMultipleApprovalTypes())
opts = { paymentType: this.get("approvalType"), paymentInfo: {} };
else
opts = { paymentType: widget.options.paymentTypes.approval, paymentInfo: {} };
this.processPayment(opts);
}
},
submitZeroOrderPayment: function () {
this.processPayment({ paymentType: 'ZERO' });
},
clearRememberedPaymentInfo: function () {
ewayCreateAccessCode(true);
},
validateCreditCardInformation: function () {
var valid = true;
var message = ""
if (!this.creditCardTypeValid())
message += ",Card Type";
if (!this.cardHolderNameValid())
message += ",Name On Card";
if (!this.cardNumberValid())
message += ",Credit Card Number (incorrect number of digits)";
if (!this.cardExpiryMonthValid())
message += ",Expiry Month";
if (!this.cardExpiryYearValid())
message += ",Expiry Year";
if (!this.cardSecurityCodeValid())
message += ",Security Code";
if (message.length > 0) {
message = "The following card details have errors: " + message.substr(1);
valid = false;
this.setMessage(message, $.cv.css.messageTypes.error);
}
return valid;
},
submitOrderPayment: function () {
// TODO: process credit card payments
var _this = this,
opts = {},
cardName = _this.get("creditCardType").replace(/CARD/, ""),
submitOrderPaymentUnsuccessfulMessage = "",
isGiftCardBalanceZero = this.isGiftCardBalanceZero(),
validCreditCardInformation = true;
if (!isGiftCardBalanceZero) {
validCreditCardInformation = this.validateCreditCardInformation();
}
if (isGiftCardBalanceZero || validCreditCardInformation) {
if (widget.options.paymentProviderMode == PAYMENTPROVIDERMODESTANDARD) {
opts = {
paymentType: widget.options.paymentTypes.card,
paymentInfo: {
CardName: cardName,
CardHolderName: _this.get("cardHolderName"), // Any Name
CardNumber: _this.cardNumberFull(), //"4111111111111111", // This is DPS Test Card Number - Payment Express
CardExpiryMonth: _this.get("cardExpiryMonth"), // Any For DPS Test
CardExpiryYear: _this.get("cardExpiryYear"),
CardSecurityCode: _this.get("cardSecurityCode")
}
};
} else if (widget.options.paymentProviderMode == PAYMENTPROVIDERMODEWAY || widget.options.paymentProviderMode == PAYMENTPROVIDERMODEWAYV3) {
opts = {
paymentType: widget.options.paymentTypes.card,
paymentInfo: {
CardDetailProcessingMode: EWAYPROCESSINGMODE,
CardName: cardName,
CreateTokenID: _this.get("rememberPayment"),
CardHolderTitle: _this.get("rememberPayment") ? this.get("cardHolderTitle") : ""
}
};
}
// eway years need to be 2 digits
this.processPayment(opts);
} else {
if (this.get("totalPaymentBalanceAfterEnteredGiftCards") != "-1" && !this.isGiftCardBalanceZero()) {
submitOrderPaymentUnsuccessfulMessage = widget.options.giftCardBalanceNotZeroMessage;
}
if (!validCreditCardInformation) {
submitOrderPaymentUnsuccessfulMessage = submitOrderPaymentUnsuccessfulMessage.length > 0 ? submitOrderPaymentUnsuccessfulMessage + ", " + widget.options.invalidCreditCardInformation : widget.options.invalidCreditCardInformation;
}
this.set("paymentUnsuccessful", true);
widget.trigger(PAYMENTUNSUCCESSFUL, { message: submitOrderPaymentUnsuccessfulMessage });
if (!validCreditCardInformation) {
if (!widget.options.triggerMessages) {
_this.setMessage(submitOrderPaymentUnsuccessfulMessage, $.cv.css.messageTypes.error);
} else {
widget.options.triggerMessages = false;
_this.setMessage(submitOrderPaymentUnsuccessfulMessage, $.cv.css.messageTypes.error);
widget.options.triggerMessages = true;
}
} else {
_this.setMessage(submitOrderPaymentUnsuccessfulMessage, $.cv.css.messageTypes.error);
}
_this.set("isProcessing", false);
}
},
processPageValidationErrors: function () {
var widgetElement = "[data-role='{0}']", widget;
$.each(_.values($.cv.css.pageValidationErrors), function (idx, item) {
$(widgetElement.format(item.toLowerCase())).each(function () {
widget = $(this).data(item);
if (widget) {
if ($.isFunction(widget.validateInputFields))
widget.validateInputFields(true);
}
});
});
},
processPayment: function (opts) {
var _this = this, processPaymentUnsuccessfulMessage = "";
_this.set("isProcessing", true);
var d1 = $.cv.css.paymentProcessor.processPayment(opts);
$.when(d1).done(function (msg) {
var data = msg.data;
if (!data.sessionHasTimedOut) {
if (opts.paymentType.indexOf(widget.options.paymentTypes.card) < 0 || (opts.paymentType.indexOf(widget.options.paymentTypes.card) >= 0 && widget.options.paymentProviderMode != PAYMENTPROVIDERMODEWAY && widget.options.paymentProviderMode != PAYMENTPROVIDERMODEWAYV3)) {
if (data.Status == 0) {
$.cv.css.removeLocalStorage($.cv.css.localStorageKeys.currentOrder);
$.cv.css.removeLocalStorage($.cv.css.localStorageKeys.currentOrderLines);
// set viewmodel to indicate success
_this.set("paymentSuccessful", true);
// Redirect ----
// Don't use $.cv.util.redirect(), instead use internal
// redirect view model method as it can be overridden. It IS
// overridden in cv.mobile.ui.paymentOptions so that we don't
// redirect away from SPA.
if (data.IsRedirect && data.RedirectUrl != "") {
_this.redirect(data.RedirectUrl, {}, widget.options.includeInBrowserHistory);
} else {
_this.redirect(widget.options.paymentOkRedirectUrl, {}, widget.options.includeInBrowserHistory);
}
} else {
var defaultMessageSetting = _this.get("clearExistingMessages");
_this.set("paymentUnsuccessful", true);
_this.set("clearExistingMessages", true);
$.each(data.Messages, function (idx, item) {
_this.setMessage(item, $.cv.css.messageTypes.error);
if (widget.options.processPaymentUnsuccessfulMessage == "") {
processPaymentUnsuccessfulMessage = processPaymentUnsuccessfulMessage.length > 0 ? processPaymentUnsuccessfulMessage + "," + item : item;
}
});
widget.trigger(PAYMENTUNSUCCESSFUL, { message: processPaymentUnsuccessfulMessage.length > 0 ? processPaymentUnsuccessfulMessage : widget.options.processPaymentUnsuccessfulMessage });
_this.set("clearExistingMessages", defaultMessageSetting);
_this.set("isProcessing", false);
}
} else {
_this.set("isEWayProcessing", true);
var accessCode;
var postBackUrl;
// Get eWay information passed back.
for (var i in data.AdditionalResultData) {
if (data.AdditionalResultData[i].Key === "eWay_AccessCode")
accessCode = data.AdditionalResultData[i].Value;
if (data.AdditionalResultData[i].Key === "eWay_PostbackUrl")
postBackUrl = data.AdditionalResultData[i].Value;
}
if (accessCode && postBackUrl) {
// Set access code field
_this.set("eWayAccessCode", accessCode);
// Set post back uri and submit
var form = $("form:first");
form.attr("action", postBackUrl);
form.submit();
} else {
_this.set("isEWayProcessing", false);
_this.set("isProcessing", false);
}
}
} else {
_this.redirectToUrl(data.sessionTimeOutRedirectUrl, {}, !widget.options.includeInBrowserHistory);
}
}).fail(function (msg) {
_this.set("isProcessing", false);
if (msg.errorMessage != null)
_this.setMessage(msg.errorMessage, $.cv.css.messageTypes.error);
});
}
});
viewModel.bind("change", function (e) {
if (widget.options.autoSelectCardType) {
if (e.field == "cardNumber" || e.field == "cardNumber1") {
viewModel.setCreditCardType();
}
}
});
init();
return viewModel;
},
_getDefaultViewTemplate: function () {
var widget = this;
// modify view template based on widget.options where applicable
var html = "";
return html;
},
_getDefaultItemViewTemplate: function () {
var widget = this;
// return the template to be bound to the dataSource items
var html = "";
return html;
}
}
// register the widget
$.cv.ui.widget(paymentOptionsWidget);
})(jQuery);
;
/* Name: Freight carrier
* Author: Aidan Thomas
* Created: 20130220
*
* Dependencies:
* --- Third Party ---
* jquery.js
* kendo.web.js
* --- CSS ---
* /Scripts/cv.widget.kendo.js
* /Scripts/cv.css.js
* /Scripts/cv.util.js
* /Scripts/cv.css.freightCarrier.js
* Params:
* dataSource:
* pleaseSelectText:
* freightOptionsTextField:
* freightOptionsValueField:
* clearExistingMessages:
* autoBind:
* triggerMessages:
* textErrorSettingFreight:
* viewTemplate: kendo template id for the main view
*/
// TODO: Current only works with Standard Freight, Live Freight and Delivery Methods. The other methods still need to be implemented
;
(function ($, undefined) {
var DATABINDING = "dataBinding",
DATABOUND = "dataBound",
CHANGE = "change",
FREIGHTSELECTED = "freightSelected",
FREIGHTSELECTEDINITIALOWNCARRIER = "freightSelectedInitialOwnCarrier",
FREIGHTSELECTEDOWNCARRIER = "freightSelectedOwnCarrier",
PICKUPWAREHOUSESLOADED = "pickupWarehousesLoaded";
var freightCarrierWidget = {
// widget name
name: "freightCarrier",
// default widget options
options: {
// viewModel defaults
dataSource: [],
freightOptionsTextField: "CarrierDescription",
freightOptionsValueField: "ID",
clearExistingMessages: true,
isFreightCalculator: false,
getDataOnInit: true,
validatePostcode: false,
// viewModel flags
autoBind: true,
triggerMessages: true,
// events
// view flags
// view text defaults
textErrorSettingFreight: 'There was an error setting the freight',
textPostCodeRequired: "Please enter a postcode",
textPostCodeInWrongFormat: "Postcode is in the wrong format",
textNoFreightFoundDefaultMessage: "No freight could be found for your entered details",
textNoOwnCarrierNameMessage: "Please select one of your own carriers",
textNoOwnCarrierAccountMessage: "Please enter your Freight Account Number",
textPleaseSelectWarehouse: "Please select...",
freightOptionNotSelected: "Please select a freight option",
warehouseNotSelected: "Please select a pickup location",
// widget settings
currentOrderPostcode: "",
currentOrderCountry: { Code: "Australia", Description: "Australia" },
defaultCountry: "Australia",
availableCountries: [{ Code: "Australia", Description: "Australia" }],
storeName: "",
// view Template
viewTemplate: null // Treat these as IDs, remove the last one.
},
events: [DATABINDING, DATABOUND, FREIGHTSELECTED, FREIGHTSELECTEDINITIALOWNCARRIER, FREIGHTSELECTEDOWNCARRIER, PICKUPWAREHOUSESLOADED],
viewModel: null,
view: null,
// private property
_viewAppended: false,
initialise: function (el, o) {
var widget = this;
// Register Widget so we can determine when they are all completed loading
$.cv.css.trigger($.cv.css.eventnames.orderCompleteLoadRegistration, { name: widget.name }); // MAF USE ONLY
//var view = null;
// check for an internal view
var internalView = $(el).children(":first");
if (internalView.data("view")) {
widget.view = internalView.html();
} else {
// setup grid view
widget._viewAppended = true;
// get template text and parse it with the options
var templateText = widget.options.viewTemplate ? $("#" + widget.options.viewTemplate).html() : widget._getDefaultViewTemplate();
var viewTemplate = kendo.template(templateText);
widget.view = viewTemplate(widget.options);
widget.element.html(widget.view);
}
// now MMVM bind
widget.viewModel = widget._getViewModel();
// bind view to viewModel
var target = widget.element.children(":first");
kendo.bind(target, widget.viewModel);
$.cv.css.bind($.cv.css.eventnames.addressChanged, $.proxy(widget.viewModel.addressChanged, widget.viewModel));
$.cv.css.bind($.cv.css.eventnames.addressBeingEdited, $.proxy(widget.viewModel.addressBeingEdited, widget.viewModel));
},
destroy: function () {
var widget = this;
// remove the data element
widget.element.removeData(widget.name);
// clean up the DOM
if (widget._viewAppended) {
$.cv.util.destroyKendoWidgets(widget.element);
widget.element.empty();
}
},
validateInputFields: function (showMessages) {
var widget = this;
widget.viewModel.validateInputFields(showMessages);
},
_getViewModel: function () {
var widget = this;
var initDataSource = function () {
if (!widget.options.isFreightCalculator && !viewModel.get("showWarehousesForPickup") && !viewModel.get("showWarehousesForPickupOrIsLoading")) {
if (widget.options.storeName.length > 0) {
viewModel.getWarehousesForPickup(widget.options.storeName);
}
var d1 = $.cv.css.freightCarrier.getFreightForCurrentOrder();
$.when(d1).done(function (msg) {
viewModel.set("showFreightSelector", msg.data.ShowFreightSelector);
if (msg.data.ShowFreightSelector) {
if (msg.data.OptionGroups.length > 0) {
widget.options.dataSource = msg.data.OptionGroups; // [0].FreightOptions;
if (msg.data.OptionGroups[0].TemplateName != "" && msg.data.OptionGroups[0].TemplateName != null)
viewModel.setFreightTemplateHtml(msg.data.OptionGroups[0].TemplateName);
// Need to remove the Store Pickup option from the normal freight options list as it would already have been shown if available in the first selection list
// that was shown to user where could choose if wanted to use own carriers or not. It would be confusing to have it listed in both locations
var index = -1;
$.each(msg.data.OptionGroups[0].FreightOptions, function (idx, item) {
if (item.IsStorePickup) {
index = idx;
viewModel.set("isStorePickupAvailable", true);
viewModel.set("storePickupCarrierCode", item.CarrierCode);
return false;
}
});
// Set if Own Carriers available, will make normal freight selection initially not visible
// instead first showing the choice for user if they want to use own carriers or normal freight.
if (msg.data.IsFreightOwnCarriersAvailable) {
viewModel.set("isFreightOwnCarriersAvailable", true);
viewModel.set("isFreightNormalCarriersVisisble", false);
if (index > -1)
msg.data.OptionGroups[0].FreightOptions.splice(index, 1);
} else {
// If only have one freight option and it is store pickup (i.e. not a real carrier) this means no real freight found.
// So if there is also the config to allow feright quote submission then make this visible from the get go.
if (viewModel.get("isProntoFreightQuoteEnabled")
&& (msg.data.OptionGroups.length == 0 || msg.data.OptionGroups[0].FreightOptions.length == 0
|| (msg.data.OptionGroups[0].FreightOptions.length == 1 && viewModel.get("isStorePickupAvailable")))) {
viewModel.set("isFreightQuoteInstructsVisisble", true);
}
}
} else
widget.options.dataSource = [];
} else {
widget.options.dataSource = [];
}
setDataSource();
viewModel.set("isInitialLoad", false);
widget.options.storeName = "";
});
}
};
// returns the carrier code from the current order
var getSoCarrierCode = function () {
var order = $.cv.css.localGetCurrentOrder();
if (order != null) {
if (order.CarrierCode)
return order.CarrierCode;
else
return '';
} else {
return '';
}
};
// returns the OwnCarrierName from the current order
var getOwnCarrierName = function () {
var order = $.cv.css.localGetCurrentOrder();
if (order != null) {
if (order.OwnCarrierName)
return order.OwnCarrierName;
else
return '';
} else {
return '';
}
};
// returns the OwnCarrierNameOwnCarrierAccount from the current order
var getOwnCarrierAccount = function () {
var order = $.cv.css.localGetCurrentOrder();
if (order != null) {
if (order.OwnCarrierAccount)
return order.OwnCarrierAccount;
else
return '';
} else {
return '';
}
};
var setDataSource = function () {
widget.dataSource = kendo.data.DataSource.create(widget.options.dataSource);
if (widget.options.autoBind)
widget.dataSource.fetch();
viewModel.updateItemList();
viewModel.updateItemListInitialOwnCarriers();
viewModel.updateItemListOwnCarriers();
// check the carrier code on the current order, if populated update the view model to use this value
var soCarrierCode = getSoCarrierCode();
var dSourceView = widget.dataSource.view();
// If ShowFreightSelector was false in the data that came back from $.cv.css.freightCarrier.getFreightForCurrentOrder() in initDataSource()
// then there won't be any FreightOptions on the widget.dataSource.view() at this point so need to check!
if (dSourceView && dSourceView.length > 0 && !viewModel.get("showWarehousesForPickup") && !viewModel.get("showWarehousesForPickupOrIsLoading")) {
var result = $.grep(dSourceView[0].FreightOptions, function (e) { return e.CarrierCode == soCarrierCode; });
if (result.length > 0) {
if (viewModel.get("currentFreightID") == result[0].ID && !viewModel.get("isInitialLoad")) {
viewModel.freightSelected();
viewModel.validateInputFields();
} else {
viewModel.set("currentFreightID", result[0].ID);
}
// Handle own carriers options preselection that normal carriers selected
if (!result[0].IsStorePickup) {
viewModel.set("currentFreightUseOwnCarrier", "UseNormalFreightCarriers");
viewModel.freightSelectedInitialOwnCarrier();
}
} else {
_selectMinimFreight(true);
}
}
//
// Handle own carriers options preselection
//
// If StorePickup chosen set viewmodel that this option chosen
if(soCarrierCode.length > 0 && soCarrierCode == viewModel.get("storePickupCarrierCode")) {
var isAlreadySP = viewModel.get("currentFreightUseOwnCarrier") == soCarrierCode; // store if current value is the same
viewModel.set("currentFreightUseOwnCarrier", soCarrierCode); // if it was different the binding event on this viewmodel property will trigger the change event
// if it was the same then it won't have got triggered so do it manually as must ensure it is called, otherwise the freight may not have been set.
if (isAlreadySP)
viewModel.freightSelectedInitialOwnCarrier();
}
// If have an own carrier chosen set viewmodel that this option chosen
var ownCarrierName = getOwnCarrierName();
if (ownCarrierName.length > 0) {
var isAlreadyOC = viewModel.get("currentFreightUseOwnCarrier") == "UseFreightOwnCarriers"; // store if current value is the same
viewModel.set("currentFreightUseOwnCarrier", "UseFreightOwnCarriers"); // if it was different the binding event on this viewmodel property will trigger the change event
// if it was the same then it won't have got triggered so do it manually as must ensure it is called, otherwise may not show correct options
if (isAlreadyOC)
viewModel.freightSelectedInitialOwnCarrier();
}
};
var _selectMinimFreight = function (triggerFreightSelected) {
if (!widget.dataSource || viewModel.get("showWarehousesForPickup") || viewModel.get("showWarehousesForPickupOrIsLoading"))
return [];
var array = [],
minAmount = 0,
minIndex = 0,
dview = widget.dataSource.view();
triggerFreightSelected = typeof triggerFreightSelected !== 'undefined' ? triggerFreightSelected : false;
if (dview.length > 0 && dview[0].FreightOptions) {
var nonOwnCarriersOptionGrp = dview[0].FreightOptions; // Always first group will not be the one not for Own Carriers
if (nonOwnCarriersOptionGrp.length > 0)
minAmount = nonOwnCarriersOptionGrp[0].AmountIncTax;
$.each(nonOwnCarriersOptionGrp, function (idx, item) {
// add standard commands
item.Index = idx;
if (item.AmountIncTax < minAmount) {
minAmount = item.AmountIncTax;
minIndex = idx;
}
array.push(item);
});
}
// Don't do an initial call to set freight when can choose from an own carrier
var isOwnCarriersAvailable = viewModel.get("isFreightOwnCarriersAvailable");
if (!isOwnCarriersAvailable && array.length > 0 && viewModel.get("currentFreightID") == '' && widget.options.storeName.length == 0) {
viewModel.set("currentFreightID", array[minIndex].ID);
} else if (!isOwnCarriersAvailable && array.length > 0 && triggerFreightSelected && viewModel.get("currentFreightID") != '' && viewModel.get("currentFreightID") == array[minIndex].ID) {
viewModel.freightSelected();
viewModel.validateInputFields();
}
};
var getDataView = function () {
// check if ds is initialised
if (!widget.dataSource)
return [];
var array = [];
var dview = widget.dataSource.view();
if (dview.length > 0 && dview[0].FreightOptions) {
var nonOwnCarriersOptionGrp = dview[0].FreightOptions; // Always first group will not be the one not for Own Carriers
array = nonOwnCarriersOptionGrp;
}
_selectMinimFreight();
return array;
};
var getDataViewUseOwnCarriers = function () {
// check if ds is initialised
if (!widget.dataSource)
return [];
if (viewModel.get("isFreightOwnCarriersAvailable") == false)
return [];
var array = [];
// Iterate the OptionGroups, the data source should be list of them, and find the Own Carriers one (should be not the first if present)
var dview = widget.dataSource.view();
$.each(dview, function (idx, item) {
if (item.Name == "FreightOwnCarrier") {
$.each(item.FreightOptionsUseOwnCariers, function (idx2, uocItem) {
array.push(uocItem);
});
return false;
}
});
return array;
};
var getDataViewOwnCarriers = function () {
// check if ds is initialised
if (!widget.dataSource)
return [];
if (viewModel.get("isFreightOwnCarriersAvailable") == false)
return [];
var array = [];
// Iterate the OptionGroups, the data source should be list of them, and find the Own Carriers one (should be not the first if present)
var dview = widget.dataSource.view();
$.each(dview, function (idx, item) {
if (item.Name == "FreightOwnCarrier") {
$.each(item.FreightOptions, function (idx2, ocItem) {
array.push(ocItem);
});
return false;
}
});
return array;
};
var viewModel = kendo.observable({
// Properties for UI elements
dataSource: widget.options.dataSource,
message: '',
currentFreightID: '',
previousFreightID: '',
currentFreightUseOwnCarrier: '',
currentFreightOwnCarrierName: getOwnCarrierName(),
currentFreightOwnCarrierAccount: getOwnCarrierAccount(),
currentCarrierCode: getSoCarrierCode(),
storePickupCarrierCode: '',
freightTemplateHtml: "",
freightOptionTemplateHtml: "",
clearExistingMessages: widget.options.clearExistingMessages,
calculatorPostcode: widget.options.currentOrderPostcode,
calculatorCountryCode: widget.options.currentOrderCountry != null ? widget.options.currentOrderCountry.Code : '',
calculatorCountryDescription: widget.options.currentOrderCountry != null ? widget.options.currentOrderCountry.Description : '',
calculatorAvailableCountries: widget.options.availableCountries,
isProntoFreightQuoteEnabled: widget.options.isProntoFreightQuoteEnabled != null ? widget.options.isProntoFreightQuoteEnabled : false,
storeLocationDataLoaded: false,
storeLocationData: [{ StoreName: widget.options.textPleaseSelectWarehouse, WarehouseCode: "" }],
showWarehousesForPickup: false,
showWarehousesForPickupOrIsLoading: false,
warehouseLoadedFromOrder: false,
selectedWarehouse: null,
selectedWarehouseValue: function () {
var value = "", selectedWarehouse = this.get("selectedWarehouse");
if (selectedWarehouse) {
// whne bound to a kendo drop down list
if (typeof selectedWarehouse == "object") {
value = selectedWarehouse.WarehouseCode;
} else {
value = selectedWarehouse;
}
}
return value;
},
// UI Element state
isInitialLoad: true,
hasFreightOptions: false,
hasFreightOptionsOrCanSubmitForFreightQuote: false, // used for when binding visibility in case no freight options available but can still submit for freight quote.
isFreightOwnCarriersAvailable: false,
isFreightUseOwnCarriersVisisble: false, // initially don't show
isFreightNormalCarriersVisisble: true, // initially default to showing if don't have any own carriers.
isFreightNormalCarriersLabelVisisble: false, // Only show this with normal freight option choice when have own carriers available but choose to use normal freight.
isFreightQuoteInstructsVisisble: false, // Sets to true when not have any freight and can submit for freight quote instead to show msg about this.
isFreightQuoteSelected: false, // Gets set if user chooses wish to submit as a quote to get freight quote.
isStorePickupAvailable: false,
isSingleFreightOption: false,
showFreightSelector: false,
isProcessing: false,
isLoadingWarehouses: false,
// functions for UI events
clearMessage: function () {
var clearExistingMessages = this.get("clearExistingMessages");
this.set("clearExistingMessages", true);
this.set("message", "");
if (widget.options.triggerMessages)
$.cv.css.trigger($.cv.css.eventnames.message, { message: "", type: '', source: 'freightCarrier', clearExisting: this.get("clearExistingMessages") });
this.set("clearExistingMessages", clearExistingMessages);
},
setMessage: function (message, type) {
$.cv.util.notify(this, message, type, {
triggerMessages: widget.options.triggerMessages,
source: widget.name
});
},
updateItemList: function () {
var dataView = getDataView();
this.set("itemList", dataView);
this.set("hasFreightOptions", dataView.length > 0);
this.set("hasFreightOptionsOrCanSubmitForFreightQuote", dataView.length > 0 || this.get("isProntoFreightQuoteEnabled"));
this.set("isSingleFreightOption", dataView.length == 1);
},
updateItemListInitialOwnCarriers: function () {
var dataView = getDataViewUseOwnCarriers();
this.set("itemListInitialOwnCarriers", dataView);
this.set("isFreightOwnCarriersAvailable", dataView.length > 0);
},
updateItemListOwnCarriers: function () {
var dataView = getDataViewOwnCarriers();
this.set("itemListOwnCarriers", dataView);
},
// Holds the list of normal freight ptions to choose from, i.e. not own carriers
itemList: getDataView(),
// Used for list where can select if want to use Own Carriers or go with normal freight on order
itemListInitialOwnCarriers: getDataViewUseOwnCarriers(),
// Has the actaul list of Own Carriers available
itemListOwnCarriers: getDataViewOwnCarriers(),
addressChanged: function () {
this.set("isAddressBeingEdited", false);
initDataSource();
},
isAddressBeingEdited: false,
addressBeingEdited: function () {
this.set("isAddressBeingEdited", true);
$.cv.css.addRemovePageValidationError(false, widget.name);
},
setFreightTemplateHtml: function (templateName) {
var _this = this;
if (templateName != "" && templateName != null) {
var d1 = $.cv.css.getParsedTemplate({ templateName: templateName });
$.when(d1).done(function (msg) {
var data = msg.data;
_this.set("freightTemplateHtml", data);
}).fail(function () {
});
} else {
_this.set("freightOptionTemplateHtml", "");
}
},
freightSelected: function () {
var _this = viewModel;
var currentFreightID = this.get("currentFreightID");
if ((currentFreightID != undefined && currentFreightID != "") || currentFreightID == 0) {
var option = $.grep(this.get("itemList"), function (item, idx) { return (item.ID == currentFreightID); });
if (option.length > 0) {
// check if a template name exists for the current selected freight option, parse and insert the template, otherwise empty the freight option HTML
if (option[0].TemplateName != "" && option[0].TemplateName != null) {
var d1 = $.cv.css.getParsedTemplate({ templateName: option[0].TemplateName });
$.when(d1).done(function (msg) {
var data = msg.data;
_this.set("freightOptionTemplateHtml", data);
}).fail(function () {
});
} else {
_this.set("freightOptionTemplateHtml", "");
}
}
this.setFreight();
}
},
freightSelectedInitialOwnCarrier: function () {
var _this = viewModel;
var currFrghtUseOwnCarrier = _this.get("currentFreightUseOwnCarrier");
if ((currFrghtUseOwnCarrier != undefined && currFrghtUseOwnCarrier != "")) {
var option = $.grep(_this.get("itemListInitialOwnCarriers"), function (item, idx) { return (item.CarrierCode == currFrghtUseOwnCarrier); });
if (option.length > 0) {
var currentIsFghtQuoteSel = _this.get("isFreightQuoteSelected");
if (option[0].IsStorePickup) {
_this.set("isFreightNormalCarriersVisisble", false);
_this.set("isFreightUseOwnCarriersVisisble", false);
_this.set("isFreightNormalCarriersLabelVisisble", false);
// Clear these as will now have store pickup set
_this.set("currentFreightOwnCarrierName", '');
_this.set("currentFreightOwnCarrierAccount", '');
_this.set("isFreightQuoteInstructsVisisble", false);
// Change to not set if was previously set
if(currentIsFghtQuoteSel) {
_this.set("isFreightQuoteSelected",false);
}
// Let it be known what selection state is: Show the payment options
$.cv.css.trigger($.cv.css.eventnames.freightQuoteInstructsVisisble, { isVisible: false });
$.cv.css.trigger($.cv.css.eventnames.freightQuoteSelected, { isSelected: false });
// Handle setting freight for pickup
this.set("currentFreightID", option[0].ID); // this will trigger setFreight()
}
else if (option[0].CarrierCode == "UseNormalFreightCarriers") {
// Handle making normal freight selection now visible
this.set("isFreightUseOwnCarriersVisisble", false);
// Clear these as will not now set
_this.set("currentFreightOwnCarrierName", '');
_this.set("currentFreightOwnCarrierAccount", '');
if (!_this.get("hasFreightOptions") && _this.get("isProntoFreightQuoteEnabled")) {
_this.set("isFreightQuoteInstructsVisisble", true);
// Let it be known what selection state is: Hide the payment options
$.cv.css.trigger($.cv.css.eventnames.freightQuoteInstructsVisisble, { isVisible: true });
$.cv.css.trigger($.cv.css.eventnames.freightQuoteSelected, { isSelected: false });
} else {
_this.set("isFreightNormalCarriersVisisble", true);
_this.set("isFreightNormalCarriersLabelVisisble", true);
}
}
else if (option[0].CarrierCode == "UseFreightOwnCarriers") {
// Handle making own freightcarriers actual list of carriers now visible for selection
_this.set("isFreightUseOwnCarriersVisisble", true);
_this.set("isFreightNormalCarriersVisisble", false);
_this.set("isFreightNormalCarriersLabelVisisble", false);
_this.set("isFreightQuoteInstructsVisisble", false);
// Change to not set if was previously set
if (currentIsFghtQuoteSel) {
_this.set("isFreightQuoteSelected", false);
}
// Let it be known what selection state is: Show the payment options
$.cv.css.trigger($.cv.css.eventnames.freightQuoteInstructsVisisble, { isVisible: false });
$.cv.css.trigger($.cv.css.eventnames.freightQuoteSelected, { isSelected: false });
}
}
}
},
setFreightQuoteSelected: function () {
var _this = viewModel;
// Need this hack for firefox to give a delay so that whenthis chekced function is called, the view model has chance to be updated otherwise gets opposite value.
window.setTimeout(_this.setFreightQuoteSelectedDoWork, 10);
},
setFreightQuoteSelectedDoWork: function () {
var _this = viewModel;
var isFghtQuoteSel = _this.get("isFreightQuoteSelected");
if (isFghtQuoteSel) {
var currFrghtId = _this.get("currentFreightID");
_this.set("previousFreightID", currFrghtId); // Store temp in case need to restore if unselect quote option
_this.set("currentFreightID", 0); // this will trigger setFreight() and clear.
_this.set("isFreightNormalCarriersVisisble", false); // Hide the Normal Carrier options if visible
_this.set("isFreightNormalCarriersLabelVisisble", false);
} else {
if (_this.get("hasFreightOptions") && !_this.get("isFreightOwnCarriersAvailable")) {
var prevFrghtId = _this.get("previousFreightID");
_this.set("currentFreightID", prevFrghtId); // Restore prev slection this will trigger setFreight()
_this.set("isFreightNormalCarriersVisisble", true); // make visible again
_this.set("isFreightNormalCarriersLabelVisisble", true);
}
}
// Let it be known what slection state is
$.cv.css.trigger($.cv.css.eventnames.freightQuoteSelected, { isSelected: isFghtQuoteSel });
},
setFreightOwnCarrier: function () {
var fw = $("#freight-wrapper");
var validator = fw.data("kendoValidator");
if (!validator && fw.kendoValidator) {
fw.kendoValidator(widget.options.validationOptions);
validator = fw.data("kendoValidator");
}
// Validate: Return if not valid so user forced to enter valid values.
if (validator && !validator.validate()) {
return;
}
var _this = viewModel;
var ownCarrierName = this.get("currentFreightOwnCarrierName");
var ownCarrierAccount = this.get("currentFreightOwnCarrierAccount");
if ((ownCarrierName == undefined || ownCarrierName == "")) {
_this.setMessage(widget.options.textNoOwnCarrierNameMessage, $.cv.css.messageTypes.error);
return;
}
if ((ownCarrierAccount == undefined || ownCarrierAccount == "")) {
_this.setMessage(widget.options.textNoOwnCarrierAccountMessage, $.cv.css.messageTypes.error);
return;
}
var option = $.grep(this.get("itemListOwnCarriers"), function (item, idx) { return (item.CarrierCode == ownCarrierName); });
if (option.length > 0) {
// Handle setting freight using selected own carrier, will need to set the currentFreightId for passing into to dyn serv call
this.set("currentFreightID", option[0].ID); // this will trigger setFreight()
}
},
setFreight: function () {
var _this = this;
_this.clearMessage();
var freightOptionIDs = [];
var currFrghtId = this.get("currentFreightID");
if (currFrghtId != null && currFrghtId !== "" && currFrghtId !== '' && currFrghtId >= 0 && !_this.get("isFreightQuoteSelected"))
freightOptionIDs.push(this.get("currentFreightID"));
// clear out any empty strings
freightOptionIDs = $.grep(freightOptionIDs, function (data) {
return (data !== null && data !== "" && data !== '');
});
var warehouseCode = _this.get("showWarehousesForPickup") || _this.get("isLoadingWarehouses") ? _this.selectedWarehouseValue() : "";
var ownCarrierAccount = _this.get("currentFreightOwnCarrierAccount");
if (freightOptionIDs.length >= 0 || warehouseCode) {
_this.set("isProcessing", true);
var d1 = $.cv.css.freightCarrier.setFreightForCurrentOrder({ freightOptionIDs: freightOptionIDs, warehouseCode: warehouseCode, ownCarrierAccount: ownCarrierAccount });
$.when(d1).done(function (msg) {
_this.set("isProcessing", false);
var data = msg.data;
if (data.result) {
//$.cv.css.getCurrentOrder(); // reload the current order after successfully setting the freight
widget.trigger(FREIGHTSELECTED);
} else
_this.setMessage(data.errorMessage, $.cv.css.messageTypes.error);
}).fail(function () {
_this.set("isProcessing", false);
_this.setMessage(widget.options.textErrorSettingFreight, $.cv.css.messageTypes.error);
});
}
},
estimateFreightOnEnter: function(event) {
if (event.which == 13) {
// stops the form from submitting when using the widget on a page that has form submit buttons
event.preventDefault();
event.stopPropagation();
this.calculateFreight();
}
},
calculateFreight: function () {
var _this = this, opts = {};
_this.clearMessage();
widget.options.dataSource = [];
setDataSource();
if (_this.get("calculatorPostcode") == "") {
_this.setMessage(widget.options.textPostCodeRequired, $.cv.css.messageTypes.error);
} else {
if (widget.options.validatePostcode && !$.cv.util.testRegEx(/^\d{4}$/, _this.get("calculatorPostcode"), false)) {
_this.setMessage(widget.options.textPostCodeInWrongFormat, $.cv.css.messageTypes.error);
return;
}
opts.postCode = _this.get("calculatorPostcode");
if (_this.get("calculatorCountryCode") != "")
opts.countryCode = _this.get("calculatorCountryCode");
_this.set("isProcessing", true);
var d1 = $.cv.css.freightCarrier.getFreightEstimateForCurrentOrder(opts);
$.when(d1).done(function (msg) {
_this.set("isProcessing", false);
if (msg.data.OptionGroups.length > 0) {
widget.options.dataSource = msg.data.OptionGroups; // [0].FreightOptions; Now using all freight groups as datasource, widget has been adjusted to cater for this.
}
else {
widget.options.dataSource = [];
_this.setMessage(widget.options.textNoFreightFoundDefaultMessage, $.cv.css.messageTypes.error);
}
setDataSource();
});
}
},
// A warehouse is selected from the drop-down list.
pickupWarehouseChanged: function (e) {
this.setWarehouse();
},
flagSelectedWarehouse: function () {
var _this = this, selectedWarehouse = _this.selectedWarehouseValue();
$.each(_this.get("storeLocationData"), function (index, item) {
if (this.WarehouseCode && this.WarehouseCode == selectedWarehouse) {
item.set("isSelected", true)
} else {
item.set("isSelected", false)
}
});
},
setWarehouse: function () {
this.setFreight();
$.cv.css.trigger($.cv.css.eventnames.pickupWarehouseChanged, { warehouse: this.selectedWarehouseValue() });
},
validateInputFields: function (showMessages) {
// ensure you can't checkout without selecting a freight option or pickup warehouse
// $.cv.util.clearMessage.apply(widget.viewModel);
// Clear messages
$.cv.util.clearNotifications(widget.viewModel);
if (this.get("isAddressBeingEdited")) {
freightCarrierValid = false;
} else {
var freightCarrierValid = true, errorMessage = "";
if (!this.get("showWarehousesForPickup") && !this.get("showWarehousesForPickupOrIsLoading") && this.get("showFreightSelector") && !(this.get("currentFreightID") != null && this.get("currentFreightID").toString() != "")) {
freightCarrierValid = false;
errorMessage = widget.options.freightOptionNotSelected;
}
if (this.get("showWarehousesForPickup") && this.get("selectedWarehouse") == null) {
freightCarrierValid = false;
errorMessage = widget.options.warehouseNotSelected;
}
if (!this.get("isInitialLoad") && errorMessage.length > 0) {
this.setMessage(errorMessage, $.cv.css.messageTypes.error);
}
}
$.cv.css.addRemovePageValidationError(freightCarrierValid, widget.name);
$.cv.css.trigger($.cv.css.eventnames.freightValidated);
},
getWarehousesForPickup: function (storeName) {
var vm = this;
// remove any freight that may have been previosuly selected
vm.set("isInitialLoad", true);
vm.set("showWarehousesForPickupOrIsLoading", true);
if (vm.get("storeLocationDataLoaded") == false) {
// Load store locations.
vm.set("isLoadingWarehouses", true);
var p = $.cv.css.storeLocator.getWarehousesForPickup();
$.when(p).done(function (data) {
$.each(data.data, function (idx, item) {
item.selectWarehouse = function () {
vm.set("selectedWarehouse", item);
};
});
vm.set("storeLocationData", $.merge([{ StoreName: widget.options.textPleaseSelectWarehouse, WarehouseCode: "" }], data.data));
if (storeName.length > 0) {
$.each(data.data, function (idx, item) {
vm.set("warehouseLoadedFromOrder", true);
if (item.StoreName == storeName) {
vm.set("selectedWarehouse", item);
}
vm.set("warehouseLoadedFromOrder", false);
});
}
if (vm.get("selectedWarehouse") == null) {
$.each(data.data, function (idx, item) {
if (item.IsDefaultWarehouse) {
vm.set("selectedWarehouse", item);
}
});
}
vm.set("storeLocationDataLoaded", true);
widget.trigger(PICKUPWAREHOUSESLOADED);
// Show warehouse dropdown list.
vm.set("showWarehousesForPickup", true);
vm.set("isLoadingWarehouses", false);
vm.set("currentFreightID", "");
vm.validateInputFields();
vm.set("isInitialLoad", false);
});
} else {
vm.set("showWarehousesForPickup", true);
vm.set("currentFreightID", "");
if (vm.get("selectedWarehouse") != null) {
vm.pickupWarehouseChanged();
}
vm.validateInputFields();
vm.set("isInitialLoad", false);
}
}
});
// "Delivery address mode changed" event.
$.cv.css.bind($.cv.css.eventnames.deliveryAddressModeChanged, function (msg) {
switch (msg.message) {
case "Delivery":
// Hide warehouse dropdown list.
viewModel.set("showWarehousesForPickup", false);
viewModel.set("showWarehousesForPickupOrIsLoading", false);
viewModel.set("isInitialLoad", true);
break;
case "Pickup":
viewModel.getWarehousesForPickup("");
break;
}
}),
viewModel.bind("change", function (e) {
if (e.field == "currentFreightID" && !widget.options.isFreightCalculator && !viewModel.get("showWarehousesForPickup") && !viewModel.get("showWarehousesForPickupOrIsLoading")) {
viewModel.freightSelected();
viewModel.validateInputFields();
}
else if (e.field == "currentFreightUseOwnCarrier" && !widget.options.isFreightCalculator) {
viewModel.freightSelectedInitialOwnCarrier();
}
if (e.field == "selectedWarehouse") {
$.cv.css.localSetcurrentPickupAddress(viewModel.get("selectedWarehouse"));
viewModel.flagSelectedWarehouse();
if (!viewModel.get("warehouseLoadedFromOrder")) {
viewModel.pickupWarehouseChanged();
}
viewModel.validateInputFields();
}
});
if (widget.options.getDataOnInit)
initDataSource();
return viewModel;
},
_getDefaultViewTemplate: function () {
var self = this;
var html =
"" +
"" +
"" +
"" +
"
";
return html;
}
};
$.cv.ui.widget(freightCarrierWidget);
})(jQuery);
;
/* Name: promotional code
* Author: Aidan Thomas
* Created: 20130418
*
* Dependencies:
* --- Third Party ---
* jquery.js
* kendo.web.js
* --- CSS ---
* /Scripts/cv.widget.kendo.js
* /Scripts/cv.css.js
* /Scripts/cv.util.js
* /Scripts/cv.css.orders.js
* Params:
* dataSource:
* autoBind:
* listUpdated: event to call once the list of promotion codes applied to the order has been updated
* triggerMessages: triggers messages so that can be picked up by the messages widget (it will still set the widget internal message)
* clearWidgetMessages: determines if global messages fired off by this widget should be cleared before displaying the new messages
* textApplyPromotionCodeFailed: message displayed when the apply promo code dynamic service fails
* textPromotionCodeSuccessfullyRemoved: message displayed when a promotion code has successfully been removed
* textRemovePromotionCodeFailed: message displayed when the remove promo code dynamic service fails
* textApplyPromotionalCodePrompt: text that appears on the apply button in the default view template
* textRemovePromotionalCodePrompt: text that appears on the remove button in the default view template
* viewTemplate: kendo template id for the main view
* itemViewTemplate: kendo template id for each item
*/
;
(function ($, undefined) {
var DATABINDING = "dataBinding",
DATABOUND = "dataBound",
CHANGE = "change",
LISTUPDATED = "listUpdated",
LOCATIONNONE = "None",
LOCATIONTOP = "Top",
LOCATIONBOTTOM = "Bottom",
LOCATIONTOPANDBOTTOM = "TopAndBottom";
var promotionalCodesWidget = {
// Standard Variables
// widget name
name: "promotionalCodes",
// default widget options
options: {
// viewModel defaults
dataSource: [],
promoCodeFailedMessageType: $.cv.css.messageTypes.error,
// viewModel flags
autoBind: true,
// events
listUpdated: '',
// view flags
triggerMessages: true,
clearWidgetMessages: true,
// view text defaults
textApplyPromotionCodeFailed: 'Failed to apply the promotion code',
textPromotionCodeSuccessfullyRemoved: 'Promotion code successfully removed',
textRemovePromotionCodeFailed: 'Failed to remove the promotion code',
textApplyPromotionalCodePrompt: 'Apply',
textRemovePromotionalCodePrompt: 'Remove',
textPromotionCodeNowValid: 'Promotion code: {0} ({1}) now valid',
textPromotionCodeNowInValid: 'Promotion code: {0} ({1}) now invalid',
// widget settings
promotionalCodeEntryLocation: "Top",
// view Template
viewTemplate: null, // TODO: Treat these as IDs, remove the last one.
itemViewTemplate: null
},
events: [DATABINDING, DATABOUND, LISTUPDATED],
viewModel: null,
view: null,
// MVVM Support
// private property
_viewAppended: false,
_itemViewAppended: false,
// Standard Methods
initialise: function (el, o) {
var widget = this;
var internalView = $(el).children(":first");
if (internalView.data("view")) {
widget.view = internalView.html();
} else {
// setup grid view
widget._viewAppended = true;
if (!widget.options.itemViewTemplate) {
// generate an item template name and flag it to be created
widget.options.itemViewTemplate = widget.name + "-item-template-" + kendo.guid();
widget._itemViewAppended = true;
}
// get template text and parse it with the options
var templateText = widget.options.viewTemplate ? $("#" + widget.options.viewTemplate).html() : widget._getDefaultViewTemplate();
var viewTemplate = kendo.template(templateText);
widget.view = viewTemplate(widget.options);
// add the itemView (not parsed)
if (widget._itemViewAppended) {
widget.view += widget._getDefaultItemViewTemplate();
}
widget.element.html(widget.view);
}
widget.viewModel = widget._getViewModel();
// bind view to viewModel
var target = widget.element.children(":first");
kendo.bind(target, widget.viewModel);
widget.trigger(DATABOUND);
$.cv.css.bind($.cv.css.eventnames.orderChanged, $.proxy(widget.viewModel.orderUpdated, widget.viewModel));
},
destroy: function () {
var widget = this;
// remove the data element
widget.element.removeData(widget.name);
// clean up the DOM
if (widget._viewAppended) {
$.cv.util.destroyKendoWidgets(widget.element);
widget.element.empty();
}
},
// private function
_getViewModel: function () {
var widget = this;
// initialise the datasource
var initDataSource = function () {
if (widget.options.dataSource.length == 0) {
var d1 = $.Deferred();
if (viewModel.get("order") == null) {
// if no order in set on the view model call the get order dynamic service (the order on the view model defaults to what is is storage)
d1 = $.cv.css.getCurrentOrder();
} else {
d1.resolve();
}
$.when(d1).done(function () {
var order = $.cv.css.localGetCurrentOrder();
// store the order into the view model
viewModel.set('order', order);
// Set the view model datasource to the array of promotional codes on the order
widget.options.dataSource = order.PromotionalCodes;
if (widget.options.currentDataSource != undefined) {
// see if the status of any of the promotional codes on the order has changed now the order has updated, display message accordingly
$.each(widget.options.dataSource, function (idx, item) {
$.each(widget.options.currentDataSource, function (idx2, item2) {
if (item.PromotionCode == item2.PromotionCode && item.IsValidOnCurrentOrder != item2.IsValidOnCurrentOrder) {
if(item.IsValidOnCurrentOrder)
viewModel.setMessage(widget.options.textPromotionCodeNowValid.format(item.PromotionCode, item.Description), $.cv.css.messageTypes.success);
else
viewModel.setMessage(widget.options.textPromotionCodeNowInValid.format(item.PromotionCode, item.Description), $.cv.css.messageTypes.error);
}
});
});
}
widget.options.currentDataSource = widget.options.dataSource;
setDataSource();
});
}
else
setDataSource();
}
var setDataSource = function () {
// create kendo data source
widget.dataSource = kendo.data.DataSource.create(widget.options.dataSource);
if (widget.options.autoBind) {
widget.dataSource.fetch();
}
// update the list of promotion codes on the view model
viewModel.updateItemList();
}
var getDataView = function () {
// check if ds is initialised
if (!widget.dataSource)
return [];
var array = [];
$.each(widget.dataSource.view(), function (idx, item) {
// add standard commands
item.Index = idx;
item.isRemoving = false;
// create a destroy command on each promotion code in the list of promotion codes on the order, this will allow removal of individual promotion codes
item.execCommand_destroy = function () {
item.set("isRemoving", true);
// remove the promo code
var d1 = $.cv.css.orders.removePromoCode({ _objectKey: viewModel.get("order")._objectKey, promoCode: item.PromotionCode });
$.when(d1).done(function (data) {
// remove the promo code from the kendo datasource
widget.dataSource.remove(item);
$.cv.css.trigger($.cv.css.eventnames.promoCodeRemoved, { promoCode: item.PromotionCode });
// reload the order
d2 = $.cv.css.getCurrentOrder();
$.when(d2).done(function (data) {
viewModel.clearMessage();
viewModel.setMessage(widget.options.textPromotionCodeSuccessfullyRemoved, $.cv.css.messageTypes.success);
// trigger the order changed event so widgets can pick up the change, including this widget
$.cv.css.trigger($.cv.css.eventnames.orderChanged);
item.set("isRemoving", false);
});
//this.parent().parent().updateItemList();
}).fail(function (msg) {
//msg = JSON.parse(msg.errorMesage);
viewModel.clearMessage();
viewModel.setMessage(widget.options.textRemovePromotionCodeFailed, $.cv.css.messageTypes.error);
item.set("isRemoving", false);
});
}
array.push(item);
});
return array;
}
var viewModel = kendo.observable({
// Properties for UI elements
order: $.cv.css.localGetCurrentOrder(),
promotionCode: '',
usePromotionCodes: widget.options.promotionalCodeEntryLocation == LOCATIONNONE ? false : true,
dataSource: widget.options.dataSource,
message: '',
clearWidgetMessages: widget.options.clearWidgetMessages,
promotionalCodesExist: false,
isAdding: false,
showMessages: function (messages, type) {
var _this = this;
var msgs = messages;
_this.set("clearWidgetMessages", false);
$.each(msgs, function (idx, msg) {
if (msg != "")
_this.setMessage(msg, type);
});
_this.set("clearWidgetMessages", widget.options.clearWidgetMessages);
},
setMessage: function (message, type) {
$.cv.util.notify(this, message, type, {
triggerMessages: widget.options.triggerMessages,
source: widget.name,
clearExisting: widget.options.clearWidgetMessages
});
},
clearMessage: function () {
this.set("message", "");
if (widget.options.triggerMessages)
$.cv.css.trigger($.cv.css.eventnames.message, { message: "", type: '', source: 'promotionalCodes', clearExisting: true });
},
orderUpdated: function () {
//widget.options.currentDataSource = widget.options.dataSource;
widget.options.dataSource = [];
initDataSource();
},
updateItemList: function () {
var dataView = getDataView();
this.set("itemList", dataView);
this.set("promotionalCodesExist", dataView.length > 0);
widget.trigger(LISTUPDATED, { count: dataView.length });
},
itemList: getDataView(),
promoCodeInputKeyUp: function (event) {
if (event.which == 13) {
// stops the form from submitting when using the widget on a page that has form submit buttons
event.preventDefault();
event.stopPropagation();
this.applyPromotionCode();
}
},
applyPromotionCode: function () {
var _this = this;
_this.set("isAdding", true);
var d1 = $.cv.css.orders.applyPromoCode({ _objectKey: _this.get("order")._objectKey, promoCode: _this.promotionCode });
d1.done(function (msg) {
var data = msg.data;
$.cv.css.trigger($.cv.css.eventnames.promoCodeApplied, { promoCode: _this.promotionCode });
// trigger order reload
d2 = $.cv.css.getCurrentOrder();
d2.done(function (msg) {
_this.clearMessage();
if (data.IsValid) {
// clear input
_this.set('promotionCode', '');
_this.setMessage(data.Message, $.cv.css.messageTypes.success);
} else {
if (data.Message != "") {
_this.setMessage(data.Message, widget.options.promoCodeFailedMessageType);
} else {
_this.setMessage(widget.options.textApplyPromotionCodeFailed, widget.options.promoCodeFailedMessageType);
}
}
_this.set("isAdding", false);
});
}).fail(function (msg) {
_this.clearMessage();
_this.setMessage(widget.options.textApplyPromotionCodeFailed, $.cv.css.messageTypes.error);
_this.set("isAdding", false);
});
}
});
initDataSource();
return viewModel;
},
_getDefaultViewTemplate: function () {
var widget = this;
// modify view template based on widget.options where applicable
var html = "" +
"" +
"" +
"" +
"" +
"Update" +
"
" +
"" +
"" +
"" +
"" +
""
+ "
";
return html;
},
_getDefaultItemViewTemplate: function () {
var widget = this;
// return the template to be bound to the dataSource items
var html = ""
+ "";
return html;
}
}
// register the widget
$.cv.ui.widget(promotionalCodesWidget);
})(jQuery);;
/* Name: checkout messages
* Author: Chad Paynter
* Created: 20130510
*
* Dependencies:
* --- Third Party ---
* jquery.js
* kendo.web.js
* --- CSS ---
* /Scripts/cv.widget.kendo.js
* /Scripts/cv.css.js
* /Scripts/cv.util.js
* Params:
* dataSource:
* autoBind:
* triggerMessages
* fieldsUpdated:
* showUpdateButton
* textErrorUpdating
* textErrorEnteredDateInWrongFormat
* textErrorEnteredEmailInWrongFormat
* textErrorEnteredDecimalInWrongFormat
* textErrorEnteredUrlInWrongFormat
* viewTemplate: kendo template id for the main view
* itemViewTemplate: kendo template id for each item
*/
;
(function ($, undefined) {
var DATABINDING = "dataBinding",
DATABOUND = "dataBound",
CHANGE = "change",
FIELDSUPDATED = "fieldsUpdated",
FIELDSCOMPLETED = "fieldsCompleted",
WIDGETDATAINTIALISED = "widgetDataInitialised",
FIELDSCHANGED = "fieldsChanged";
var orderCompleteFieldsWidget = {
// Standard Variables
// widget name
name: "orderCompleteFields",
// default widget options
options: {
// viewModel defaults
dataSource: [],
inputErrorClass: "input-error",
// viewModel flags
autoBind: true,
hideEmptyPrompt: true,
// messages
triggerMessages: false,
// events
fieldsUpdated: '',
// view flags
showUpdateButton: false,
updateOnChange: true,
// text resources
textErrorUpdating: 'Error updating order',
textErrorEnteredDateInWrongFormat: 'Date entered is in the wrong format',
textErrorEnteredEmailInWrongFormat: 'Email entered is in the wrong format',
textErrorEnteredDecimalInWrongFormat: 'Decimal entered in the wrong format',
textErrorEnteredUrlInWrongFormat: 'Url entered in the wrong format',
textErrorNotAllFieldsComplete: "The following fields are incomplete:",
textMandatoryFieldNotComplete: "Mandatory field",
textErrorNotAllFieldsValid: "The following fields are invalid:",
// view Template
viewTemplate: null,
itemViewTemplate: null
},
events: [DATABINDING, DATABOUND, FIELDSUPDATED, FIELDSCOMPLETED, WIDGETDATAINTIALISED, FIELDSCHANGED],
viewModel: null,
view: null,
// MVVM Support
// private property
_viewAppended: false,
_itemViewAppended: false,
// Standard Methods
initialise: function (el, o) {
var widget = this;
var internalView = $(el).children(":first");
if (internalView.data("view")) {
widget.view = internalView.html();
} else {
if (!widget.options.itemViewTemplate) {
// generate an item template name and flag it to be crevated
widget.options.itemViewTemplate = widget.name + "-item-template-" + kendo.guid();
widget._itemViewAppended = true;
}
// get template text and parse it with the options
var templateText = widget.options.viewTemplate ? $("#" + widget.options.viewTemplate).html() : widget._getDefaultViewTemplate();
var viewTemplate = kendo.template(templateText);
widget.view = viewTemplate(widget.options);
// add the itemView (not parsed)
if (widget._itemViewAppended) {
widget.view += widget._getDefaultItemViewTemplate();
}
widget.element.html(widget.view);
}
widget.viewModel = widget._getViewModel();
// bind view to viewModel
var target = widget.element.children(":first");
kendo.bind(target, widget.viewModel);
widget.trigger(DATABOUND);
$.cv.css.bind($.cv.css.eventnames.orderChanged, $.proxy(widget.viewModel.orderUpdated, widget.viewModel));
},
destroy: function () {
var widget = this;
// remove the data element
widget.element.removeData(widget.name);
// clean up the DOM
if (widget._viewAppended) {
$.cv.util.destroyKendoWidgets(widget.element);
widget.element.empty();
}
},
validateInputFields: function (showMessages) {
var widget = this;
widget.viewModel.validateInputFields(showMessages);
},
setUpdateOnChange: function (updateOnChange) {
var widget = this;
widget.viewModel.set("updateOnChange", updateOnChange);
},
updateOrderCompleteFields: function () {
var widget = this;
widget.viewModel.updateOrderCompleteFields();
},
// private function
_getViewModel: function () {
var widget = this;
var _getDataView = function (data, posToProcess) {
var widget = this;
var array = [];
// get index item
if (posToProcess < data.length) {
var item = data[posToProcess];
$.each(item.Fields, function (indexFields, fieldToUse) {
var dataItem = $.cv.util.getFieldItemData(fieldToUse);
// override default dataChanged event
dataItem.dataChanged = function (e) {
var updateOnChange = this.parent().parent().get("updateOnChange");
if (dataItem.fieldValid(e) && updateOnChange) {
this.parent().parent().updateOrderCompleteField(this.fieldItem.fieldName);
this.parent().parent().validateInputFields(false);
}
};
array.push(dataItem);
});
}
return array;
};
var initDataSource = function () {
var d3 = $.cv.css.orders.getOrderCompleteFieldGroupData();
$.when(d3).done(function (msg) {
if (!msg.errorMessage || msg.errorMessage.length == 0) {
widget.options.dataSource = msg.data;
// set data to list of fields bound
for (var intPos = 0; intPos < msg.data.length; intPos++) {
// get list of fields
var dataListTemplates = _getDataView(msg.data, intPos);
// set name of fieldgroup
$.each(dataListTemplates, function (index, field) {
var fieldToUse = field.fieldItem;
var order = widget.viewModel;
viewModel.set('fieldsExist' + (intPos + 1).toString(), true);
});
viewModel.set('itemList' + (intPos + 1).toString(), dataListTemplates); //kendo.dataSource();
// get display label of fieldgroup
viewModel.set('fieldGroup' + (intPos + 1).toString() + 'Name', msg.data[intPos].FieldGroupName);
}
viewModel.validateInputFields(false);
} else {
widget.options.dataSource = [];
widget.viewModel.setMessage(msg.errorMessage, $.cv.css.messageTypes.error);
}
widget.trigger(WIDGETDATAINTIALISED);
});
};
var viewModel = kendo.observable({
// Properties for UI elements
order: null,
/*------------------------------------*\
TIMEOUTS
\*------------------------------------*/
redirectToTimeoutUrl: function (fallbackUrl, params, includeInBrowserHistory) {
if ($.cv.ajax.settings.timeoutRedirectUrl == "")
$.cv.util.redirect(fallbackUrl, params, includeInBrowserHistory);
else
$.cv.util.redirect($.cv.ajax.settings.timeoutRedirectUrl, params, includeInBrowserHistory);
},
/*------------------------------------*\
MESSAGES
\*------------------------------------*/
clearMessage: function () {
var clearExistingMessages = this.get("clearExistingMessages");
this.set("clearExistingMessages", true);
this.set("message", "");
if (widget.options.triggerMessages)
$.cv.css.trigger($.cv.css.eventnames.message, { message: "", type: '', source: 'orderCompleteFields', clearExisting: this.get("clearExistingMessages") });
this.set("clearExistingMessages", clearExistingMessages);
},
setMessage: function (message, type) {
$.cv.util.notify(this, message, type, {
triggerMessages: widget.options.triggerMessages,
source: widget.name
});
},
clearExistingMessages: true,
message: '',
dataSource: widget.options.dataSource,
// indicates if all fields entered
fieldsCompleted: function (displayMessages) {
displayMessages = typeof displayMessages !== 'undefined' ? displayMessages : false;
var fields = [];
var completed = true, incompleteFields = "";
$.merge($.merge(fields, this.get('itemList1')), this.get('itemList2'));
$.each(fields, function (index, item) {
if (!item.fieldItem.parent().fieldValid({ data: item.fieldItem.parent() }, displayMessages)) {
completed = false;
if (!item.emptyPrompt)
incompleteFields = incompleteFields.length == 0 ? " " + item.fieldItem.Prompt : incompleteFields + ", " + item.fieldItem.Prompt;
}
});
if (completed === true)
widget.trigger(FIELDSCOMPLETED);
if (!completed && displayMessages)
this.setMessage(widget.options.textErrorNotAllFieldsComplete + incompleteFields, $.cv.css.messageTypes.error);
return completed;
},
// indicates if all fields valid
fieldsValid: function (displayMessages) {
displayMessages = typeof displayMessages !== 'undefined' ? displayMessages : false;
var fields = [];
var valid = true, invalidFields = "";
$.merge($.merge(fields, this.get('itemList1')), this.get('itemList2'));
$.each(fields, function (index, item) {
var val = this.get(item.fieldItem.fieldName);
var itemValid = true;
if (val != null) {
itemValid = item.fieldItem.parent().fieldValid({ data: item.fieldItem.parent() }, displayMessages);
}
if (!itemValid) {
valid = false;
if (!item.emptyPrompt)
invalidFields = invalidFields.length == 0 ? " " + item.fieldItem.Prompt : invalidFields + ", " + item.fieldItem.Prompt;
}
});
if (!valid && displayMessages)
this.setMessage(widget.options.textErrorNotAllFieldsValid + invalidFields, $.cv.css.messageTypes.error);
return valid;
},
orderUpdated: function () {
},
updateItemList: function () {
var dataView = widget._getDataView();
this.set("itemList", dataView);
widget.trigger(FIELDSUPDATED, { count: dataView.length });
},
updateOnChange: widget.options.updateOnChange,
updateOrderCompleteField: function (fieldname) {
// create payload
var list = {};
var list2 = {};
var valid = true;
widget.viewModel.clearMessage();
$.each([this.get('itemList1'), this.get('itemList2')], function (index, fieldgroupdata) {
$.each(fieldgroupdata, function (idx, item) {
// if a fieldname triggered it, just validate and send that
if (fieldname != null && item.fieldItem.fieldName === fieldname) {
var val = this.get(item.fieldItem.fieldName);
if (item.fieldItem.parent().fieldValid({ data: item.fieldItem.parent() }, false)) {
if (index == 0)
list[item.fieldItem.fieldName] = val;
else if (index == 1)
list2[item.fieldItem.fieldName] = val;
} else
valid = false;
}
});
});
var pload = {};
pload[this.get('fieldGroup1Name')] = list;
pload[this.get('fieldGroup2Name')] = list2;
this.updateOrderCompleteFieldList(pload);
},
updateOrderCompleteFields: function () {
// create payload
var list = {};
var list2 = {};
var valid = true;
widget.viewModel.clearMessage();
$.each([this.get('itemList1'), this.get('itemList2')], function (index, fieldgroupdata) {
$.each(fieldgroupdata, function (idx, item) {
var val = this.get(item.fieldItem.fieldName);
if (item.fieldItem.parent().fieldValid({ data: item.fieldItem.parent() }, false)) {
if (index == 0)
list[item.fieldItem.fieldName] = val;
else if (index == 1)
list2[item.fieldItem.fieldName] = val;
} else
valid = false;
});
});
var pload = {};
pload[this.get('fieldGroup1Name')] = list;
pload[this.get('fieldGroup2Name')] = list2;
this.updateOrderCompleteFieldList(pload);
this.validateInputFields(false);
},
updateOrderCompleteFieldList: function (pload) {
var prom = $.cv.css.orders.updateOrderCompleteFieldGroupData({
newValues: pload
});
prom.done(function (msg) {
if (msg.errorMessage != null)
widget.viewModel.setMessage(widget.options.textErrorUpdating, $.cv.css.messageTypes.error);
else {
widget.viewModel.orderUpdated();
widget.trigger(FIELDSCHANGED);
}
});
prom.fail(function (msg) {
widget.viewModel.setMessage(widget.options.textErrorUpdating, $.cv.css.messageTypes.error);
});
},
// list of field templates and fieldgroup names to bind to list item template
itemList1: [],
itemList2: [],
// data binding flags to show /hide fieldgroups
fieldsExist1: false,
fieldsExist2: false,
// names of fieldgroups to use for updating data
fieldGroup1Name: '',
fieldGroup2Name: '',
validateInputFields: function (showMessages) {
var passedValidation = true, widgetReference = "orderCompleteFields";
// check mandatory fields
// using the this command inside this validation function ensures it fires of when one of the fields being monitored is updated
this.clearMessage();
if (!this.fieldsCompleted(showMessages))
passedValidation = false;
else if (!this.fieldsValid(showMessages))
passedValidation = false;
$.cv.css.addRemovePageValidationError(passedValidation, widgetReference);
$.cv.css.trigger($.cv.css.eventnames.orderCompleteFieldsValidated);
}
});
viewModel.bind("change", function (e) {
});
initDataSource();
return viewModel;
},
_getDefaultViewTemplate: function () {
var widget = this;
// modify view template based on widget.options where applicable
var html = ""
+ ""
+ ""
+ ""
+ "
"
+ ""
+ "
"
+ ""
+ "
";
return html;
},
_getDefaultItemViewTemplate: function () {
var widget = this;
// return the template to be bound to the dataSource items
var html = "";
return html;
}
};
// register the widget
$.cv.ui.widget(orderCompleteFieldsWidget);
})(jQuery);;
;
/* Name: metadatasummary
* Author: Chad Paynter
* Created: 20130527
* Description: Displays product metadata (also known as product features) for the products shown on productdisplay page
* Dependencies:
* --- Third Party ---
* jquery.js
* kendo.web.js
* --- CSS ---
* /Scripts/cv.widget.kendo.js
* /Scripts/cv.data.kendo.js
* /Scripts/cv.ajax.js
* /Scripts/cv.css.js
* Params:
* sessionTimeOutRedirectUrl - redirect if session timeout and no cv.ajax setting defined
*/
(function ($, undefined) {
var DATABINDING = "dataBinding",
DATABOUND = "dataBound",
CHANGE = "change",
WIDGETINITIALISED = "widgetInitialised",
LISTUPDATED = "listUpdated",
ITEMCHANGE = "itemchange";
var metaDataSummary = {
// Standard Variables
// widget name
name: "metaDataSummary",
// default widget options
options: {
// viewModel defaults
dataSource: null,
// viewModel flags
autoBind: true,
showAll: false,
redirectOnFilter: true,
allowCombinations: false,
refreshOnItemChange: false,
filterOnItemChange: true,
// events
// view flags
bindDataSource: true,
filterJoinOperator: 'OR',
sessionTimeOutRedirectUrl: '',
triggerMessages: false,
textErrorGettingFilters: "There was an error getting the current product features",
// widget settings
textCurrentFilterHeading: 'Current Filter',
textCurrentFilterInstructions: 'Choose the filter below.',
textAvailableFilterHeading: 'Filter the results',
// view Template
viewTemplate: null,
itemViewTemplate: null
},
events: [DATABINDING, DATABOUND, LISTUPDATED, WIDGETINITIALISED],
viewModel: null,
view: null,
// MVVM Support
items: function () {
return this.element.find("tbody").children();
},
// for supporting changing the datasource via MVVM
setDataSource: function (dataSource) {
// set the internal datasource equal to the one passed in by MVVM
this.options.dataSource = dataSource;
// rebuild the datasource if necessary, or just reassign
this._dataSource();
// redraw the datasource items
this.refresh();
},
// private property
_viewAppended: false,
_itemViewAppended: false,
// Standard Methods
initialise: function (el, o) {
var widget = this;
var internalView = $(el).children(":first");
if (internalView.data("view")) {
widget.view = internalView.html();
} else {
// setup view
widget._viewAppended = true;
if (!widget.options.itemViewTemplate) {
// generate an item template name and flag it to be created
widget.options.itemViewTemplate = widget.name + "-item-template-" + kendo.guid();
widget._itemViewAppended = true;
}
// get template text and parse it with the options
var templateText = widget.options.viewTemplate ? $("#" + widget.options.viewTemplate).html() : widget._getDefaultViewTemplate();
var viewTemplate = kendo.template(templateText);
widget.view = viewTemplate(widget.options);
// add the itemView (not parsed)
if (!widget.options._itemViewAppended) {
widget.view += widget._getDefaultItemViewTemplate();
}
widget.element.html(widget.view);
}
widget.viewModel = widget._getViewModel();
// bind view to viewModel
var target = widget.element.children(":first");
kendo.bind(target, widget.viewModel);
// dataSource default should be []
widget._dataSource();
// if autobound, refresh is called when the DS is fetched
widget.trigger(WIDGETINITIALISED);
},
_dataSource: function () {
var widget = this;
// if the DataSource is defined and the _refreshHandler is wired up, unbind because
// we need to rebuild the DataSource
if (widget.dataSource && widget._refreshHandler) {
widget.dataSource.unbind(CHANGE, widget._refreshHandler);
}
else {
widget._refreshHandler = $.proxy(widget.refresh, widget);
}
// returns the datasource OR creates one if using array or configuration object
widget.dataSource = kendo.data.DataSource.create(widget.options.dataSource);
// bind to the change event to refresh the widget
widget.dataSource.bind(CHANGE, widget._refreshHandler);
if (widget.options.autoBind) {
widget.dataSource.fetch();
}
},
refresh: function (e) {
var widget = this;
// don't refresh recursively
if (widget.refreshing)
return;
if (e.action == ITEMCHANGE && !widget.options.refreshOnItemChange)
return;
widget.viewModel.dataSource = widget.options.dataSource;
widget.refreshing = true;
widget.viewModel.updateItemList();
widget.refreshing = false;
},
destroy: function () {
var widget = this;
// remove the data element
widget.element.removeData(widget.name);
// clean up the DOM
if (widget._viewAppended) {
$.cv.util.destroyKendoWidgets(widget.element);
widget.element.empty();
}
},
// private function
_getViewModel: function () {
var widget = this;
var removeUriFilters = function (filters) {
var uriFilters = widget.options.redirectOnFilter ? $.cv.util.getFilterFeatures() : viewModel.get("currentFilters");
$.each(filters, function (idx, item) {
uriFilters = removeUriFilter(uriFilters, item.get("featureKey"), item.get("featureName"), item.get("featureKeyMode"));
});
// Generate New Uri
generateNewUri(uriFilters);
};
var removeUriFilter = function (uriFilters, key, value, keyCondition) {
var keyLabel = (keyCondition == "FeaturesByGroup" ? "ProductFeatureNames.Group" : "ProductFeatureNames.Name");
var newUriFilters = [];
for (var i = 0; i < uriFilters.length; i++) { // < Union
(function () {
for (var j = 0; j < uriFilters[i].length; j += 2) { // The filter values come in pairs so go through list 2 at a time
var newUnionEntry = [],
includeThisUnion = true;
if (uriFilters[i][j] && uriFilters[i][j + 1]) {
if (uriFilters[i][j].Key == keyLabel &&
uriFilters[i][j].Value == key &&
uriFilters[i][j + 1].Key == "Value" &&
uriFilters[i][j + 1].Value == value) // WARNING: not 'value' is decoded value!!! so compare to Value not RawValue!
{
includeThisUnion = false;
break;
} else {
newUnionEntry.push(uriFilters[i][j]);
newUnionEntry.push(uriFilters[i][j + 1]);
}
} else {
includeThisUnion = false;
}
if (includeThisUnion === true) {
newUriFilters.push(newUnionEntry);
}
}
})();
}
return newUriFilters;
};
var addUriFilter = function (uriFilters, key, value, keyCondition) {
var keyLabel = (keyCondition == "FeaturesByGroup" ? "ProductFeatureNames.Group" : "ProductFeatureNames.Name"),
newUnionPart = [];
newUnionPart.push({ Key: keyLabel, Condition: 'eq', RawValue: $.cv.util.encodeFilterFeatureValue(key), Value: key });
newUnionPart.push({ Key: 'Value', Condition: 'eq', RawValue: $.cv.util.encodeFilterFeatureValue(value), Value: value });
uriFilters.push(newUnionPart);
return uriFilters;
};
var applyFilters = function (filters) {
var uriFilters = [];
$.each(filters, function (idx, item) {
uriFilters = addUriFilter(uriFilters, item.get("featureKey"), item.get("featureName"), item.get("featureKeyMode"));
});
// Generate New Uri
generateNewUri(uriFilters);
};
var setupFilter = function (key, value, keyCondition, add) {
var uriFilters = widget.options.redirectOnFilter ? $.cv.util.getFilterFeatures() : viewModel.get("currentFilters");
if (!add) {
// REMOVE: Remove the union containing the filter condition key/value filters (x2)
uriFilters = removeUriFilter(uriFilters, key, value, keyCondition);
} else {
// Add: Add new union with filter conditions (x2)
uriFilters = addUriFilter(uriFilters, key, value, keyCondition);
}
// Generate New Uri
generateNewUri(uriFilters);
};
var generateNewUri = function (uriFilters) {
var uriParts = [],
uniqueFilters = [],
filter = "";
// build a list of unique filters
for (var i = 0; i < uriFilters.length; i++) {
filter = uriFilters[i][0].Key + ':' + uriFilters[i][0].Condition + ':' + uriFilters[i][0].RawValue;
if (_.indexOf(uniqueFilters, filter) == -1) {
uniqueFilters.push(filter);
}
}
// build filter combination
for (var i = 0; i < uniqueFilters.length; i++) {
(function () {
var filterCombinations = [];
for (var j = 0; j < uriFilters.length; j++) {
filter = uriFilters[j][0].Key + ':' + uriFilters[j][0].Condition + ':' + uriFilters[j][0].RawValue;
if (uniqueFilters[i] == filter) {
(function () {
var filterItems = [];
for (var k = 0; k < uriFilters[j].length; k++) { // < Filter Entries for said union
filterItems.push(uriFilters[j][k].Key + ':' +
uriFilters[j][k].Condition + ':' +
uriFilters[j][k].RawValue);
}
filterCombinations.push(filterItems.join(','));
})();
}
}
uriParts.push(filterCombinations.join('|'));
})();
}
var newUri = uriParts.join('%C3%B1');
var filterToSet = { FilterFeature: newUri, PageProduct: "1" };
if (widget.options.redirectOnFilter) {
$.cv.util.redirect(null, filterToSet, false);
} else {
viewModel.set("currentFilters", uriFilters);
viewModel.set("currentFilterValue", filterToSet.FilterFeature);
$.cv.css.trigger($.cv.css.eventnames.metadataSummaryFilterChanged, { filterArray: uriFilters, filterString: decodeURI(filterToSet.FilterFeature) });
}
};
var generateEncodedString = function (array) {
var newFilterArrayEncoded = [];
$.each(array, function (idx1, item1) {
var filterEncoded = [];
$.each(this.split(":"), function (idx2, item2) {
filterEncoded.push(encodeURIComponent(item2));
});
newFilterArrayEncoded.push(filterEncoded.join(":"));
});
return newFilterArrayEncoded.join("%C3%B1");
};
var initDataSource = function () {
// make dynamic service call
if (!widget.options.dataSource || widget.options.dataSource == null) {
var d1 = $.cv.css.getAvailableProductFeatureValues({ mode: widget.options.showAll ? "showAll" : "" });
$.when(d1).done(function (msg) {
if (!msg.sessionHasTimedOut) {
if (!msg.errorMessage || msg.errorMessage.length == 0) {
if (msg.data) {
// set mode
var filterMode = '';
if (msg.data.Mode != undefined) {
viewModel.set('filterMode', msg.data.Mode);
filterMode = msg.data.Mode;
}
var FeatureValues = [];
var currentFilter = $.cv.util.queryStringValue("FilterFeature");
$.each(msg.data.FeatureValues, function (index, item) {
if (item.length > 0) {
var featureArray = [];
$.each(item, function (indexRow, rowItem) {
// check not already in filters
if (currentFilter == null || currentFilter.indexOf("Value:eq:" + rowItem.Value) < 0 || widget.options.showAll) {
// create new array item with click function
featureArray.push({
featureName: rowItem.Value,
featureNameID: rowItem.Value.replace(/ /g, ''),
featureProductCount: rowItem.Count,
featureKey: index,
featureKeyMode: filterMode,
isSelected: currentFilter != null && currentFilter.indexOf("Value:eq:" + rowItem.Value) != -1,
toggleIsSelected: function () {
this.set("isSelected", !this.get("isSelected"));
if (widget.options.filterOnItemChange) {
this.isSelectedChanged();
}
},
isSelectedChanged: function () {
if (widget.options.filterOnItemChange) {
this.setFilter(true);
}
},
setFilter: function (negateIsSelected) {
negateIsSelected = (typeof negateIsSelected !== 'undefined' && typeof negateIsSelected !== 'object') ? negateIsSelected : false;
var isSelected = negateIsSelected ? !this.get("isSelected") : this.get("isSelected");
if (!negateIsSelected) {
this.set("isSelected", !this.get("isSelected"));
}
if (widget.options.allowCombinations || this.get("featureProductCount") > 0) {
if (!isSelected) {
setupFilter(this.get("featureKey"), this.get("featureName"), this.get("featureKeyMode"), true);
} else {
setupFilter(this.get("featureKey"), this.get("featureName"), this.get("featureKeyMode"), false);
}
}
}
});
}
});
FeatureValues.push({
Feature: index,
FeatureID: index.replace(/ /g, ''),
Data: featureArray,
HasData: featureArray.length > 0,
selectedFilter: null,
hasSelectedFilters: function() {
return this.selectedFilters().length > 0;
},
selectedFilters: function () {
return _.filter(this.Data, function (item) { return item.isSelected; });
},
isApplying: false,
apply: function () {
this.set("isApplying", true); // only used be redirect method for now, so no need to unset
viewModel.applyFilters();
},
isClearing: false,
clear: function () {
this.set("isClearing", true); // only used be redirect method for now, so no need to unset
viewModel.removeFilters(this.selectedFilters());
}
});
}
});
widget.options.dataSource = FeatureValues;
}
} else
widget.viewModel.setMessage(msg.errorMessage, $.cv.css.messageTypes.error);
} else {
widget.viewModel.redirectToTimeoutUrl(widget.options.sessionTimeOutRedirectUrl, params, false);
}
setDataSource();
// indicate loading done for placeholder loading icon
viewModel.set('contentLoading', false);
}).fail(function () {
viewModel.setMessage(widget.options.textErrorGettingFilters, $.cv.css.messageTypes.error);
viewModel.set('contentLoading', false);
});
}
};
var setDataSource = function () {
widget.dataSource = kendo.data.DataSource.create(widget.options.dataSource);
if (widget.options.autoBind) {
widget.dataSource.fetch();
}
viewModel.updateItemList();
$(".sidebarSlideToggleContent").hide();
$(".sidebarSlideToggleHeader").on('click', function () {
$(this).next().slideToggle("medium");
$(this).next().find(".upArrow").toggle();
$(this).next().find(".downArrow").toggle();
});
};
var getDataView = function () {
// check if ds is initialised
if (!widget.dataSource)
return [];
var array = [];
var view = widget.dataSource.view();
$.each(view, function (idx, item) {
// add standard commands
array.push(item);
});
return array;
};
// build filters - =Name:eq:Width,Value:eq:12
var activeFilters = $.cv.util.getFilterFeatures();
activeFilters = _.map(activeFilters, function (item) {
item[1].Key = item[0].Value;
return item[1];
});
var viewModel = kendo.observable({
// Properties for UI elements
dataSource: widget.options.dataSource,
updateItemList: function () {
viewModel.set('contentLoading', true);
var dataView = getDataView();
this.set("itemList", dataView);
this.set("hasFilterOptions", dataView.length > 0);
this.set("showAvailableFilterPane", dataView.length > 0);
widget.trigger(LISTUPDATED, { count: dataView.length });
},
itemList: getDataView(),
message: '',
clearMessage: function () {
this.set("message", "");
if (widget.options.triggerMessages)
$.cv.css.trigger($.cv.css.eventnames.message, { message: "", type: '', source: 'metaDataSummary', clearExisting: true });
},
setMessage: function (message, type) {
$.cv.util.notify(this, message, type, {
triggerMessages: widget.options.triggerMessages,
source: widget.name
});
},
clearExistingMessages: true,
// filters
showAvailableFilterPane: true,
hasFilterOptions: true,
ActiveFilters: activeFilters,
hasActiveFilters: activeFilters.length > 0,
removeFilter: function () {
setupFilter(this.Key, this.Value, widget.viewModel.get("filterMode"));
},
removeFilters: function (filters) {
removeUriFilters(filters)
},
applyFilters: function () {
var itemList = this.get("itemList"),
filters = [],
selectedFilters = [];
$.each(itemList, function (idx, item) {
selectedFilters = this.selectedFilters();
$.each(selectedFilters, function () {
filters.push(this);
});
});
applyFilters(filters);
},
setFilter: function () {
setupFilter(this.Key, this.Value, this.get('filterMode'), true);
},
filterMode: '',
isClearingAll: false,
removeAllFilters: function () {
this.set("isClearingAll", true);
$.cv.util.redirect(null, { FilterFeature: "", PageProduct: "1" }, false);
},
currentFilters: [],
currentFilterValue: "",
// labels
textCurrentFilterHeading: widget.options.textCurrentFilterHeading,
textCurrentFilterInstructions: widget.options.textCurrentFilterInstructions,
textAvailableFilterHeading: widget.options.textAvailableFilterHeading,
// TIMEOUTS
redirectToTimeoutUrl: function (fallbackUrl, params, includeInBrowserHistory) {
if ($.cv.ajax.settings.timeoutRedirectUrl == "")
$.cv.util.redirect(fallbackUrl, params, includeInBrowserHistory);
else
$.cv.util.redirect($.cv.ajax.settings.timeoutRedirectUrl, params, includeInBrowserHistory);
},
// appearance
contentLoading: false
});
initDataSource();
viewModel.bind("change", function (e) {
if (e.field == "itemList" && e.action && e.action == "itemchange" && widget.options.filterOnItemChange) {
if (e.items && e.items.length > 0) {
if (e.items[0].Feature != undefined && e.items[0].selectedFilter != undefined) {
setupFilter(e.items[0].Feature, e.items[0].selectedFilter, viewModel.get('filterMode'), true);
}
}
}
});
return viewModel;
},
_getDefaultViewTemplate: function () {
var widget = this;
// modify view template based on widget.options where applicable
var html = "";
return html;
},
_getDefaultItemViewTemplate: function () {
var widget = this;
// return the template to be bound to the dataSource items
var html = "";
return html;
}
}
// register the widget
$.cv.ui.widget(metaDataSummary);
})(jQuery);;
/// "
//+ ""
+ "
"
+ ""
+ ""
+ "
"
+ "
" + (widget.options.showUpdateButton ? "" : "")
+ ""
// login
+ "
";
return html;
},
_getDefaultItemViewTemplate: function () {
var widget = this;
// return the template to be bound to the dataSource items
var html = "";
return html;
}
}
// register the widget
$.cv.ui.widget(loginWidget);
})(jQuery);
;
/**
Widget:
gift card
Description:
Management of gift cards on an order.
Features:
- Add and remove gift cards
- Viewing of gift cards on the order
- Order Total with gift cards applied.
Documentation: http://confluence/x/vQGoAw
Tests:
A test runner for tests for this widget can be found here:
http://localhost:49900/Scripts/widgets/Tests/cv.css.ui.giftCard.spec-runner.html
The specification code:
http://localhost:49900/Scripts/widgets/Tests/cv.css.ui.giftCard.spec.js
Runner & Spec Language: Jasmin
Author:
Justin Wishart: 2013-07-31.
Call: 58559
**/
;
(function ($, undefined) {
var ADDING_GIFT_CARD = 'addingGiftCard',
ADDING_GIFT_CARD_FAILED = 'addingGiftCardFailed',
ADDED_GIFT_CARD = 'addedGiftCard',
REMOVING_GIFT_CARD = 'removingGiftCard',
REMOVING_GIFT_CARD_FAILED = 'removingGiftCardFailed',
REMOVED_GIFT_CARD = 'removedGiftCard';
var giftCardWidget = {
name: "giftCard",
extend: "mvvmwidget",
options: {
// Events
itemTemplate: '',
defaultSummaryViewVisible: false,
triggerGlobalMessages: false,
// Default function for getting the total amount of the order that the gift cards, if
// the total gift cards equals or exceeds, then the summary view will be the only
// view that shows.
extractOrderTotal: function (order) {
return order.OrderTotalAmount;
},
validationOptions: {}
},
extendEvents: [
ADDING_GIFT_CARD,
ADDING_GIFT_CARD_FAILED,
ADDED_GIFT_CARD,
REMOVING_GIFT_CARD,
REMOVING_GIFT_CARD_FAILED,
REMOVED_GIFT_CARD
],
// MVVM Support
//
viewModelBound: function () {
var widget = this;
var vm = widget.viewModel;
vm.refreshViewVisibility();
$.cv.css.bind($.cv.css.eventnames.giftCardsChanged
, $.proxy(vm.refreshViewVisibility, vm));
},
// Private function
//
_getCurrentCards: function() {
var widget = this;
// Generates function to call when item is removed
var generateRemoveGiftCard = function (cardNo) {
return function () {
widget.viewModel.removeGiftCard(cardNo);
};
};
var currentOrder = $.cv.css.localGetCurrentOrder(),
cards = [];
if (currentOrder) {
var tempCards = currentOrder.GiftCards || [];
// Add remove event to each card...
// MAP to an array instead of leaving as an object also!
$.each(tempCards, function(i, c) {
c.removeGiftCard = generateRemoveGiftCard(c.CardNumber);
cards.push(c);
});
}
return cards;
},
_getViewModel: function () {
var widget = this,
$el = $(widget.element);
// Determine the type of widget mode/views we have
var notifyViewExists = $el.find(".notify-view").length > 0;
var entryViewExists = $el.find(".entry-view").length > 0;
var summaryViewExists = $el.find(".summary-view").length > 0;
var cards = widget._getCurrentCards();
var viewModel = kendo.observable({
// Notify View
//
isNotifyViewVisible: notifyViewExists && true,
doesNotifyViewExist: notifyViewExists,
showEntryView: function () {
viewModel.clearEntryView();
viewModel.set('isNotifyViewVisible', false);
viewModel.set('isEntryViewVisible', true);
},
// Entry View
//
isEntryViewVisible: (entryViewExists && !notifyViewExists), // entry view should show by default if not notify view exists
doesEntryViewExist: entryViewExists,
// Gift Card Information
giftCardNumber: '',
giftCardPin: '',
useTotalAmount: false,
amountToUse: 0,
isProcessing: false,
// Event Handlers/Methods
addGiftCardKeyUp: function (event) {
if (event.which == 13) {
// stops the form from submitting when using the widget on a page that has form submit buttons
event.preventDefault();
event.stopPropagation();
this.addGiftCard();
}
},
addGiftCard: function () {
var prom = $.Deferred();
viewModel.validate();
viewModel.set("messages", []);
// Only progress if the form is valid.
if (viewModel.get('isValid') === true) {
widget.trigger(ADDING_GIFT_CARD, {cardNumber: viewModel.get('giftCardNumber')});
var cardInfo = {
cardNumber: viewModel.get('giftCardNumber'),
pinNumber: viewModel.get('giftCardPin'),
useAllAmount: viewModel.get('useTotalAmount'),
amountToUse: viewModel.get('amountToUse')
};
viewModel.set("isProcessing", true);
var addProm = $.cv.css.giftCard.addGiftCard(cardInfo);
addProm.done(function (response) {
viewModel.set("isProcessing", false);
if (response.data.Success === false) {
var messages = $.map(response.data.Messages, function (item) {
return {
type: 'error',
message: item
};
});
viewModel.set('messages', messages);
widget.trigger(ADDING_GIFT_CARD_FAILED, {cardNumber: viewModel.get('giftCardNumber')});
prom.resolve();
return;
}
// Adjust view model.
viewModel.refreshViewVisibility().done(function() {
viewModel.clearEntryView();
// Trigger Events
widget.trigger(ADDED_GIFT_CARD, {cardNumber: viewModel.get('giftCardNumber')});
$.cv.css.trigger($.cv.css.eventnames.orderChanged);
$.cv.css.trigger($.cv.css.eventnames.giftCardsChanged, {
cardNumber: cardInfo.cardNumber,
changeType: 'add'
});
// Messages
if (widget.options.triggerGlobalMessages) {
$.cv.css.trigger($.cv.css.eventnames.message, {
message: "Gift card added",
type: 'info',
source: 'giftCard',
clearExisting: true
});
}
viewModel.set('messages', [{ type: 'info', message: 'Gift card added' }]);
prom.resolve();
});
});
addProm.fail(function () {
viewModel.set("isProcessing", false);
viewModel.set('messages', [{ type: 'error', value: 'Unknown error while adding gift card' }]);
if (widget.options.triggerGlobalMessages) {
$.cv.css.trigger($.cv.css.eventnames.message, {
message: "Unknown error while adding gift card",
type: 'error',
source: 'giftCard',
clearExisting: true
});
}
widget.trigger(ADDING_GIFT_CARD_FAILED, {cardNumber: viewModel.get('giftCardNumber')});
prom.reject();
});
} else {
// Validation messages should show as is.
prom.reject();
}
return prom.promise();
},
cancelEntry: function () {
viewModel.clearEntryView();
viewModel.set('isNotifyViewVisible', true);
viewModel.set('isEntryViewVisible', false);
viewModel.set('messages', []);
},
clearEntryView: function () {
viewModel.set('giftCardNumber', '');
viewModel.set('giftCardPin', '');
viewModel.set('useTotalAmount', false);
viewModel.set('amountToUse', 0);
},
// Summary View
//
isSummaryViewVisible: widget.options.defaultSummaryViewVisible,
doesSummaryViewExist: summaryViewExists,
removeGiftCard: function (cardNumber) {
var prom = $.Deferred();
widget.trigger(REMOVING_GIFT_CARD, {cardNumber: cardNumber});
var removeProm = $.cv.css.giftCard.removeGiftCard({cardNumber: cardNumber});
removeProm.done(function (response) {
if (response.data.Success === false) {
var messages = $.map(response.data.Messages, function (item) {
return {
type: 'error',
message: item
};
});
viewModel.set('messages', messages);
prom.resolve();
widget.trigger(REMOVING_GIFT_CARD_FAILED, {cardNumber: cardNumber});
return;
}
viewModel.refreshViewVisibility().done(function() {
viewModel.set('messages', [{ type: 'info', message: 'Gift card removed' }]);
widget.trigger(REMOVED_GIFT_CARD);
$.cv.css.trigger($.cv.css.eventnames.orderChanged);
$.cv.css.trigger($.cv.css.eventnames.giftCardsChanged, {
cardNumber: cardNumber,
changeType: 'remove'
});
if (widget.options.triggerGlobalMessages) {
$.cv.css.trigger($.cv.css.eventnames.message, {
message: "Gift card removed",
type: 'info',
source: 'giftCard',
clearExisting: true
});
}
prom.resolve();
});
});
removeProm.fail(function () {
viewModel.set('messages', [{ type: 'error', message: 'Unknown error while removing the gift card' }]);
if (widget.options.triggerGlobalMessages) {
$.cv.css.trigger($.cv.css.eventnames.message, {
message: "Unknown error while adding gift card",
type: 'error',
source: 'giftCard',
clearExisting: true
});
}
widget.trigger(REMOVING_GIFT_CARD_FAILED, {cardNumber: cardNumber});
prom.reject();
});
return prom.promise();
},
giftCards: cards,
orderTotal: 0,
orderTotalAfterGiftCards: 0,
// Validation
//
isValid: true,
validate: function () {
// Ensure we have validation setup
var validator = $el.data("kendoValidator");
if (!validator) {
$el.kendoValidator(widget.options.validationOptions);
validator = $el.data("kendoValidator");
// Turn off validation of hidden fields on rules
$.cv.util.preventHiddenFieldValidation(validator);
}
// Validate
var isValid = validator.validate();
viewModel.set('isValid', isValid);
return isValid;
},
// General
//
messages: [],
ensureOrder: function(reload) {
var vm = this;
var currentOrder = $.cv.css.localGetCurrentOrder();
// Reload Order if:
// 1. We don't have one stored in Local Storage
// 2. If we are asked to (reload = true)
var orderExists = $.Deferred();
if (!currentOrder || reload) {
$.cv.css.getCurrentOrder().done(function() {
orderExists.resolve();
});
} else {
orderExists.resolve();
}
orderExists.done(function() {
var currentOrder = $.cv.css.localGetCurrentOrder();
var gcs = widget._getCurrentCards();
var orderTotal = widget.options.extractOrderTotal(currentOrder);
vm.set('giftCards', gcs);
vm.set('orderTotal', orderTotal);
if (gcs.length > 0) {
vm.set('orderTotalAfterGiftCards', currentOrder.TotalPaymentBalanceAfterEnteredGiftCards);
} else {
vm.set('orderTotalAfterGiftCards', orderTotal);
}
});
return orderExists.promise();
},
refreshViewVisibility: function () {
var vm = this;
var prom = $.Deferred();
vm.ensureOrder(true).done(function() {
var giftCards = widget._getCurrentCards();
var totalAfterGiftCards = viewModel.get('orderTotalAfterGiftCards');
var notifyViewExists = $el.find(".notify-view").length > 0;
var entryViewExists = $el.find(".entry-view").length > 0;
var summaryViewExists = $el.find(".summary-view").length > 0;
// Total may adjust visibility of notify or edit views
if (totalAfterGiftCards <= 0) {
viewModel.set('wasNotifyViewLastVisible',viewModel.get('isNotifyViewVisible'));
viewModel.set('isNotifyViewVisible', false);
viewModel.set('isEntryViewVisible', false);
} else {
var notify = viewModel.get('wasNotifyViewLastVisible');
if (notify != null) {
viewModel.set('isNotifyViewVisible', notify);
viewModel.set('isEntryViewVisible', !notify);
if (!notify) {
viewModel.set("messages", []);
}
}
}
viewModel.set('isSummaryViewVisible',
summaryViewExists && (widget.options.defaultSummaryViewVisible === true
|| (giftCards && giftCards.length > 0)));
prom.resolve();
});
return prom;
}
});
viewModel.bind("change", function (e) {
if (e.field === 'useTotalAmount') {
viewModel.set("amountToUse", 0);
}
});
$.cv.css.bind($.cv.css.eventnames.orderChanged, function (order) {
if (order === true) {
viewModel.ensureOrder(true);
viewModel.refreshViewVisibility();
return;
}
if (order == null) {
return;
}
var gcs = widget._getCurrentCards();
if (gcs.length > 0) {
viewModel.set("orderTotalAfterGiftCards", order.TotalPaymentBalanceAfterEnteredGiftCards);
} else {
viewModel.set("orderTotalAfterGiftCards", order.OrderTotalAmount);
}
});
return viewModel;
},
_buildViewTemplate: function () {
var widget = this;
widget.viewTemplate = "";
}
};
// register the widget
$.cv.ui.widget(giftCardWidget);
})(jQuery);
;
/* Name: user maintenance
* Author: Aidan Thomas
* Created: 20131111
*
* Dependencies:
* --- Third Party ---
* jquery.js
* kendo.web.js
* --- CSS ---
* /Scripts/cv.widget.kendo.js
* /Scripts/cv.css.js
* /Scripts/widgets/cv.ui.mvvmwidget.js
* --- CSS - OPTIONAL IF YOU WANT TO USE THESE ELEMENTS ---
* Params:
*/
;
(function ($, undefined) {
var WIDGETDATAINTIALISED = "widgetDataInitialised",
LISTUPDATED = "listUpdated";
var userMaintenanceWidget = {
// Standard Variables
// widget name
name: "userMaintenance",
extend: "mvvmwidget",
// default widget options
options: {
// viewModel defaults
jsonFieldGroupName: "",
successfulRedirectUrl: "",
// viewModel flags
autoBind: true,
// events
// view flags
triggerMessages: false,
clearWidgetMessages: true,
updateOnChange: false,
// view text defaults
textMandatoryFieldsMissing: "The following fields are required: {0}",
textErrorEnteredDateInWrongFormat: 'Date entered is in the wrong format',
textErrorEnteredEmailInWrongFormat: 'Email entered is in the wrong format',
textErrorEnteredDecimalInWrongFormat: 'Decimal entered in the wrong format',
textErrorEnteredUrlInWrongFormat: 'Url entered in the wrong format',
textMandatoryFieldNotComplete: "Mandatory field",
textUpdateSuccessful: "Updated successfully",
textUpdateErrorDefaultMessage: "There was an error updating your information at this time",
// view Template
viewTemplate: null,
itemTemplate: ''
},
extendEvents: [WIDGETDATAINTIALISED, LISTUPDATED],
// MVVM Support
viewModelBound: function () {
// called after the widget view is bound to the viewModel
var widget = this, initDeferred = $.Deferred(), userDetailsDef = $.Deferred(), ds = [];
widget.viewModel.set("isProcessing", true);
userDetailsDef = $.cv.css.user.getUserMaintenanceData({ jsonFieldGroupName: widget.options.jsonFieldGroupName });
$.when(userDetailsDef).done(function (msg) {
if (!msg.errorMessage || msg.errorMessage.length == 0) {
if (msg.data && msg.data.length > 0 && msg.data[0].UserDetailsFieldData) {
ds = msg.data[0].UserDetailsFieldData;
} else {
ds = [];
}
widget.viewModel.set('itemList', widget._getDataView(ds));
}
initDeferred.resolve();
});
$.when(initDeferred).done(function () {
widget.viewModel.set("isProcessing", false);
widget.trigger(WIDGETDATAINTIALISED, { viewCount: widget.viewModel.get("itemList").length, dataCount: widget.viewModel.get("dataCount") });
});
},
// private functions
_getDataView: function (data) {
var widget = this, array = [];
$.each(data, function (idx, item) {
// add standard commands
item.index = idx;
item.MandatoryMessage = widget.options.textMandatoryFieldNotComplete;
var dataItem = $.cv.util.getFieldItemData(item);
dataItem.dataChanged = function (e) {
var fieldItem = e.data["fieldItem"];
var updateOnChange = widget.viewModel.get("updateOnChange");
if (dataItem.fieldValid(e) && updateOnChange) {
widget.viewModel.updateUserField(fieldItem.fieldName);
}
};
array.push(dataItem);
});
return array;
},
_stringEmpty: function (data) {
if ($.type(data) == "string")
data = data.replace(/ /g, "");
return !data;
},
_getViewModel: function () {
var widget = this;
return widget._getDefaultViewModel();
},
_getDefaultViewModel: function () {
var widget = this;
var _getMandatoryFieldList = function () {
var itemList = widget.viewModel.get("itemList"), mandatoryArray = [];
$.each(itemList, function (idx, item) {
if (item.fieldItem.mandatory)
mandatoryArray.push($.extend(item, { emptyMessage: item.prompt }));
});
return mandatoryArray;
};
var viewModel = kendo.observable($.extend(widget.options, {
// Properties for UI elements
isProcessing: false,
updateOnChange: widget.options.updateOnChange,
currentUser: null,
itemList: [],
message: '',
clearWidgetMessages: widget.options.clearWidgetMessages,
dataCount: 0,
updateUserField: function (fieldname) {
// create payload
var _this = this, list = {}, valid = true;
$.cv.util.clearMessage.apply(widget.viewModel);
$.each(this.get('itemList'), function (index, item) {
// if a fieldname triggered it, just validate and send that
if (fieldname != null && item.fieldItem.fieldName === fieldname) {
var val = this.get(item.fieldItem.fieldName);
if ($.cv.util.validateField(val, item.fieldItem.FieldType)) {
list[item.fieldItem.fieldName] = val;
} else
valid = false;
}
});
var currentUser = _this.getCurrentUser();
$.when(currentUser).done(function (currentUser) {
list["_objectKey"] = currentUser;
var d1 = $.cv.css.user.setCurrentUserDetails({ updateData: list, jsonFieldGroup: widget.options.jsonFieldGroupName });
$.when(d1).done(function (msg) {
var data = msg.data;
var params = {};
if (!data.sessionHasTimedOut) {
_this.set("isProcessing", false);
}
});
});
},
checkAllRequiredFields: function () {
var allFieldsPopulated = true, emptyFields = "", mandatoryFieldList = _getMandatoryFieldList();
$.each(mandatoryFieldList, function (idx, item) {
if (!item.fieldItem.parent().fieldValid({ data: item.fieldItem.parent() }, true)) {
allFieldsPopulated = false;
emptyFields += "," + item.emptyMessage;
}
});
if (emptyFields != "") {
emptyFields = widget.options.textMandatoryFieldsMissing.format(emptyFields.substring(1));
$.cv.util.setMessage.apply(widget.viewModel, [emptyFields, $.cv.css.messageTypes.error]);
}
return allFieldsPopulated;
},
getCurrentUser: function () {
var _this = this, currentUser = this.get("currentUser"), currentUserDeferred = $.Deferred();
if (currentUser == null) {
userToEdit = $.cv.css.localGetUser();
} else {
userToEdit["_objectKey"] = currentUser;
}
if (userToEdit && userToEdit != null) {
var d = $.Deferred();
d.resolve({ data: [userToEdit] });
}
else {
var d = $.cv.css.getCurrentUser();
}
$.when(d).done(function (usr) {
if (usr && usr.data && usr.data.length > 0) {
_this.set("currentUser", usr.data[0]._objectKey);
}
currentUserDeferred.resolve(usr.data[0]._objectKey);
});
return currentUserDeferred.promise();
},
getUserDetails: function() {
var _this = this, userDetails = $.Deferred(), userUpdateData = {};
var currentUser = _this.getCurrentUser();
$.each(_this.get("itemList"), function (idx, item) {
var val = item.get(item.fieldItem.fieldName);
if (val == null) {
val = "";
}
if (val.toString() != "true" && val.toString() != "false") {
userUpdateData[item.fieldItem.fieldName] = val.toString();
} else {
userUpdateData[item.fieldItem.fieldName] = val;
}
});
currentUser.done(function (currentUser) {
userUpdateData["_objectKey"] = currentUser;
userDetails.resolve(userUpdateData);
});
return userDetails.promise();
},
saveDetails: function () {
var _this = this;
$.cv.util.clearMessage.apply(widget.viewModel);
if (this.checkAllRequiredFields()) {
_this.set("isProcessing", true);
var u = _this.getUserDetails();
$.when(u).done(function (userDetails) {
var d1 = $.cv.css.user.setCurrentUserDetails({ updateData: userDetails, jsonFieldGroup: widget.options.jsonFieldGroupName });
$.when(d1).done(function (msg) {
var data = msg.data;
if (!data.sessionHasTimedOut) {
if (widget.options.successfulRedirectUrl.length == 0) {
_this.set("isProcessing", false);
$.cv.util.setMessage.apply(widget.viewModel, [widget.options.textUpdateSuccessful, $.cv.css.messageTypes.success]);
} else {
$.cv.util.redirect(widget.options.successfulRedirectUrl, {}, false);
}
}
}).fail(function (msg) {
_this.set("isProcessing", false);
$.cv.util.setMessage.apply(widget.viewModel, [widget.options.textUpdateErrorDefaultMessage, $.cv.css.messageTypes.error]);
});
});
}
}
}));
return viewModel;
},
_buildViewTemplate: function () {
var widget = this;
widget._buildDefaultViewTemplate();
},
_buildDefaultViewTemplate: function () {
var widget = this;
// modify view template based on widget.options where applicable
widget._buildDefaultContentTemplate();
},
_buildDefaultContentTemplate: function () {
var widget = this;
var html = ""
+ ""
+ ""
+ ""
+ ""
+ "# if (useCookie) { #"
+ ""
+ ""
+ "# } #"
// email password
+ ""
+ ""
+ ""
+ "#= textForgotPasswordLabel #"
+ "
"
// change password / notify email address
+ ""
+ ""
+ ""
+ ""
+ ""
+ ""
+ ""
+ ""
+ "
"
+ ""
+ "";
html += "
";
widget.viewTemplate += html;
},
_buildItemTemplateBody: function () {
var widget = this;
var html = "";
widget.itemTemplate += html;
}
};
// register the widget
$.cv.ui.widget(userMaintenanceWidget);
})(jQuery);
;
(function (e, t) { var n = "beforeShowNearest"; var r = "afterShowNearest"; var i = "beforeUpdateLatLng"; var s = "afterUpdateLatLng"; var o = { name: "storeLocator", extend: "mvvmwidget", events: [n, r, i, s], options: { addressIds: [], addressAutocompleteId: null, addressRegion: "au", latitudeId: null, longitudeId: null, mapCanvasId: null, mapZoom: 12, mapMarkerTitle: "You are here", mapIconPath: "/images/", mapIconPrefix: null, mapIconSuffix: ".png", mapIconWidth: 50, mapIconHeight: 50, spinnerId: null, spinnerOptions: {}, clearStoresOnSearch: true, errorMessageAddressNotFound: "Address not found.", errorMessageAddressLookupFailed: "Address lookup failed.", errorMessageUnableToShowMap: "Unable to show map." }, viewModelBound: function () { var e = this }, _getViewModel: function () { var t = this; var o = kendo.observable({ storeLocations: [], isProcessing: false, updateLatLongFromAddress: function () { t.trigger(i); o._clearMessages(); var n = o._getAddress(); var r = e("#" + t.options.latitudeId); var u = e("#" + t.options.longitudeId); if (r.length > 0 && u.length > 0 && n.length > 0) { var a = new google.maps.Geocoder; o.set("isProcessing", true); o._showSpinner(); a.geocode({ address: n, region: t.options.addressRegion }, function (e, n) { o.set("isProcessing", false); o._hideSpinner(); if (n == google.maps.GeocoderStatus.OK) { r.val(e[0].geometry.location.lat()); u.val(e[0].geometry.location.lng()) } else { r.val(0); u.val(0); o._showError(t.options.errorMessageAddressNotFound) } t.trigger(s) }) } else { o._showError(t.options.errorMessageAddressLookupFailed); t.trigger(s) } }, showMap: function () { o._clearMessages(); var n = e("#" + t.options.latitudeId); var r = e("#" + t.options.longitudeId); if (t.options.mapCanvasId.length > 0 && n.length > 0 && r.length > 0) { o._showMap(n.val(), r.val()) } else { o._showError(t.options.errorMessageUnableToShowMap) } }, showNearest: function () { t.trigger(n); o.set("isProcessing", true); if (t.options.clearStoresOnSearch) { o.set("storeLocations", []); o._hideMap() } o._clearMessages(); o._showSpinner(); var i = o._getAddress(); var s = new google.maps.Geocoder; s.geocode({ address: i, region: t.options.addressRegion }, function (n, i) { if (i == google.maps.GeocoderStatus.OK) { var s = e.cv.css.storeLocator.findNearestStore({ latitude: n[0].geometry.location.lat(), longitude: n[0].geometry.location.lng() }); e.when(s).done(function (i) { var s = new google.maps.LatLngBounds; s.extend(new google.maps.LatLng(n[0].geometry.location.lat(), n[0].geometry.location.lng())); e.each(i.data, function (e, t) { t.position = new google.maps.LatLng(t.Latitude, t.Longitude); s.extend(t.position) }); var u = o._showMap(n[0].geometry.location.lat(), n[0].geometry.location.lng(), s); e.each(i.data, function (e, t) { t.Index = e + 1; o._addMarker(u, t.position, t.StoreName, t.Index) }); o.set("storeLocations", i.data); o._hideSpinner(); o.set("isProcessing", false); t.trigger(r) }) } else { o._showError(t.options.errorMessageAddressNotFound); t.trigger(r) } }) }, searchInputKeyUp: function (e) { if (e.which == 13) { e.preventDefault(); e.stopPropagation(); o.showNearest() } }, _getAddress: function () { var n = ""; e.each(t.options.addressIds, function (t, r) { if (t > 0) { n += " " } n += e("#" + r).val() }); return n }, _hideMap: function () { e("#" + t.options.mapCanvasId).empty() }, _showMap: function (n, r, i) { var s = { center: new google.maps.LatLng(n, r), zoom: t.options.mapZoom, mapTypeId: google.maps.MapTypeId.ROADMAP }; var o = new google.maps.Map(e("#" + t.options.mapCanvasId).get(0), s); var u = new google.maps.LatLng(n, r); var a = new google.maps.Marker({ map: o, position: u, title: t.options.mapMarkerTitle }); if (i) { o.fitBounds(i); o.panToBounds(i) } return o }, _addMarker: function (e, n, r, i) { var s = null; if (t.options.mapIconPrefix) { s = new google.maps.MarkerImage(t.options.mapIconPath + t.options.mapIconPrefix + i + t.options.mapIconSuffix, new google.maps.Size(t.options.mapIconWidth, t.options.mapIconHeight)) } var o = new google.maps.Marker({ map: e, position: n, title: r, icon: s }) }, _showError: function (e) { o._hideSpinner(); o.set("isProcessing", false); o._showMessage({ Type: "error", Message: e }) }, _showMessage: function (n, r) { var i = ""; e.each(e.cv.css.messageTypes, function (e, t) { if (e == n.Type) { i = t } }); var s = e.cv.css.trigger(e.cv.css.eventnames.message, { type: i, message: n.Message, source: t.name, clearExisting: r }); if (s.handlerCount == 0) { alert(n.Message) } }, _clearMessages: function () { e.cv.css.trigger(e.cv.css.eventnames.message, { message: "", type: "", source: t.name, clearExisting: true }) }, _showSpinner: function () { if (t.options.spinnerId) { e("#" + t.options.spinnerId).spin(t.options.spinnerOptions) } }, _hideSpinner: function () { if (t.options.spinnerId) { e("#" + t.options.spinnerId).spin(false) } } }); if (t.options.addressAutocompleteId) { var u = e("#" + t.options.addressAutocompleteId).get(0); var a = new google.maps.places.Autocomplete(u, { types: ["geocode"], componentRestrictions: { country: t.options.addressRegion } }); google.maps.event.addListener(a, "place_changed", function () { o.showNearest() }) } return o }, _buildViewTemplate: function () { var e = this } }; e.cv.ui.widget(o) })(jQuery);
/* Name: recently viewed product
* Author: Aidan Thomas
* Created: 20130220
*
* Dependencies:
* --- Third Party ---
* jquery.js
* kendo.web.js
* --- CSS ---
* /Scripts/cv.widget.kendo.js
* /Scripts/cv.css.js
* /Scripts/cv.util.js
* Params:
* dataSource:
* numberOfProducts:
* autoBind:
* hideIfEmpty:
* listTitle:
* viewTemplate: kendo template id for the main view
* itemViewTemplate: kendo template id for each item
*/
;
(function ($, undefined) {
var DATABINDING = "dataBinding",
DATABOUND = "dataBound",
CHANGE = "change",
LISTUPDATED = "listUpdated";
var recentlyViewedProduct = {
// Standard Variables
// widget name
name: "recentlyViewedProduct",
// default widget options
options: {
// viewModel defaults
dataSource: [],
numberOfProducts: 4,
// viewModel flags
autoBind: true,
// events
// view flags
hideIfEmpty: true,
// view text defaults
listTitle: "Items Recently Viewed",
// view Template
viewTemplate: null, // Treat these as IDs, remove the last one.
itemViewTemplate: null
},
events: [DATABINDING, DATABOUND, LISTUPDATED],
viewModel: null,
view: null,
// MVVM Support
items: function () {
return this.element.children();
},
// for supporting changing the datasource via MVVM
setDataSource: function (dataSource) {
// set the internal datasource equal to the one passed in by MVVM
this.options.dataSource = dataSource;
// rebuild the datasource if necessary, or just reassign
this._dataSource();
// redraw the datasource items
this.refresh();
},
// private property
_viewAppended: false,
_itemViewAppended: false,
// Standard Methods
initialise: function (el, o) {
var widget = this;
var internalView = $(el).children(":first");
if (internalView.data("view")) {
widget.view = internalView.html();
} else {
// setup view
widget._viewAppended = true;
if (!widget.options.itemViewTemplate) {
// generate an item template name and flag it to be created
widget.options.itemViewTemplate = widget.name + "-item-template-" + kendo.guid();
widget._itemViewAppended = true;
}
// get template text and parse it with the options
var templateText = widget.options.viewTemplate ? $("#" + widget.options.viewTemplate).html() : widget._getDefaultViewTemplate();
var viewTemplate = kendo.template(templateText);
widget.view = viewTemplate(widget.options);
// add the itemView (not parsed)
if (!widget.options._itemViewAppended) {
widget.view += widget._getDefaultItemViewTemplate();
}
widget.element.html(widget.view);
}
widget.viewModel = widget._getViewModel();
// bind view to viewModel
var target = widget.element.children(":first");
kendo.bind(target, widget.viewModel);
// dataSource default should be []
widget._dataSource();
// if autobound, refresh is called when the DS is fetched
},
_dataSource: function () {
var widget = this;
// if the DataSource is defined and the _refreshHandler is wired up, unbind because
// we need to rebuild the DataSource
if (widget.dataSource && widget._refreshHandler) {
widget.dataSource.unbind(CHANGE, widget._refreshHandler);
}
else {
widget._refreshHandler = $.proxy(widget.refresh, widget);
}
// returns the datasource OR creates one if using array or configuration object
widget.dataSource = kendo.data.DataSource.create(widget.options.dataSource);
// bind to the change event to refresh the widget
widget.dataSource.bind(CHANGE, widget._refreshHandler);
if (widget.options.autoBind) {
widget.dataSource.fetch();
}
},
refresh: function () {
var widget = this;
widget.viewModel.dataSource = widget.options.dataSource;
widget.viewModel.updateItemList();
},
destroy: function () {
var widget = this;
// remove the data element
widget.element.removeData(widget.name);
// clean up the DOM
if (widget._viewAppended) {
$.cv.util.destroyKendoWidgets(widget.element);
widget.element.empty();
}
},
// private function
_getViewModel: function () {
var widget = this;
var getDataView = function () {
// check if ds is initialised
if (!widget.dataSource)
return [];
$.each(widget.dataSource.view(), function (idx, item) {
item.Index = idx;
});
return widget.dataSource.view();
}
var initDS = function () {
var products = $.cv.css.recentlyViewedProduct.localGetRecentlyViewedProducts();
if (products == null)
products = [];
if (typeof productViewProduct != 'undefined') {
findAndRemove(products, 'productCode', productViewProduct.productCode);
trimList(products);
if (products.length < 4) {
products = $.merge([productViewProduct], products);
widget.options.dataSource = products;
if (products.length == 0)
viewModel.isEmpty = true;
else
viewModel.isEmpty = false;
}
else {
widget.options.dataSource = products;
if (products.length == 0)
viewModel.isEmpty = true;
else
viewModel.isEmpty = false;
products = $.merge([productViewProduct], products);
}
$.cv.css.recentlyViewedProduct.localSetRecentlyViewedProducts(products);
}
else {
trimList(products);
widget.options.dataSource = products;
if (products.length == 0)
viewModel.isEmpty = true;
else
viewModel.isEmpty = false;
}
}
var findAndRemove = function (array, property, value) {
$.each(array, function (index, result) {
if (result[property] === value) {
//Remove from array
array.splice(index, 1);
return false;
}
});
}
var trimList = function (products) {
if (products.length > widget.options.numberOfProducts)
products.splice(widget.options.numberOfProducts);
}
var viewModel = kendo.observable({
// Properties for UI elements
dataSource: widget.options.dataSource,
updateItemList: function () {
var dataView = getDataView();
this.set("itemList", dataView);
widget.trigger(LISTUPDATED, { count: dataView.length });
},
itemList: getDataView(),
isEmpty: true /*function() {
console.log('is empty',this.get('dataSource'));
if(this.get('dataSource') != null) {
console.log('is empty',this.get('dataSource').length == 0);
console.log('is empty',this.get('dataSource').length);
return this.get('dataSource').length == 0;
}
else
return true;
}*/
});
initDS();
return viewModel;
},
_getDefaultViewTemplate: function () {
var widget = this;
// modify view template based on widget.options where applicable
var html = ""
+ "# if(hideIfEmpty) { #"
+ "