var atavistStore = { root:"read.atavist.com", template:"\t
\n\t\t
 <\/div>\n\t\t
\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t' + ''; }, renderRow = function(days, isRTL) { return '' + (isRTL ? days.reverse() : days).join('') + ''; }, renderBody = function(rows) { return '' + rows.join('') + ''; }, renderHead = function(opts) { var i, arr = []; for (i = 0; i < 7; i++) { arr.push('' + renderDayName(opts, i, true) + ''); } return '' + (opts.isRTL ? arr.reverse() : arr).join('') + ''; }, renderTitle = function(instance) { var i, j, arr, opts = instance._o, month = instance._m, year = instance._y, isMinYear = year === opts.minYear, isMaxYear = year === opts.maxYear, html = '
', monthHtml, yearHtml, prev = true, next = true; for (arr = [], i = 0; i < 12; i++) { arr.push(''); } monthHtml = '
' + opts.i18n.months[month] + '
'; if (isArray(opts.yearRange)) { i = opts.yearRange[0]; j = opts.yearRange[1] + 1; } else { i = year - opts.yearRange; j = 1 + year + opts.yearRange; } for (arr = []; i < j && i <= opts.maxYear; i++) { if (i >= opts.minYear) { arr.push(''); } } yearHtml = '
' + year + opts.yearSuffix + '
'; if (opts.showMonthAfterYear) { html += yearHtml + monthHtml; } else { html += monthHtml + yearHtml; } if (isMinYear && (month === 0 || opts.minMonth >= month)) { prev = false; } if (isMaxYear && (month === 11 || opts.maxMonth <= month)) { next = false; } html += ''; html += ''; return html += '
'; }, renderTable = function(opts, data) { return '' + renderHead(opts) + renderBody(data) + '
'; }, /** * Pikaday constructor */ Pikaday = function(options) { var self = this, opts = self.config(options); self._onMouseDown = function(e) { if (!self._v) { return; } e = e || window.event; var target = e.target || e.srcElement; if (!target) { return; } if (!hasClass(target, 'is-disabled')) { if (hasClass(target, 'pika-button') && !hasClass(target, 'is-empty')) { self.setDate(new Date(self._y, self._m, parseInt(target.innerHTML, 10))); if (opts.bound) { sto(function() { self.hide(); }, 100); } return; } else if (hasClass(target, 'pika-prev')) { self.prevMonth(); } else if (hasClass(target, 'pika-next')) { self.nextMonth(); } } if (!hasClass(target, 'pika-select')) { if (e.preventDefault) { e.preventDefault(); } else { e.returnValue = false; return false; } } else { self._c = true; } }; self._onChange = function(e) { e = e || window.event; var target = e.target || e.srcElement; if (!target) { return; } if (hasClass(target, 'pika-select-month')) { self.gotoMonth(target.value); } else if (hasClass(target, 'pika-select-year')) { self.gotoYear(target.value); } }; self._onInputChange = function(e) { var date; if (e.firedBy === self) { return; } if (hasMoment) { date = moment(opts.field.value, opts.format); date = (date && date.isValid()) ? date.toDate() : null; } else { date = new Date(Date.parse(opts.field.value)); } self.setDate(isDate(date) ? date : null); if (!self._v) { self.show(); } }; self._onInputFocus = function() { self.show(); }; self._onInputClick = function() { self.show(); }; self._onInputBlur = function() { if (!self._c) { self._b = sto(function() { self.hide(); }, 50); } self._c = false; }; self._onClick = function(e) { e = e || window.event; var target = e.target || e.srcElement, pEl = target; if (!target) { return; } if (!hasEventListeners && hasClass(target, 'pika-select')) { if (!target.onchange) { target.setAttribute('onchange', 'return;'); addEvent(target, 'change', self._onChange); } } do { if (hasClass(pEl, 'pika-single')) { return; } } while ((pEl = pEl.parentNode)); if (self._v && target !== opts.trigger) { self.hide(); } }; self.el = document.createElement('div'); self.el.className = 'pika-single' + (opts.isRTL ? ' is-rtl' : ''); addEvent(self.el, 'mousedown', self._onMouseDown, true); addEvent(self.el, 'change', self._onChange); if (opts.field) { if (opts.bound) { document.body.appendChild(self.el); } else { opts.field.parentNode.insertBefore(self.el, opts.field.nextSibling); } addEvent(opts.field, 'change', self._onInputChange); if (!opts.defaultDate) { if (hasMoment && opts.field.value) { opts.defaultDate = moment(opts.field.value, opts.format).toDate(); } else { opts.defaultDate = new Date(Date.parse(opts.field.value)); } opts.setDefaultDate = true; } } var defDate = opts.defaultDate; if (isDate(defDate)) { if (opts.setDefaultDate) { self.setDate(defDate, true); } else { self.gotoDate(defDate); } } else { self.gotoDate(new Date()); } if (opts.bound) { this.hide(); self.el.className += ' is-bound'; addEvent(opts.trigger, 'click', self._onInputClick); addEvent(opts.trigger, 'focus', self._onInputFocus); addEvent(opts.trigger, 'blur', self._onInputBlur); } else { this.show(); } }; /** * public Pikaday API */ Pikaday.prototype = { /** * configure functionality */ config: function(options) { if (!this._o) { this._o = extend({}, defaults, true); } var opts = extend(this._o, options, true); opts.isRTL = !!opts.isRTL; opts.field = (opts.field && opts.field.nodeName) ? opts.field : null; opts.bound = !!(opts.bound !== undefined ? opts.field && opts.bound : opts.field); opts.trigger = (opts.trigger && opts.trigger.nodeName) ? opts.trigger : opts.field; var nom = parseInt(opts.numberOfMonths, 10) || 1; opts.numberOfMonths = nom > 4 ? 4 : nom; if (!isDate(opts.minDate)) { opts.minDate = false; } if (!isDate(opts.maxDate)) { opts.maxDate = false; } if ((opts.minDate && opts.maxDate) && opts.maxDate < opts.minDate) { opts.maxDate = opts.minDate = false; } if (opts.minDate) { setToStartOfDay(opts.minDate); opts.minYear = opts.minDate.getFullYear(); opts.minMonth = opts.minDate.getMonth(); } if (opts.maxDate) { setToStartOfDay(opts.maxDate); opts.maxYear = opts.maxDate.getFullYear(); opts.maxMonth = opts.maxDate.getMonth(); } if (isArray(opts.yearRange)) { var fallback = new Date().getFullYear() - 10; opts.yearRange[0] = parseInt(opts.yearRange[0], 10) || fallback; opts.yearRange[1] = parseInt(opts.yearRange[1], 10) || fallback; } else { opts.yearRange = Math.abs(parseInt(opts.yearRange, 10)) || defaults.yearRange; if (opts.yearRange > 100) { opts.yearRange = 100; } } return opts; }, /** * return a formatted string of the current selection (using Moment.js if available) */ toString: function(format) { return !isDate(this._d) ? '' : hasMoment ? moment(this._d).format(format || this._o.format) : this._d.toDateString(); }, /** * return a Moment.js object of the current selection (if available) */ getMoment: function() { return hasMoment ? moment(this._d) : null; }, /** * set the current selection from a Moment.js object (if available) */ setMoment: function(date) { if (hasMoment && moment.isMoment(date)) { this.setDate(date.toDate()); } }, /** * return a Date object of the current selection */ getDate: function() { return isDate(this._d) ? new Date(this._d.getTime()) : null; }, /** * set the current selection */ setDate: function(date, preventOnSelect) { if (!date) { this._d = null; return this.draw(); } if (typeof date === 'string') { date = new Date(Date.parse(date)); } if (!isDate(date)) { return; } var min = this._o.minDate, max = this._o.maxDate; if (isDate(min) && date < min) { date = min; } else if (isDate(max) && date > max) { date = max; } this._d = new Date(date.getTime()); setToStartOfDay(this._d); this.gotoDate(this._d); if (this._o.field) { this._o.field.value = this.toString(); fireEvent(this._o.field, 'change', { firedBy: this }); } if (!preventOnSelect && typeof this._o.onSelect === 'function') { this._o.onSelect.call(this, this.getDate()); } }, /** * change view to a specific date */ gotoDate: function(date) { if (!isDate(date)) { return; } this._y = date.getFullYear(); this._m = date.getMonth(); this.draw(); }, gotoToday: function() { this.gotoDate(new Date()); }, /** * change view to a specific month (zero-index, e.g. 0: January) */ gotoMonth: function(month) { if (!isNaN( (month = parseInt(month, 10)) )) { this._m = month < 0 ? 0 : month > 11 ? 11 : month; this.draw(); } }, nextMonth: function() { if (++this._m > 11) { this._m = 0; this._y++; } this.draw(); }, prevMonth: function() { if (--this._m < 0) { this._m = 11; this._y--; } this.draw(); }, /** * change view to a specific full year (e.g. "2012") */ gotoYear: function(year) { if (!isNaN(year)) { this._y = parseInt(year, 10); this.draw(); } }, /** * change the minDate */ setMinDate: function(value) { this._o.minDate = value; }, /** * change the maxDate */ setMaxDate: function(value) { this._o.maxDate = value; }, /** * refresh the HTML */ draw: function(force) { if (!this._v && !force) { return; } var opts = this._o, minYear = opts.minYear, maxYear = opts.maxYear, minMonth = opts.minMonth, maxMonth = opts.maxMonth; if (this._y <= minYear) { this._y = minYear; if (!isNaN(minMonth) && this._m < minMonth) { this._m = minMonth; } } if (this._y >= maxYear) { this._y = maxYear; if (!isNaN(maxMonth) && this._m > maxMonth) { this._m = maxMonth; } } this.el.innerHTML = renderTitle(this) + this.render(this._y, this._m); if (opts.bound) { this.adjustPosition(); if(opts.field.type !== 'hidden') { sto(function() { opts.trigger.focus(); }, 1); } } if (typeof this._o.onDraw === 'function') { var self = this; sto(function() { self._o.onDraw.call(self); }, 0); } }, adjustPosition: function() { var field = this._o.trigger, pEl = field, width = this.el.offsetWidth, height = this.el.offsetHeight, viewportWidth = window.innerWidth || document.documentElement.clientWidth, viewportHeight = window.innerHeight || document.documentElement.clientHeight, scrollTop = window.pageYOffset || document.body.scrollTop || document.documentElement.scrollTop, left, top, clientRect; if (typeof field.getBoundingClientRect === 'function') { clientRect = field.getBoundingClientRect(); left = clientRect.left + window.pageXOffset; top = clientRect.bottom + window.pageYOffset; } else { left = pEl.offsetLeft; top = pEl.offsetTop + pEl.offsetHeight; while((pEl = pEl.offsetParent)) { left += pEl.offsetLeft; top += pEl.offsetTop; } } if (left + width > viewportWidth) { left = left - width + field.offsetWidth; } if (top + height > viewportHeight + scrollTop) { top = top - height - field.offsetHeight; } this.el.style.cssText = 'position:absolute;left:' + left + 'px;top:' + top + 'px;'; }, /** * render HTML for a particular month */ render: function(year, month) { var opts = this._o, now = new Date(), days = getDaysInMonth(year, month), before = new Date(year, month, 1).getDay(), data = [], row = []; setToStartOfDay(now); if (opts.firstDay > 0) { before -= opts.firstDay; if (before < 0) { before += 7; } } var cells = days + before, after = cells; while(after > 7) { after -= 7; } cells += 7 - after; for (var i = 0, r = 0; i < cells; i++) { var day = new Date(year, month, 1 + (i - before)), isDisabled = (opts.minDate && day < opts.minDate) || (opts.maxDate && day > opts.maxDate), isSelected = isDate(this._d) ? compareDates(day, this._d) : false, isToday = compareDates(day, now), isEmpty = i < before || i >= (days + before); row.push(renderDay(1 + (i - before), isSelected, isToday, isDisabled, isEmpty)); if (++r === 7) { data.push(renderRow(row, opts.isRTL)); row = []; r = 0; } } return renderTable(opts, data); }, isVisible: function() { return this._v; }, show: function() { if (!this._v) { if (this._o.bound) { addEvent(document, 'click', this._onClick); } removeClass(this.el, 'is-hidden'); this._v = true; this.draw(); if (typeof this._o.onOpen === 'function') { this._o.onOpen.call(this); } } }, hide: function() { var v = this._v; if (v !== false) { if (this._o.bound) { removeEvent(document, 'click', this._onClick); } this.el.style.cssText = ''; addClass(this.el, 'is-hidden'); this._v = false; if (v !== undefined && typeof this._o.onClose === 'function') { this._o.onClose.call(this); } } }, /** * GAME OVER */ destroy: function() { this.hide(); removeEvent(this.el, 'mousedown', this._onMouseDown, true); removeEvent(this.el, 'change', this._onChange); if (this._o.field) { removeEvent(this._o.field, 'change', this._onInputChange); if (this._o.bound) { removeEvent(this._o.trigger, 'click', this._onInputClick); removeEvent(this._o.trigger, 'focus', this._onInputFocus); removeEvent(this._o.trigger, 'blur', this._onInputBlur); } } if (this.el.parentNode) { this.el.parentNode.removeChild(this.el); } } }; return Pikaday; }));/*! * EventEmitter v4.2.7 - git.io/ee * Oliver Caldwell * MIT license * @preserve */ (function(){"use strict";function t(){}function r(t,n){for(var e=t.length;e--;)if(t[e].listener===n)return e;return-1}function n(e){return function(){return this[e].apply(this,arguments)}}var e=t.prototype,i=this,s=i.EventEmitter;e.getListeners=function(n){var r,e,t=this._getEvents();if(n instanceof RegExp){r={};for(e in t)t.hasOwnProperty(e)&&n.test(e)&&(r[e]=t[e])}else r=t[n]||(t[n]=[]);return r},e.flattenListeners=function(t){var e,n=[];for(e=0;e 1) ? '
  • ' + title.join('
  • ') + '
' : title; }; modal.prototype.product_ids = function() { var list = []; this.products(function(product) { list.push(product.data.product_id); }); return (list.length > 1) ? list : list[0]; }; modal.prototype.fromFloat = function(num) { if (typeof num === 'string') { num = num.replace('.', ''); }; return parseInt(num); }; modal.prototype.price = function(text) { var price = 0, symbol = cash; if (text) { price = text; } else { this.products(function(product) { price += this.fromFloat(product.data.web_price); if (product.data.symbol) symbol = product.data.symbol; }); }; $('.story-price').text(symbol + (price / 100)); }; modal.prototype.create = function(data) { var me = this, cfg = ($.parseHTML) ? $.parseHTML(config.template) : $(config.template); this.$el = $(cfg).appendTo($('body')); this.$process = this.$el.find('.process-container'); this.$message = $('.message'); this.$sheet = $('.atavist-sheet'); if (this.product instanceof product) { this.$el.toggleClass('atavist-subscription', (this.product.type === 'subscription')); }; setTimeout(function() {me.$el.addClass('atavist-show');}, 0); // fade in $('.allow-touchmove').on('touchmove', function(e) { e.stopPropagation(); }); $('.atavist-overlay, #atavist-header button.close').click(function() { me.clear(); }); $('.atavist-offset').click(function() { me.clear(); }); $('.atavist-sheet').click(function(e) { if (e.target.tagName === 'A') { e.preventDefault(); }; e.stopPropagation(); }); $('.atavist-forgot a').click(function(e) { e.stopPropagation(); return true; }); $('.atavist-sheet .story-title').html(this.title()); $('.atavist-sheet .story-seller').html(this.product.data.organization_name); $('.atavist-sheet .story-url').html(this.product.data.url).attr('href', this.product.data.url); $('.atavist-sheet .organization_image').css('background-image', 'url("' + this.product.data.organization_image + '")'); this.price(); if (as.username) { $('.process-username').val(as.username); $('.atavist-sheet .process-choose').addClass('atavist-is-login').removeClass('atavist-is-register'); $('.atavist-sheet .message').removeClass('on'); this.email = as.username; }; if (as.password) { this.password = as.password; }; $('.process-login') .attr('type', 'button') .click($.proxy(this.login, this)).text(this.product.loginText); $('.process-signup') .click($.proxy(this.signup, this)); $('.process-success') .attr('type', 'button') .click($.proxy(this.success, this)); $('.process-choose form').submit(function(e) { return false; }); $('.atavist-sheet').on('click', '.atavist-toggle', function() { if ($(this).hasClass('atavist-toggle-login')) { $(this).closest('.process').addClass('atavist-is-login').removeClass('atavist-is-register'); } else if ($(this).hasClass('atavist-toggle-register')) { $(this).closest('.process').addClass('atavist-is-register').removeClass('atavist-is-login'); } }); // New coupon handling code $('.atavist-coupon-button').click(function() { $(this).closest('.atavist-coupon').toggleClass('show'); }); $('.atavist-coupon').on('input', 'input[type="text"]', function() { var charCount = $(this).val().length; $coupon = $(this).closest('.atavist-coupon'); $coupon.toggleClass('dirty', (charCount > 0)); }); $('.atavist-coupon form').unbind().submit(function(event) { var data = me.user(); data.code = $couponInput.val(); me.ajax(me.urls.coupon, { data:data, success: $.proxy(me.couponCheck, me), failure: $.proxy(me.couponFailure, me) }); return false; }); if (this.email && this.password && as.cached_user_data) { this.userCheck(as.cached_user_data); }; this.$el.toggleClass('atavist-gift', (this.gift === true)); }; modal.prototype.update = function(mode) { this.$message.text('').removeClass('on'); this.$el .removeClass('current-process-' + this.mode) .addClass('current-process-' + mode); this.$sheet .removeClass(this.mode) .addClass(mode); this.$process .removeClass(this.mode) .addClass(mode) .find('input') .val(''); this.disable(false); this.mode = mode; }; modal.prototype.disable = function(bool) { if (bool === true) { $('.process button').attr('disabled', 'disabled'); } else { $('.process button').removeAttr('disabled'); }; return this; }; modal.prototype.ajax = function(url, opts) { var me = this; this.disable(true); opts.type = 'POST'; opts.async = true; opts.crossDomain = true; opts.dataType = 'json'; opts.url = url; var success = opts.success, failure = opts.failure; opts.success = function(data) { if (data.error) { if (opts.custom_error) { data.error_description = opts.custom_error(data); }; me.error(data.error_description); if (failure) failure(data); } else { if (success) success(data); } }; opts.error = $.proxy(this.error, this); return $.ajax(opts); }; modal.prototype.owns = function(ownsData) { var owns = true; if (!ownsData) return false; if (ownsData === true || ownsData === false) { this.product.owns = ownsData; return ownsData; // for singular product purchases, singular ownership details }; for (var i in ownsData) { if (ownsData[i] === false) owns = false; for (var j = 0; j < this.product.length; j++) { if (this.product[j].product_id === i) { this.product[j].owns = ownsData[i]; } }; }; return owns; }; modal.prototype.userCheck = function(data) { var me = this, checked_user = this.user(), owns = false, go = false; this.disable(true); if (data.user && data.user.username) { as.username = data.user.username; }; if (checked_user && checked_user.password) { as.password = checked_user.password; }; as.cached_user_data = data; this.credentials(this.user(), function() { if (go === true) me.go(); }); if (this.owns(data.owns) === true && me.gift === false) { if (this.product && this.product.url) { window.location.href = this.product.url; } else { this.message(data.already_owned_message); } } else { if (this.$el.find('.atavist-sheet').hasClass('store-button-type-login')) { $('body').addClass('logged-in'); this.clear(); } else { this.payment(data); } }; return false; }; modal.prototype.login = function() { var me = this; this.updateUserFields(); this.ajax(this.urls.login, { data: this.user(), success: $.proxy(this.userCheck, this) }); return false; }; modal.prototype.signup = function() { if (this.$el.find('.process.atavist-is-login').length > 0) { return this.login(); }; this.updateUserFields(); this.ajax(this.urls.signup, { data: this.user(), success: $.proxy(this.userCheck, this) }); return false; }; modal.prototype.updateUserFields = function() { var $username = $('.process-username'), $password = $('.process-password'); if ($username && $username.val().length) { this.email = $username.val(); }; if ($password && $password.val().length) { this.password = $password.val(); }; }; modal.prototype.success = function() { if (this.product.data.url && this.product.data.length) { window.location.href = this.product.data.url; } return false; }; modal.prototype.changeCard = function() { var me = this; $('.atavist-login').unbind().click(function() { me.payment(); }); }; modal.prototype.error = function(error, b, c) { this.message(error); this.changeCard(); return this; }; modal.prototype.message = function(message) { this.disable(false); $('.message') .html(message) .addClass('on') .click(function() { $(this).removeClass('on'); }); if (message === '') { $('.message').removeClass('on'); }; }; modal.prototype.credentials = function(user, cb) { // cookie-based hack var self = this; this.email = user.email; this.password = user.password; $('') .appendTo('body') .load(function() { if (cb) cb.call(self); // iframe load }) .attr('src', this.urls.login); var product_id_html = (user.product_id instanceof Array) ? $.map(user.product_id, function(val) { return ''; }).join('') // multiple : '', // single $form = $('' + '' + '' + '' + product_id_html + '') .appendTo('body') .submit(); return true; }; modal.prototype.confirm = function(details) { // confirm payment details var me = this; this.update('confirm'); this.changeCard(); this.doTotals(details); var text = details.payment, redeemText = $('.process-finish').data('redeem-coupon-text'), completeText = $('.process-finish').text(); if (this.gift === true) { text += '
' + [ 'To: ' + this.gift_recipient, 'From: ' + ((this.gift_gifter.length) ? this.gift_gifter : 'not provided'), 'Message: ' + ((this.gift_message.length) ? this.gift_message : 'none'), 'Delivered on: ' + this.gift_timestamp ].join('
'); }; if (this.code) { text += '
Coupon Code: ' + this.code + ''; }; $('.story-payment').html(text); $('.process-finish') .text((details && details.free && details.free === true) ? redeemText : completeText) .unbind('click') .click(function(event) { var data = me.user(), purchases = []; me.products(function(product) { data.product_id = product.product_id; purchases.push(me.ajax(me.urls.purchase, { data: data, custom_error: function(data) { var message = ''; if (data.error_description) message = data.error_description + '. ' + message; return message; }, success: function() { product.owns = true; } })); }); $.when // when deferreds are done .apply($, purchases) .done(function() { var errorCount = 0, x; for (x = 0; x < purchases.length; x++) { if (purchases[x].responseJSON && purchases[x].responseJSON.error) { errorCount++; } }; if (!errorCount) { me.update('success'); me.go(); } }); return false; }); }; modal.prototype.doTotals = function(data) { $('.story-totals').empty(); var $ul = $('
    ').appendTo('.story-totals'), total = 0, symbol = '$'; this.products(function(product) { var web_price = product.data.discounted_web_price ? product.data.discounted_web_price : product.data.web_price, productPrice = this.fromFloat(web_price), productPriceFormatted; if (product.data.symbol) symbol = product.data.symbol; if (product.free === true) { productPriceFormatted = 'Free'; } else { total += productPrice; productPriceFormatted = symbol + (productPrice / 100); if (product.data) { if (product.data.discounted_price) { productPriceFormatted = product.data.discounted_price; } else if (product.data.price) { productPriceFormatted = product.data.price; } } }; $('
  • ') .addClass('line-item') .html('' + product.data.title + '' + productPriceFormatted + '') .appendTo($ul); }); $ul.append($('
  • ').html('Total' + symbol + (total / 100) + '').addClass('payment-total')); }; modal.prototype.attachPayment = function(response) { var me = this, data = this.user(); data.stripe_token = response.id; this.ajax(this.urls.customer, { data: data, custom_error: function(data) { return data.error_description + ' Please try a different card.'; }, success: function(data) { me.stripe_token = response.id; me.hasPayment(data); me.confirm(data); } }); }; modal.prototype.hasPayment = function(data) { var hasPayment = (data && data.payment) ? true : false; $('.payment-confirm').toggle(!hasPayment); $('.payment-details').toggle(hasPayment); if (hasPayment) { $('.story-payment').html(data.payment); var confirmText = ($('button.process-payment-submit').length) ? $('button.process-payment-submit').text() : 'Confirm Credit Card'; $('.process-payment-submit').text(confirmText); }; if (as.cached_user_data && data && data.payment) { as.cached_user_data.payment = data.payment; }; return hasPayment; }; modal.prototype.stripe_publishable_key = function() { var stripe_key; this.products(function(product) { stripe_key = product.stripe_publishable_key; }); return stripe_key; }; modal.prototype.payment = function(data) { // process card info var me = this, $choiceForm = $('.process-payment-choice-form'); this.update('payment'); var hasPayment = false; if (this.hasPayment(data)) { hasPayment = true; this.changeCard(); }; $choiceForm.unbind().submit(function(event) { me.disable(true); if (me.gift === true) { me.gift_recipient = $('.gift-recipient').val(); me.gift_message = $('.gift-message').val(); me.gift_gifter = $('.gift-gifter').val(); if (!me.gift_recipient.length) { me.error('You must enter a recipient for your gift.'); return false; }; me.$el.find('.gift-destination').text(me.gift_recipient); me.$el.find('.gift-date').text(me.gift_timestamp); }; if (hasPayment === true) { me.confirm(data); } else { var cc = me.card(); for (var i in cc) { if (!cc[i]) { me.error(config.localizations.credit_required); return false; } }; Stripe.setPublishableKey(me.stripe_publishable_key()); Stripe.createToken(cc, function(status, response) { if (response.error) { var message = (response.error.type !== 'invalid_request_error') ? response.error.message : 'Invalid request.'; if (response.error.code && config.localizations[response.error.code]) { message = config.localizations[response.error.code]; }; me.error(message); } else { me.attachPayment(response); } }); }; return false; }); var $couponForm = $('.process-coupon-form'), $couponGroup = $('.atavist-coupon-group').hide(), $couponToggle = $('.atavist-toggle-coupon'); $('#atavist-add-coupon').css({display:'block', clear:'both'}); if (this.use_coupons !== false) { $couponInput = $('.process-store-coupon'); $couponToggle.unbind().click(this.toggleCoupon); $couponInput .unbind() .focus(function() { $couponForm.addClass('focus'); }) .blur(function() { $couponForm.removeClass('focus'); }); $couponForm.unbind().submit(function(event) { var data = me.user(); data.code = $couponInput.val(); me.ajax(me.urls.coupon, { data:data, success: $.proxy(me.couponCheck, me), failure: $.proxy(me.couponFailure, me) }); return false; }); } else { $couponForm.hide(); $couponToggle.hide(); }; var $giftInputs = $('.gift-inputs'); if (this.gift === true) { this.$el.addClass('atavist-gift'); var today = new Date(); if (!this.datepicker) { // ? this.datepicker = new Pikaday({ field: document.getElementById('atavist-datepicker'), firstDay: 1, minDate: today, yearRange: [2013, 2014], defaultDate:new Date(), setDefaultDate:true, onSelect:function(date) { me.gift_timestamp = me.dateToYMD(date); } }); }; if (this.gift_recipient) { $('.gift-recipient').val(this.gift_recipient); }; if (this.gift_message) { $('.gift-message').val(this.gift_message); }; if (this.gift_gifter) { $('.gift-gifter').val(this.gift_gifter); }; me.gift_timestamp = this.dateToYMD(today); $('.process-payment-submit').text('Confirm Gift Details'); $giftInputs.show(); } else { $giftInputs.hide(); } }; modal.prototype.dateToYMD = function(date) { return date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDate(); }; modal.prototype.toggleCoupon = function() { $('.process-coupon-form').toggleClass('atavist-show-coupon'); $('.atavist-coupon-group').toggle(); return false; }; modal.prototype.couponCheck = function(data) { this.disable(false); if (data.code) this.code = data.code; if (data.price) { this.price(data.price); }; this.toggleCoupon(); $('.atavist-coupon').removeClass('show').addClass('has-coupon'); if (data.free && data.free === true) { data.payment = 'Free via Coupon'; if (this.product instanceof product) { this.product.free = true; }; if (!this.gift) { this.confirm(data); } } else { this.products(function(product) { if (data.product_id === product.product_id) { product.data.discounted_web_price = data.web_price; product.data.discounted_price = data.price; } }); }; this.message(''); // Clear any bad coupon messaging }; modal.prototype.couponFailure = function(data) { $('.atavist-coupon').removeClass('has-coupon'); this.code = null; this.products(function(product) { product.data.discounted_web_price = null; product.data.discounted_price = null; }); }; modal.prototype.user = function() { var data = { email: (this.email) ? this.email : $('.process-username').val(), password: (this.password) ? this.password : $('.process-password').val(), product_id: this.product_ids() // product for ownership stats }; if (this.code) data.code = this.code; if (this.gift === true) { data.gift_timestamp = this.gift_timestamp; data.gift_recipient = this.gift_recipient; data.gift_message = this.gift_message; data.gift_gifter = this.gift_gifter; }; if (this.ref) { data.ref = this.ref; }; return data; }; modal.prototype.card = function() { return { number: $('.card-number').val(), cvc: $('.card-cvc').val(), exp_month: $('.card-expiry-month').val(), exp_year: $('.card-expiry-year').val(), address_zip: $('.card-zip').val() }; }; // jQuery adapter function atavistButtonOwned($button, product) { $button .trigger('product.owned', product) .addClass('atavist-product-owned') .attr('disabled', 'disabled'); } $.fn.creatavistStore = function(options) { return this.each(function() { var self = this, $self = $(this), is_gift = $self.data('gift'), product_list = $self.data('store'), success_url = $self.data('success-url'), product; if (!$.data(this, 'creatavist-store')) { $self.attr('disabled', 'disabled'); as.load(product_list, function(product) { if (is_gift !== true) { if (product.length === 1 && product[0].owns === true) { atavistButtonOwned($self, product[0]); return; } }; $self.removeAttr('disabled'); $.data(self, 'creatavist-store', product); $self.click(function(e) { var modal = as .modal(product, is_gift) .on('owns', function() { if (!is_gift) { atavistButtonOwned($self, product); } }); if (success_url) { modal.success_url = success_url; }; if ($self.data('store-button-type')) { modal.$el.find('.atavist-sheet').addClass('store-button-type-' + $self.data('store-button-type')); modal.$el.find('.message').removeClass('on'); modal.$el.find('.process-choose').addClass('atavist-is-login').removeClass('atavist-is-register'); }; return false; }); $self.trigger('product.loaded', product); }); } }); }; as.products = {}; as.username = null; as.callbackCount = 1; as.fetch = function(product_ids, cb) { $.ajax({ url: config.root + '/api/v2/store/store.php', dataType:'jsonp', cache:true, jsonpCallback: 'productsCallback' + as.callbackCount, data: {product_id: product_ids }, error:function(err1, err2, err3) { // console.log("ERR?", err1,err2,err3) }, success:function(result) { if (result.products) { if (cb) cb(result.products); }; if (result.user) { as.username = result.user.username; $('body').addClass('logged-in'); } } }); as.callbackCount++; }; as.get = function(product_id) { if (this.products[product_id]) { return this.products[product_id]; }; return null; }; as.modal = function(products, is_gift) { var modalProducts = []; if (products instanceof Array === false) { products = [products]; }; for (var i = 0; i < products.length; i++) { if (typeof products[i] === 'string') { // string, e.g. 'com.whatever' products[i] = this.products[ products[i] ]; }; if (products[i] instanceof product) { // an actual product itself products[i].gift = (is_gift === true) ? true : false; modalProducts.push(products[i]); products[i].emit('modal'); } }; if (modalProducts.length < 1) return; return new modal(modalProducts.length > 1 ? modalProducts : modalProducts[0]); }; as.flat = function(product_ids) { var flat = [], product_ids = (typeof product_ids === 'string') ? [product_ids] : product_ids; for (var i in this.products) { if (this.products[i].available() === true && product_ids.indexOf(i) !== -1) { flat.push(this.products[i]); } }; return flat; }; as.load = function(product_ids, cb) { var deferreds = [], unloaded = [], product_ids = (typeof product_ids === 'string') ? [product_ids] : product_ids; for (var i = 0; i < product_ids.length; i++) { var product_id = product_ids[i], prod = as.products[product_id]; if (!prod) { as.products[product_id] = prod = new product({ product_id: product_ids[i] }); }; if (prod.loaded === false && prod.loading !== true) { prod.loading = true; unloaded.push(product_id); }; deferreds.push( as.products[product_id].deferred().promise() ); }; if (unloaded.length > 0) { // some of these may need loading as.fetch(unloaded, function(loaded_products) { for (var product_id in loaded_products) { if (as.products[product_id]) { as.products[product_id].load(loaded_products[product_id]); } }; }); } return $.when // when deferreds are done .apply($, deferreds) .done(function() { if (cb) cb.call(as, as.flat(product_ids)); }); }; $(document).ready(function() { $('[data-store]').creatavistStore(); }); })(creatavistStore, jQuery);