You about to leave checkout. Your information might not be saved.
Want to proceed?
' }; // alias for frequently used SY.Constants.Messages SY.CM = SY.Constants.Messages; SY.Constants.CanvasLayerType = { unknown: 0, image: 1, multitext: 2, customizableimage: 3, vinyllettering: 4 }; SY.Constants.messageDialogResult = { NONE: { Value: -1, Text: SY.CM.none }, OK: { Value: 0, Text: SY.CM.ok }, CANCEL: { Value: 1, Text: SY.CM.cancel }, ABORT: { Value: 2, Text: SY.CM.abort }, RETRY: { Value: 3, Text: SY.CM.retry }, IGNORE: { Value: 4, Text: SY.CM.ignore }, YES: { Value: 5, Text: SY.CM.yes }, NO: { Value: 6, Text: SY.CM.no }, YESREMOVE: { Value: 7, Text: SY.CM.yesRemove }, LEAVECHECKOUT: { Value: 8, Text: SY.CM.leaveCheckout }, getMessageDialogResultByValue: function (num) { for (var key in this) { if (typeof this[key] !== 'function' && this.hasOwnProperty(key) && parseInt(this[key].Value, 10) == parseInt(num, 10)) return this[key]; } return null; } }; SY.Constants.messageDialogType = { NONE: { Value: 0, HTML: '{message-goes-here}' }, WARNING: { Value: 1, HTML: '{message-goes-here}
' }, }; SY.Constants.InkAttributeValues = { KEEPWHITE: { Id: 0, Value: "KeepWhite" }, NOWHITE: { Id: 1, Value: "NoWhite" }, getValueById: function (num) { if (typeof num !== 'undefined' && num != null) { for (var key in this) { if (typeof this[key] !== 'function' && this.hasOwnProperty(key) && parseInt(this[key].Id, 10) == parseInt(num, 10)) return this[key].Value; } } return this.KEEPWHITE.Value; }, getIdByValue: function (val) { if (typeof val === 'string' && val != null) { for (var key in this) { if (typeof this[key] !== 'function' && this.hasOwnProperty(key) && this[key].Value.toLowerCase() == val.toLowerCase()) return this[key].Id; } } return this.KEEPWHITE.Id; }, }; SY.Constants.AdhesiveAttributeValues = { BACK: { Id: 0, Value: "Back" }, FRONT: { Id: 1, Value: "Front" }, getValueById: function (num) { if (typeof num !== 'undefined' && num != null) { for (var key in this) { if (typeof this[key] !== 'function' && this.hasOwnProperty(key) && parseInt(this[key].Id, 10) == parseInt(num, 10)) { return this[key].Value; } } } return this.BACK.Value; }, getIdByValue: function (val) { if (typeof val === 'string' && val != null) { for (var key in this) { if (typeof this[key] !== 'function' && this.hasOwnProperty(key) && this[key].Value.toLowerCase() == val.toLowerCase()) { return this[key].Id; } } } return this.BACK.Id; }, }; SY.Constants.LeadingEdgeAttributeValues = { UP: { Id: 0, Value: "Up", Angle: 0 }, DOWN: { Id: 1, Value: "Down", Angle: 180 }, LEFT: { Id: 2, Value: "Left", Angle: -90 }, RIGHT: { Id: 3, Value: "Right", Angle: 90 }, getAsArray: function () { var result = []; for (var key in this) { if (typeof this[key] !== 'function' && this.hasOwnProperty(key) && !isNaN(this[key].Id, 10) && isFinite(this[key].Id, 10)) { var obj = this[key]; obj.Selected = obj.Id == 0; result.push(obj); } } return result; }, getAngleById: function (id) { //convert to number anyway id = Number(id); var angle = 0; if (!isNaN(id)) { for (var key in this) { if (typeof key !== 'function' && this.hasOwnProperty(key)) { if (this[key].Id == id) { angle = this[key].Angle; break; } } } } return angle; } }; SY.Constants.UnitOfLength = { Inches: { id: 0, displayName: "inches", displayUnit: "\"" }, Centimeter: { id: 1, displayName: "cm", displayUnit:"cm" } }; //-------------------------------------------- // message dialog //-------------------------------------------- // this creates a singleton message dialog instance: SY.messageDialog = (function () { // this is the class itself function MessageDialogFactory() { function _createDialog(dialogType, selector, title, message, buttons, callback) { var dialog = { dialogType: dialogType, selector: selector, message: message, title: title, buttons: [], result: SY.Constants.messageDialogResult.NONE.Value }; if (buttons.length > 0) { for (var b = 0; b < buttons.length; b++) { var btn = { text: buttons[b].Text, result: buttons[b].Value, click: function (event) { var btn = $(event.target); if (btn.prop("tagName").toLowerCase() !== 'button') { btn = btn.parent('button'); } dialog.result = parseInt(btn.attr('result'), 10); $(this).dialog("close"); }, class: "btn btn-primary" }; dialog.buttons.push(btn); } } else { var btn = { text: SY.Constants.messageDialogResult.OK.Text, result: SY.Constants.messageDialogResult.OK.Value, click: function (event) { var btn = $(event.target); if (btn.prop("tagName").toLowerCase() !== 'button') { btn = btn.parent('button'); } dialog.result = parseInt(btn.attr('result'), 10); $(this).dialog("close"); }, class: "btn btn-primary" }; dialog.buttons.push(btn); } var options = { autoOpen: false, closeOnEscape: true, modal: true, draggable: true, resizable: false, title: dialog.title, show: { effect: 'drop', direction: 'down', duration: 200 }, hide: { effect: 'drop', direction: 'up', duration: 400 }, width: 375, dialogClass: 'ui-dialog', close: function () { if (typeof callback === 'function' && callback != null) { callback(dialog.result); } }, open: function () { dialog.result = SY.Constants.messageDialogResult.NONE.Value; $('.ui-dialog-titlebar-close').addClass('ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only'); $('.ui-dialog-titlebar-close').append(''); } }; $(dialog.selector).empty(); var span = $(''); var para = $('', { html: dialog.dialogType.HTML.replace(/\{message\-goes\-here\}/, dialog.message) });
span.append(para);
$(dialog.selector).append(span);
$(dialog.selector).attr('title', dialog.title);
$(dialog.selector).dialog(options);
$(dialog.selector).dialog("option", "buttons", dialog.buttons);
return dialog;
}
this.showDialogOK = function (selector, title, message, callback) {
var dialog = _createDialog(
SY.Constants.messageDialogType.NONE,
selector,
title,
message,
[SY.Constants.messageDialogResult.OK],
callback
);
$(dialog.selector).dialog("open");
};
this.showDialogOKCancel = function (selector, title, message, callback) {
var dialog = _createDialog(
SY.Constants.messageDialogType.NONE,
selector,
title,
message,
[SY.Constants.messageDialogResult.OK, SY.Constants.messageDialogResult.CANCEL],
callback
);
$(dialog.selector).dialog("open");
};
this.showDialogYesNo = function (selector, title, message, callback) {
var dialog = _createDialog(
SY.Constants.messageDialogType.NONE,
selector,
title,
message,
[SY.Constants.messageDialogResult.YES, SY.Constants.messageDialogResult.NO],
callback
);
$(dialog.selector).dialog("open");
};
this.showDialogYesRemoveCancel = function (selector, title, message, callback) {
var dialog = _createDialog(
SY.Constants.messageDialogType.NONE,
selector,
title,
message,
[SY.Constants.messageDialogResult.YESREMOVE, SY.Constants.messageDialogResult.CANCEL],
callback
);
$(dialog.selector).dialog("open");
};
this.showDialogLeaveCheckoutCancel = function (selector, title, message, callback) {
var dialog = _createDialog(
SY.Constants.messageDialogType.NONE,
selector,
title,
message,
[SY.Constants.messageDialogResult.LEAVECHECKOUT, SY.Constants.messageDialogResult.CANCEL],
callback
);
$(dialog.selector).dialog("open");
};
this.showDialogYesNoWarning = function (selector, title, message, callback) {
var dialog = _createDialog(
SY.Constants.messageDialogType.WARNING,
selector,
title,
message,
[SY.Constants.messageDialogResult.YES, SY.Constants.messageDialogResult.NO],
callback
);
$(dialog.selector).dialog("open");
};
this.showDialogYesNoCancel = function (selector, title, message, callback) {
var dialog = _createDialog(
SY.Constants.messageDialogType.NONE,
selector,
title,
message,
[SY.Constants.messageDialogResult.YES, SY.Constants.messageDialogResult.NO, SY.Constants.messageDialogResult.CANCEL],
callback
);
$(dialog.selector).dialog("open");
};
}
return new MessageDialogFactory();
}());
//--------------------------------------------
// ajax calling facilities
//--------------------------------------------
SY.NET.AjaxJsonPost = function (url, data, success, fail, always) {
var withTheseOptions = {
url: url,
type: 'POST',
contentType: 'application/json; charset=utf-8',
data: data
};
if (typeof success === 'undefined' || typeof success !== 'function') {
success = null;
}
if (typeof fail === 'undefined' || typeof fail !== 'function') {
fail = null;
}
if (typeof always === 'undefined' || typeof always !== 'function') {
always = null;
}
$.ajax(withTheseOptions).done(success).fail(fail).always(always);
};
SY.NET.HandleAjaxFailure = function (xhr, status, error) {
SY.NET.LogFailureToConsole(error, xhr, status);
var locErr = error;
var statuses = { StatusCode: xhr.status };
if (typeof xhr.responseText !== 'undefined' && xhr.responseText != null && xhr.responseText.length > 0) {
try {
var o = JSON.parse(xhr.responseText);
if (typeof o.Message !== 'undefined' && o.Message != null) {
locErr = o.Message;
}
statuses = o;
} catch (ex) {
var elems = $.grep($.parseHTML(xhr.responseText), function (e) { return e.nodeName.toLowerCase() == 'title'; });
if (typeof elems !== 'undefined' && elems != null && elems.length > 0) {
locErr = $(elems[0]).text();
}
}
}
locErr = locErr.length > 250 ? '{0}{1}'.format(locErr.substr(0, 250), '...') : locErr;
if (statuses.StatusCode === 504) {
SY.messageDialog.showDialogOK('#messageDialogSY', SY.CM.sessionExpired, locErr, function () {
document.location.reload(true);
});
} else {
SY.messageDialog.showDialogOK('#messageDialogSY', SY.CM.error, '{0}
{1}'.format(SY.CM.serverError, locErr));
}
};
SY.NET.HandleAjaxFailureCustom = function (message) {
SY.NET.LogFailureToConsole(message, null, null);
SY.messageDialog.showDialogOK('#messageDialogSY', SY.CM.error, '{0}
{1}'.format(SY.CM.serverError, message));
};
SY.NET.LogFailureToConsole = function (error, xhr, status) {
if (typeof SY.NET.debug === 'boolean' && SY.NET.debug === true) {
console.info('error', error);
if (typeof xhr !== 'undefined' && xhr != null) {
console.info('xhr', xhr);
}
if (typeof status !== 'undefined' && status != null) {
console.info('status', status);
}
}
};
SY.NET.browser = {
isMobile: (function () {
return /mobi|android|mini/i.test(navigator.userAgent.toLowerCase());
})()
};
/**
* The FileDownload endpoint/url must:
* -- be HttpPost;
* -- expose 'content-disposition' header:
* e.g: Response.Headers.Add("Access-Control-Expose-Headers", "Content-Disposition");
* -- respond with FileContentResult;
*
* @param {string} url
* @param {object} data
* @param {string} filenameFallback
* @param {string} mimeType
* @param {Function} [preCallback]
* @param {Function} [postCallback]
*/
SY.NET.FileDownload = (url, data, filenameFallback, mimeType, preCallback, postCallback) => {
if (typeof preCallback === 'function' && preCallback != null) {
preCallback();
}
var locFileName;
fetch(url, {
body: JSON.stringify(data),
method: 'POST',
headers: {
'Content-Type': 'application/json; charset=utf-8'
},
})
.then(response => {
if (response.ok) {
const cd = response.headers.get("content-disposition");
//console.log("content-disposition = " + response.headers.get("content-disposition"));
//console.log("content-type = " + response.headers.get("content-type"));
try {
locFileName = cd.match(/filename=[\s"\']*(.+)[\s"\']*/i)[1];
} catch {
locFileName = filenameFallback;
}
return response.blob();
} else {
console.error("Network response was: " + response.status + ".");
}
})
.then(response => {
try {
if (response !== undefined && response != null) {
const blob = new Blob([response], { type: mimeType });
const downloadUrl = URL.createObjectURL(blob);
const a = document.createElement("a");
a.href = downloadUrl;
a.download = locFileName;
document.body.appendChild(a);
a.click();
window.setTimeout(() => { document.body.removeChild(a); }, 10);
} else {
console.error("Network response is null.");
}
} catch (err) {
console.log(err);
} finally {
if (typeof postCallback === 'function' && postCallback != null) {
postCallback();
}
}
});
};
/**
* Fetch the image bytes in a more deterministic way (mainly for Cloudinary previews).
*
* @param {string} url
* @param {function} callbackSuccess
* @param {function} callbackFail
*/
SY.NET.FetchImageBlob = (url, callbackSuccess, callbackFail) => {
var invokeCallbackFail = () => {
if (typeof callbackFail === "function" && callbackFail != null) {
callbackFail();
}
};
if (url === undefined || url == null || url == "") {
invokeCallbackFail();
}
fetch(url)
.then(response => {
if (response.ok) {
return response.blob();
}
return null;
})
.then(bytes => {
if (bytes !== undefined && bytes != null) {
var blobUrl = URL.createObjectURL(bytes);
if (typeof callbackSuccess === "function" && callbackSuccess != null) {
callbackSuccess(blobUrl);
}
} else {
invokeCallbackFail();
}
})
.catch(error => {
console.error('Error fetching image: ', error);
invokeCallbackFail();
});
};
//--------------------------------------------
// site-wide pubsub
//--------------------------------------------
(function () {
SY.PubSub.Events = {
currency: {
changed: 'sy.currency.changed',
controlCreated: 'sy.currency.controlCreated',
},
};
SY.PubSub.EventBus = {
on: function (event, handler) {
return PubSub.subscribe(event, function (evt, context) {
//console.log('%cEvent handled: ' + event /*+ '; context: ' + JSON.stringify(context)*/, 'border: 1px solid #00FF00; color: #00FF00; padding: 1px; background-color: #FFF;');
handler(evt, context);
});
},
off: function (token) {
return PubSub.unsubscribe(token);
},
trigger: function (event, data) {
//console.log('%cEvent triggered: ' + event /*+ '; data: ' + JSON.stringify(data)*/, 'border: 1px solid #0000FF; color: #0000FF; padding: 1px; background-color: #FFF;');
PubSub.publish(event, data);
}
};
})();
//--------------------------------------------
// site-wide responsive and mobile friendly tooltip
//--------------------------------------------
SY.Tooltip.setup = function () {
var targets = $("[rel~='tooltip']"),
target = false,
tooltip = false,
title = false;
targets.off('mouseenter').on('mouseenter', function () {
target = $(this);
title = target.attr('title');
$('#tooltip-r').remove();
tooltip = $('