' + '
',\r\n // The offset top or bottom of the datepicker from the element\r\n offset: 10,\r\n // The `z-index` of the datepicker\r\n zIndex: 1000,\r\n // Filter each date item (return `false` to disable a date item)\r\n filter: null,\r\n // Event shortcuts\r\n show: null,\r\n hide: null,\r\n pick: null\r\n };\r\n\r\n var IS_BROWSER = typeof window !== 'undefined';\r\n var WINDOW = IS_BROWSER ? window : {};\r\n var IS_TOUCH_DEVICE = IS_BROWSER ? 'ontouchstart' in WINDOW.document.documentElement : false;\r\n var NAMESPACE = 'datepicker';\r\n var EVENT_CLICK = \"click.\".concat(NAMESPACE);\r\n var EVENT_FOCUS = \"focus.\".concat(NAMESPACE);\r\n var EVENT_HIDE = \"hide.\".concat(NAMESPACE);\r\n var EVENT_KEYUP = \"keyup.\".concat(NAMESPACE);\r\n var EVENT_PICK = \"pick.\".concat(NAMESPACE);\r\n var EVENT_RESIZE = \"resize.\".concat(NAMESPACE);\r\n var EVENT_SCROLL = \"scroll.\".concat(NAMESPACE);\r\n var EVENT_SHOW = \"show.\".concat(NAMESPACE);\r\n var EVENT_TOUCH_START = \"touchstart.\".concat(NAMESPACE);\r\n var CLASS_HIDE = \"\".concat(NAMESPACE, \"-hide\");\r\n var LANGUAGES = {};\r\n var VIEWS = {\r\n DAYS: 0,\r\n MONTHS: 1,\r\n YEARS: 2\r\n };\r\n\r\n var toString = Object.prototype.toString;\r\n function typeOf(obj) {\r\n return toString.call(obj).slice(8, -1).toLowerCase();\r\n }\r\n function isString(value) {\r\n return typeof value === 'string';\r\n }\r\n var isNaN = Number.isNaN || WINDOW.isNaN;\r\n function isNumber(value) {\r\n return typeof value === 'number' && !isNaN(value);\r\n }\r\n function isUndefined(value) {\r\n return typeof value === 'undefined';\r\n }\r\n function isDate(value) {\r\n return typeOf(value) === 'date' && !isNaN(value.getTime());\r\n }\r\n function proxy(fn, context) {\r\n for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {\r\n args[_key - 2] = arguments[_key];\r\n }\r\n\r\n return function () {\r\n for (var _len2 = arguments.length, args2 = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {\r\n args2[_key2] = arguments[_key2];\r\n }\r\n\r\n return fn.apply(context, args.concat(args2));\r\n };\r\n }\r\n function selectorOf(view) {\r\n return \"[data-view=\\\"\".concat(view, \"\\\"]\");\r\n }\r\n function isLeapYear(year) {\r\n return year % 4 === 0 && year % 100 !== 0 || year % 400 === 0;\r\n }\r\n function getDaysInMonth(year, month) {\r\n return [31, isLeapYear(year) ? 29 : 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31][month];\r\n }\r\n function getMinDay(year, month, day) {\r\n return Math.min(day, getDaysInMonth(year, month));\r\n }\r\n var formatParts = /(y|m|d)+/g;\r\n function parseFormat(format) {\r\n var source = String(format).toLowerCase();\r\n var parts = source.match(formatParts);\r\n\r\n if (!parts || parts.length === 0) {\r\n throw new Error('Invalid date format.');\r\n }\r\n\r\n format = {\r\n source: source,\r\n parts: parts\r\n };\r\n $.each(parts, function (i, part) {\r\n switch (part) {\r\n case 'dd':\r\n case 'd':\r\n format.hasDay = true;\r\n break;\r\n\r\n case 'mm':\r\n case 'm':\r\n format.hasMonth = true;\r\n break;\r\n\r\n case 'yyyy':\r\n case 'yy':\r\n format.hasYear = true;\r\n break;\r\n\r\n default:\r\n }\r\n });\r\n return format;\r\n }\r\n function getScrollParent(element) {\r\n var includeHidden = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\r\n var $element = $(element);\r\n var position = $element.css('position');\r\n var excludeStaticParent = position === 'absolute';\r\n var overflowRegex = includeHidden ? /auto|scroll|hidden/ : /auto|scroll/;\r\n var scrollParent = $element.parents().filter(function (index, parent) {\r\n var $parent = $(parent);\r\n\r\n if (excludeStaticParent && $parent.css('position') === 'static') {\r\n return false;\r\n }\r\n\r\n return overflowRegex.test($parent.css('overflow') + $parent.css('overflow-y') + $parent.css('overflow-x'));\r\n }).eq(0);\r\n return position === 'fixed' || !scrollParent.length ? $(element.ownerDocument || document) : scrollParent;\r\n }\r\n /**\r\n * Add leading zeroes to the given value\r\n * @param {number} value - The value to add.\r\n * @param {number} [length=1] - The expected value length.\r\n * @returns {string} Returns converted value.\r\n */\r\n\r\n function addLeadingZero(value) {\r\n var length = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;\r\n var str = String(Math.abs(value));\r\n var i = str.length;\r\n var result = '';\r\n\r\n if (value < 0) {\r\n result += '-';\r\n }\r\n\r\n while (i < length) {\r\n i += 1;\r\n result += '0';\r\n }\r\n\r\n return result + str;\r\n }\r\n\r\n var REGEXP_DIGITS = /\\d+/g;\r\n var methods = {\r\n // Show the datepicker\r\n show: function show() {\r\n if (!this.built) {\r\n this.build();\r\n }\r\n\r\n if (this.shown) {\r\n return;\r\n }\r\n\r\n if (this.trigger(EVENT_SHOW).isDefaultPrevented()) {\r\n return;\r\n }\r\n\r\n this.shown = true;\r\n this.$picker.removeClass(CLASS_HIDE).on(EVENT_CLICK, $.proxy(this.click, this));\r\n this.showView(this.options.startView);\r\n\r\n if (!this.inline) {\r\n this.$scrollParent.on(EVENT_SCROLL, $.proxy(this.place, this));\r\n $(window).on(EVENT_RESIZE, this.onResize = proxy(this.place, this));\r\n $(document).on(EVENT_CLICK, this.onGlobalClick = proxy(this.globalClick, this));\r\n $(document).on(EVENT_KEYUP, this.onGlobalKeyup = proxy(this.globalKeyup, this));\r\n\r\n if (IS_TOUCH_DEVICE) {\r\n $(document).on(EVENT_TOUCH_START, this.onTouchStart = proxy(this.touchstart, this));\r\n }\r\n\r\n this.place();\r\n }\r\n },\r\n // Hide the datepicker\r\n hide: function hide() {\r\n if (!this.shown) {\r\n return;\r\n }\r\n\r\n if (this.trigger(EVENT_HIDE).isDefaultPrevented()) {\r\n return;\r\n }\r\n\r\n this.shown = false;\r\n this.$picker.addClass(CLASS_HIDE).off(EVENT_CLICK, this.click);\r\n\r\n if (!this.inline) {\r\n this.$scrollParent.off(EVENT_SCROLL, this.place);\r\n $(window).off(EVENT_RESIZE, this.onResize);\r\n $(document).off(EVENT_CLICK, this.onGlobalClick);\r\n $(document).off(EVENT_KEYUP, this.onGlobalKeyup);\r\n\r\n if (IS_TOUCH_DEVICE) {\r\n $(document).off(EVENT_TOUCH_START, this.onTouchStart);\r\n }\r\n }\r\n },\r\n toggle: function toggle() {\r\n if (this.shown) {\r\n this.hide();\r\n } else {\r\n this.show();\r\n }\r\n },\r\n // Update the datepicker with the current input value\r\n update: function update() {\r\n var value = this.getValue();\r\n\r\n if (value === this.oldValue) {\r\n return;\r\n }\r\n\r\n this.setDate(value, true);\r\n this.oldValue = value;\r\n },\r\n\r\n /**\r\n * Pick the current date to the element\r\n *\r\n * @param {String} _view (private)\r\n */\r\n pick: function pick(_view) {\r\n var $this = this.$element;\r\n var date = this.date;\r\n\r\n if (this.trigger(EVENT_PICK, {\r\n view: _view || '',\r\n date: date\r\n }).isDefaultPrevented()) {\r\n return;\r\n }\r\n\r\n date = this.formatDate(this.date);\r\n this.setValue(date);\r\n\r\n if (this.isInput) {\r\n $this.trigger('input');\r\n $this.trigger('change');\r\n }\r\n },\r\n // Reset the datepicker\r\n reset: function reset() {\r\n this.setDate(this.initialDate, true);\r\n this.setValue(this.initialValue);\r\n\r\n if (this.shown) {\r\n this.showView(this.options.startView);\r\n }\r\n },\r\n\r\n /**\r\n * Get the month name with given argument or the current date\r\n *\r\n * @param {Number} month (optional)\r\n * @param {Boolean} shortForm (optional)\r\n * @return {String} (month name)\r\n */\r\n getMonthName: function getMonthName(month, shortForm) {\r\n var options = this.options;\r\n var monthsShort = options.monthsShort;\r\n var months = options.months;\r\n\r\n if ($.isNumeric(month)) {\r\n month = Number(month);\r\n } else if (isUndefined(shortForm)) {\r\n shortForm = month;\r\n }\r\n\r\n if (shortForm === true) {\r\n months = monthsShort;\r\n }\r\n\r\n return months[isNumber(month) ? month : this.date.getMonth()];\r\n },\r\n\r\n /**\r\n * Get the day name with given argument or the current date\r\n *\r\n * @param {Number} day (optional)\r\n * @param {Boolean} shortForm (optional)\r\n * @param {Boolean} min (optional)\r\n * @return {String} (day name)\r\n */\r\n getDayName: function getDayName(day, shortForm, min) {\r\n var options = this.options;\r\n var days = options.days;\r\n\r\n if ($.isNumeric(day)) {\r\n day = Number(day);\r\n } else {\r\n if (isUndefined(min)) {\r\n min = shortForm;\r\n }\r\n\r\n if (isUndefined(shortForm)) {\r\n shortForm = day;\r\n }\r\n }\r\n\r\n if (min) {\r\n days = options.daysMin;\r\n } else if (shortForm) {\r\n days = options.daysShort;\r\n }\r\n\r\n return days[isNumber(day) ? day : this.date.getDay()];\r\n },\r\n\r\n /**\r\n * Get the current date\r\n *\r\n * @param {Boolean} formatted (optional)\r\n * @return {Date|String} (date)\r\n */\r\n getDate: function getDate(formatted) {\r\n var date = this.date;\r\n return formatted ? this.formatDate(date) : new Date(date);\r\n },\r\n\r\n /**\r\n * Set the current date with a new date\r\n *\r\n * @param {Date} date\r\n * @param {Boolean} _updated (private)\r\n */\r\n setDate: function setDate(date, _updated) {\r\n var filter = this.options.filter;\r\n\r\n if (isDate(date) || isString(date)) {\r\n date = this.parseDate(date);\r\n\r\n if ($.isFunction(filter) && filter.call(this.$element, date, 'day') === false) {\r\n return;\r\n }\r\n\r\n this.date = date;\r\n this.viewDate = new Date(date);\r\n\r\n if (!_updated) {\r\n this.pick();\r\n }\r\n\r\n if (this.built) {\r\n this.render();\r\n }\r\n }\r\n },\r\n\r\n /**\r\n * Set the start view date with a new date\r\n *\r\n * @param {Date|string|null} date\r\n */\r\n setStartDate: function setStartDate(date) {\r\n if (isDate(date) || isString(date)) {\r\n this.startDate = this.parseDate(date);\r\n } else {\r\n this.startDate = null;\r\n }\r\n\r\n if (this.built) {\r\n this.render();\r\n }\r\n },\r\n\r\n /**\r\n * Set the end view date with a new date\r\n *\r\n * @param {Date|string|null} date\r\n */\r\n setEndDate: function setEndDate(date) {\r\n if (isDate(date) || isString(date)) {\r\n this.endDate = this.parseDate(date);\r\n } else {\r\n this.endDate = null;\r\n }\r\n\r\n if (this.built) {\r\n this.render();\r\n }\r\n },\r\n\r\n /**\r\n * Parse a date string with the set date format\r\n *\r\n * @param {String} date\r\n * @return {Date} (parsed date)\r\n */\r\n parseDate: function parseDate(date) {\r\n var format = this.format;\r\n var parts = [];\r\n\r\n if (!isDate(date)) {\r\n if (isString(date)) {\r\n parts = date.match(REGEXP_DIGITS) || [];\r\n }\r\n\r\n date = date ? new Date(date) : new Date();\r\n\r\n if (!isDate(date)) {\r\n date = new Date();\r\n }\r\n\r\n if (parts.length === format.parts.length) {\r\n // Set year and month first\r\n $.each(parts, function (i, part) {\r\n var value = parseInt(part, 10);\r\n\r\n switch (format.parts[i]) {\r\n case 'yy':\r\n date.setFullYear(2000 + value);\r\n break;\r\n\r\n case 'yyyy':\r\n // Converts 2-digit year to 2000+\r\n date.setFullYear(part.length === 2 ? 2000 + value : value);\r\n break;\r\n\r\n case 'mm':\r\n case 'm':\r\n date.setMonth(value - 1);\r\n break;\r\n\r\n default:\r\n }\r\n }); // Set day in the last to avoid converting `31/10/2019` to `01/10/2019`\r\n\r\n $.each(parts, function (i, part) {\r\n var value = parseInt(part, 10);\r\n\r\n switch (format.parts[i]) {\r\n case 'dd':\r\n case 'd':\r\n date.setDate(value);\r\n break;\r\n\r\n default:\r\n }\r\n });\r\n }\r\n } // Ignore hours, minutes, seconds and milliseconds to avoid side effect (#192)\r\n\r\n\r\n return new Date(date.getFullYear(), date.getMonth(), date.getDate());\r\n },\r\n\r\n /**\r\n * Format a date object to a string with the set date format\r\n *\r\n * @param {Date} date\r\n * @return {String} (formatted date)\r\n */\r\n formatDate: function formatDate(date) {\r\n var format = this.format;\r\n var formatted = '';\r\n\r\n if (isDate(date)) {\r\n var year = date.getFullYear();\r\n var month = date.getMonth();\r\n var day = date.getDate();\r\n var values = {\r\n d: day,\r\n dd: addLeadingZero(day, 2),\r\n m: month + 1,\r\n mm: addLeadingZero(month + 1, 2),\r\n yy: String(year).substring(2),\r\n yyyy: addLeadingZero(year, 4)\r\n };\r\n formatted = format.source;\r\n $.each(format.parts, function (i, part) {\r\n formatted = formatted.replace(part, values[part]);\r\n });\r\n }\r\n\r\n return formatted;\r\n },\r\n // Destroy the datepicker and remove the instance from the target element\r\n destroy: function destroy() {\r\n this.unbind();\r\n this.unbuild();\r\n this.$element.removeData(NAMESPACE);\r\n }\r\n };\r\n\r\n var handlers = {\r\n click: function click(e) {\r\n var $target = $(e.target);\r\n var options = this.options,\r\n date = this.date,\r\n viewDate = this.viewDate,\r\n format = this.format;\r\n e.stopPropagation();\r\n e.preventDefault();\r\n\r\n if ($target.hasClass('disabled')) {\r\n return;\r\n }\r\n\r\n var view = $target.data('view');\r\n var viewYear = viewDate.getFullYear();\r\n var viewMonth = viewDate.getMonth();\r\n var viewDay = viewDate.getDate();\r\n\r\n switch (view) {\r\n case 'years prev':\r\n case 'years next':\r\n {\r\n viewYear = view === 'years prev' ? viewYear - 10 : viewYear + 10;\r\n viewDate.setFullYear(viewYear);\r\n viewDate.setDate(getMinDay(viewYear, viewMonth, viewDay));\r\n this.renderYears();\r\n break;\r\n }\r\n\r\n case 'year prev':\r\n case 'year next':\r\n viewYear = view === 'year prev' ? viewYear - 1 : viewYear + 1;\r\n viewDate.setFullYear(viewYear);\r\n viewDate.setDate(getMinDay(viewYear, viewMonth, viewDay));\r\n this.renderMonths();\r\n break;\r\n\r\n case 'year current':\r\n if (format.hasYear) {\r\n this.showView(VIEWS.YEARS);\r\n }\r\n\r\n break;\r\n\r\n case 'year picked':\r\n if (format.hasMonth) {\r\n this.showView(VIEWS.MONTHS);\r\n } else {\r\n $target.siblings(\".\".concat(options.pickedClass)).removeClass(options.pickedClass).data('view', 'year');\r\n this.hideView();\r\n }\r\n\r\n this.pick('year');\r\n break;\r\n\r\n case 'year':\r\n viewYear = parseInt($target.text(), 10); // Set date first to avoid month changing (#195)\r\n\r\n date.setDate(getMinDay(viewYear, viewMonth, viewDay));\r\n date.setFullYear(viewYear);\r\n viewDate.setDate(getMinDay(viewYear, viewMonth, viewDay));\r\n viewDate.setFullYear(viewYear);\r\n\r\n if (format.hasMonth) {\r\n this.showView(VIEWS.MONTHS);\r\n } else {\r\n $target.addClass(options.pickedClass).data('view', 'year picked').siblings(\".\".concat(options.pickedClass)).removeClass(options.pickedClass).data('view', 'year');\r\n this.hideView();\r\n }\r\n\r\n this.pick('year');\r\n break;\r\n\r\n case 'month prev':\r\n case 'month next':\r\n viewMonth = view === 'month prev' ? viewMonth - 1 : viewMonth + 1;\r\n\r\n if (viewMonth < 0) {\r\n viewYear -= 1;\r\n viewMonth += 12;\r\n } else if (viewMonth > 11) {\r\n viewYear += 1;\r\n viewMonth -= 12;\r\n }\r\n\r\n viewDate.setFullYear(viewYear);\r\n viewDate.setDate(getMinDay(viewYear, viewMonth, viewDay));\r\n viewDate.setMonth(viewMonth);\r\n this.renderDays();\r\n break;\r\n\r\n case 'month current':\r\n if (format.hasMonth) {\r\n this.showView(VIEWS.MONTHS);\r\n }\r\n\r\n break;\r\n\r\n case 'month picked':\r\n if (format.hasDay) {\r\n this.showView(VIEWS.DAYS);\r\n } else {\r\n $target.siblings(\".\".concat(options.pickedClass)).removeClass(options.pickedClass).data('view', 'month');\r\n this.hideView();\r\n }\r\n\r\n this.pick('month');\r\n break;\r\n\r\n case 'month':\r\n viewMonth = $.inArray($target.text(), options.monthsShort);\r\n date.setFullYear(viewYear); // Set date before month to avoid month changing (#195)\r\n\r\n date.setDate(getMinDay(viewYear, viewMonth, viewDay));\r\n date.setMonth(viewMonth);\r\n viewDate.setFullYear(viewYear);\r\n viewDate.setDate(getMinDay(viewYear, viewMonth, viewDay));\r\n viewDate.setMonth(viewMonth);\r\n\r\n if (format.hasDay) {\r\n this.showView(VIEWS.DAYS);\r\n } else {\r\n $target.addClass(options.pickedClass).data('view', 'month picked').siblings(\".\".concat(options.pickedClass)).removeClass(options.pickedClass).data('view', 'month');\r\n this.hideView();\r\n }\r\n\r\n this.pick('month');\r\n break;\r\n\r\n case 'day prev':\r\n case 'day next':\r\n case 'day':\r\n if (view === 'day prev') {\r\n viewMonth -= 1;\r\n } else if (view === 'day next') {\r\n viewMonth += 1;\r\n }\r\n\r\n viewDay = parseInt($target.text(), 10); // Set date to 1 to avoid month changing (#195)\r\n\r\n date.setDate(1);\r\n date.setFullYear(viewYear);\r\n date.setMonth(viewMonth);\r\n date.setDate(viewDay);\r\n viewDate.setDate(1);\r\n viewDate.setFullYear(viewYear);\r\n viewDate.setMonth(viewMonth);\r\n viewDate.setDate(viewDay);\r\n this.renderDays();\r\n\r\n if (view === 'day') {\r\n this.hideView();\r\n }\r\n\r\n this.pick('day');\r\n break;\r\n\r\n case 'day picked':\r\n this.hideView();\r\n this.pick('day');\r\n break;\r\n\r\n default:\r\n }\r\n },\r\n globalClick: function globalClick(_ref) {\r\n var target = _ref.target;\r\n var element = this.element,\r\n $trigger = this.$trigger;\r\n var trigger = $trigger[0];\r\n var hidden = true;\r\n\r\n while (target !== document) {\r\n if (target === trigger || target === element) {\r\n hidden = false;\r\n break;\r\n }\r\n\r\n target = target.parentNode;\r\n }\r\n\r\n if (hidden) {\r\n this.hide();\r\n }\r\n },\r\n keyup: function keyup() {\r\n this.update();\r\n },\r\n globalKeyup: function globalKeyup(_ref2) {\r\n var target = _ref2.target,\r\n key = _ref2.key,\r\n keyCode = _ref2.keyCode;\r\n\r\n if (this.isInput && target !== this.element && this.shown && (key === 'Tab' || keyCode === 9)) {\r\n this.hide();\r\n }\r\n },\r\n touchstart: function touchstart(_ref3) {\r\n var target = _ref3.target;\r\n\r\n // Emulate click in touch devices to support hiding the picker automatically (#197).\r\n if (this.isInput && target !== this.element && !$.contains(this.$picker[0], target)) {\r\n this.hide();\r\n this.element.blur();\r\n }\r\n }\r\n };\r\n\r\n var render = {\r\n render: function render() {\r\n this.renderYears();\r\n this.renderMonths();\r\n this.renderDays();\r\n },\r\n renderWeek: function renderWeek() {\r\n var _this = this;\r\n\r\n var items = [];\r\n var _this$options = this.options,\r\n weekStart = _this$options.weekStart,\r\n daysMin = _this$options.daysMin;\r\n weekStart = parseInt(weekStart, 10) % 7;\r\n daysMin = daysMin.slice(weekStart).concat(daysMin.slice(0, weekStart));\r\n $.each(daysMin, function (i, day) {\r\n items.push(_this.createItem({\r\n text: day\r\n }));\r\n });\r\n this.$week.html(items.join(''));\r\n },\r\n renderYears: function renderYears() {\r\n var options = this.options,\r\n startDate = this.startDate,\r\n endDate = this.endDate;\r\n var disabledClass = options.disabledClass,\r\n filter = options.filter,\r\n yearSuffix = options.yearSuffix;\r\n var viewYear = this.viewDate.getFullYear();\r\n var now = new Date();\r\n var thisYear = now.getFullYear();\r\n var year = this.date.getFullYear();\r\n var start = -5;\r\n var end = 6;\r\n var items = [];\r\n var prevDisabled = false;\r\n var nextDisabled = false;\r\n var i;\r\n\r\n for (i = start; i <= end; i += 1) {\r\n var date = new Date(viewYear + i, 1, 1);\r\n var disabled = false;\r\n\r\n if (startDate) {\r\n disabled = date.getFullYear() < startDate.getFullYear();\r\n\r\n if (i === start) {\r\n prevDisabled = disabled;\r\n }\r\n }\r\n\r\n if (!disabled && endDate) {\r\n disabled = date.getFullYear() > endDate.getFullYear();\r\n\r\n if (i === end) {\r\n nextDisabled = disabled;\r\n }\r\n }\r\n\r\n if (!disabled && filter) {\r\n disabled = filter.call(this.$element, date, 'year') === false;\r\n }\r\n\r\n var picked = viewYear + i === year;\r\n var view = picked ? 'year picked' : 'year';\r\n items.push(this.createItem({\r\n picked: picked,\r\n disabled: disabled,\r\n text: viewYear + i,\r\n view: disabled ? 'year disabled' : view,\r\n highlighted: date.getFullYear() === thisYear\r\n }));\r\n }\r\n\r\n this.$yearsPrev.toggleClass(disabledClass, prevDisabled);\r\n this.$yearsNext.toggleClass(disabledClass, nextDisabled);\r\n this.$yearsCurrent.toggleClass(disabledClass, true).html(\"\".concat(viewYear + start + yearSuffix, \" - \").concat(viewYear + end).concat(yearSuffix));\r\n this.$years.html(items.join(''));\r\n },\r\n renderMonths: function renderMonths() {\r\n var options = this.options,\r\n startDate = this.startDate,\r\n endDate = this.endDate,\r\n viewDate = this.viewDate;\r\n var disabledClass = options.disabledClass || '';\r\n var months = options.monthsShort;\r\n var filter = $.isFunction(options.filter) && options.filter;\r\n var viewYear = viewDate.getFullYear();\r\n var now = new Date();\r\n var thisYear = now.getFullYear();\r\n var thisMonth = now.getMonth();\r\n var year = this.date.getFullYear();\r\n var month = this.date.getMonth();\r\n var items = [];\r\n var prevDisabled = false;\r\n var nextDisabled = false;\r\n var i;\r\n\r\n for (i = 0; i <= 11; i += 1) {\r\n var date = new Date(viewYear, i, 1);\r\n var disabled = false;\r\n\r\n if (startDate) {\r\n prevDisabled = date.getFullYear() === startDate.getFullYear();\r\n disabled = prevDisabled && date.getMonth() < startDate.getMonth();\r\n }\r\n\r\n if (!disabled && endDate) {\r\n nextDisabled = date.getFullYear() === endDate.getFullYear();\r\n disabled = nextDisabled && date.getMonth() > endDate.getMonth();\r\n }\r\n\r\n if (!disabled && filter) {\r\n disabled = filter.call(this.$element, date, 'month') === false;\r\n }\r\n\r\n var picked = viewYear === year && i === month;\r\n var view = picked ? 'month picked' : 'month';\r\n items.push(this.createItem({\r\n disabled: disabled,\r\n picked: picked,\r\n highlighted: viewYear === thisYear && date.getMonth() === thisMonth,\r\n index: i,\r\n text: months[i],\r\n view: disabled ? 'month disabled' : view\r\n }));\r\n }\r\n\r\n this.$yearPrev.toggleClass(disabledClass, prevDisabled);\r\n this.$yearNext.toggleClass(disabledClass, nextDisabled);\r\n this.$yearCurrent.toggleClass(disabledClass, prevDisabled && nextDisabled).html(viewYear + options.yearSuffix || '');\r\n this.$months.html(items.join(''));\r\n },\r\n renderDays: function renderDays() {\r\n var $element = this.$element,\r\n options = this.options,\r\n startDate = this.startDate,\r\n endDate = this.endDate,\r\n viewDate = this.viewDate,\r\n currentDate = this.date;\r\n var disabledClass = options.disabledClass,\r\n filter = options.filter,\r\n months = options.months,\r\n weekStart = options.weekStart,\r\n yearSuffix = options.yearSuffix;\r\n var viewYear = viewDate.getFullYear();\r\n var viewMonth = viewDate.getMonth();\r\n var now = new Date();\r\n var thisYear = now.getFullYear();\r\n var thisMonth = now.getMonth();\r\n var thisDay = now.getDate();\r\n var year = currentDate.getFullYear();\r\n var month = currentDate.getMonth();\r\n var day = currentDate.getDate();\r\n var length;\r\n var i;\r\n var n; // Days of prev month\r\n // -----------------------------------------------------------------------\r\n\r\n var prevItems = [];\r\n var prevViewYear = viewYear;\r\n var prevViewMonth = viewMonth;\r\n var prevDisabled = false;\r\n\r\n if (viewMonth === 0) {\r\n prevViewYear -= 1;\r\n prevViewMonth = 11;\r\n } else {\r\n prevViewMonth -= 1;\r\n } // The length of the days of prev month\r\n\r\n\r\n length = getDaysInMonth(prevViewYear, prevViewMonth); // The first day of current month\r\n\r\n var firstDay = new Date(viewYear, viewMonth, 1); // The visible length of the days of prev month\r\n // [0,1,2,3,4,5,6] - [0,1,2,3,4,5,6] => [-6,-5,-4,-3,-2,-1,0,1,2,3,4,5,6]\r\n\r\n n = firstDay.getDay() - parseInt(weekStart, 10) % 7; // [-6,-5,-4,-3,-2,-1,0,1,2,3,4,5,6] => [1,2,3,4,5,6,7]\r\n\r\n if (n <= 0) {\r\n n += 7;\r\n }\r\n\r\n if (startDate) {\r\n prevDisabled = firstDay.getTime() <= startDate.getTime();\r\n }\r\n\r\n for (i = length - (n - 1); i <= length; i += 1) {\r\n var prevViewDate = new Date(prevViewYear, prevViewMonth, i);\r\n var disabled = false;\r\n\r\n if (startDate) {\r\n disabled = prevViewDate.getTime() < startDate.getTime();\r\n }\r\n\r\n if (!disabled && filter) {\r\n disabled = filter.call($element, prevViewDate, 'day') === false;\r\n }\r\n\r\n prevItems.push(this.createItem({\r\n disabled: disabled,\r\n highlighted: prevViewYear === thisYear && prevViewMonth === thisMonth && prevViewDate.getDate() === thisDay,\r\n muted: true,\r\n picked: prevViewYear === year && prevViewMonth === month && i === day,\r\n text: i,\r\n view: 'day prev'\r\n }));\r\n } // Days of next month\r\n // -----------------------------------------------------------------------\r\n\r\n\r\n var nextItems = [];\r\n var nextViewYear = viewYear;\r\n var nextViewMonth = viewMonth;\r\n var nextDisabled = false;\r\n\r\n if (viewMonth === 11) {\r\n nextViewYear += 1;\r\n nextViewMonth = 0;\r\n } else {\r\n nextViewMonth += 1;\r\n } // The length of the days of current month\r\n\r\n\r\n length = getDaysInMonth(viewYear, viewMonth); // The visible length of next month (42 means 6 rows and 7 columns)\r\n\r\n n = 42 - (prevItems.length + length); // The last day of current month\r\n\r\n var lastDate = new Date(viewYear, viewMonth, length);\r\n\r\n if (endDate) {\r\n nextDisabled = lastDate.getTime() >= endDate.getTime();\r\n }\r\n\r\n for (i = 1; i <= n; i += 1) {\r\n var date = new Date(nextViewYear, nextViewMonth, i);\r\n var picked = nextViewYear === year && nextViewMonth === month && i === day;\r\n var _disabled = false;\r\n\r\n if (endDate) {\r\n _disabled = date.getTime() > endDate.getTime();\r\n }\r\n\r\n if (!_disabled && filter) {\r\n _disabled = filter.call($element, date, 'day') === false;\r\n }\r\n\r\n nextItems.push(this.createItem({\r\n disabled: _disabled,\r\n picked: picked,\r\n highlighted: nextViewYear === thisYear && nextViewMonth === thisMonth && date.getDate() === thisDay,\r\n muted: true,\r\n text: i,\r\n view: 'day next'\r\n }));\r\n } // Days of current month\r\n // -----------------------------------------------------------------------\r\n\r\n\r\n var items = [];\r\n\r\n for (i = 1; i <= length; i += 1) {\r\n var _date = new Date(viewYear, viewMonth, i);\r\n\r\n var _disabled2 = false;\r\n\r\n if (startDate) {\r\n _disabled2 = _date.getTime() < startDate.getTime();\r\n }\r\n\r\n if (!_disabled2 && endDate) {\r\n _disabled2 = _date.getTime() > endDate.getTime();\r\n }\r\n\r\n if (!_disabled2 && filter) {\r\n _disabled2 = filter.call($element, _date, 'day') === false;\r\n }\r\n\r\n var _picked = viewYear === year && viewMonth === month && i === day;\r\n\r\n var view = _picked ? 'day picked' : 'day';\r\n items.push(this.createItem({\r\n disabled: _disabled2,\r\n picked: _picked,\r\n highlighted: viewYear === thisYear && viewMonth === thisMonth && _date.getDate() === thisDay,\r\n text: i,\r\n view: _disabled2 ? 'day disabled' : view\r\n }));\r\n } // Render days picker\r\n // -----------------------------------------------------------------------\r\n\r\n\r\n this.$monthPrev.toggleClass(disabledClass, prevDisabled);\r\n this.$monthNext.toggleClass(disabledClass, nextDisabled);\r\n this.$monthCurrent.toggleClass(disabledClass, prevDisabled && nextDisabled).html(options.yearFirst ? \"\".concat(viewYear + yearSuffix, \" \").concat(months[viewMonth]) : \"\".concat(months[viewMonth], \" \").concat(viewYear).concat(yearSuffix));\r\n this.$days.html(prevItems.join('') + items.join('') + nextItems.join(''));\r\n }\r\n };\r\n\r\n var CLASS_TOP_LEFT = \"\".concat(NAMESPACE, \"-top-left\");\r\n var CLASS_TOP_RIGHT = \"\".concat(NAMESPACE, \"-top-right\");\r\n var CLASS_BOTTOM_LEFT = \"\".concat(NAMESPACE, \"-bottom-left\");\r\n var CLASS_BOTTOM_RIGHT = \"\".concat(NAMESPACE, \"-bottom-right\");\r\n var CLASS_PLACEMENTS = [CLASS_TOP_LEFT, CLASS_TOP_RIGHT, CLASS_BOTTOM_LEFT, CLASS_BOTTOM_RIGHT].join(' ');\r\n\r\n var Datepicker =\r\n /*#__PURE__*/\r\n function () {\r\n function Datepicker(element) {\r\n var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\r\n\r\n _classCallCheck(this, Datepicker);\r\n\r\n this.$element = $(element);\r\n this.element = element;\r\n this.options = $.extend({}, DEFAULTS, LANGUAGES[options.language], $.isPlainObject(options) && options);\r\n this.$scrollParent = getScrollParent(element, true);\r\n this.built = false;\r\n this.shown = false;\r\n this.isInput = false;\r\n this.inline = false;\r\n this.initialValue = '';\r\n this.initialDate = null;\r\n this.startDate = null;\r\n this.endDate = null;\r\n this.init();\r\n }\r\n\r\n _createClass(Datepicker, [{\r\n key: \"init\",\r\n value: function init() {\r\n var $this = this.$element,\r\n options = this.options;\r\n var startDate = options.startDate,\r\n endDate = options.endDate,\r\n date = options.date;\r\n this.$trigger = $(options.trigger);\r\n this.isInput = $this.is('input') || $this.is('textarea');\r\n this.inline = options.inline && (options.container || !this.isInput);\r\n this.format = parseFormat(options.format);\r\n var initialValue = this.getValue();\r\n this.initialValue = initialValue;\r\n this.oldValue = initialValue;\r\n date = this.parseDate(date || initialValue);\r\n\r\n if (startDate) {\r\n startDate = this.parseDate(startDate);\r\n\r\n if (date.getTime() < startDate.getTime()) {\r\n date = new Date(startDate);\r\n }\r\n\r\n this.startDate = startDate;\r\n }\r\n\r\n if (endDate) {\r\n endDate = this.parseDate(endDate);\r\n\r\n if (startDate && endDate.getTime() < startDate.getTime()) {\r\n endDate = new Date(startDate);\r\n }\r\n\r\n if (date.getTime() > endDate.getTime()) {\r\n date = new Date(endDate);\r\n }\r\n\r\n this.endDate = endDate;\r\n }\r\n\r\n this.date = date;\r\n this.viewDate = new Date(date);\r\n this.initialDate = new Date(this.date);\r\n this.bind();\r\n\r\n if (options.autoShow || this.inline) {\r\n this.show();\r\n }\r\n\r\n if (options.autoPick) {\r\n this.pick();\r\n }\r\n }\r\n }, {\r\n key: \"build\",\r\n value: function build() {\r\n if (this.built) {\r\n return;\r\n }\r\n\r\n this.built = true;\r\n var $this = this.$element,\r\n options = this.options;\r\n var $picker = $(options.template);\r\n this.$picker = $picker;\r\n this.$week = $picker.find(selectorOf('week')); // Years view\r\n\r\n this.$yearsPicker = $picker.find(selectorOf('years picker'));\r\n this.$yearsPrev = $picker.find(selectorOf('years prev'));\r\n this.$yearsNext = $picker.find(selectorOf('years next'));\r\n this.$yearsCurrent = $picker.find(selectorOf('years current'));\r\n this.$years = $picker.find(selectorOf('years')); // Months view\r\n\r\n this.$monthsPicker = $picker.find(selectorOf('months picker'));\r\n this.$yearPrev = $picker.find(selectorOf('year prev'));\r\n this.$yearNext = $picker.find(selectorOf('year next'));\r\n this.$yearCurrent = $picker.find(selectorOf('year current'));\r\n this.$months = $picker.find(selectorOf('months')); // Days view\r\n\r\n this.$daysPicker = $picker.find(selectorOf('days picker'));\r\n this.$monthPrev = $picker.find(selectorOf('month prev'));\r\n this.$monthNext = $picker.find(selectorOf('month next'));\r\n this.$monthCurrent = $picker.find(selectorOf('month current'));\r\n this.$days = $picker.find(selectorOf('days'));\r\n\r\n if (this.inline) {\r\n $(options.container || $this).append($picker.addClass(\"\".concat(NAMESPACE, \"-inline\")));\r\n } else {\r\n $(document.body).append($picker.addClass(\"\".concat(NAMESPACE, \"-dropdown\")));\r\n $picker.addClass(CLASS_HIDE).css({\r\n zIndex: parseInt(options.zIndex, 10)\r\n });\r\n }\r\n\r\n this.renderWeek();\r\n }\r\n }, {\r\n key: \"unbuild\",\r\n value: function unbuild() {\r\n if (!this.built) {\r\n return;\r\n }\r\n\r\n this.built = false;\r\n this.$picker.remove();\r\n }\r\n }, {\r\n key: \"bind\",\r\n value: function bind() {\r\n var options = this.options,\r\n $this = this.$element;\r\n\r\n if ($.isFunction(options.show)) {\r\n $this.on(EVENT_SHOW, options.show);\r\n }\r\n\r\n if ($.isFunction(options.hide)) {\r\n $this.on(EVENT_HIDE, options.hide);\r\n }\r\n\r\n if ($.isFunction(options.pick)) {\r\n $this.on(EVENT_PICK, options.pick);\r\n }\r\n\r\n if (this.isInput) {\r\n $this.on(EVENT_KEYUP, $.proxy(this.keyup, this));\r\n }\r\n\r\n if (!this.inline) {\r\n if (options.trigger) {\r\n this.$trigger.on(EVENT_CLICK, $.proxy(this.toggle, this));\r\n } else if (this.isInput) {\r\n $this.on(EVENT_FOCUS, $.proxy(this.show, this));\r\n } else {\r\n $this.on(EVENT_CLICK, $.proxy(this.show, this));\r\n }\r\n }\r\n }\r\n }, {\r\n key: \"unbind\",\r\n value: function unbind() {\r\n var $this = this.$element,\r\n options = this.options;\r\n\r\n if ($.isFunction(options.show)) {\r\n $this.off(EVENT_SHOW, options.show);\r\n }\r\n\r\n if ($.isFunction(options.hide)) {\r\n $this.off(EVENT_HIDE, options.hide);\r\n }\r\n\r\n if ($.isFunction(options.pick)) {\r\n $this.off(EVENT_PICK, options.pick);\r\n }\r\n\r\n if (this.isInput) {\r\n $this.off(EVENT_KEYUP, this.keyup);\r\n }\r\n\r\n if (!this.inline) {\r\n if (options.trigger) {\r\n this.$trigger.off(EVENT_CLICK, this.toggle);\r\n } else if (this.isInput) {\r\n $this.off(EVENT_FOCUS, this.show);\r\n } else {\r\n $this.off(EVENT_CLICK, this.show);\r\n }\r\n }\r\n }\r\n }, {\r\n key: \"showView\",\r\n value: function showView(view) {\r\n var $yearsPicker = this.$yearsPicker,\r\n $monthsPicker = this.$monthsPicker,\r\n $daysPicker = this.$daysPicker,\r\n format = this.format;\r\n\r\n if (format.hasYear || format.hasMonth || format.hasDay) {\r\n switch (Number(view)) {\r\n case VIEWS.YEARS:\r\n $monthsPicker.addClass(CLASS_HIDE);\r\n $daysPicker.addClass(CLASS_HIDE);\r\n\r\n if (format.hasYear) {\r\n this.renderYears();\r\n $yearsPicker.removeClass(CLASS_HIDE);\r\n this.place();\r\n } else {\r\n this.showView(VIEWS.DAYS);\r\n }\r\n\r\n break;\r\n\r\n case VIEWS.MONTHS:\r\n $yearsPicker.addClass(CLASS_HIDE);\r\n $daysPicker.addClass(CLASS_HIDE);\r\n\r\n if (format.hasMonth) {\r\n this.renderMonths();\r\n $monthsPicker.removeClass(CLASS_HIDE);\r\n this.place();\r\n } else {\r\n this.showView(VIEWS.YEARS);\r\n }\r\n\r\n break;\r\n // case VIEWS.DAYS:\r\n\r\n default:\r\n $yearsPicker.addClass(CLASS_HIDE);\r\n $monthsPicker.addClass(CLASS_HIDE);\r\n\r\n if (format.hasDay) {\r\n this.renderDays();\r\n $daysPicker.removeClass(CLASS_HIDE);\r\n this.place();\r\n } else {\r\n this.showView(VIEWS.MONTHS);\r\n }\r\n\r\n }\r\n }\r\n }\r\n }, {\r\n key: \"hideView\",\r\n value: function hideView() {\r\n if (!this.inline && this.options.autoHide) {\r\n this.hide();\r\n }\r\n }\r\n }, {\r\n key: \"place\",\r\n value: function place() {\r\n if (this.inline) {\r\n return;\r\n }\r\n\r\n var $this = this.$element,\r\n options = this.options,\r\n $picker = this.$picker;\r\n var containerWidth = $(document).outerWidth();\r\n var containerHeight = $(document).outerHeight();\r\n var elementWidth = $this.outerWidth();\r\n var elementHeight = $this.outerHeight();\r\n var width = $picker.width();\r\n var height = $picker.height();\r\n\r\n var _$this$offset = $this.offset(),\r\n left = _$this$offset.left,\r\n top = _$this$offset.top;\r\n\r\n var offset = parseFloat(options.offset);\r\n var placement = CLASS_TOP_LEFT;\r\n\r\n if (isNaN(offset)) {\r\n offset = 10;\r\n }\r\n\r\n if (top > height && top + elementHeight + height > containerHeight) {\r\n top -= height + offset;\r\n placement = CLASS_BOTTOM_LEFT;\r\n } else {\r\n top += elementHeight + offset;\r\n }\r\n\r\n if (left + width > containerWidth) {\r\n left += elementWidth - width;\r\n placement = placement.replace('left', 'right');\r\n }\r\n\r\n $picker.removeClass(CLASS_PLACEMENTS).addClass(placement).css({\r\n top: top,\r\n left: left\r\n });\r\n } // A shortcut for triggering custom events\r\n\r\n }, {\r\n key: \"trigger\",\r\n value: function trigger(type, data) {\r\n var e = $.Event(type, data);\r\n this.$element.trigger(e);\r\n return e;\r\n }\r\n }, {\r\n key: \"createItem\",\r\n value: function createItem(data) {\r\n var options = this.options;\r\n var itemTag = options.itemTag;\r\n var item = {\r\n text: '',\r\n view: '',\r\n muted: false,\r\n picked: false,\r\n disabled: false,\r\n highlighted: false\r\n };\r\n var classes = [];\r\n $.extend(item, data);\r\n\r\n if (item.muted) {\r\n classes.push(options.mutedClass);\r\n }\r\n\r\n if (item.highlighted) {\r\n classes.push(options.highlightedClass);\r\n }\r\n\r\n if (item.picked) {\r\n classes.push(options.pickedClass);\r\n }\r\n\r\n if (item.disabled) {\r\n classes.push(options.disabledClass);\r\n }\r\n\r\n return \"<\".concat(itemTag, \" class=\\\"\").concat(classes.join(' '), \"\\\" data-view=\\\"\").concat(item.view, \"\\\">\").concat(item.text, \"\");\r\n }\r\n }, {\r\n key: \"getValue\",\r\n value: function getValue() {\r\n var $this = this.$element;\r\n return this.isInput ? $this.val() : $this.text();\r\n }\r\n }, {\r\n key: \"setValue\",\r\n value: function setValue() {\r\n var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';\r\n var $this = this.$element;\r\n\r\n if (this.isInput) {\r\n $this.val(value);\r\n } else if (!this.inline || this.options.container) {\r\n $this.text(value);\r\n }\r\n }\r\n }], [{\r\n key: \"setDefaults\",\r\n value: function setDefaults() {\r\n var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\r\n $.extend(DEFAULTS, LANGUAGES[options.language], $.isPlainObject(options) && options);\r\n }\r\n }]);\r\n\r\n return Datepicker;\r\n }();\r\n\r\n if ($.extend) {\r\n $.extend(Datepicker.prototype, render, handlers, methods);\r\n }\r\n\r\n if ($.fn) {\r\n var AnotherDatepicker = $.fn.datepicker;\r\n\r\n $.fn.datepicker = function jQueryDatepicker(option) {\r\n for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\r\n args[_key - 1] = arguments[_key];\r\n }\r\n\r\n var result;\r\n this.each(function (i, element) {\r\n var $element = $(element);\r\n var isDestroy = option === 'destroy';\r\n var datepicker = $element.data(NAMESPACE);\r\n\r\n if (!datepicker) {\r\n if (isDestroy) {\r\n return;\r\n }\r\n\r\n var options = $.extend({}, $element.data(), $.isPlainObject(option) && option);\r\n datepicker = new Datepicker(element, options);\r\n $element.data(NAMESPACE, datepicker);\r\n }\r\n\r\n if (isString(option)) {\r\n var fn = datepicker[option];\r\n\r\n if ($.isFunction(fn)) {\r\n result = fn.apply(datepicker, args);\r\n\r\n if (isDestroy) {\r\n $element.removeData(NAMESPACE);\r\n }\r\n }\r\n }\r\n });\r\n return !isUndefined(result) ? result : this;\r\n };\r\n\r\n $.fn.datepicker.Constructor = Datepicker;\r\n $.fn.datepicker.languages = LANGUAGES;\r\n $.fn.datepicker.setDefaults = Datepicker.setDefaults;\r\n\r\n $.fn.datepicker.noConflict = function noConflict() {\r\n $.fn.datepicker = AnotherDatepicker;\r\n return this;\r\n };\r\n }\r\n\r\n}));\r\n","/*!\r\n * accounting.js v0.4.2\r\n * Copyright 2014 Open Exchange Rates\r\n *\r\n * Freely distributable under the MIT license.\r\n * Portions of accounting.js are inspired or borrowed from underscore.js\r\n *\r\n * Full details and documentation:\r\n * http://openexchangerates.github.io/accounting.js/\r\n */\r\n\r\n(function(root, undefined) {\r\n\r\n\t/* --- Setup --- */\r\n\r\n\t// Create the local library object, to be exported or referenced globally later\r\n\tvar lib = {};\r\n\r\n\t// Current version\r\n\tlib.version = '0.4.2';\r\n\r\n\r\n\t/* --- Exposed settings --- */\r\n\r\n\t// The library's settings configuration object. Contains default parameters for\r\n\t// currency and number formatting\r\n\tlib.settings = {\r\n\t\tcurrency: {\r\n\t\t\tsymbol : \"$\",\t\t// default currency symbol is '$'\r\n\t\t\tformat : \"%s%v\",\t// controls output: %s = symbol, %v = value (can be object, see docs)\r\n\t\t\tdecimal : \".\",\t\t// decimal point separator\r\n\t\t\tthousand : \",\",\t\t// thousands separator\r\n\t\t\tprecision : 2,\t\t// decimal places\r\n\t\t\tgrouping : 3\t\t// digit grouping (not implemented yet)\r\n\t\t},\r\n\t\tnumber: {\r\n\t\t\tprecision : 0,\t\t// default precision on numbers is 0\r\n\t\t\tgrouping : 3,\t\t// digit grouping (not implemented yet)\r\n\t\t\tthousand : \",\",\r\n\t\t\tdecimal : \".\"\r\n\t\t}\r\n\t};\r\n\r\n\r\n\t/* --- Internal Helper Methods --- */\r\n\r\n\t// Store reference to possibly-available ECMAScript 5 methods for later\r\n\tvar nativeMap = Array.prototype.map,\r\n\t\tnativeIsArray = Array.isArray,\r\n\t\ttoString = Object.prototype.toString;\r\n\r\n\t/**\r\n\t * Tests whether supplied parameter is a string\r\n\t * from underscore.js\r\n\t */\r\n\tfunction isString(obj) {\r\n\t\treturn !!(obj === '' || (obj && obj.charCodeAt && obj.substr));\r\n\t}\r\n\r\n\t/**\r\n\t * Tests whether supplied parameter is an array\r\n\t * from underscore.js, delegates to ECMA5's native Array.isArray\r\n\t */\r\n\tfunction isArray(obj) {\r\n\t\treturn nativeIsArray ? nativeIsArray(obj) : toString.call(obj) === '[object Array]';\r\n\t}\r\n\r\n\t/**\r\n\t * Tests whether supplied parameter is a true object\r\n\t */\r\n\tfunction isObject(obj) {\r\n\t\treturn obj && toString.call(obj) === '[object Object]';\r\n\t}\r\n\r\n\t/**\r\n\t * Extends an object with a defaults object, similar to underscore's _.defaults\r\n\t *\r\n\t * Used for abstracting parameter handling from API methods\r\n\t */\r\n\tfunction defaults(object, defs) {\r\n\t\tvar key;\r\n\t\tobject = object || {};\r\n\t\tdefs = defs || {};\r\n\t\t// Iterate over object non-prototype properties:\r\n\t\tfor (key in defs) {\r\n\t\t\tif (defs.hasOwnProperty(key)) {\r\n\t\t\t\t// Replace values with defaults only if undefined (allow empty/zero values):\r\n\t\t\t\tif (object[key] == null) object[key] = defs[key];\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn object;\r\n\t}\r\n\r\n\t/**\r\n\t * Implementation of `Array.map()` for iteration loops\r\n\t *\r\n\t * Returns a new Array as a result of calling `iterator` on each array value.\r\n\t * Defers to native Array.map if available\r\n\t */\r\n\tfunction map(obj, iterator, context) {\r\n\t\tvar results = [], i, j;\r\n\r\n\t\tif (!obj) return results;\r\n\r\n\t\t// Use native .map method if it exists:\r\n\t\tif (nativeMap && obj.map === nativeMap) return obj.map(iterator, context);\r\n\r\n\t\t// Fallback for native .map:\r\n\t\tfor (i = 0, j = obj.length; i < j; i++ ) {\r\n\t\t\tresults[i] = iterator.call(context, obj[i], i, obj);\r\n\t\t}\r\n\t\treturn results;\r\n\t}\r\n\r\n\t/**\r\n\t * Check and normalise the value of precision (must be positive integer)\r\n\t */\r\n\tfunction checkPrecision(val, base) {\r\n\t\tval = Math.round(Math.abs(val));\r\n\t\treturn isNaN(val)? base : val;\r\n\t}\r\n\r\n\r\n\t/**\r\n\t * Parses a format string or object and returns format obj for use in rendering\r\n\t *\r\n\t * `format` is either a string with the default (positive) format, or object\r\n\t * containing `pos` (required), `neg` and `zero` values (or a function returning\r\n\t * either a string or object)\r\n\t *\r\n\t * Either string or format.pos must contain \"%v\" (value) to be valid\r\n\t */\r\n\tfunction checkCurrencyFormat(format) {\r\n\t\tvar defaults = lib.settings.currency.format;\r\n\r\n\t\t// Allow function as format parameter (should return string or object):\r\n\t\tif ( typeof format === \"function\" ) format = format();\r\n\r\n\t\t// Format can be a string, in which case `value` (\"%v\") must be present:\r\n\t\tif ( isString( format ) && format.match(\"%v\") ) {\r\n\r\n\t\t\t// Create and return positive, negative and zero formats:\r\n\t\t\treturn {\r\n\t\t\t\tpos : format,\r\n\t\t\t\tneg : format.replace(\"-\", \"\").replace(\"%v\", \"-%v\"),\r\n\t\t\t\tzero : format\r\n\t\t\t};\r\n\r\n\t\t// If no format, or object is missing valid positive value, use defaults:\r\n\t\t} else if ( !format || !format.pos || !format.pos.match(\"%v\") ) {\r\n\r\n\t\t\t// If defaults is a string, casts it to an object for faster checking next time:\r\n\t\t\treturn ( !isString( defaults ) ) ? defaults : lib.settings.currency.format = {\r\n\t\t\t\tpos : defaults,\r\n\t\t\t\tneg : defaults.replace(\"%v\", \"-%v\"),\r\n\t\t\t\tzero : defaults\r\n\t\t\t};\r\n\r\n\t\t}\r\n\t\t// Otherwise, assume format was fine:\r\n\t\treturn format;\r\n\t}\r\n\r\n\r\n\t/* --- API Methods --- */\r\n\r\n\t/**\r\n\t * Takes a string/array of strings, removes all formatting/cruft and returns the raw float value\r\n\t * Alias: `accounting.parse(string)`\r\n\t *\r\n\t * Decimal must be included in the regular expression to match floats (defaults to\r\n\t * accounting.settings.number.decimal), so if the number uses a non-standard decimal \r\n\t * separator, provide it as the second argument.\r\n\t *\r\n\t * Also matches bracketed negatives (eg. \"$ (1.99)\" => -1.99)\r\n\t *\r\n\t * Doesn't throw any errors (`NaN`s become 0) but this may change in future\r\n\t */\r\n\tvar unformat = lib.unformat = lib.parse = function(value, decimal) {\r\n\t\t// Recursively unformat arrays:\r\n\t\tif (isArray(value)) {\r\n\t\t\treturn map(value, function(val) {\r\n\t\t\t\treturn unformat(val, decimal);\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\t// Fails silently (need decent errors):\r\n\t\tvalue = value || 0;\r\n\r\n\t\t// Return the value as-is if it's already a number:\r\n\t\tif (typeof value === \"number\") return value;\r\n\r\n\t\t// Default decimal point comes from settings, but could be set to eg. \",\" in opts:\r\n\t\tdecimal = decimal || lib.settings.number.decimal;\r\n\r\n\t\t // Build regex to strip out everything except digits, decimal point and minus sign:\r\n\t\tvar regex = new RegExp(\"[^0-9-\" + decimal + \"]\", [\"g\"]),\r\n\t\t\tunformatted = parseFloat(\r\n\t\t\t\t(\"\" + value)\r\n\t\t\t\t.replace(/\\((?=\\d+)(.*)\\)/, \"-$1\") // replace bracketed values with negatives\r\n\t\t\t\t.replace(regex, '') // strip out any cruft\r\n\t\t\t\t.replace(decimal, '.') // make sure decimal point is standard\r\n\t\t\t);\r\n\r\n\t\t// This will fail silently which may cause trouble, let's wait and see:\r\n\t\treturn !isNaN(unformatted) ? unformatted : 0;\r\n\t};\r\n\r\n\r\n\t/**\r\n\t * Implementation of toFixed() that treats floats more like decimals\r\n\t *\r\n\t * Fixes binary rounding issues (eg. (0.615).toFixed(2) === \"0.61\") that present\r\n\t * problems for accounting- and finance-related software.\r\n\t */\r\n\tvar toFixed = lib.toFixed = function(value, precision) {\r\n\t\tprecision = checkPrecision(precision, lib.settings.number.precision);\r\n\r\n\t\tvar exponentialForm = Number(lib.unformat(value) + 'e' + precision);\r\n\t\tvar rounded = Math.round(exponentialForm);\r\n\t\tvar finalResult = Number(rounded + 'e-' + precision).toFixed(precision);\r\n\t\treturn finalResult;\r\n\t};\r\n\r\n\r\n\t/**\r\n\t * Format a number, with comma-separated thousands and custom precision/decimal places\r\n\t * Alias: `accounting.format()`\r\n\t *\r\n\t * Localise by overriding the precision and thousand / decimal separators\r\n\t * 2nd parameter `precision` can be an object matching `settings.number`\r\n\t */\r\n\tvar formatNumber = lib.formatNumber = lib.format = function(number, precision, thousand, decimal) {\r\n\t\t// Resursively format arrays:\r\n\t\tif (isArray(number)) {\r\n\t\t\treturn map(number, function(val) {\r\n\t\t\t\treturn formatNumber(val, precision, thousand, decimal);\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\t// Clean up number:\r\n\t\tnumber = unformat(number);\r\n\r\n\t\t// Build options object from second param (if object) or all params, extending defaults:\r\n\t\tvar opts = defaults(\r\n\t\t\t\t(isObject(precision) ? precision : {\r\n\t\t\t\t\tprecision : precision,\r\n\t\t\t\t\tthousand : thousand,\r\n\t\t\t\t\tdecimal : decimal\r\n\t\t\t\t}),\r\n\t\t\t\tlib.settings.number\r\n\t\t\t),\r\n\r\n\t\t\t// Clean up precision\r\n\t\t\tusePrecision = checkPrecision(opts.precision),\r\n\r\n\t\t\t// Do some calc:\r\n\t\t\tnegative = number < 0 ? \"-\" : \"\",\r\n\t\t\tbase = parseInt(toFixed(Math.abs(number || 0), usePrecision), 10) + \"\",\r\n\t\t\tmod = base.length > 3 ? base.length % 3 : 0;\r\n\r\n\t\t// Format the number:\r\n\t\treturn negative + (mod ? base.substr(0, mod) + opts.thousand : \"\") + base.substr(mod).replace(/(\\d{3})(?=\\d)/g, \"$1\" + opts.thousand) + (usePrecision ? opts.decimal + toFixed(Math.abs(number), usePrecision).split('.')[1] : \"\");\r\n\t};\r\n\r\n\r\n\t/**\r\n\t * Format a number into currency\r\n\t *\r\n\t * Usage: accounting.formatMoney(number, symbol, precision, thousandsSep, decimalSep, format)\r\n\t * defaults: (0, \"$\", 2, \",\", \".\", \"%s%v\")\r\n\t *\r\n\t * Localise by overriding the symbol, precision, thousand / decimal separators and format\r\n\t * Second param can be an object matching `settings.currency` which is the easiest way.\r\n\t *\r\n\t * To do: tidy up the parameters\r\n\t */\r\n\tvar formatMoney = lib.formatMoney = function(number, symbol, precision, thousand, decimal, format) {\r\n\t\t// Resursively format arrays:\r\n\t\tif (isArray(number)) {\r\n\t\t\treturn map(number, function(val){\r\n\t\t\t\treturn formatMoney(val, symbol, precision, thousand, decimal, format);\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\t// Clean up number:\r\n\t\tnumber = unformat(number);\r\n\r\n\t\t// Build options object from second param (if object) or all params, extending defaults:\r\n\t\tvar opts = defaults(\r\n\t\t\t\t(isObject(symbol) ? symbol : {\r\n\t\t\t\t\tsymbol : symbol,\r\n\t\t\t\t\tprecision : precision,\r\n\t\t\t\t\tthousand : thousand,\r\n\t\t\t\t\tdecimal : decimal,\r\n\t\t\t\t\tformat : format\r\n\t\t\t\t}),\r\n\t\t\t\tlib.settings.currency\r\n\t\t\t),\r\n\r\n\t\t\t// Check format (returns object with pos, neg and zero):\r\n\t\t\tformats = checkCurrencyFormat(opts.format),\r\n\r\n\t\t\t// Choose which format to use for this value:\r\n\t\t\tuseFormat = number > 0 ? formats.pos : number < 0 ? formats.neg : formats.zero;\r\n\r\n\t\t// Return with currency symbol added:\r\n\t\treturn useFormat.replace('%s', opts.symbol).replace('%v', formatNumber(Math.abs(number), checkPrecision(opts.precision), opts.thousand, opts.decimal));\r\n\t};\r\n\r\n\r\n\t/**\r\n\t * Format a list of numbers into an accounting column, padding with whitespace\r\n\t * to line up currency symbols, thousand separators and decimals places\r\n\t *\r\n\t * List should be an array of numbers\r\n\t * Second parameter can be an object containing keys that match the params\r\n\t *\r\n\t * Returns array of accouting-formatted number strings of same length\r\n\t *\r\n\t * NB: `white-space:pre` CSS rule is required on the list container to prevent\r\n\t * browsers from collapsing the whitespace in the output strings.\r\n\t */\r\n\tlib.formatColumn = function(list, symbol, precision, thousand, decimal, format) {\r\n\t\tif (!list || !isArray(list)) return [];\r\n\r\n\t\t// Build options object from second param (if object) or all params, extending defaults:\r\n\t\tvar opts = defaults(\r\n\t\t\t\t(isObject(symbol) ? symbol : {\r\n\t\t\t\t\tsymbol : symbol,\r\n\t\t\t\t\tprecision : precision,\r\n\t\t\t\t\tthousand : thousand,\r\n\t\t\t\t\tdecimal : decimal,\r\n\t\t\t\t\tformat : format\r\n\t\t\t\t}),\r\n\t\t\t\tlib.settings.currency\r\n\t\t\t),\r\n\r\n\t\t\t// Check format (returns object with pos, neg and zero), only need pos for now:\r\n\t\t\tformats = checkCurrencyFormat(opts.format),\r\n\r\n\t\t\t// Whether to pad at start of string or after currency symbol:\r\n\t\t\tpadAfterSymbol = formats.pos.indexOf(\"%s\") < formats.pos.indexOf(\"%v\") ? true : false,\r\n\r\n\t\t\t// Store value for the length of the longest string in the column:\r\n\t\t\tmaxLength = 0,\r\n\r\n\t\t\t// Format the list according to options, store the length of the longest string:\r\n\t\t\tformatted = map(list, function(val, i) {\r\n\t\t\t\tif (isArray(val)) {\r\n\t\t\t\t\t// Recursively format columns if list is a multi-dimensional array:\r\n\t\t\t\t\treturn lib.formatColumn(val, opts);\r\n\t\t\t\t} else {\r\n\t\t\t\t\t// Clean up the value\r\n\t\t\t\t\tval = unformat(val);\r\n\r\n\t\t\t\t\t// Choose which format to use for this value (pos, neg or zero):\r\n\t\t\t\t\tvar useFormat = val > 0 ? formats.pos : val < 0 ? formats.neg : formats.zero,\r\n\r\n\t\t\t\t\t\t// Format this value, push into formatted list and save the length:\r\n\t\t\t\t\t\tfVal = useFormat.replace('%s', opts.symbol).replace('%v', formatNumber(Math.abs(val), checkPrecision(opts.precision), opts.thousand, opts.decimal));\r\n\r\n\t\t\t\t\tif (fVal.length > maxLength) maxLength = fVal.length;\r\n\t\t\t\t\treturn fVal;\r\n\t\t\t\t}\r\n\t\t\t});\r\n\r\n\t\t// Pad each number in the list and send back the column of numbers:\r\n\t\treturn map(formatted, function(val, i) {\r\n\t\t\t// Only if this is a string (not a nested array, which would have already been padded):\r\n\t\t\tif (isString(val) && val.length < maxLength) {\r\n\t\t\t\t// Depending on symbol position, pad after symbol or at index 0:\r\n\t\t\t\treturn padAfterSymbol ? val.replace(opts.symbol, opts.symbol+(new Array(maxLength - val.length + 1).join(\" \"))) : (new Array(maxLength - val.length + 1).join(\" \")) + val;\r\n\t\t\t}\r\n\t\t\treturn val;\r\n\t\t});\r\n\t};\r\n\r\n\r\n\t/* --- Module Definition --- */\r\n\r\n\t// Export accounting for CommonJS. If being loaded as an AMD module, define it as such.\r\n\t// Otherwise, just add `accounting` to the global object\r\n\tif (typeof exports !== 'undefined') {\r\n\t\tif (typeof module !== 'undefined' && module.exports) {\r\n\t\t\texports = module.exports = lib;\r\n\t\t}\r\n\t\texports.accounting = lib;\r\n\t} else if (typeof define === 'function' && define.amd) {\r\n\t\t// Return the library as an AMD module:\r\n\t\tdefine([], function() {\r\n\t\t\treturn lib;\r\n\t\t});\r\n\t} else {\r\n\t\t// Use accounting.noConflict to restore `accounting` back to its original value.\r\n\t\t// Returns a reference to the library's `accounting` object;\r\n\t\t// e.g. `var numbers = accounting.noConflict();`\r\n\t\tlib.noConflict = (function(oldAccounting) {\r\n\t\t\treturn function() {\r\n\t\t\t\t// Reset the value of the root's `accounting` variable:\r\n\t\t\t\troot.accounting = oldAccounting;\r\n\t\t\t\t// Delete the noConflict method:\r\n\t\t\t\tlib.noConflict = undefined;\r\n\t\t\t\t// Return reference to the library to re-assign it:\r\n\t\t\t\treturn lib;\r\n\t\t\t};\r\n\t\t})(root.accounting);\r\n\r\n\t\t// Declare `fx` on the root (global/window) object:\r\n\t\troot['accounting'] = lib;\r\n\t}\r\n\r\n\t// Root will be `window` in browser or `global` on the server:\r\n}(this));\r\n","/**\r\n * jQuery serializeObject\r\n * @copyright 2014, macek ' + '
' + '- ' + '
- ‹ ' + '' + '
- › ' + '
' + '
' + '- ' + '
- ‹ ' + '' + '
- › ' + '
' + '
' + '- ' + '
- ‹ ' + '' + '
- › ' + '
\r\n if ($('#card-element').length) {\r\n card.mount('#card-element');\r\n }\r\n\r\n $('#BillingForm').on('submit', function () {\r\n if ($('#BillingForm').valid()) {\r\n //fbq('track', 'AddPaymentInfo'); // Facebook Pixel Code\r\n var FBImage = $('![]()
').attr('src', 'https://www.facebook.com/tr?id=1114355628683663&ev=AddPaymentInfo').css('display', 'none').attr('width', '1').attr('height', '1');\r\n $('body').append(FBImage);\r\n //< img src = \"https://www.facebook.com/tr?id={pixel-id}&ev=InitiateCheckout\" height = \"1\" width = \"1\" style = \"display:none\" />\r\n $('button').prop('disabled', true);\r\n $('a.btn').addClass('disabled');\r\n $('.payButton .fas').removeClass('fa-lock-alt').addClass('fa-circle-notch fa-spin');\r\n }\r\n });\r\n }\r\n\r\n});","var messageLengthValid = true;\r\n\r\n$(function () {\r\n $('.ProductQuantityControl--input').on('keyup paste blur', function () {\r\n var input = $(this);\r\n var val = parseInt(input.val());\r\n var min = parseInt(input.attr('min'));\r\n var max = parseInt(input.attr('max'));\r\n var minusButton = input.parents('.ProductQuantityControl').find('.ProductQuantityControl--minus');\r\n var plusButton = input.parents('.ProductQuantityControl').find('.ProductQuantityControl--plus');\r\n\r\n setTimeout(function () {\r\n minusButton.prop('disabled', false);\r\n plusButton.prop('disabled', false);\r\n\r\n if (val <= min) {\r\n input.val(min);\r\n minusButton.prop('disabled', true);\r\n }\r\n if (val >= max) {\r\n input.val(max);\r\n plusButton.prop('disabled', true);\r\n }\r\n input.parents('form').trigger('submit');\r\n }, 0);\r\n }).trigger('keyup');\r\n\r\n $('.ProductQuantityControl--minus').on('click', function () {\r\n var input = $(this).parents('.ProductQuantityControl').find('.ProductQuantityControl--input');\r\n var val = parseInt(input.val());\r\n var min = parseInt(input.attr('min'));\r\n\r\n if (val > min) {\r\n input.val(val - 1).trigger('keyup');\r\n }\r\n });\r\n\r\n $('.ProductQuantityControl--plus').on('click', function () {\r\n var input = $(this).parents('.ProductQuantityControl').find('.ProductQuantityControl--input');\r\n var val = parseInt(input.val());\r\n var max = parseInt(input.attr('max'));\r\n\r\n if (val < max) {\r\n input.val(val + 1).trigger('keyup');\r\n }\r\n });\r\n\r\n $('.BeginCheckout').on('click', function (e) {\r\n e.preventDefault();\r\n\r\n var target = $(this).attr('href');\r\n var subscriptionProducts = [];\r\n $('.subscription-product-data').each(function (i, el) {\r\n subscriptionProducts.push($.parseJSON($(el).text()));\r\n });\r\n var subscriptionProductItems = $.map(subscriptionProducts, function (subscriptionProduct, i) {\r\n return {\r\n 'id': subscriptionProduct.gaId,\r\n 'name': subscriptionProduct.gaName,\r\n 'variant': subscriptionProduct.gaVariant,\r\n 'price': subscriptionProduct.gaPrice,\r\n 'quantity': 1\r\n };\r\n });\r\n\r\n var shopProducts = [];\r\n var shopProductQtys = [];\r\n $('.shop-product-data').each(function (i, el) {\r\n var qty = $(el).siblings('.ProductQuantityControl').find('.ProductQuantityControl--input').val();\r\n shopProducts.push($.parseJSON($(el).text()));\r\n shopProductQtys.push(qty);\r\n });\r\n var shopProductItems = $.map(shopProducts, function (shopProduct, i) {\r\n return {\r\n 'id': shopProduct.gaId,\r\n 'name': shopProduct.gaName,\r\n 'price': shopProduct.gaPrice,\r\n 'quantity': shopProductQtys[i]\r\n };\r\n });\r\n\r\n var items = subscriptionProductItems.concat(shopProductItems);\r\n\r\n gtag('event', 'begin_checkout', {\r\n 'items': items,\r\n 'event_callback': createFunctionWithTimeout(function () {\r\n window.location = target;\r\n })\r\n });\r\n });\r\n\r\n $('select[name$=\"CountryCode\"]').on('change', function () {\r\n $(this).parents('form').find('input[name$=\"Postcode\"]').trigger('blur'); // re-validate postcode\r\n });\r\n\r\n $('.fieldGroup__edit').on('click', function () {\r\n $('.fieldGroup form:not(.collapsed, #EventOptionsForm)').slideUp(function () {\r\n $(this).addClass('collapsed');\r\n });\r\n var fieldGroup = $(this).parents('.fieldGroup');\r\n fieldGroup.find('.fieldGroup__summaryRow').slideUp(function () {\r\n $(this).addClass('hidden');\r\n fieldGroup.find('form').removeClass('collapsed').hide().slideDown();\r\n });\r\n $(this).fadeOut().addClass('hidden');\r\n fieldGroup.nextAll('.fieldGroup').find('.fieldGroup__edit').fadeOut(function () {\r\n $(this).addClass('hidden');\r\n });\r\n fieldGroup.nextAll('.fieldGroup').find('.fieldGroup__summaryRow').slideUp(function () {\r\n $(this).addClass('hidden');\r\n });\r\n });\r\n\r\n $('.orderDetails__edit').on('click', function () {\r\n $(this).fadeOut(function () {\r\n $(this).addClass('hidden');\r\n $(this).siblings('.orderDetails__cancel').removeClass('hidden').hide().fadeIn();\r\n });\r\n var orderDetailsBlock = $(this).parents('.orderDetails__block');\r\n orderDetailsBlock.find('.orderDetails__current').fadeOut(function () {\r\n $(this).addClass('collapsed');\r\n orderDetailsBlock.find('.orderDetails__form').removeClass('collapsed').hide().fadeIn();\r\n });\r\n });\r\n\r\n $('.orderDetails__cancel').on('click', function () {\r\n $(this).fadeOut(function () {\r\n $(this).addClass('hidden');\r\n $(this).siblings('.orderDetails__edit').removeClass('hidden').hide().fadeIn();\r\n });\r\n var orderDetailsBlock = $(this).parents('.orderDetails__block');\r\n orderDetailsBlock.find('.orderDetails__form').fadeOut(function () {\r\n $(this).addClass('collapsed');\r\n orderDetailsBlock.find('.orderDetails__current').removeClass('collapsed').hide().fadeIn();\r\n });\r\n });\r\n\r\n $('.orderDetails__boxAddressContainer').hover(function () {\r\n $(this).children('.orderDetails__boxAddress').stop().removeClass('d-none').hide().fadeIn();\r\n }, function () {\r\n $(this).children('.orderDetails__boxAddress').stop().fadeOut(function () {\r\n $(this).addClass('d-none');\r\n });\r\n });\r\n\r\n var previewModalWindowHeightInterval;\r\n\r\n $('#previewModal').on('show.bs.modal', function (event) {\r\n var button = $(event.relatedTarget);\r\n var type = button.data('type');\r\n var action = button.data('action');\r\n var guid = button.data('guid');\r\n var token = button.data('token');\r\n\r\n $('#previewModal').data('page', '1');\r\n $('#previewModal .modal-title span').addClass('d-none');\r\n\r\n switch (type) {\r\n case \"subscription\":\r\n $('#previewModalSubscriptionLabel1').removeClass('d-none');\r\n $('#previewModalPrev, #previewModalNext, #previewModalPageIndicators').removeClass('d-none')\r\n\r\n $('#previewModalPrev').addClass('disabled');\r\n $('#previewModalNext').removeClass('disabled');\r\n $('#previewModal .page-indicator').removeClass('active');\r\n $('#previewModalPageIndicator1').addClass('active');\r\n break;\r\n\r\n case \"gift-box\":\r\n $('#previewModalGiftBoxLabel').removeClass('d-none');\r\n $('#previewModalPrev, #previewModalNext, #previewModalPageIndicators').addClass('d-none')\r\n break;\r\n }\r\n $('#previewModal .previewModal--embed').empty();\r\n $('#previewModal .previewModal--loading').show();\r\n\r\n $.post(action, { guid: guid, __RequestVerificationToken: token }, function (data) {\r\n if (data.success) {\r\n var object = $('').attr('data', data.certificateUrl).attr('type', 'application/pdf').attr('width', '100%').attr('height', getAvailableHeightForModal()).on('load', function () {\r\n $('#previewModal .previewModal--loading').hide();\r\n });\r\n var iframe = $('').attr('src', data.certificateUrl).css('border', 'none').attr('width', '100%').attr('height', '100%').on('load', function () {\r\n $('#previewModal .previewModal--loading').hide();\r\n });\r\n var link = $('').attr('href', data.certificateUrl).text('Download PDF');\r\n iframe.text('Your browser does not support viewing PDFs. Please download your certificate preview to view it: ').append(link);\r\n object.append(iframe);\r\n\r\n $('#previewModal .previewModal--embed').append(object).data('certificateUrl', data.certificateUrl).data('firstInsertUrl', data.firstInsertUrl).data('subsequentInsertUrl', data.subsequentInsertUrl);\r\n }\r\n });\r\n }).on('shown.bs.modal', function () {\r\n $('#previewModal .previewModal--embed object').attr('height', getAvailableHeightForModal());\r\n var windowHeight = $(window).height();\r\n previewModalWindowHeightInterval = window.setInterval(function () {\r\n if (windowHeight !== $(window).height()) {\r\n windowHeight = $(window).height();\r\n if ($('#previewModal').is(':visible')) {\r\n $('#previewModal .previewModal--embed object').attr('height', getAvailableHeightForModal());\r\n }\r\n }\r\n }, 100);\r\n }).on('hide.bs.modal', function () {\r\n window.clearInterval(previewModalWindowHeightInterval);\r\n });\r\n\r\n $('#previewModalPrev').on('click', function (e) {\r\n e.preventDefault();\r\n if (!$(this).hasClass('disabled')) {\r\n $('#previewModal .modal-title span').addClass('d-none');\r\n $('#previewModal .page-indicator').removeClass('active');\r\n $('#previewModal .previewModal--loading').show();\r\n switch ($('#previewModal').data('page')) {\r\n case '2':\r\n $('#previewModal').data('page', '1');\r\n $('#previewModalSubscriptionLabel1').removeClass('d-none');\r\n $('#previewModal .previewModal--embed object').attr('data', $('#previewModal .previewModal--embed').data('certificateUrl')).on('load', function () {\r\n $('#previewModal .previewModal--loading').hide();\r\n });\r\n $('#previewModalPrev').addClass('disabled');\r\n $('#previewModalPageIndicator1').addClass('active');\r\n break;\r\n case '3':\r\n $('#previewModal').data('page', '2');\r\n $('#previewModalSubscriptionLabel2').removeClass('d-none');\r\n $('#previewModal .previewModal--embed object').attr('data', $('#previewModal .previewModal--embed').data('firstInsertUrl')).on('load', function () {\r\n $('#previewModal .previewModal--loading').hide();\r\n });\r\n $('#previewModalNext').removeClass('disabled');\r\n $('#previewModalPageIndicator2').addClass('active');\r\n break;\r\n }\r\n }\r\n });\r\n\r\n $('#previewModalNext').on('click', function (e) {\r\n e.preventDefault();\r\n if (!$(this).hasClass('disabled')) {\r\n $('#previewModal .modal-title span').addClass('d-none');\r\n $('#previewModal .page-indicator').removeClass('active');\r\n $('#previewModal .previewModal--loading').show();\r\n switch ($('#previewModal').data('page')) {\r\n case '1':\r\n $('#previewModal').data('page', '2');\r\n $('#previewModalSubscriptionLabel2').removeClass('d-none');\r\n $('#previewModal .previewModal--embed object').attr('data', $('#previewModal .previewModal--embed').data('firstInsertUrl')).on('load', function () {\r\n $('#previewModal .previewModal--loading').hide();\r\n });\r\n $('#previewModalPrev').removeClass('disabled');\r\n $('#previewModalPageIndicator2').addClass('active');\r\n break;\r\n case '2':\r\n $('#previewModal').data('page', '3');\r\n $('#previewModalSubscriptionLabel3').removeClass('d-none');\r\n $('#previewModal .previewModal--embed object').attr('data', $('#previewModal .previewModal--embed').data('subsequentInsertUrl')).on('load', function () {\r\n $('#previewModal .previewModal--loading').hide();\r\n });\r\n $('#previewModalNext').addClass('disabled');\r\n $('#previewModalPageIndicator3').addClass('active');\r\n break;\r\n }\r\n }\r\n });\r\n\r\n $('#previewModal .page-indicator').on('click', function (e) {\r\n e.preventDefault();\r\n if (!$(this).hasClass('active')) {\r\n $('#previewModal .modal-title span').addClass('d-none');\r\n $('#previewModal .page-indicator').removeClass('active');\r\n $('#previewModal .previewModal--loading').show();\r\n switch ($(this).attr('id')) {\r\n case 'previewModalPageIndicator1':\r\n $('#previewModal').data('page', '1');\r\n $('#previewModalSubscriptionLabel1').removeClass('d-none');\r\n $('#previewModal .previewModal--embed object').attr('data', $('#previewModal .previewModal--embed').data('certificateUrl')).on('load', function () {\r\n $('#previewModal .previewModal--loading').hide();\r\n });\r\n $('#previewModalPrev').addClass('disabled');\r\n $('#previewModalNext').removeClass('disabled');\r\n $('#previewModalPageIndicator1').addClass('active');\r\n break;\r\n case 'previewModalPageIndicator2':\r\n $('#previewModal').data('page', '2');\r\n $('#previewModalSubscriptionLabel2').removeClass('d-none');\r\n $('#previewModal .previewModal--embed object').attr('data', $('#previewModal .previewModal--embed').data('firstInsertUrl')).on('load', function () {\r\n $('#previewModal .previewModal--loading').hide();\r\n });\r\n $('#previewModalPrev').removeClass('disabled');\r\n $('#previewModalNext').removeClass('disabled');\r\n $('#previewModalPageIndicator2').addClass('active');\r\n break;\r\n case 'previewModalPageIndicator3':\r\n $('#previewModal').data('page', '3');\r\n $('#previewModalSubscriptionLabel3').removeClass('d-none');\r\n $('#previewModal .previewModal--embed object').attr('data', $('#previewModal .previewModal--embed').data('subsequentInsertUrl')).on('load', function () {\r\n $('#previewModal .previewModal--loading').hide();\r\n });\r\n $('#previewModalPrev').removeClass('disabled');\r\n $('#previewModalNext').addClass('disabled');\r\n $('#previewModalPageIndicator3').addClass('active');\r\n break;\r\n }\r\n }\r\n });\r\n});\r\n\r\nfunction getAvailableHeightForModal() {\r\n return $(window).height()\r\n - parseFloat($('.modal-dialog:visible').css('margin-top'))\r\n - parseFloat($('.modal-dialog:visible').css('margin-bottom'))\r\n - $('.modal-header:visible').outerHeight()\r\n - parseFloat($('.modal-body:visible').css('padding-top'))\r\n - parseFloat($('.modal-body:visible').css('padding-bottom'))\r\n - 10\r\n + 'px';\r\n}\r\n\r\nfunction voucherCodeAJAXDone(data) {\r\n //console.log(\"voucherCodeAJAXDone\");\r\n //console.log(data);\r\n if (data.status == null || data.status != 200) {\r\n location.reload();\r\n } else {\r\n if (data.responseJSON.errorRedirectUrl != null) {\r\n window.location = data.responseJSON.errorRedirectUrl;\r\n } else if (data.responseJSON.errorMessage != null) {\r\n alert(data.responseJSON.errorMessage);\r\n $('.voucherDiscountRow').addClass('d-none');\r\n } else {\r\n $('.voucherDiscount').text(accounting.formatMoney(data.responseJSON.cart.discountAmount, '£'));\r\n $('.orderTotal').text(accounting.formatMoney(data.responseJSON.cart.total, '£'));\r\n $('.voucherCodeTB').val('');\r\n $('.voucherNameDisplay').text(data.responseJSON.cart.voucher.name);\r\n if (data.responseJSON.cart.referralVoucherCode != null) {\r\n $('.voucherCodeDisplay').text(data.responseJSON.cart.referralVoucherCode);\r\n } else {\r\n $('.voucherCodeDisplay').text(data.responseJSON.cart.voucher.code);\r\n }\r\n $('.initialVoucherForm').addClass('d-none');\r\n $('.secondaryVoucherForm, .voucherDiscountRow').removeClass('d-none');\r\n }\r\n }\r\n}\r\n\r\nfunction voucherCodeAJAXDeleteDone(data) {\r\n //console.log(\"voucherCodeAJAXDeleteDone\");\r\n if (data == null || data.status != 200) {\r\n location.reload();\r\n } else {\r\n if (data.responseJSON.errorRedirectUrl != null) {\r\n window.location = data.responseJSON.errorRedirectUrl;\r\n } else {\r\n $('.voucherDiscount').text(accounting.formatMoney(data.responseJSON.cart.discountAmount, '£'));\r\n $('.orderTotal').text(accounting.formatMoney(data.responseJSON.cart.total, '£'));\r\n $('.voucherCodeTB').val('');\r\n $('.initialVoucherForm').removeClass('d-none');\r\n $('.secondaryVoucherForm, .voucherDiscountRow').addClass('d-none');\r\n }\r\n }\r\n}\r\n\r\nfunction ChangeProductQuantityComplete(data) {\r\n if (data.status == null || data.status != 200) {\r\n location.reload();\r\n } else {\r\n if (data.responseJSON.errorRedirectUrl != null) {\r\n window.location = data.responseJSON.errorRedirectUrl;\r\n } else {\r\n $('.cart-item-count').text(data.responseJSON.cart.itemCount);\r\n $('.voucherDiscount').text(accounting.formatMoney(data.responseJSON.cart.discountAmount, '£'));\r\n $('.orderSubtotal').text(accounting.formatMoney(data.responseJSON.cart.subtotal, '£'));\r\n $('.orderTotal').text(accounting.formatMoney(data.responseJSON.cart.total, '£'));\r\n $.each(data.responseJSON.cart.shopProducts, function (i, product) {\r\n var productRow = $('.ShopProductRow[data-guid=\"' + product.guid + '\"]');\r\n productRow.find('.shopProductPrice').text(accounting.formatMoney(product.price, '£'));\r\n if (product.quantity > 1) {\r\n productRow.find('.shopProductEachPrice ').removeClass('d-none');\r\n } else {\r\n productRow.find('.shopProductEachPrice ').addClass('d-none');\r\n }\r\n });\r\n } \r\n }\r\n}\r\n\r\nfunction BillingComplete(data) {\r\n var cardElement = $('#card-element');\r\n var cardErrors = $('#card-errors');\r\n\r\n if (data == null || data.status != 200) {\r\n location.reload();\r\n } else {\r\n if (data.responseJSON.success) {\r\n if (data.responseJSON.freeOrder) {\r\n window.location = data.responseJSON.redirectUrl;\r\n } else {\r\n var payButton = $('.payButton');\r\n var clientSecret = payButton.data('secret');\r\n\r\n stripe.handleCardPayment(\r\n clientSecret, card, {\r\n payment_method_data: {\r\n billing_details: {\r\n name: $.trim($('input[name=\"Cart.BillingAddress.Name\"]').val()),\r\n address: {\r\n line1: $.trim($('input[name=\"Cart.BillingAddress.Line1\"]').val()),\r\n line2: $.trim($('input[name=\"Cart.BillingAddress.Line2\"]').val()),\r\n city: $.trim($('input[name=\"Cart.BillingAddress.TownCity\"]').val()),\r\n postal_code: $.trim($('input[name=\"Cart.BillingAddress.Postcode\"]').val()),\r\n country: $.trim($('select[name=\"Cart.BillingAddress.CountryCode\"]').val())\r\n }\r\n }\r\n },\r\n save_payment_method: true\r\n }\r\n ).then(function (result) {\r\n if (result.error) {\r\n cardElement.addClass('StripeElement--invalid');\r\n cardErrors.removeClass('field-validation-valid').addClass('field-validation-error').text(result.error.message);\r\n $('button').prop('disabled', false);\r\n $('a.btn').removeClass('disabled');\r\n $('.payButton .fas').addClass('fa-lock-alt').removeClass('fa-circle-notch fa-spin');\r\n } else {\r\n window.location = data.responseJSON.redirectUrl;\r\n }\r\n });\r\n }\r\n } else {\r\n if (data.responseJSON.errorRedirectUrl != null) {\r\n window.location = data.responseJSON.errorRedirectUrl;\r\n } else {\r\n cardElement.removeClass('StripeElement--invalid');\r\n cardErrors.removeClass('field-validation-error').addClass('field-validation-valid').text('');\r\n\r\n alert('An error occurred. Please check your details and try again.');\r\n }\r\n $('button').prop('disabled', false);\r\n $('a.btn').removeClass('disabled');\r\n $('.payButton .fas').addClass('fa-lock-alt').removeClass('fa-circle-notch fa-spin');\r\n }\r\n }\r\n}\r\n\r\nfunction EditDeliveryAddressComplete(data) {\r\n if (data.responseJSON.success) {\r\n $('.orderDetails__form.EditDeliveryAddress').each(function () {\r\n var form = $(this);\r\n if (form.find('input[name=\"Guid\"]').val() == data.responseJSON.guid) {\r\n var orderDetailsBlock = form.parents('.orderDetails__block');\r\n orderDetailsBlock.find('.DeliveryAddressName').text(data.responseJSON.name);\r\n orderDetailsBlock.find('.DeliveryAddress').text(data.responseJSON.address);\r\n form.fadeOut(function () {\r\n form.addClass('collapsed');\r\n orderDetailsBlock.find('.orderDetails__current').removeClass('collapsed').hide().fadeIn();\r\n });\r\n var cancelButton = orderDetailsBlock.find('.orderDetails__cancel');\r\n cancelButton.fadeOut(function () {\r\n $(this).addClass('hidden');\r\n $(this).siblings('.orderDetails__edit').removeClass('hidden').hide().fadeIn();\r\n });\r\n }\r\n });\r\n }\r\n}\r\n\r\nfunction EditFirstDeliveryComplete(data) {\r\n if (data.responseJSON.success) {\r\n $('.orderDetails__form.EditFirstDelivery').each(function () {\r\n var form = $(this);\r\n if (form.find('input[name=\"Guid\"]').val() == data.responseJSON.guid) {\r\n var orderTracking = form.parents('.orderDetails').find('.orderDetails__tracking');\r\n orderTracking.find('.DespatchDate').each(function (i, e) {\r\n $(e).text(data.responseJSON.despatchDates[i]);\r\n });\r\n\r\n var orderDetailsBlock = form.parents('.orderDetails__block');\r\n orderDetailsBlock.find('.DespatchDate').text(data.responseJSON.despatchDates[0]);\r\n orderDetailsBlock.find('.FirstBoxSendTo').text(data.responseJSON.to);\r\n orderDetailsBlock.find('.DoNotOpenUntil').text(data.responseJSON.doNotOpenUntil);\r\n orderDetailsBlock.find('.FirstBoxDeliveryAddressName').text(data.responseJSON.name);\r\n orderDetailsBlock.find('.FirstBoxDeliveryAddress').text(data.responseJSON.address);\r\n if (data.responseJSON.to.toLowerCase() == 'me') {\r\n orderDetailsBlock.find('.firstBoxToMe--show').removeClass('collapsed');\r\n orderDetailsBlock.find('.firstBoxToMe--hide').addClass('collapsed');\r\n } else {\r\n orderDetailsBlock.find('.firstBoxToMe--show').addClass('collapsed');\r\n orderDetailsBlock.find('.firstBoxToMe--hide').removeClass('collapsed');\r\n }\r\n form.fadeOut(function () {\r\n form.addClass('collapsed');\r\n orderDetailsBlock.find('.orderDetails__current').removeClass('collapsed').hide().fadeIn();\r\n });\r\n var cancelButton = orderDetailsBlock.find('.orderDetails__cancel');\r\n cancelButton.fadeOut(function () {\r\n $(this).addClass('hidden');\r\n $(this).siblings('.orderDetails__edit').removeClass('hidden').hide().fadeIn();\r\n });\r\n }\r\n });\r\n }\r\n}\r\n\r\nfunction EditPersonalMessageComplete(data) {\r\n if (data.responseJSON.success) {\r\n $('.orderDetails__form.EditPersonalMessage').each(function () {\r\n var form = $(this);\r\n if (form.find('input[name=\"Guid\"]').val() == data.responseJSON.guid) {\r\n var orderDetailsBlock = form.parents('.orderDetails__block');\r\n orderDetailsBlock.find('.PersonalMessage').text(data.responseJSON.message);\r\n form.fadeOut(function () {\r\n form.addClass('collapsed');\r\n orderDetailsBlock.find('.orderDetails__current').removeClass('collapsed').hide().fadeIn();\r\n });\r\n var cancelButton = orderDetailsBlock.find('.orderDetails__cancel');\r\n cancelButton.fadeOut(function () {\r\n $(this).addClass('hidden');\r\n $(this).siblings('.orderDetails__edit').removeClass('hidden').hide().fadeIn();\r\n });\r\n }\r\n });\r\n }\r\n}\r\n\r\nfunction EditProductDetailsComplete(data) {\r\n if (data.responseJSON.success) {\r\n $('.orderDetails__form.EditProductDetails').each(function () {\r\n var form = $(this);\r\n if (form.find('input[name=\"Guid\"]').val() == data.responseJSON.guid) {\r\n var orderDetailsBlock = form.parents('.orderDetails__block');\r\n orderDetailsBlock.find('.ProductName').text(data.responseJSON.productName);\r\n orderDetailsBlock.find('.SubscriptionLength').text(data.responseJSON.subscriptionLength);\r\n orderDetailsBlock.find('.Total').text(data.responseJSON.total);\r\n var orderDetailsCurrent = orderDetailsBlock.find('.orderDetails__current');\r\n orderDetailsCurrent.find('.row.Message').remove();\r\n if (data.responseJSON.message != null) {\r\n orderDetailsCurrent.append($('').addClass('row Message').append($('').addClass('col').html(data.responseJSON.message)));\r\n }\r\n\r\n var orderDetailsTrackingBlock = form.parents('.orderDetails').find('.orderDetails__tracking');\r\n orderDetailsTrackingBlock.find('.row:not(.orderDetails__headerRow, .orderDetails__boxDispatched)').remove();\r\n $.each(data.responseJSON.boxes, function (i, box) {\r\n if (box.actualDespatchDate == null) {\r\n var row = $('').addClass('row no-gutters');\r\n var col1 = $('').addClass('col-3 col-sm-2');\r\n var boxInfo1 = $('').addClass('orderDetails__boxInfo orderDetails__boxInfo--boxNumber').html('Box ' + box.month);\r\n col1.append(boxInfo1)\r\n var col2 = $('').addClass('col-9 col-sm-10');\r\n var boxInfo2 = $('').addClass('orderDetails__boxInfo');\r\n var skus = $.map(box.components, function (el, i) {\r\n return el.productComponentSku;\r\n }).join(', ');\r\n var boxInfo2Content = $('').html(skus + ' Dispatching on ');\r\n var boxInfo2DespatchDate = $('').addClass('DespatchDate').html(formatDateNicely(new Date(box.despatchDate)));\r\n boxInfo2Content.append(boxInfo2DespatchDate);\r\n boxInfo2.append(boxInfo2Content);\r\n col2.append(boxInfo2);\r\n row.append(col1, col2);\r\n orderDetailsTrackingBlock.append(row);\r\n }\r\n });\r\n\r\n form.find('select[name=\"ProductOptionId\"]').attr('data-selected', data.responseJSON.productOptionId);\r\n form.fadeOut(function () {\r\n form.addClass('collapsed');\r\n orderDetailsBlock.find('.orderDetails__current').removeClass('collapsed').hide().fadeIn();\r\n });\r\n var cancelButton = orderDetailsBlock.find('.orderDetails__cancel');\r\n cancelButton.fadeOut(function () {\r\n $(this).addClass('hidden');\r\n $(this).siblings('.orderDetails__edit').removeClass('hidden').hide().fadeIn();\r\n });\r\n }\r\n });\r\n }\r\n}","$(document).ready(function () {\r\n $('select[name=\"NextBoxDespatchDate\"]').each(function () {\r\n $(this).val($(this).data('selected'));\r\n });\r\n\r\n $('.changeCardModal').on('show.bs.modal', function () {\r\n var cardElementDiv = $(this).find('div[id|=\"card-element\"]')[0];\r\n // Unmount the card Element before we try to attach it\r\n card.unmount();\r\n // Add an instance of the card Element into the 'card-element'
\r\n card.mount(cardElementDiv);\r\n });\r\n\r\n $('.changeCardRadioArea').each(function () {\r\n if ($(this).children().length > 5) {\r\n $(this).children(':nth-child(n+5)').hide();\r\n var showMore = $('Show more');\r\n $(this).append(showMore);\r\n }\r\n });\r\n\r\n $('.changeCardRadioArea').on('change', 'input[type=\"radio\"]', function () {\r\n if ($(this).prop('checked')) {\r\n $(this).parents('.changeCardRadioArea').children('.border-primary').removeClass('border-primary').find('.changeCardRemoveButton').prop('disabled', false);\r\n $(this).parents('.changeCardDetails, .addCardDetails').addClass('border-primary').find('.changeCardRemoveButton').prop('disabled', true);\r\n\r\n if ($(this).val() === 'new') {\r\n $(this).parents('.addCardDetails').find('.changeCardEditArea').removeClass('d-none').hide().slideDown();\r\n } else {\r\n $('.addCardDetails .changeCardEditArea').slideUp(function () {\r\n $('.addCardDetails .changeCardEditArea').addClass('d-none').show();\r\n });\r\n }\r\n }\r\n });\r\n\r\n $('.changeCardRadioArea').on('click', '.showMore', function () {\r\n $(this).hide().siblings().show();\r\n });\r\n\r\n $('.changeCardRadioArea').on('click', '.changeCardEditButton', function () {\r\n var changeCardDetails = $(this).parents('.changeCardDetails');\r\n var changeCardEditArea = changeCardDetails.children('.changeCardEditArea');\r\n if (changeCardEditArea.hasClass('d-none')) {\r\n changeCardEditArea.removeClass('d-none').hide().slideDown();\r\n changeCardDetails.find('input:regex(name,editedMethods\\\\[\\\\d+\\\\])').val(changeCardDetails.find('input:regex(name,methods\\\\[\\\\d+\\\\]\\\\[Id\\\\])').val());\r\n } else {\r\n changeCardEditArea.slideUp(function () {\r\n $(this).addClass('d-none').show();\r\n });\r\n }\r\n });\r\n\r\n $('.changeCardRadioArea').on('click', '.changeCardRemoveButton', function () {\r\n var changeCardDetails = $(this).parents('.changeCardDetails');\r\n var changeCardEditArea = changeCardDetails.children('.changeCardEditArea');\r\n if (!changeCardEditArea.hasClass('d-none')) {\r\n changeCardEditArea.slideUp(function () {\r\n $(this).addClass('d-none').show();\r\n });\r\n }\r\n changeCardDetails.fadeTo(400, 0.2);\r\n changeCardDetails.find('input[name=\"selectedMethodId\"], .changeCardEditButton, .changeCardRemoveButton').prop('disabled', true);\r\n changeCardDetails.find('input:regex(name,removedMethods\\\\[\\\\d+\\\\])').val(changeCardDetails.find('input:regex(name,methods\\\\[\\\\d+\\\\]\\\\[Id\\\\])').val());\r\n });\r\n\r\n $('.changeCardForm').on('submit', function (e) {\r\n e.preventDefault();\r\n\r\n var form = $(this);\r\n\r\n if (form.valid()) {\r\n var backdrop = $('').css('z-index', 1050).appendTo('body');\r\n reflow(backdrop[0]);\r\n backdrop.addClass('show');\r\n\r\n var loading = $('').css('z-index', 1060).appendTo('body');\r\n loading.append($(''));\r\n loading.append($('Loading...'));\r\n\r\n // serializeObject() is a very clever function to JSON-ify form contents intelligently\r\n // https://github.com/macek/jquery-serialize-object\r\n var formData = form.serializeObject();\r\n var url = form.attr('action');\r\n\r\n if (formData.selectedMethodId === 'new') {\r\n var cardElement = form.find('div[id|=\"card-element\"]');\r\n var cardErrors = form.find('span[id|=\"card-errors\"]');\r\n\r\n stripe.createPaymentMethod('card', card, {\r\n billing_details: {\r\n name: $.trim(form.find('input[name=\"NewCardAddress.Name\"]').val()),\r\n address: {\r\n line1: $.trim(form.find('input[name=\"NewCardAddress.Line1\"]').val()),\r\n line2: $.trim(form.find('input[name=\"NewCardAddress.Line2\"]').val()),\r\n city: $.trim(form.find('input[name=\"NewCardAddress.TownCity\"]').val()),\r\n postal_code: $.trim(form.find('input[name=\"NewCardAddress.Postcode\"]').val()),\r\n country: $.trim(form.find('select[name=\"NewCardAddress.CountryCode\"]').val())\r\n }\r\n }\r\n }).then(function (result) {\r\n if (result.error) {\r\n backdrop.remove();\r\n loading.remove();\r\n\r\n cardElement.addClass('StripeElement--invalid');\r\n cardErrors.text(result.error.message);\r\n } else {\r\n formData.selectedMethodId = result.paymentMethod.id;\r\n\r\n $.post(url, formData, function (data) { window.location.reload(true); }, 'json');\r\n }\r\n });\r\n } else {\r\n $.post(url, formData, function (data) { window.location.reload(true); }, 'json');\r\n }\r\n }\r\n });\r\n\r\n $('.cancelSubscriptionForm').on('submit', function (e) {\r\n e.preventDefault();\r\n\r\n var form = $(this);\r\n\r\n var backdrop = $('').css('z-index', 1050).appendTo('body');\r\n reflow(backdrop[0]);\r\n backdrop.addClass('show');\r\n\r\n var loading = $('').css('z-index', 1060).appendTo('body');\r\n loading.append($(''));\r\n loading.append($('Loading...'));\r\n\r\n var formData = form.serializeObject();\r\n var url = form.attr('action');\r\n\r\n $.post(url, formData, function (data) { window.location.reload(true); }, 'json');\r\n });\r\n});\r\n\r\nfunction UpdateShopProductAddress(data) {\r\n if (data.responseJSON.success) {\r\n $('#changeAddressModal' + data.responseJSON.guid).modal('hide');\r\n\r\n var shopProductArea = $('.shop-product-area[data-guid=\"' + data.responseJSON.guid + '\"]');\r\n shopProductArea.find('.addressPreview').text(data.responseJSON.addressSingleLine).attr('title', data.responseJSON.address);\r\n }\r\n}\r\n\r\nfunction UpdateShopProductGiftMessage(data) {\r\n if (data.responseJSON.success) {\r\n $('#changeGiftMessageModal' + data.responseJSON.guid).modal('hide');\r\n }\r\n}\r\n\r\nfunction UpdateShopProductDespatchDate(data) {\r\n if (data.responseJSON.success) {\r\n $('#changeDateModal' + data.responseJSON.guid).modal('hide');\r\n\r\n var shopProductArea = $('.shop-product-area[data-guid=\"' + data.responseJSON.guid + '\"]');\r\n shopProductArea.find('.despatch-date-area').html('').append(data.responseJSON.despatchDate);\r\n }\r\n}\r\n\r\nfunction UpdateSubscriptionAddress(data) {\r\n if (data.responseJSON.success) {\r\n $('#changeAddressModal' + data.responseJSON.guid).modal('hide');\r\n\r\n var subscriptionArea = $('.subscription-area[data-guid=\"' + data.responseJSON.guid + '\"]');\r\n subscriptionArea.find('.delivery-address-area').html('').append(data.responseJSON.address);\r\n }\r\n}\r\n\r\nfunction UpdateSubscriptionGiftMessage(data) {\r\n if (data.responseJSON.success) {\r\n $('#changeGiftMessageModal' + data.responseJSON.guid).modal('hide');\r\n }\r\n}\r\n\r\nfunction UpdateSubscriptionDespatchDate(data) {\r\n if (data.responseJSON.success) {\r\n $('#changeDateModal' + data.responseJSON.guid).modal('hide');\r\n\r\n var subscriptionArea = $('.subscription-area[data-guid=\"' + data.responseJSON.guid + '\"]');\r\n subscriptionArea.find('.despatch-date-area').html('').append(data.responseJSON.despatchDate);\r\n subscriptionArea.find('.despatch-date-change-deadline, .delivery-address-change-deadline').html('').append(data.responseJSON.deadlineDate);\r\n }\r\n}\r\n\r\nfunction reflow(element) {\r\n return element.offsetHeight;\r\n}","$(function () {\r\n $('.shopFilters--show').on('click', function (e) {\r\n e.preventDefault();\r\n $('.shopFilters--show').parents('.col').addClass('d-none');\r\n $('.shopFilters--hide').parents('.col').removeClass('d-none');\r\n $('.shopFilters--wrapper, .shopFilters--heading').removeClass('d-none');\r\n });\r\n $('.shopFilters--hide').on('click', function (e) {\r\n e.preventDefault();\r\n $('.shopFilters--hide').parents('.col').addClass('d-none');\r\n $('.shopFilters--show').parents('.col').removeClass('d-none');\r\n $('.shopFilters--wrapper, .shopFilters--heading').addClass('d-none');\r\n });\r\n\r\n $('#ExistingAddressesDD').on('change', function (e) {\r\n if ($('#ExistingAddressesDD').val() != \"0\") {\r\n $('.address-name').val($('#ExistingAddressesDD option:selected').data('name'));\r\n $('.address-line1').val($('#ExistingAddressesDD option:selected').data('line1'));\r\n $('.address-line2').val($('#ExistingAddressesDD option:selected').data('line2'));\r\n $('.address-towncity').val($('#ExistingAddressesDD option:selected').data('towncity'));\r\n $('.address-postcode').val($('#ExistingAddressesDD option:selected').data('postcode'));\r\n } else {\r\n $('.address-name').val('');\r\n $('.address-line1').val('');\r\n $('.address-line2').val('');\r\n $('.address-towncity').val('');\r\n $('.address-postcode').val('');\r\n }\r\n });\r\n\r\n $('.shopFilters').on('change', '[name=\"option\"]', function () {\r\n var options = $('.shopFilters [name=\"option\"]:checked').map(function () {\r\n return this.value;\r\n }).get();\r\n\r\n if (options.length > 0) {\r\n $('.productPreview').addClass('d-none');\r\n options.forEach(function (option) {\r\n $('.productPreview[data-option=\"' + option + '\"]').removeClass('d-none');\r\n });\r\n } else {\r\n $('.productPreview').removeClass('d-none');\r\n }\r\n $('.lazy').Lazy();\r\n }).on('change', '[name=\"sort\"]', function () {\r\n var wrapper = $('.productPreview--wrapper'), products = wrapper.children('.productPreview');\r\n switch ($('[name=\"sort\"]').val()) {\r\n case 'price-low':\r\n products.detach().sort(function (a, b) {\r\n return $(a).data('price') - $(b).data('price'); \r\n });\r\n break;\r\n case 'price-high':\r\n products.detach().sort(function (a, b) {\r\n return $(b).data('price') - $(a).data('price');\r\n });\r\n break;\r\n default:\r\n products.detach().sort(function (a, b) {\r\n return $(a).data('position') - $(b).data('position');\r\n });\r\n break;\r\n }\r\n\r\n wrapper.append(products);\r\n $('.lazy').Lazy();\r\n });\r\n\r\n if ($('.shopFilters').length > 0 && document.URL.indexOf('#') >= 0) {\r\n $('.shopFilters--show').trigger('click');\r\n var hashtags = document.URL.substr(document.URL.indexOf('#') + 1).split(\"|\");\r\n $.each(hashtags, function (index, value) {\r\n switch (value) {\r\n case \"Mens\":\r\n $('.shopFilters [name=\"option\"][value=\"1\"]').prop('checked', true).trigger('change');\r\n break;\r\n case \"Womens\":\r\n $('.shopFilters [name=\"option\"][value=\"2\"]').prop('checked', true).trigger('change');\r\n break;\r\n case \"HisHers\":\r\n $('.shopFilters [name=\"option\"][value=\"3\"]').prop('checked', true).trigger('change');\r\n break;\r\n }\r\n });\r\n }\r\n\r\n $('.RemoveProduct').on('click', function (e) {\r\n e.preventDefault();\r\n\r\n var target = $(this).attr('href');\r\n var selectedProduct = $.parseJSON($(this).siblings('.shop-product-data').text());\r\n var qty = $(this).siblings('.ProductQuantityControl').find('.ProductQuantityControl--input').val();\r\n\r\n gtag('event', 'remove_from_cart', {\r\n 'items': [\r\n {\r\n 'id': selectedProduct.gaId,\r\n 'name': selectedProduct.gaName,\r\n 'price': selectedProduct.gaPrice,\r\n 'quantity': qty\r\n }\r\n ],\r\n 'event_callback': createFunctionWithTimeout(function () {\r\n window.location = target;\r\n })\r\n });\r\n });\r\n});","//var CaptchaCallback = function () {\r\n// $('.g-recaptcha').each(function (index, el) {\r\n// grecaptcha.render(el, {\r\n// 'sitekey': $(el).attr('data-sitekey')\r\n// , 'theme': $(el).attr('data-theme')\r\n// , 'size': $(el).attr('data-size')\r\n// , 'tabindex': $(el).attr('data-tabindex')\r\n// , 'callback': $(el).attr('data-callback')\r\n// , 'expired-callback': $(el).attr('data-expired-callback')\r\n// , 'error-callback': $(el).attr('data-error-callback')\r\n// });\r\n// });\r\n//};\r\n\r\n//var captchaValid = false;\r\n//function captchaFilled() {\r\n// captchaValid = true;\r\n// $('.g-recaptcha-validation').addClass('d-none');\r\n//}\r\n\r\n//function captchaExpired() {\r\n// captchaValid = false;\r\n// $('.g-recaptcha-validation').removeClass('d-none');\r\n//}\r\n\r\n//var newsletterCaptchaValid = false;\r\n//function newsletterCaptchaSucceeded() {\r\n// newsletterCaptchaValid = true;\r\n// $('#NewsletterSignupForm').submit();\r\n//}\r\nvar SignUpModal = false;\r\n\r\n$(function () {\r\n //if ($('.g-recaptcha').length) {\r\n // $('.g-recaptcha').parents('form').not('#NewsletterSignupForm').on('submit', function (e) {\r\n // if (!captchaValid) {\r\n // e.preventDefault();\r\n // $(this).find('.g-recaptcha-validation').removeClass('d-none');\r\n // return false;\r\n // } else {\r\n // $(this).find('.g-recaptcha-validation').addClass('d-none');\r\n // return true;\r\n // }\r\n // });\r\n //}\r\n\r\n var mouseY = 0;\r\n var topValue = 0;\r\n if ($('body').data('signupmodal') == 0) {\r\n SignUpModal = true;\r\n }\r\n\r\n window.addEventListener(\"mouseout\", function (e) {\r\n mouseY = e.clientY;\r\n/* console.log(SignUpModal);*/\r\n if (mouseY < topValue && !SignUpModal && !$('#SetUpSubscriptionModal').is(':visible')) {\r\n $('.mouseleave-pane').removeClass('d-none');\r\n $('#NewsletterSignupForm').addClass('d-none');\r\n SignUpModal = true;\r\n $.get(\"/modalshown\");\r\n //setCookie('SignUpModal', '1', 60);\r\n $('#signUpModal').modal('show');\r\n }\r\n },\r\n false);\r\n\r\n $('#NewsletterSignupFormFooter, #NewsletterSignupFormModal').on('submit', function () {\r\n var EmailAddress = $(this).find('input').val();\r\n //console.log(EmailAddress);\r\n $('#SignUpModalEmail').val(EmailAddress);\r\n $('.voucher-pane').addClass('d-none');\r\n $('.mouseleave-pane').addClass('d-none');\r\n $('#NewsletterSignupForm').removeClass('d-none');\r\n $('#signUpModal').modal('show');\r\n $('#SignUpModalFirstName').focus();\r\n if ($(this).find('button').hasClass('modal-signup')) {\r\n $('#NewsletterSignupForm input[name=\"IsModal\"]').val('true');\r\n }\r\n return false;\r\n });\r\n\r\n //$('#NewsletterSignupForm input').on('focus', function () {\r\n // // trigger loading api.js (recaptcha.js) script\r\n // //var head = document.getElementsByTagName('head')[0];\r\n // //var script = document.createElement('script');\r\n // //script.type = 'text/javascript';\r\n // //script.src = 'https://www.google.com/recaptcha/api.js?onload=CaptchaCallback&render=explicit';\r\n // //head.appendChild(script);\r\n\r\n // // remove focus to avoid js error:\r\n // // Uncaught Error: reCAPTCHA has already been rendered in this element at Object.kh\r\n // $('#NewsletterSignupForm input').off('focus');\r\n //});\r\n\r\n //$('#NewsletterSignupForm').on('submit', function (e) {\r\n // if (!newsletterCaptchaValid) {\r\n // e.preventDefault();\r\n // //grecaptcha.execute($('#NewsletterCaptcha').index('.g-recaptcha'));\r\n // return false;\r\n // } else {\r\n // return true;\r\n // }\r\n //});\r\n\r\n $('[data-toggle=\"popover\"]').popover();\r\n\r\n if (!sessionStorage.getItem('BlackFridayModalShown')) {\r\n $('#blackfriday-modal').on('shown.bs.modal', function () {\r\n $('.modal-backdrop').addClass('modal-backdrop-blackfriday')\r\n }).modal('show');\r\n sessionStorage.setItem('BlackFridayModalShown', 'true');\r\n }\r\n\r\n Modernizr.on('webpalpha', function (result) {\r\n if (result) {\r\n $('[data-src-webp]').each(function () {\r\n if ($(this).data('src-webp') !== '') {\r\n if ($(this).hasClass('lazy')) {\r\n $(this).attr('data-src', $(this).data('src-webp'));\r\n } else {\r\n $(this).attr('src', $(this).data('src-webp'));\r\n }\r\n }\r\n $(this).removeAttr('data-src-webp');\r\n });\r\n }\r\n });\r\n\r\n var last_known_scroll_position = 0;\r\n var ticking = false;\r\n\r\n function resizeHeader(scroll_pos) {\r\n if (scroll_pos > 100 && scroll_pos == $('.sticky-lg-top').first().offset().top) {\r\n $('.navbar').removeClass('shadow-sm').addClass('shadow');\r\n $('.navbar-brand').addClass('py-0');\r\n } else if (scroll_pos == 0) {\r\n $('.navbar').removeClass('shadow').addClass('shadow-sm');\r\n $('.navbar-brand').removeClass('py-0');\r\n }\r\n }\r\n\r\n window.addEventListener('scroll', function (e) {\r\n last_known_scroll_position = $(document).scrollTop();\r\n\r\n if (!ticking) {\r\n window.requestAnimationFrame(function () {\r\n resizeHeader(last_known_scroll_position);\r\n ticking = false;\r\n });\r\n\r\n ticking = true;\r\n }\r\n });\r\n\r\n PointerEventsPolyfill.initialize({});\r\n});\r\n\r\nfunction NewsletterSignupBegin() {\r\n $('#NewsletterSignupFormFooter button').prop('disabled', true);\r\n}\r\n\r\nfunction NewsletterSignupComplete(data) {\r\n $('#NewsletterSignupFormFooter button').prop('disabled', false);\r\n $('#NewsletterSignupFormFooter input').val('');\r\n if (data.responseJSON.success) {\r\n $('#NewsletterSignupForm').addClass('d-none');\r\n $('.voucher-pane').removeClass('d-none');\r\n $('.signup-voucher-message').text(data.responseJSON.message);\r\n $('.signup-voucher-code').text(data.responseJSON.vouchercode);\r\n //} else {\r\n // $('#NewsletterSignupForm #Email').addClass('input-validation-error');\r\n // $('#NewsletterSignupForm [data-valmsg-for=\"Email\"]').removeClass('field-validation-valid').addClass('field-validation-error').html(data.responseJSON.message);\r\n }\r\n\r\n SignUpModal = true;\r\n}\r\n\r\n/* requestAnimationFrame polyfill by Erik Möller. fixes from Paul Irish and Tino Zijdel | MIT license\r\n * http://paulirish.com/2011/requestanimationframe-for-smart-animating/\r\n * http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating */\r\n(function () {\r\n var lastTime = 0;\r\n var vendors = ['ms', 'moz', 'webkit', 'o'];\r\n for (var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) {\r\n window.requestAnimationFrame = window[vendors[x] + 'RequestAnimationFrame'];\r\n window.cancelAnimationFrame = window[vendors[x] + 'CancelAnimationFrame']\r\n || window[vendors[x] + 'CancelRequestAnimationFrame'];\r\n }\r\n\r\n if (!window.requestAnimationFrame)\r\n window.requestAnimationFrame = function (callback, element) {\r\n var currTime = new Date().getTime();\r\n var timeToCall = Math.max(0, 16 - (currTime - lastTime));\r\n var id = window.setTimeout(function () { callback(currTime + timeToCall); },\r\n timeToCall);\r\n lastTime = currTime + timeToCall;\r\n return id;\r\n };\r\n\r\n if (!window.cancelAnimationFrame)\r\n window.cancelAnimationFrame = function (id) {\r\n clearTimeout(id);\r\n };\r\n}());\r\n\r\n\r\n/*! modernizr 3.6.0 (Custom Build) | MIT *\r\n * https://modernizr.com/download/?-webpalpha-setclasses !*/\r\n!function (n, e, o) { function t(n) { var e = u.className, o = Modernizr._config.classPrefix || \"\"; if (A && (e = e.baseVal), Modernizr._config.enableJSClass) { var t = new RegExp(\"(^|\\\\s)\" + o + \"no-js(\\\\s|$)\"); e = e.replace(t, \"$1\" + o + \"js$2\") } Modernizr._config.enableClasses && (e += \" \" + o + n.join(\" \" + o), A ? u.className.baseVal = e : u.className = e) } function s(n, e) { return typeof n === e } function a() { var n, e, o, t, a, i, f; for (var c in l) if (l.hasOwnProperty(c)) { if (n = [], e = l[c], e.name && (n.push(e.name.toLowerCase()), e.options && e.options.aliases && e.options.aliases.length)) for (o = 0; o < e.options.aliases.length; o++)n.push(e.options.aliases[o].toLowerCase()); for (t = s(e.fn, \"function\") ? e.fn() : e.fn, a = 0; a < n.length; a++)i = n[a], f = i.split(\".\"), 1 === f.length ? Modernizr[f[0]] = t : (!Modernizr[f[0]] || Modernizr[f[0]] instanceof Boolean || (Modernizr[f[0]] = new Boolean(Modernizr[f[0]])), Modernizr[f[0]][f[1]] = t), r.push((t ? \"\" : \"no-\") + f.join(\"-\")) } } function i(n, e) { if (\"object\" == typeof n) for (var o in n) c(n, o) && i(o, n[o]); else { n = n.toLowerCase(); var s = n.split(\".\"), a = Modernizr[s[0]]; if (2 == s.length && (a = a[s[1]]), \"undefined\" != typeof a) return Modernizr; e = \"function\" == typeof e ? e() : e, 1 == s.length ? Modernizr[s[0]] = e : (!Modernizr[s[0]] || Modernizr[s[0]] instanceof Boolean || (Modernizr[s[0]] = new Boolean(Modernizr[s[0]])), Modernizr[s[0]][s[1]] = e), t([(e && 0 != e ? \"\" : \"no-\") + s.join(\"-\")]), Modernizr._trigger(n, e) } return Modernizr } var r = [], l = [], f = { _version: \"3.6.0\", _config: { classPrefix: \"\", enableClasses: !0, enableJSClass: !0, usePrefixes: !0 }, _q: [], on: function (n, e) { var o = this; setTimeout(function () { e(o[n]) }, 0) }, addTest: function (n, e, o) { l.push({ name: n, fn: e, options: o }) }, addAsyncTest: function (n) { l.push({ name: null, fn: n }) } }, Modernizr = function () { }; Modernizr.prototype = f, Modernizr = new Modernizr; var c, u = e.documentElement, A = \"svg\" === u.nodeName.toLowerCase(); !function () { var n = {}.hasOwnProperty; c = s(n, \"undefined\") || s(n.call, \"undefined\") ? function (n, e) { return e in n && s(n.constructor.prototype[e], \"undefined\") } : function (e, o) { return n.call(e, o) } }(), f._l = {}, f.on = function (n, e) { this._l[n] || (this._l[n] = []), this._l[n].push(e), Modernizr.hasOwnProperty(n) && setTimeout(function () { Modernizr._trigger(n, Modernizr[n]) }, 0) }, f._trigger = function (n, e) { if (this._l[n]) { var o = this._l[n]; setTimeout(function () { var n, t; for (n = 0; n < o.length; n++)(t = o[n])(e) }, 0), delete this._l[n] } }, Modernizr._q.push(function () { f.addTest = i }), Modernizr.addAsyncTest(function () { var n = new Image; n.onerror = function () { i(\"webpalpha\", !1, { aliases: [\"webp-alpha\"] }) }, n.onload = function () { i(\"webpalpha\", 1 == n.width, { aliases: [\"webp-alpha\"] }) }, n.src = \"data:image/webp;base64,UklGRkoAAABXRUJQVlA4WAoAAAAQAAAAAAAAAAAAQUxQSAwAAAABBxAR/Q9ERP8DAABWUDggGAAAADABAJ0BKgEAAQADADQlpAADcAD++/1QAA==\" }), a(), t(r), delete f.addTest, delete f.addAsyncTest; for (var p = 0; p < Modernizr._q.length; p++)Modernizr._q[p](); n.Modernizr = Modernizr }(window, document);","$(function () {\r\n if ($('#SubscriptionPageContent').length) {\r\n if ($('#SubscriptionPageContainer').css('position') == 'relative') {\r\n $('#SubscriptionPageContainer').css('height', $('#SubscriptionPageContent').height() + 'px');\r\n }\r\n FixSubscriptionOptionsOverflow();\r\n\r\n window.setInterval(function () {\r\n if ($('#SubscriptionPageContainer').css('position') == 'relative') {\r\n $('#SubscriptionPageContainer').css('height', $('#SubscriptionPageContent').height() + 'px');\r\n } else {\r\n $('#SubscriptionPageContainer').css('height', '');\r\n }\r\n FixSubscriptionOptionsOverflow();\r\n }, 100);\r\n }\r\n\r\n if ($('.delivery-options input[type=\"radio\"]:checked').length > 0) {\r\n $('.FirstBoxDeliveryDate').val($('.delivery-options input[type=\"radio\"]:checked').data('selecteddateforinput'));\r\n }\r\n\r\n $('.delivery-options input[type=\"radio\"]').on('change', function () {\r\n $('.delivery-options .border-primary').removeClass('border-primary');\r\n var WrapperDiv = $(this).parents('.border');\r\n WrapperDiv.addClass('border-primary');\r\n if (WrapperDiv.hasClass('custom-date')) {\r\n $('.custom-date .calendar-area').removeClass('d-none');\r\n } else {\r\n $('.custom-date .calendar-area').addClass('d-none');\r\n }\r\n var SelectedDateTextValue = $(this).data('selecteddate');\r\n //console.log(SelectedDateTextValue);\r\n $('.delivered-by-date').text(SelectedDateTextValue);\r\n $('.FirstBoxDeliveryDate').val($(this).data('selecteddateforinput'));\r\n $('.FirstBoxDeliveryDateSummary').text(SelectedDateTextValue);\r\n var DateSplit = $(this).data('selecteddateforinput').split('-');\r\n\r\n var nextBoxDate1 = new Date(DateSplit[0], DateSplit[1], 1); // this already adds one to the month total because JS months start zero!\r\n //console.log(nextBoxDate1);\r\n $('.NextBoxMonth').text(monthNames[nextBoxDate1.getMonth()]);\r\n\r\n\r\n if ($('.addToCartButton').data('christmasorder') == 1) {\r\n $('.TimeOfMonth[data-time=\"middle\"]').addClass('d-none');\r\n $('.TimeOfMonth[data-time=\"end\"]').removeClass('d-none');\r\n $('.NextBoxMonth').text(monthNames[0]);\r\n }\r\n else if (DateSplit[2] > 15) {\r\n $('.TimeOfMonth[data-time=\"middle\"]').addClass('d-none');\r\n $('.TimeOfMonth[data-time=\"end\"]').removeClass('d-none');\r\n } else {\r\n $('.TimeOfMonth[data-time=\"middle\"]').removeClass('d-none');\r\n $('.TimeOfMonth[data-time=\"end\"]').addClass('d-none');\r\n }\r\n\r\n CheckDeliveryType();\r\n WorkOutDisplayPriceIncDelivery();\r\n });\r\n\r\n\r\n $('.delivery-options input[type=\"radio\"]:checked').parents('.form-check').addClass('border-primary');\r\n //console.log($('.delivery-options input[type=\"radio\"]:checked').val());\r\n CheckDeliveryType();\r\n \r\n\r\n function CheckDeliveryType() {\r\n switch (parseInt($('.delivery-options input[type=\"radio\"]:checked').val())) {\r\n case 1:\r\n case 5:\r\n $('.delivery-option-summary').text('free standard delivery');\r\n break;\r\n case 2:\r\n $('.delivery-option-summary').text('inc. express delivery');\r\n break;\r\n case 3:\r\n $('.delivery-option-summary').text('inc. super express delivery');\r\n break;\r\n case 4:\r\n $('.delivery-option-summary').text('inc. super express Saturday delivery');\r\n break;\r\n }\r\n }\r\n if ($('.custom-date .calendar-area').length > 0) {\r\n function ordinal_suffix_of(i) {\r\n var j = i % 10,\r\n k = i % 100;\r\n if (j == 1 && k != 11) {\r\n return i + \"st\";\r\n }\r\n if (j == 2 && k != 12) {\r\n return i + \"nd\";\r\n }\r\n if (j == 3 && k != 13) {\r\n return i + \"rd\";\r\n }\r\n return i + \"th\";\r\n }\r\n\r\n function WriteNiceDate(d) {\r\n var days = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];\r\n var monthNames = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\",\r\n \"July\", \"August\", \"September\", \"October\", \"November\", \"December\"\r\n ];\r\n\r\n return days[d.getDay()] + ' ' + d.getDate() + ' ' + monthNames[d.getMonth()];\r\n }\r\n\r\n var MinDate = $('.custom-date .calendar-area').data('firstdate');\r\n var SelectedDate = $('.custom-date .calendar-area').data('selecteddate');\r\n var MaxDate = $('.custom-date .calendar-area').data('lastdate');\r\n var DisabledDates = $('.custom-date .calendar-area').data('disableddates').split(',');\r\n //console.log(DisabledDates);\r\n //function WriteDespatchTimes(DeliveryDate, FirstTime) {\r\n // //console.log(DeliveryDate);\r\n // //var OneDayDispatchDateVal = new Date(DeliveryDate);\r\n // ////console.log(OneDayDispatchDateVal);\r\n // //OneDayDispatchDateVal.setDate(OneDayDispatchDateVal.getDate() - 1);\r\n // ////console.log(OneDayDispatchDateVal);\r\n\r\n // ////if (!FirstTime) {\r\n // ////check that previous day is\r\n // //if (OneDayDispatchDateVal.getDay() == 0) { // Sunday\r\n // // OneDayDispatchDateVal.setDate(OneDayDispatchDateVal.getDate() - 2);\r\n // // MinDateVal = tomorrow;\r\n // //} else if (OneDayDispatchDateVal.getDay() == 6) { // Saturday\r\n // // OneDayDispatchDateVal.setDate(OneDayDispatchDateVal.getDate() - 1);\r\n // //}\r\n // ////\r\n // ////}\r\n // //var TwoDayDispatchDateVal = new Date(OneDayDispatchDateVal);\r\n // //if (TwoDayDispatchDateVal.getDay() == 1) { //Monday\r\n // // TwoDayDispatchDateVal.setDate(TwoDayDispatchDateVal.getDate() - 3);\r\n // //} else {\r\n // // TwoDayDispatchDateVal.setDate(TwoDayDispatchDateVal.getDate() - 1);\r\n // //}\r\n\r\n // ////check for disabled dates\r\n // //var DateOK = true;\r\n\r\n // //if (DisabledDates.includes(OneDayDispatchDateVal.toISOString().split('T')[0])) {\r\n // // DateOK = false;\r\n // //}\r\n\r\n // //while (!DateOK) {\r\n // // OneDayDispatchDateVal.setDate(OneDayDispatchDateVal.getDate() - 1);\r\n // // //console.log('hello');\r\n // // if (OneDayDispatchDateVal.getDay() == 0) { // Sunday\r\n // // OneDayDispatchDateVal.setDate(OneDayDispatchDateVal.getDate() - 2);\r\n // // } else if (OneDayDispatchDateVal.getDay() == 6) { // Saturday\r\n // // OneDayDispatchDateVal.setDate(OneDayDispatchDateVal.getDate() - 1);\r\n // // }\r\n // // if (!DisabledDates.includes(OneDayDispatchDateVal.toISOString().split('T')[0])) {\r\n // // DateOK = true;\r\n // // }\r\n // //}\r\n\r\n\r\n // //DateOK = true;\r\n\r\n // //if (DisabledDates.includes(TwoDayDispatchDateVal.toISOString().split('T')[0])) {\r\n // // DateOK = false;\r\n // //}\r\n\r\n // //while (!DateOK) {\r\n // // TwoDayDispatchDateVal.setDate(TwoDayDispatchDateVal.getDate() - 1);\r\n // // //console.log('hello');\r\n // // if (TwoDayDispatchDateVal.getDay() == 0) { // Sunday\r\n // // TwoDayDispatchDateVal.setDate(TwoDayDispatchDateVal.getDate() - 2);\r\n // // } else if (TwoDayDispatchDateVal.getDay() == 6) { // Saturday\r\n // // TwoDayDispatchDateVal.setDate(TwoDayDispatchDateVal.getDate() - 1);\r\n // // }\r\n // // if (!DisabledDates.includes(TwoDayDispatchDateVal.toISOString().split('T')[0])) {\r\n // // DateOK = true;\r\n // // }\r\n // //}\r\n\r\n // //console.log(TwoDayDispatchDateVal);\r\n\r\n // var monthNames = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\",\r\n // \"July\", \"August\", \"September\", \"October\", \"November\", \"December\"\r\n // ];\r\n\r\n // //$('.OneDayDispatchDate').text(ordinal_suffix_of(OneDayDispatchDateVal.getDate()) + ' ' + monthNames[OneDayDispatchDateVal.getMonth()]);\r\n // //$('.TwoDayDispatchDate').text(ordinal_suffix_of(TwoDayDispatchDateVal.getDate()) + ' ' + monthNames[TwoDayDispatchDateVal.getMonth()]);\r\n // // $('.OneDayDispatchDate').text(OneDayDispatchDateVal);\r\n // // $('.TwoDayDispatchDate').text(TwoDayDispatchDateVal);\r\n // ////OneDayDispatchDate\r\n // //TwoDayDispatchDate\r\n\r\n\r\n //}\r\n\r\n //const firstDeliveryDate = new Date();\r\n //if (firstDeliveryDate.getHours() > 13) { // after 2pm\r\n // console.log('sdfs');\r\n // firstDeliveryDate.setDate(tomorfirstDeliveryDaterow.getDate() + 1); // add a day\r\n //}\r\n //var tomorrow = new Date();\r\n ////console.log(tomorrow);\r\n //if (tomorrow.getHours() > 13) { // after 2pm\r\n // tomorrow.setDate(tomorrow.getDate() + 1); // add a day\r\n //}\r\n //tomorrow.setDate(tomorrow.getDate() + 1);\r\n //var MinDateVal = new Date(tomorrow);\r\n ////console.log(tomorrow);\r\n ////console.log(tomorrow.getDay());\r\n\r\n //if (tomorrow.getDate() == 0) { // Sunday\r\n // tomorrow.setDate(tomorrow.getDate() + 1);\r\n // MinDateVal = tomorrow;\r\n //} else if (tomorrow.getDay() == 6) { // Saturday\r\n // //tomorrow.setDate(tomorrow.getDate() + 2);\r\n //}\r\n\r\n //WriteDespatchTimes(DeliveryDate)\r\n //check \"tomorrow\" isn't a holiday\r\n //var disabledDays = ['2021-10-11', '2020-12-25', '2020-12-28', '2021-01-01', '2019-12-30', '2019-12-31', '2020-12-29', '2020-12-30', '2020-12-31', '2021-01-01', '2020-12-22', '2021-04-02', '2021-04-05', '2021-05-03', '2021-05-31', '2021-08-30', '2021-12-27', '2021-12-28', '2022-01-03', '2022-04-15', '2022-04-18', '2022-05-02', '2022-06-02', '2022-06-03', '2022-08-29', '2022-12-26', '2022-12-27'];\r\n //console.log(DisabledDates);\r\n //console.log(disabledDays);\r\n //console.log(tomorrow.toISOString().split('T')[0]);\r\n //var DateOK = true;\r\n\r\n //if (DisabledDates.includes(tomorrow.toISOString().split('T')[0])) {\r\n // DateOK = false;\r\n //}\r\n\r\n //while (!DateOK) {\r\n // tomorrow.setDate(tomorrow.getDate() + 1);\r\n // //console.log('hello');\r\n // if (tomorrow.getDay() == 0) { // Sunday\r\n // tomorrow.setDate(tomorrow.getDate() + 1);\r\n // } else if (tomorrow.getDay() == 6) { // Saturday\r\n // //tomorrow.setDate(tomorrow.getDate() + 2);\r\n // }\r\n // if (!DisabledDates.includes(tomorrow.toISOString().split('T')[0])) {\r\n // DateOK = true;\r\n // }\r\n //}\r\n\r\n //console.log(MinDate);\r\n\r\n //var tomorrowDateyyyyMMdd = tomorrow.toISOString().split('T')[0];\r\n //var SelectedDate = MinDate;\r\n\r\n //var sixMonthsDate = new Date();\r\n //sixMonthsDate.setMonth(sixMonthsDate.getMonth() + 6);\r\n //var sixMonthsDateyyyyMMdd = sixMonthsDate.toISOString().split('T')[0];\r\n //console.log(SelectedDate);\r\n $('.custom-date .calendar-area').pignoseCalendar({\r\n date: moment(SelectedDate),\r\n //minDate: MinDateVal.toISOString().split('T')[0],\r\n minDate: MinDate,\r\n maxDate: MaxDate,\r\n week: 1, // Monday\r\n // schedules: [{\r\n //name: 'Lani\\'s birthday',\r\n // date: moment('2021-10-01')\r\n // }, {\r\n // name: 'Crimbo',\r\n // date: moment('2021-12-25')\r\n // }],\r\n disabledDates: DisabledDates,\r\n //disabledWeekdays: [0, 6], // SUN (0), SAT (6)\r\n disabledWeekdays: [0], // SUN (0), SAT (6)\r\n init: function (context) {\r\n // This is chaining Element, It is exactly same as the each elements of $('.calendar').\r\n //var $this = $(this);\r\n\r\n //// You can get target element in `context` variable.\r\n //var $element = context.element;\r\n\r\n //// You can also get calendar element, It is calendar view DOM.\r\n // var $calendar = context.calendar;\r\n //WriteDespatchTimes(MinDateVal, true);\r\n },\r\n\r\n select: function (date, context) {\r\n\r\n //// This is selected button Element.\r\n //var $this = $(this);\r\n\r\n //// You can get target element in `context` variable, This element is same `$(this)`.\r\n //var $element = context.element;\r\n\r\n //// You can also get calendar element, It is calendar view DOM.\r\n //var $calendar = context.calendar;\r\n\r\n // Selected dates (start date, end date) is passed at first parameter, And this parameters are moment type.\r\n // If you unselected date, It will be `null`.\r\n //console.log(date[0], date[1]);\r\n\r\n //console.log(date);\r\n\r\n //SelectedDate\r\n if (date[0] != null) {\r\n //console.log(date[0]);\r\n //console.log(date[0]._i);\r\n var JSDate = new Date(date[0]._i)\r\n $('.delivered-by-date').text(WriteNiceDate(JSDate));\r\n $('.custom-delivery-date').text(WriteNiceDate(JSDate));\r\n $('.deliveryoptioncustom').data('selecteddate', WriteNiceDate(JSDate));\r\n $('.deliveryoptioncustom').data('selecteddateforinput', JSDate.toISOString().split('T')[0]);\r\n $('.FirstBoxDeliveryDate').val(JSDate.toISOString().split('T')[0]);\r\n $('.FirstBoxDeliveryDateSummary').text(WriteNiceDate(JSDate));\r\n\r\n if (JSDate.getDate() > 15) {\r\n $('.TimeOfMonth[data-time=\"middle\"]').addClass('d-none');\r\n $('.TimeOfMonth[data-time=\"end\"]').removeClass('d-none');\r\n } else {\r\n $('.TimeOfMonth[data-time=\"middle\"]').removeClass('d-none');\r\n $('.TimeOfMonth[data-time=\"end\"]').addClass('d-none');\r\n }\r\n\r\n var nextBoxDate1 = new Date(JSDate.setMonth(JSDate.getMonth() + 1));\r\n $('.NextBoxMonth').text(monthNames[nextBoxDate1.getMonth()]);\r\n\r\n //data-selecteddateforinput\r\n\r\n //console.log(JSDate);\r\n //if (JSDate.getDay() == 0) {\r\n // // Sunday\r\n // $('.delivery-options input').prop('disabled', true).prop('checked', false);\r\n // $('#Sunday').prop('disabled', false).prop('checked', true);\r\n\r\n //} else\r\n\r\n SelectedDate = JSDate.toISOString().split('T')[0];\r\n\r\n // WriteDespatchTimes(JSDate, false);\r\n\r\n // if (JSDate.getDay() == 6) {\r\n\r\n // // Saturday\r\n // $('.delivery-options input').prop('disabled', true).prop('checked', false);\r\n // $('#Express').prop('disabled', false).prop('checked', true);\r\n\r\n // var diffTime = Math.abs(JSDate - MinDateVal);\r\n // var diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24));\r\n // //console.log(diffTime + \" milliseconds\");\r\n // //console.log(diffDays + \" days\");\r\n\r\n // if (diffDays > 1) {\r\n // $('#Standard').prop('disabled', false).prop('checked', true);\r\n // $('#Express').prop('checked', false);\r\n // }\r\n // $('#Saturday').prop('disabled', false);\r\n // } else if (date[0]._i == tomorrowDateyyyyMMdd) {\r\n // //$('#Sunday').prop('disabled', true).prop('checked', false);\r\n // $('#Saturday').prop('disabled', true).prop('checked', false);\r\n // $('input.standard-three').prop('disabled', false);\r\n // $('#Standard').prop('disabled', true);\r\n // $('#Express').prop('checked', true);\r\n // } else {\r\n // $('input.standard-three').prop('disabled', false);\r\n // //$('#Sunday').prop('disabled', true).prop('checked', false);\r\n // $('#Saturday').prop('disabled', true).prop('checked', false);\r\n // //console.log($('input.standard-three:checked').length);\r\n // if ($('input.standard-three:checked').length == 0) {\r\n // $('#Standard').prop('checked', true);\r\n // }\r\n // }\r\n } else {\r\n //console.log(SelectedDate.toISOString().split('T')[0]);\r\n $('.custom-date .calendar-area').pignoseCalendar('set', SelectedDate);\r\n //$('.cal').pignoseCalendar({ date: moment('2021-10-05') });\r\n // $this({\r\n // set: moment(SelectedDate.toISOString().split('T')[0])\r\n //});\r\n }\r\n\r\n }\r\n }); //creates the calendar\r\n\r\n }\r\n\r\n\r\n $('.btn input[name=\"OptionId\"]').on('change', function () {\r\n if ($(this).is(':checked')) {\r\n var val = $(this).val();\r\n\r\n $('.btn input[name=\"OptionId\"]').each(function () {\r\n if ($(this).val() == val && !$(this).is(':checked')) {\r\n $(this).trigger('click');\r\n } else {\r\n $(this).removeAttr('checked');\r\n // when dealing with toggling buttons, use removeAttr('checked') liberally to prevent triggering bugs\r\n // will be fixed if/when upgrading to Bootstrap 5 which replaces most of the button plugin js with css - https://github.com/twbs/bootstrap/pull/30650\r\n }\r\n });\r\n\r\n $('[data-option]').addClass('d-none');\r\n $('[data-option=\"' + val + '\"]').removeClass('d-none');\r\n\r\n $('#ProductName').text($(this).parents('.btn').data('name'));\r\n $('#ProductSummary').text($(this).parents('.btn').data('summary'));\r\n\r\n ShowHidePlans();\r\n SetSubscriptionSummary();\r\n }\r\n });\r\n\r\n $('.btn input[name=\"Quantity\"]').on('change', function () {\r\n if ($(this).is(':checked')) {\r\n var val = $(this).val();\r\n //console.log(val);\r\n\r\n if (val == 2) {\r\n $('.grey-box-notification').removeClass('d-none');\r\n } else {\r\n $('.grey-box-notification').addClass('d-none');\r\n }\r\n\r\n $('.btn input[name=\"Quantity\"]').each(function () {\r\n if ($(this).val() == val && !$(this).is(':checked')) {\r\n $(this).trigger('click');\r\n } else {\r\n $(this).removeAttr('checked');\r\n }\r\n });\r\n\r\n $('[data-quantity]').addClass('d-none');\r\n $('[data-quantity=\"' + val + '\"]').removeClass('d-none');\r\n\r\n ShowHidePlans();\r\n SetSubscriptionSummary();\r\n }\r\n });\r\n\r\n $('.btn input[name=\"PlanLength\"]').on('change', function () {\r\n if ($(this).is(':checked')) {\r\n var val = $(this).val();\r\n\r\n $('.btn input[name=\"PlanLength\"]').each(function () {\r\n if ($(this).val() == val && !$(this).is(':checked')) {\r\n $(this).trigger('click');\r\n } else {\r\n $(this).removeAttr('checked');\r\n }\r\n });\r\n\r\n SetSubscriptionSummary();\r\n }\r\n });\r\n\r\n $('.shop-product-portal-btn').on('click', function () {\r\n //$('.PriceSummary').text(planChecked.parents('.btn').find('.price:visible').first().text());\r\n //console.log(planChecked.parents('.btn').find('.price:visible').first().data('price'));\r\n $('.PriceSummary').data('price', $('.productPrice').data('price'));\r\n WorkOutDisplayPriceIncDelivery();\r\n });\r\n\r\n // this code has to be *after* the change events are attached to the relevant inputs\r\n if ($('[data-toggle=\"buttons\"]').length && document.URL.indexOf('#') >= 0) {\r\n var AutoSelectValues = decodeURIComponent(document.URL.substr(document.URL.indexOf('#') + 1));\r\n var fragements = AutoSelectValues.split(\"|\");\r\n $.each(fragements, function (index, value) {\r\n //console.log(value);\r\n switch (value.toLowerCase()) {\r\n case \"mens\":\r\n $('input[name=\"OptionId\"][value=\"1\"]').trigger('click');\r\n break;\r\n case \"womens\":\r\n $('input[name=\"OptionId\"][value=\"2\"]').trigger('click');\r\n break;\r\n case \"hishers\":\r\n $('input[name=\"OptionId\"][value=\"3\"]').trigger('click');\r\n break;\r\n case \"1pair\":\r\n $('input[name=\"Quantity\"][value=\"1\"]').trigger('click');\r\n break;\r\n case \"2pairs\":\r\n $('input[name=\"Quantity\"][value=\"2\"]').trigger('click');\r\n break;\r\n case \"monthly\":\r\n $('input[name=\"PlanLength\"][value=\"1\"]').trigger('click');\r\n break;\r\n case \"3months\":\r\n $('input[name=\"PlanLength\"][value=\"3\"]').trigger('click');\r\n break;\r\n case \"6months\":\r\n $('input[name=\"PlanLength\"][value=\"6\"]').trigger('click');\r\n break;\r\n case \"12months\":\r\n $('input[name=\"PlanLength\"][value=\"12\"]').trigger('click');\r\n break;\r\n }\r\n });\r\n }\r\n\r\n $('.select-2-pairs').on('click', function () {\r\n $('input[name=\"PlanLength\"][value=\"6\"]').trigger('click');\r\n $('input[name=\"Quantity\"][value=\"2\"]').trigger('click');\r\n //$('#doubleUpModal').modal('hide')\r\n });\r\n $('.select-2-pairs-ss').on('click', function () {\r\n $('input[name=\"PlanLength\"][value=\"6\"]').trigger('click');\r\n $('input[name=\"Quantity\"][value=\"2\"]').trigger('click');\r\n //$('#doubleUpModal').modal('hide')\r\n //\r\n $(\"#setup-sub-link\").trigger(\"click\");\r\n\r\n });\r\n\r\n $('#SetUpSubscriptionModal').on('shown.bs.modal', function () {\r\n SetSubscriptionSummary();\r\n });\r\n\r\n $('input[name$=\".GiftMessageThemeId\"]').on('change', function () {\r\n var GiftMessageThemeId = $('input[name$=\".GiftMessageThemeId\"]:checked');\r\n var GiftMessageThemeMinDespatchDate = GiftMessageThemeId.data('mindespatchdate');\r\n var DespatchDate = $('input[name=\"Subscription.FirstBoxDespatchDate\"], input[name=\"Product.DespatchDate\"]');\r\n if (typeof GiftMessageThemeMinDespatchDate !== 'undefined' && GiftMessageThemeMinDespatchDate !== '') {\r\n DespatchDate.attr('min', GiftMessageThemeMinDespatchDate > DespatchDate.data('defaultmin') ? GiftMessageThemeMinDespatchDate : DespatchDate.data('defaultmin'));\r\n } else {\r\n DespatchDate.attr('min', DespatchDate.data('defaultmin'));\r\n }\r\n var minDate = new Date(DespatchDate.attr('min'));\r\n var currentDate = new Date(DespatchDate.val());\r\n if (DespatchDate.val() === '' || currentDate < minDate) {\r\n DespatchDate.val(formatDate(minDate));\r\n }\r\n DespatchDate.trigger('change');\r\n\r\n var DoNotOpenUntil = $('input[name$=\".DoNotOpenUntil\"]');\r\n var DoNotOpenUntilEnabled = $('input[type=\"checkbox\"][name$=\".DoNotOpenUntilEnabled\"]');\r\n var GiftMessageThemeDefaultDNOUDate = GiftMessageThemeId.data('defaultdnoudate');\r\n if (typeof GiftMessageThemeDefaultDNOUDate !== 'undefined' && GiftMessageThemeDefaultDNOUDate !== '') {\r\n DoNotOpenUntil.val(GiftMessageThemeDefaultDNOUDate).trigger('change');\r\n if ($(this).val() != 6) {\r\n DoNotOpenUntilEnabled.prop('checked', true).trigger('change');\r\n }\r\n }\r\n\r\n if ($(this).val() == 6) {\r\n //console.log('christmas');\r\n $('.addToCartButton').data('christmasorder', 1);\r\n $('.TimeOfMonth[data-time=\"middle\"]').addClass('d-none');\r\n $('.TimeOfMonth[data-time=\"end\"]').removeClass('d-none');\r\n $('.NextBoxMonth').text(monthNames[0]);\r\n } else {\r\n var DateSplit = $('.delivery-options input[type=\"radio\"]:checked').data('selecteddateforinput').split('-');\r\n if (DateSplit[2] > 15) {\r\n $('.TimeOfMonth[data-time=\"middle\"]').addClass('d-none');\r\n $('.TimeOfMonth[data-time=\"end\"]').removeClass('d-none');\r\n } else {\r\n $('.TimeOfMonth[data-time=\"middle\"]').removeClass('d-none');\r\n $('.TimeOfMonth[data-time=\"end\"]').addClass('d-none');\r\n }\r\n var nextBoxDate1 = new Date(DateSplit[0], DateSplit[1], 1); // this already adds one to the month total because JS months start zero!\r\n\r\n $('.NextBoxMonth').text(monthNames[nextBoxDate1.getMonth()]);\r\n\r\n $('.addToCartButton').data('christmasorder', 0);\r\n }\r\n //addToCartButton\r\n\r\n ShowHideChristmasPostAlert();\r\n });\r\n\r\n $('input[name=\"Subscription.DeliveryAddress.Name\"]').on('change', function () {\r\n var name = $(this).val().trim();\r\n var DeliveryAddressName = $(this).parents('form').find('.DeliveryAddressName');\r\n if (name === '') {\r\n name = DeliveryAddressName.data('default');\r\n }\r\n DeliveryAddressName.text(name);\r\n }).trigger('change');\r\n\r\n $('input[name=\"Subscription.FirstBoxDespatchDate\"], input[name=\"Product.DespatchDate\"]').on('change', function () {\r\n var despatchDate = new Date($(this).val());\r\n $('.FirstBoxDespatchDate').text(formatDateNicelyWithoutYear(despatchDate));\r\n\r\n var DoNotOpenUntil = $('input[name$=\"DoNotOpenUntil\"]');\r\n var minDate = new Date(despatchDate.getFullYear(), despatchDate.getMonth(), despatchDate.getDate() + 2);\r\n var maxDate = new Date(minDate.getFullYear(), minDate.getMonth() + 1, minDate.getDate());\r\n DoNotOpenUntil.attr('min', formatDate(minDate)).attr('max', formatDate(maxDate));\r\n\r\n var currentDate = new Date(DoNotOpenUntil.val());\r\n if (DoNotOpenUntil.val() === '' || currentDate < minDate || currentDate > maxDate) {\r\n DoNotOpenUntil.val(formatDate(minDate));\r\n }\r\n DoNotOpenUntil.trigger('change');\r\n\r\n if (despatchDate.getDate() > 15) {\r\n $('.TimeOfMonth[data-time=\"middle\"]').addClass('d-none');\r\n $('.TimeOfMonth[data-time=\"end\"]').removeClass('d-none');\r\n } else {\r\n $('.TimeOfMonth[data-time=\"middle\"]').removeClass('d-none');\r\n $('.TimeOfMonth[data-time=\"end\"]').addClass('d-none');\r\n }\r\n\r\n var nextBoxDate = new Date(despatchDate.getFullYear(), despatchDate.getMonth() + 1, 1);\r\n $('.NextBoxMonth').text(monthNames[nextBoxDate.getMonth()]);\r\n\r\n ShowHideChristmasPostAlert();\r\n }).trigger('change');\r\n\r\n $('input[name=\"Subscription.FirstBoxToMe\"]').on('change', function () {\r\n var form = $(this).parents('form');\r\n var checked = form.find('input[name=\"Subscription.FirstBoxToMe\"]:checked');\r\n\r\n if (!checked.parents('.radio-group-item').hasClass('active')) {\r\n checked.parents('.radio-group').children('.radio-group-item.active').removeClass('active').children('.collapse').collapse('hide');\r\n checked.parents('.radio-group-item').addClass('active').children('.collapse').collapse('show');\r\n }\r\n\r\n if (checked.val().toLowerCase() === 'true') {\r\n form.find('input[name^=\"Subscription.FirstBoxAddress.\"]').removeAttr('disabled');\r\n form.find('input[name=\"Subscription.DoNotOpenUntilEnabled\"]').attr('disabled', 'disabled');\r\n form.find('input[name=\"Subscription.DoNotOpenUntil\"]').attr('disabled', 'disabled');\r\n\r\n form.find('.FirstBoxToMe').removeClass('d-none');\r\n form.find('.FirstBoxToThem').addClass('d-none');\r\n } else {\r\n form.find('input[name^=\"Subscription.FirstBoxAddress.\"]').attr('disabled', 'disabled');\r\n form.find('input[name=\"Subscription.DoNotOpenUntilEnabled\"]').removeAttr('disabled').trigger('change');\r\n\r\n form.find('.FirstBoxToMe').addClass('d-none');\r\n form.find('.FirstBoxToThem').removeClass('d-none');\r\n }\r\n }).first().trigger('change');\r\n\r\n $('input[type=\"checkbox\"][name$=\"DoNotOpenUntilEnabled\"]').on('change', function () {\r\n if ($(this).is(':checked')) {\r\n $(this).parents('form').find('input[name$=\"DoNotOpenUntil\"]').removeAttr('disabled');\r\n } else {\r\n $(this).parents('form').find('input[name$=\"DoNotOpenUntil\"]').attr('disabled', 'disabled');\r\n $(this).parents('form').validate().resetForm();\r\n }\r\n }).trigger('change');\r\n\r\n $('input[name$=\"DoNotOpenUntil\"]').on('change', function () {\r\n if ($(this).val() == '') {\r\n $(this).val($(this).attr('min'));\r\n }\r\n\r\n var dnoDate = new Date($(this).val());\r\n var despatchDate = new Date($('input[name=\"Subscription.FirstBoxDespatchDate\"]').val());\r\n var nextDespatchDate = new Date(despatchDate.getFullYear(), despatchDate.getMonth() + 1, despatchDate.getDate() > 15 ? 21 : 7);\r\n\r\n if (dnoDate > nextDespatchDate) {\r\n $('.secondBoxWarning').removeClass('d-none');\r\n } else {\r\n $('.secondBoxWarning').addClass('d-none');\r\n }\r\n }).trigger('change');\r\n\r\n $('#AddToCartForm').on('submit', function (e) {\r\n var form = this;\r\n\r\n if ($(form).valid()) {\r\n $('.addToCartButton').prop('disabled', true);\r\n $('.addToCartButton .fas').removeClass('fa-lock-alt').addClass('fa-circle-notch fa-spin');\r\n\r\n if (typeof $(form).data('product') != 'undefined') {\r\n e.preventDefault();\r\n\r\n var selectedProduct = $(form).data('product');\r\n\r\n pintrk('track', 'addtocart', {\r\n value: selectedProduct.gaPrice,\r\n currency: 'GBP'\r\n });\r\n\r\n gtag('event', 'add_to_cart', {\r\n 'items': [\r\n {\r\n 'id': selectedProduct.gaId,\r\n 'name': selectedProduct.gaName,\r\n 'variant': selectedProduct.gaVariant,\r\n 'price': selectedProduct.gaPrice,\r\n 'quantity': 1\r\n }\r\n ],\r\n 'event_callback': createFunctionWithTimeout(function () {\r\n form.submit();\r\n })\r\n });\r\n }\r\n }\r\n });\r\n\r\n $('.RemoveSubscription').on('click', function (e) {\r\n e.preventDefault();\r\n\r\n var target = $(this).attr('href');\r\n var selectedProduct = $.parseJSON($(this).siblings('.subscription-product-data').text());\r\n\r\n gtag('event', 'remove_from_cart', {\r\n 'items': [\r\n {\r\n 'id': selectedProduct.gaId,\r\n 'name': selectedProduct.gaName,\r\n 'variant': selectedProduct.gaVariant,\r\n 'price': selectedProduct.gaPrice,\r\n 'quantity': 1\r\n }\r\n ],\r\n 'event_callback': createFunctionWithTimeout(function () {\r\n window.location = target;\r\n })\r\n });\r\n });\r\n\r\n});\r\n\r\nfunction FixSubscriptionOptionsOverflow() {\r\n $('.subscription-options-restricted-height .form-row[data-toggle=\"buttons\"]').each(function () {\r\n $(this).css('padding-right', '');\r\n\r\n var rowWidth = $(this).outerWidth()\r\n var colWidth = 0;\r\n var cols = $(this).children('.col.btn-group-toggle');\r\n cols.each(function () {\r\n colWidth += $(this).outerWidth();\r\n });\r\n\r\n if (colWidth > rowWidth) {\r\n $(this).css('padding-right', '0.1px');\r\n }\r\n });\r\n}\r\n\r\nfunction WorkOutDisplayPriceIncDelivery() {\r\n var PriceToShow = parseFloat($('.PriceSummary').data('price'));\r\n if ($('.delivery-options input[type=\"radio\"]:visible').length > 0) {\r\n PriceToShow = PriceToShow + parseFloat($('.delivery-options input[type=\"radio\"]:checked').data('cost'));\r\n }\r\n var PriceToShowAsCurrency = PriceToShow.toLocaleString('en-GB', {\r\n style: 'currency',\r\n currency: 'GBP',\r\n });\r\n //console.log(PriceToShow);\r\n //console.log($('.PriceSummary').data('price'));\r\n $('.PriceSummary').text(PriceToShowAsCurrency);\r\n}\r\n\r\nfunction SetSubscriptionSummary() {\r\n var optionChecked = $('.btn input[name=\"OptionId\"]:checked');\r\n var quantityChecked = $('.btn input[name=\"Quantity\"]:checked');\r\n var planChecked = $('.btn input[name=\"PlanLength\"]:checked');\r\n\r\n $('.ProductName').text($('#ProductName').text());\r\n $('.ProductSummary').text($('#ProductSummary').text().replace('{quantity}', quantityChecked.parents('.btn').find('.quantity').first().text()));\r\n $('.DurationSummary').text(planChecked.parents('.btn').find('span.duration').first().text());\r\n //$('.PriceSummary').text(planChecked.parents('.btn').find('.price:visible').first().text());\r\n //console.log(planChecked.parents('.btn').find('.price:visible').first().data('price'));\r\n $('.PriceSummary').data('price', planChecked.parents('.btn').find('.price:visible').first().data('price'));\r\n\r\n WorkOutDisplayPriceIncDelivery();\r\n\r\n var subscriptionProductData = $.parseJSON($('.subscription-product-data').text());\r\n var selectedProduct = $.grep(subscriptionProductData, function (el) {\r\n return el.optionId === parseInt(optionChecked.val())\r\n && el.quantity === parseInt(quantityChecked.val())\r\n && el.planLength === parseInt(planChecked.val());\r\n })[0];\r\n\r\n if (typeof $('#AddToCartForm').data('product') == 'undefined' || selectedProduct.id != $('#AddToCartForm').data('product').id) {\r\n $('#AddToCartForm').data('product', selectedProduct);\r\n\r\n gtag('event', 'view_item', {\r\n 'items': [\r\n {\r\n 'id': selectedProduct.gaId,\r\n 'name': selectedProduct.gaName,\r\n 'variant': selectedProduct.gaVariant,\r\n 'price': selectedProduct.gaPrice,\r\n 'quantity': 1\r\n }\r\n ]\r\n });\r\n }\r\n}\r\n\r\nfunction ShowHidePlans() {\r\n $('.btn input[name=\"PlanLength\"]').each(function () {\r\n $(this).parents('.col').removeClass('d-none');\r\n if ($(this).parents('.btn').find('.plan-details:not(.d-none)').length == 0) {\r\n $(this).parents('.col').addClass('d-none');\r\n if ($(this).is(':checked')) {\r\n $('.btn input[name=\"PlanLength\"]:not(.d-none)').first().parents('.btn').trigger('click');\r\n }\r\n }\r\n });\r\n}\r\n\r\nfunction ShowHideChristmasPostAlert() {\r\n var ChristmasPostAlert = $('.christmas-post-alert');\r\n if (ChristmasPostAlert.length) {\r\n var DespatchDate = new Date($('input[name=\"Subscription.FirstBoxDespatchDate\"]').val());\r\n var ChristmasPostAlertDate = new Date(ChristmasPostAlert.data('date'));\r\n if (DespatchDate.getTime() == ChristmasPostAlertDate.getTime() && $('input[name$=\".GiftMessageThemeId\"]:checked').val() == '6') {\r\n ChristmasPostAlert.removeClass('d-none');\r\n } else {\r\n ChristmasPostAlert.addClass('d-none');\r\n }\r\n }\r\n}","(function ($) {\r\n $.validator.setDefaults({\r\n highlight: function (element, errorClass) {\r\n $(element).addClass(errorClass);\r\n },\r\n unhighlight: function (element, errorClass) {\r\n $(element).removeClass(errorClass);\r\n },\r\n onkeyup: function (element, event) {\r\n var t = this;\r\n var excludedKeys = [\r\n 16, 17, 18, 20, 35, 36, 37,\r\n 38, 39, 40, 45, 144, 225,\r\n 91, 93, 224\r\n ];\r\n if (event.which === 9 && t.elementValue(element) === \"\" || $.inArray(event.keyCode, excludedKeys) !== -1) {\r\n return;\r\n } else if (element.name in t.submitted || element.name in t.invalid) {\r\n t.successList.push(element);\r\n t.showErrors();\r\n $(element).removeClass(t.settings.errorClass);\r\n }\r\n }\r\n });\r\n\r\n $.validator.unobtrusive.adapters.addBool('booleanrequired', 'required');\r\n\r\n $.validator.addMethod('conditionalrequired', function (value, element, params) {\r\n var fieldNamePrefix = $(element).attr('name').substring(0, $(element).attr('name').lastIndexOf('.') + 1);\r\n var propertyValue = $(element).parents('form').find('[name=\"' + fieldNamePrefix + params[0] + '\"]').val();\r\n\r\n if (propertyValue && propertyValue.toLowerCase() === params[1].toLowerCase()) {\r\n return $.trim(value).length > 0;\r\n }\r\n\r\n return true;\r\n });\r\n\r\n $.validator.unobtrusive.adapters.add('conditionalrequired', ['propertyname', 'propertyvalue'], function (options) {\r\n options.rules['conditionalrequired'] = [options.params['propertyname'], options.params['propertyvalue']];\r\n options.messages['conditionalrequired'] = options.message;\r\n });\r\n\r\n $.validator.addMethod('conditionalregex', function (value, element, params) {\r\n var fieldNamePrefix = $(element).attr('name').substring(0, $(element).attr('name').lastIndexOf('.') + 1);\r\n var propertyValue = $(element).parents('form').find('[name=\"' + fieldNamePrefix + params[1] + '\"]').val();\r\n\r\n if (propertyValue && propertyValue.toLowerCase() === params[2].toLowerCase()) {\r\n var r = new RegExp(params[0]);\r\n return r.test(value);\r\n }\r\n\r\n return true;\r\n });\r\n\r\n $.validator.unobtrusive.adapters.add('conditionalregex', ['pattern', 'propertyname', 'propertyvalue'], function (options) {\r\n options.rules['conditionalregex'] = [options.params['pattern'], options.params['propertyname'], options.params['propertyvalue']];\r\n options.messages['conditionalregex'] = options.message;\r\n });\r\n\r\n $.validator.addMethod('messagelength', function (value, element, param) {\r\n return messageLengthValid;\r\n });\r\n\r\n $.validator.unobtrusive.adapters.addBool('messagelength');\r\n}(jQuery));\r\n\r\n$(document).ready(function () {\r\n //$('[type!=\"checkbox\"][data-val-required], [type!=\"checkbox\"][data-val-conditionalrequired], [data-val-booleanrequired]').each(function () {\r\n // $('label[for=\"' + $(this).attr('id') + '\"]').addClass('required');\r\n //});\r\n\r\n $('textarea[name$=\"PersonalMessageText\"]').on('keyup paste blur', function () {\r\n var textarea = $(this);\r\n var messageCounter = textarea.siblings('.message-counter');\r\n\r\n var maxChars = textarea.data('maxchars');\r\n var maxLines = textarea.data('maxlines');\r\n var charsPerLine = textarea.data('charsperline');\r\n\r\n setTimeout(function () {\r\n messageLengthValid = true;\r\n\r\n var usedChars = textarea.val().length;\r\n var remainingChars = maxChars - usedChars;\r\n\r\n var linesArray = textarea.val().split(\"\\n\");\r\n var usedLines = linesArray.length;\r\n for (i = 0; i < linesArray.length; i++) {\r\n if (linesArray[i].length > charsPerLine) {\r\n usedLines += Math.floor(linesArray[i].length / charsPerLine);\r\n if (0 === linesArray[i].length % charsPerLine) {\r\n usedLines--;\r\n }\r\n }\r\n }\r\n var remainingLines = maxLines - usedLines;\r\n\r\n messageCounter.find('.remaining-count').addClass('d-none');\r\n if (remainingChars < 0) {\r\n messageLengthValid = false;\r\n if (remainingChars == -1) {\r\n messageCounter.find('.remaining-char-over-single').removeClass('d-none');\r\n } else {\r\n messageCounter.find('.remaining-char-over-multiple').removeClass('d-none').find('.chars-remaining').text(-remainingChars);\r\n }\r\n } else {\r\n if (remainingChars == 1) {\r\n messageCounter.find('.remaining-char-single').removeClass('d-none');\r\n } else {\r\n messageCounter.find('.remaining-char-multiple').removeClass('d-none').find('.chars-remaining').text(remainingChars);\r\n }\r\n }\r\n if (remainingLines < 0) {\r\n messageLengthValid = false;\r\n if (remainingLines == -1) {\r\n messageCounter.find('.remaining-line-over-single').removeClass('d-none');\r\n } else {\r\n messageCounter.find('.remaining-line-over-multiple').removeClass('d-none').find('.lines-remaining').text(-remainingLines);\r\n }\r\n } else {\r\n if (remainingLines == 1) {\r\n messageCounter.find('.remaining-line-single').removeClass('d-none');\r\n } else {\r\n messageCounter.find('.remaining-line-multiple').removeClass('d-none').find('.lines-remaining').text(remainingLines);\r\n }\r\n }\r\n\r\n if (textarea.hasClass('input-validation-error') || textarea.hasClass('valid')) {\r\n textarea.valid();\r\n }\r\n }, 0);\r\n }).trigger('keyup');\r\n});"]}