').html(response.replace(rscript, "")).find(selector)
: response)
callback && callback.apply(self, arguments)
}
$.ajax(options)
return this
}
var escape = encodeURIComponent
function serialize(params, obj, traditional, scope) {
var type, array = $.isArray(obj), hash = $.isPlainObject(obj)
$.each(obj, function (key, value) {
type = $.type(value)
if (scope) key = traditional ? scope :
scope + '[' + (hash || type == 'object' || type == 'array' ? key : '') + ']'
// handle data in serializeArray() format
if (!scope && array) params.add(value.name, value.value)
// recurse into nested objects
else if (type == "array" || (!traditional && type == "object"))
serialize(params, value, traditional, key)
else params.add(key, value)
})
}
$.param = function (obj, traditional) {
var params = []
params.add = function (key, value) {
if ($.isFunction(value)) value = value()
if (value == null) value = ""
this.push(escape(key) + '=' + escape(value))
}
serialize(params, obj, traditional)
return params.join('&').replace(/%20/g, '+')
}
})(Zepto)
;
(function ($) {
$.fn.serializeArray = function () {
var name, type, result = [],
add = function (value) {
if (value.forEach) return value.forEach(add)
result.push({name: name, value: value})
}
if (this[0]) $.each(this[0].elements, function (_, field) {
type = field.type, name = field.name
if (name && field.nodeName.toLowerCase() != 'fieldset' && !field.disabled && type != 'submit' && type != 'reset' && type != 'button' && type != 'file' &&
((type != 'radio' && type != 'checkbox') || field.checked))
add($(field).val())
})
return result
}
$.fn.serialize = function () {
var result = []
this.serializeArray().forEach(function (elm) {
result.push(encodeURIComponent(elm.name) + '=' + encodeURIComponent(elm.value))
})
return result.join('&')
}
$.fn.submit = function (callback) {
if (0 in arguments) this.bind('submit', callback)
else if (this.length) {
var event = $.Event('submit')
this.eq(0).trigger(event)
if (!event.isDefaultPrevented()) this.get(0).submit()
}
return this
}
})(Zepto)
;
(function ($) {
// __proto__ doesn't exist on IE<11, so redefine
// the Z function to use object extension instead
if (!('__proto__' in {})) {
$.extend($.zepto, {
Z: function (dom, selector) {
dom = dom || []
$.extend(dom, $.fn)
dom.selector = selector || ''
dom.__Z = true
return dom
},
// this is a kludge but works
isZ: function (object) {
return $.type(object) === 'array' && '__Z' in object
}
})
}
// getComputedStyle shouldn't freak out when called
// without a valid element as argument
try {
getComputedStyle(undefined)
} catch (e) {
var nativeGetComputedStyle = getComputedStyle;
window.getComputedStyle = function (element) {
try {
return nativeGetComputedStyle(element)
} catch (e) {
return null
}
}
}
})(Zepto)
;
(function ($) {
function detect(ua, platform) {
var os = this.os = {}, browser = this.browser = {},
webkit = ua.match(/Web[kK]it[\/]{0,1}([\d.]+)/),
android = ua.match(/(Android);?[\s\/]+([\d.]+)?/),
osx = !!ua.match(/\(Macintosh\; Intel /),
ipad = ua.match(/(iPad).*OS\s([\d_]+)/),
ipod = ua.match(/(iPod)(.*OS\s([\d_]+))?/),
iphone = !ipad && ua.match(/(iPhone\sOS)\s([\d_]+)/),
webos = ua.match(/(webOS|hpwOS)[\s\/]([\d.]+)/),
win = /Win\d{2}|Windows/.test(platform),
wp = ua.match(/Windows Phone ([\d.]+)/),
touchpad = webos && ua.match(/TouchPad/),
kindle = ua.match(/Kindle\/([\d.]+)/),
silk = ua.match(/Silk\/([\d._]+)/),
blackberry = ua.match(/(BlackBerry).*Version\/([\d.]+)/),
bb10 = ua.match(/(BB10).*Version\/([\d.]+)/),
rimtabletos = ua.match(/(RIM\sTablet\sOS)\s([\d.]+)/),
playbook = ua.match(/PlayBook/),
chrome = ua.match(/Chrome\/([\d.]+)/) || ua.match(/CriOS\/([\d.]+)/),
firefox = ua.match(/Firefox\/([\d.]+)/),
ie = ua.match(/MSIE\s([\d.]+)/) || ua.match(/Trident\/[\d](?=[^\?]+).*rv:([0-9.].)/),
webview = !chrome && ua.match(/(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/),
safari = webview || ua.match(/Version\/([\d.]+)([^S](Safari)|[^M]*(Mobile)[^S]*(Safari))/)
// Todo: clean this up with a better OS/browser seperation:
// - discern (more) between multiple browsers on android
// - decide if kindle fire in silk mode is android or not
// - Firefox on Android doesn't specify the Android version
// - possibly devide in os, device and browser hashes
if (browser.webkit = !!webkit) browser.version = webkit[1]
if (android) os.android = true, os.version = android[2]
if (iphone && !ipod) os.ios = os.iphone = true, os.version = iphone[2].replace(/_/g, '.')
if (ipad) os.ios = os.ipad = true, os.version = ipad[2].replace(/_/g, '.')
if (ipod) os.ios = os.ipod = true, os.version = ipod[3] ? ipod[3].replace(/_/g, '.') : null
if (wp) os.wp = true, os.version = wp[1]
if (webos) os.webos = true, os.version = webos[2]
if (touchpad) os.touchpad = true
if (blackberry) os.blackberry = true, os.version = blackberry[2]
if (bb10) os.bb10 = true, os.version = bb10[2]
if (rimtabletos) os.rimtabletos = true, os.version = rimtabletos[2]
if (playbook) browser.playbook = true
if (kindle) os.kindle = true, os.version = kindle[1]
if (silk) browser.silk = true, browser.version = silk[1]
if (!silk && os.android && ua.match(/Kindle Fire/)) browser.silk = true
if (chrome) browser.chrome = true, browser.version = chrome[1]
if (firefox) browser.firefox = true, browser.version = firefox[1]
if (ie) browser.ie = true, browser.version = ie[1]
if (safari && (osx || os.ios || win)) {
browser.safari = true
if (!os.ios) browser.version = safari[1]
}
if (webview) browser.webview = true
os.tablet = !!(ipad || playbook || (android && !ua.match(/Mobile/)) ||
(firefox && ua.match(/Tablet/)) || (ie && !ua.match(/Phone/) && ua.match(/Touch/)))
os.phone = !!(!os.tablet && !os.ipod && (android || iphone || webos || blackberry || bb10 ||
(chrome && ua.match(/Android/)) || (chrome && ua.match(/CriOS\/([\d.]+)/)) ||
(firefox && ua.match(/Mobile/)) || (ie && ua.match(/Touch/))))
}
detect.call($, navigator.userAgent, navigator.platform)
// make available to unit tests
$.__detect = detect
})(Zepto)
;
(function ($, undefined) {
var prefix = '', eventPrefix, endEventName, endAnimationName,
vendors = {Webkit: 'webkit', Moz: '', O: 'o'},
document = window.document, testEl = document.createElement('div'),
supportedTransforms = /^((translate|rotate|scale)(X|Y|Z|3d)?|matrix(3d)?|perspective|skew(X|Y)?)$/i,
transform,
transitionProperty, transitionDuration, transitionTiming, transitionDelay,
animationName, animationDuration, animationTiming, animationDelay,
cssReset = {}
function dasherize(str) {
return str.replace(/([a-z])([A-Z])/, '$1-$2').toLowerCase()
}
function normalizeEvent(name) {
return eventPrefix ? eventPrefix + name : name.toLowerCase()
}
$.each(vendors, function (vendor, event) {
if (testEl.style[vendor + 'TransitionProperty'] !== undefined) {
prefix = '-' + vendor.toLowerCase() + '-'
eventPrefix = event
return false
}
})
transform = prefix + 'transform'
cssReset[transitionProperty = prefix + 'transition-property'] =
cssReset[transitionDuration = prefix + 'transition-duration'] =
cssReset[transitionDelay = prefix + 'transition-delay'] =
cssReset[transitionTiming = prefix + 'transition-timing-function'] =
cssReset[animationName = prefix + 'animation-name'] =
cssReset[animationDuration = prefix + 'animation-duration'] =
cssReset[animationDelay = prefix + 'animation-delay'] =
cssReset[animationTiming = prefix + 'animation-timing-function'] = ''
$.fx = {
off: (eventPrefix === undefined && testEl.style.transitionProperty === undefined),
speeds: {_default: 400, fast: 200, slow: 600},
cssPrefix: prefix,
transitionEnd: normalizeEvent('TransitionEnd'),
animationEnd: normalizeEvent('AnimationEnd')
}
$.fn.animate = function (properties, duration, ease, callback, delay) {
if ($.isFunction(duration))
callback = duration, ease = undefined, duration = undefined
if ($.isFunction(ease))
callback = ease, ease = undefined
if ($.isPlainObject(duration))
ease = duration.easing, callback = duration.complete, delay = duration.delay, duration = duration.duration
if (duration) duration = (typeof duration == 'number' ? duration :
($.fx.speeds[duration] || $.fx.speeds._default)) / 1000
if (delay) delay = parseFloat(delay) / 1000
return this.anim(properties, duration, ease, callback, delay)
}
$.fn.anim = function (properties, duration, ease, callback, delay) {
var key, cssValues = {}, cssProperties, transforms = '',
that = this, wrappedCallback, endEvent = $.fx.transitionEnd,
fired = false
if (duration === undefined) duration = $.fx.speeds._default / 1000
if (delay === undefined) delay = 0
if ($.fx.off) duration = 0
if (typeof properties == 'string') {
// keyframe animation
cssValues[animationName] = properties
cssValues[animationDuration] = duration + 's'
cssValues[animationDelay] = delay + 's'
cssValues[animationTiming] = (ease || 'linear')
endEvent = $.fx.animationEnd
} else {
cssProperties = []
// CSS transitions
for (key in properties)
if (supportedTransforms.test(key)) transforms += key + '(' + properties[key] + ') '
else cssValues[key] = properties[key], cssProperties.push(dasherize(key))
if (transforms) cssValues[transform] = transforms, cssProperties.push(transform)
if (duration > 0 && typeof properties === 'object') {
cssValues[transitionProperty] = cssProperties.join(', ')
cssValues[transitionDuration] = duration + 's'
cssValues[transitionDelay] = delay + 's'
cssValues[transitionTiming] = (ease || 'linear')
}
}
wrappedCallback = function (event) {
if (typeof event !== 'undefined') {
if (event.target !== event.currentTarget) return // makes sure the event didn't bubble from "below"
$(event.target).unbind(endEvent, wrappedCallback)
} else
$(this).unbind(endEvent, wrappedCallback) // triggered by setTimeout
fired = true
$(this).css(cssReset)
callback && callback.call(this)
}
if (duration > 0) {
this.bind(endEvent, wrappedCallback)
// transitionEnd is not always firing on older Android phones
// so make sure it gets fired
setTimeout(function () {
if (fired) return
wrappedCallback.call(that)
}, ((duration + delay) * 1000) + 25)
}
// trigger page reflow so new elements can animate
this.size() && this.get(0).clientLeft
this.css(cssValues)
if (duration <= 0) setTimeout(function () {
that.each(function () {
wrappedCallback.call(this)
})
}, 0)
return this
}
testEl = null
})(Zepto)
;
(function ($) {
var touch = {},
touchTimeout, tapTimeout, swipeTimeout, longTapTimeout,
longTapDelay = 750,
gesture
function swipeDirection(x1, x2, y1, y2) {
return Math.abs(x1 - x2) >=
Math.abs(y1 - y2) ? (x1 - x2 > 0 ? 'Left' : 'Right') : (y1 - y2 > 0 ? 'Up' : 'Down')
}
function longTap() {
longTapTimeout = null
if (touch.last) {
touch.el.trigger('longTap')
touch = {}
}
}
function cancelLongTap() {
if (longTapTimeout) clearTimeout(longTapTimeout)
longTapTimeout = null
}
function cancelAll() {
if (touchTimeout) clearTimeout(touchTimeout)
if (tapTimeout) clearTimeout(tapTimeout)
if (swipeTimeout) clearTimeout(swipeTimeout)
if (longTapTimeout) clearTimeout(longTapTimeout)
touchTimeout = tapTimeout = swipeTimeout = longTapTimeout = null
touch = {}
}
function isPrimaryTouch(event) {
return (event.pointerType == 'touch' ||
event.pointerType == event.MSPOINTER_TYPE_TOUCH)
&& event.isPrimary
}
function isPointerEventType(e, type) {
return (e.type == 'pointer' + type ||
e.type.toLowerCase() == 'mspointer' + type)
}
$(document).ready(function () {
var now, delta, deltaX = 0, deltaY = 0, firstTouch, _isPointerType
if ('MSGesture' in window) {
gesture = new MSGesture()
gesture.target = document.body
}
$(document)
.bind('MSGestureEnd', function (e) {
var swipeDirectionFromVelocity =
e.velocityX > 1 ? 'Right' : e.velocityX < -1 ? 'Left' : e.velocityY > 1 ? 'Down' : e.velocityY < -1 ? 'Up' : null;
if (swipeDirectionFromVelocity) {
touch.el.trigger('swipe')
touch.el.trigger('swipe' + swipeDirectionFromVelocity)
}
})
.on('touchstart MSPointerDown pointerdown', function (e) {
if ((_isPointerType = isPointerEventType(e, 'down')) && !isPrimaryTouch(e)) return
firstTouch = _isPointerType ? e : e.touches[0]
if (e.touches && e.touches.length === 1 && touch.x2) {
// Clear out touch movement data if we have it sticking around
// This can occur if touchcancel doesn't fire due to preventDefault, etc.
touch.x2 = undefined
touch.y2 = undefined
}
now = Date.now()
delta = now - (touch.last || now)
touch.el = $('tagName' in firstTouch.target ?
firstTouch.target : firstTouch.target.parentNode)
touchTimeout && clearTimeout(touchTimeout)
touch.x1 = firstTouch.pageX
touch.y1 = firstTouch.pageY
if (delta > 0 && delta <= 250) touch.isDoubleTap = true
touch.last = now
longTapTimeout = setTimeout(longTap, longTapDelay)
// adds the current touch contact for IE gesture recognition
if (gesture && _isPointerType) gesture.addPointer(e.pointerId);
})
.on('touchmove MSPointerMove pointermove', function (e) {
if ((_isPointerType = isPointerEventType(e, 'move')) && !isPrimaryTouch(e)) return
firstTouch = _isPointerType ? e : e.touches[0]
cancelLongTap()
touch.x2 = firstTouch.pageX
touch.y2 = firstTouch.pageY
deltaX += Math.abs(touch.x1 - touch.x2)
deltaY += Math.abs(touch.y1 - touch.y2)
})
.on('touchend MSPointerUp pointerup', function (e) {
if ((_isPointerType = isPointerEventType(e, 'up')) && !isPrimaryTouch(e)) return
cancelLongTap()
// swipe
if ((touch.x2 && Math.abs(touch.x1 - touch.x2) > 30) ||
(touch.y2 && Math.abs(touch.y1 - touch.y2) > 30))
swipeTimeout = setTimeout(function () {
touch.el.trigger('swipe')
touch.el.trigger('swipe' + (swipeDirection(touch.x1, touch.x2, touch.y1, touch.y2)))
touch = {}
}, 0)
// normal tap
else if ('last' in touch)
// don't fire tap when delta position changed by more than 30 pixels,
// for instance when moving to a point and back to origin
if (deltaX < 30 && deltaY < 30) {
// delay by one tick so we can cancel the 'tap' event if 'scroll' fires
// ('tap' fires before 'scroll')
tapTimeout = setTimeout(function () {
// trigger universal 'tap' with the option to cancelTouch()
// (cancelTouch cancels processing of single vs double taps for faster 'tap' response)
var event = $.Event('tap')
event.cancelTouch = cancelAll
touch.el.trigger(event)
// trigger double tap immediately
if (touch.isDoubleTap) {
if (touch.el) touch.el.trigger('doubleTap')
touch = {}
}
// trigger single tap after 250ms of inactivity
else {
touchTimeout = setTimeout(function () {
touchTimeout = null
if (touch.el) touch.el.trigger('singleTap')
touch = {}
}, 250)
}
}, 0)
} else {
touch = {}
}
deltaX = deltaY = 0
})
// when the browser window loses focus,
// for example when a modal dialog is shown,
// cancel all ongoing events
.on('touchcancel MSPointerCancel pointercancel', cancelAll)
// scrolling the window indicates intention of the user
// to scroll, not tap or swipe, so cancel all ongoing events
$(window).on('scroll', cancelAll)
})
;
['swipe', 'swipeLeft', 'swipeRight', 'swipeUp', 'swipeDown',
'doubleTap', 'tap', 'singleTap', 'longTap'].forEach(function (eventName) {
$.fn[eventName] = function (callback) {
return this.on(eventName, callback)
}
})
})(Zepto)
;
(function ($) {
if ($.os.ios) {
var gesture = {}, gestureTimeout
function parentIfText(node) {
return 'tagName' in node ? node : node.parentNode
}
$(document).bind('gesturestart', function (e) {
var now = Date.now(), delta = now - (gesture.last || now)
gesture.target = parentIfText(e.target)
gestureTimeout && clearTimeout(gestureTimeout)
gesture.e1 = e.scale
gesture.last = now
}).bind('gesturechange', function (e) {
gesture.e2 = e.scale
}).bind('gestureend', function (e) {
if (gesture.e2 > 0) {
Math.abs(gesture.e1 - gesture.e2) != 0 && $(gesture.target).trigger('pinch') &&
$(gesture.target).trigger('pinch' + (gesture.e1 - gesture.e2 > 0 ? 'In' : 'Out'))
gesture.e1 = gesture.e2 = gesture.last = 0
} else if ('last' in gesture) {
gesture = {}
}
})
;
['pinch', 'pinchIn', 'pinchOut'].forEach(function (m) {
$.fn[m] = function (callback) {
return this.bind(m, callback)
}
})
}
})(Zepto)
;
(function ($) {
var zepto = $.zepto, oldQsa = zepto.qsa, oldMatches = zepto.matches
function visible(elem) {
elem = $(elem)
return !!(elem.width() || elem.height()) && elem.css("display") !== "none"
}
// Implements a subset from:
// http://api.jquery.com/category/selectors/jquery-selector-extensions/
//
// Each filter function receives the current index, all nodes in the
// considered set, and a value if there were parentheses. The value
// of `this` is the node currently being considered. The function returns the
// resulting node(s), null, or undefined.
//
// Complex selectors are not supported:
// li:has(label:contains("foo")) + li:has(label:contains("bar"))
// ul.inner:first > li
var filters = $.expr[':'] = {
visible: function () {
if (visible(this)) return this
},
hidden: function () {
if (!visible(this)) return this
},
selected: function () {
if (this.selected) return this
},
checked: function () {
if (this.checked) return this
},
parent: function () {
return this.parentNode
},
first: function (idx) {
if (idx === 0) return this
},
last: function (idx, nodes) {
if (idx === nodes.length - 1) return this
},
eq: function (idx, _, value) {
if (idx === value) return this
},
contains: function (idx, _, text) {
if ($(this).text().indexOf(text) > -1) return this
},
has: function (idx, _, sel) {
if (zepto.qsa(this, sel).length) return this
}
}
var filterRe = new RegExp('(.*):(\\w+)(?:\\(([^)]+)\\))?$\\s*'),
childRe = /^\s*>/,
classTag = 'Zepto' + (+new Date())
function process(sel, fn) {
// quote the hash in `a[href^=#]` expression
sel = sel.replace(/=#\]/g, '="#"]')
var filter, arg, match = filterRe.exec(sel)
if (match && match[2] in filters) {
filter = filters[match[2]], arg = match[3]
sel = match[1]
if (arg) {
var num = Number(arg)
if (isNaN(num)) arg = arg.replace(/^["']|["']$/g, '')
else arg = num
}
}
return fn(sel, filter, arg)
}
zepto.qsa = function (node, selector) {
return process(selector, function (sel, filter, arg) {
try {
var taggedParent
if (!sel && filter) sel = '*'
else if (childRe.test(sel))
// support "> *" child queries by tagging the parent node with a
// unique class and prepending that classname onto the selector
taggedParent = $(node).addClass(classTag), sel = '.' + classTag + ' ' + sel
var nodes = oldQsa(node, sel)
} catch (e) {
console.error('error performing selector: %o', selector)
throw e
} finally {
if (taggedParent) taggedParent.removeClass(classTag)
}
return !filter ? nodes :
zepto.uniq($.map(nodes, function (n, i) {
return filter.call(n, i, nodes, arg)
}))
})
}
zepto.matches = function (node, selector) {
return process(selector, function (sel, filter, arg) {
return (!sel || oldMatches(node, sel)) &&
(!filter || filter.call(node, null, arg) === node)
})
}
})(Zepto);
================================================
FILE: app/templates/app/src/lib/zepto.waypoints.js
================================================
/*!
Waypoints - 4.0.0
Copyright © 2011-2015 Caleb Troughton
Licensed under the MIT license.
https://github.com/imakewebthings/waypoints/blog/master/licenses.txt
*/
;(function () {
'use strict'
var keyCounter = 0
var allWaypoints = {}
/* http://imakewebthings.com/waypoints/api/waypoint */
function Waypoint(options) {
if (!options) {
throw new Error('No options passed to Waypoint constructor')
}
if (!options.element) {
throw new Error('No element option passed to Waypoint constructor')
}
if (!options.handler) {
throw new Error('No handler option passed to Waypoint constructor')
}
this.key = 'waypoint-' + keyCounter
this.options = Waypoint.Adapter.extend({}, Waypoint.defaults, options)
this.element = this.options.element
this.adapter = new Waypoint.Adapter(this.element)
this.callback = options.handler
this.axis = this.options.horizontal ? 'horizontal' : 'vertical'
this.enabled = this.options.enabled
this.triggerPoint = null
this.group = Waypoint.Group.findOrCreate({
name: this.options.group,
axis: this.axis
})
this.context = Waypoint.Context.findOrCreateByElement(this.options.context)
if (Waypoint.offsetAliases[this.options.offset]) {
this.options.offset = Waypoint.offsetAliases[this.options.offset]
}
this.group.add(this)
this.context.add(this)
allWaypoints[this.key] = this
keyCounter += 1
}
/* Private */
Waypoint.prototype.queueTrigger = function (direction) {
this.group.queueTrigger(this, direction)
}
/* Private */
Waypoint.prototype.trigger = function (args) {
if (!this.enabled) {
return
}
if (this.callback) {
this.callback.apply(this, args)
}
}
/* Public */
/* http://imakewebthings.com/waypoints/api/destroy */
Waypoint.prototype.destroy = function () {
this.context.remove(this)
this.group.remove(this)
delete allWaypoints[this.key]
}
/* Public */
/* http://imakewebthings.com/waypoints/api/disable */
Waypoint.prototype.disable = function () {
this.enabled = false
return this
}
/* Public */
/* http://imakewebthings.com/waypoints/api/enable */
Waypoint.prototype.enable = function () {
this.context.refresh()
this.enabled = true
return this
}
/* Public */
/* http://imakewebthings.com/waypoints/api/next */
Waypoint.prototype.next = function () {
return this.group.next(this)
}
/* Public */
/* http://imakewebthings.com/waypoints/api/previous */
Waypoint.prototype.previous = function () {
return this.group.previous(this)
}
/* Private */
Waypoint.invokeAll = function (method) {
var allWaypointsArray = []
for (var waypointKey in allWaypoints) {
allWaypointsArray.push(allWaypoints[waypointKey])
}
for (var i = 0, end = allWaypointsArray.length; i < end; i++) {
allWaypointsArray[i][method]()
}
}
/* Public */
/* http://imakewebthings.com/waypoints/api/destroy-all */
Waypoint.destroyAll = function () {
Waypoint.invokeAll('destroy')
}
/* Public */
/* http://imakewebthings.com/waypoints/api/disable-all */
Waypoint.disableAll = function () {
Waypoint.invokeAll('disable')
}
/* Public */
/* http://imakewebthings.com/waypoints/api/enable-all */
Waypoint.enableAll = function () {
Waypoint.invokeAll('enable')
}
/* Public */
/* http://imakewebthings.com/waypoints/api/refresh-all */
Waypoint.refreshAll = function () {
Waypoint.Context.refreshAll()
}
/* Public */
/* http://imakewebthings.com/waypoints/api/viewport-height */
Waypoint.viewportHeight = function () {
return window.innerHeight || document.documentElement.clientHeight
}
/* Public */
/* http://imakewebthings.com/waypoints/api/viewport-width */
Waypoint.viewportWidth = function () {
return document.documentElement.clientWidth
}
Waypoint.adapters = []
Waypoint.defaults = {
context: window,
continuous: true,
enabled: true,
group: 'default',
horizontal: false,
offset: 0
}
Waypoint.offsetAliases = {
'bottom-in-view': function () {
return this.context.innerHeight() - this.adapter.outerHeight()
},
'right-in-view': function () {
return this.context.innerWidth() - this.adapter.outerWidth()
}
}
window.Waypoint = Waypoint
}())
;
(function () {
'use strict'
function requestAnimationFrameShim(callback) {
window.setTimeout(callback, 1000 / 60)
}
var keyCounter = 0
var contexts = {}
var Waypoint = window.Waypoint
var oldWindowLoad = window.onload
/* http://imakewebthings.com/waypoints/api/context */
function Context(element) {
this.element = element
this.Adapter = Waypoint.Adapter
this.adapter = new this.Adapter(element)
this.key = 'waypoint-context-' + keyCounter
this.didScroll = false
this.didResize = false
this.oldScroll = {
x: this.adapter.scrollLeft(),
y: this.adapter.scrollTop()
}
this.waypoints = {
vertical: {},
horizontal: {}
}
element.waypointContextKey = this.key
contexts[element.waypointContextKey] = this
keyCounter += 1
this.createThrottledScrollHandler()
this.createThrottledResizeHandler()
}
/* Private */
Context.prototype.add = function (waypoint) {
var axis = waypoint.options.horizontal ? 'horizontal' : 'vertical'
this.waypoints[axis][waypoint.key] = waypoint
this.refresh()
}
/* Private */
Context.prototype.checkEmpty = function () {
var horizontalEmpty = this.Adapter.isEmptyObject(this.waypoints.horizontal)
var verticalEmpty = this.Adapter.isEmptyObject(this.waypoints.vertical)
if (horizontalEmpty && verticalEmpty) {
this.adapter.off('.waypoints')
delete contexts[this.key]
}
}
/* Private */
Context.prototype.createThrottledResizeHandler = function () {
var self = this
function resizeHandler() {
self.handleResize()
self.didResize = false
}
this.adapter.on('resize.waypoints', function () {
if (!self.didResize) {
self.didResize = true
Waypoint.requestAnimationFrame(resizeHandler)
}
})
}
/* Private */
Context.prototype.createThrottledScrollHandler = function () {
var self = this
function scrollHandler() {
self.handleScroll()
self.didScroll = false
}
this.adapter.on('scroll.waypoints', function () {
if (!self.didScroll || Waypoint.isTouch) {
self.didScroll = true
Waypoint.requestAnimationFrame(scrollHandler)
}
})
}
/* Private */
Context.prototype.handleResize = function () {
Waypoint.Context.refreshAll()
}
/* Private */
Context.prototype.handleScroll = function () {
var triggeredGroups = {}
var axes = {
horizontal: {
newScroll: this.adapter.scrollLeft(),
oldScroll: this.oldScroll.x,
forward: 'right',
backward: 'left'
},
vertical: {
newScroll: this.adapter.scrollTop(),
oldScroll: this.oldScroll.y,
forward: 'down',
backward: 'up'
}
}
for (var axisKey in axes) {
var axis = axes[axisKey]
var isForward = axis.newScroll > axis.oldScroll
var direction = isForward ? axis.forward : axis.backward
for (var waypointKey in this.waypoints[axisKey]) {
var waypoint = this.waypoints[axisKey][waypointKey]
var wasBeforeTriggerPoint = axis.oldScroll < waypoint.triggerPoint
var nowAfterTriggerPoint = axis.newScroll >= waypoint.triggerPoint
var crossedForward = wasBeforeTriggerPoint && nowAfterTriggerPoint
var crossedBackward = !wasBeforeTriggerPoint && !nowAfterTriggerPoint
if (crossedForward || crossedBackward) {
waypoint.queueTrigger(direction)
triggeredGroups[waypoint.group.id] = waypoint.group
}
}
}
for (var groupKey in triggeredGroups) {
triggeredGroups[groupKey].flushTriggers()
}
this.oldScroll = {
x: axes.horizontal.newScroll,
y: axes.vertical.newScroll
}
}
/* Private */
Context.prototype.innerHeight = function () {
/*eslint-disable eqeqeq */
if (this.element == this.element.window) {
return Waypoint.viewportHeight()
}
/*eslint-enable eqeqeq */
return this.adapter.innerHeight()
}
/* Private */
Context.prototype.remove = function (waypoint) {
delete this.waypoints[waypoint.axis][waypoint.key]
this.checkEmpty()
}
/* Private */
Context.prototype.innerWidth = function () {
/*eslint-disable eqeqeq */
if (this.element == this.element.window) {
return Waypoint.viewportWidth()
}
/*eslint-enable eqeqeq */
return this.adapter.innerWidth()
}
/* Public */
/* http://imakewebthings.com/waypoints/api/context-destroy */
Context.prototype.destroy = function () {
var allWaypoints = []
for (var axis in this.waypoints) {
for (var waypointKey in this.waypoints[axis]) {
allWaypoints.push(this.waypoints[axis][waypointKey])
}
}
for (var i = 0, end = allWaypoints.length; i < end; i++) {
allWaypoints[i].destroy()
}
}
/* Public */
/* http://imakewebthings.com/waypoints/api/context-refresh */
Context.prototype.refresh = function () {
/*eslint-disable eqeqeq */
var isWindow = this.element == this.element.window
/*eslint-enable eqeqeq */
var contextOffset = isWindow ? undefined : this.adapter.offset()
var triggeredGroups = {}
var axes
this.handleScroll()
axes = {
horizontal: {
contextOffset: isWindow ? 0 : contextOffset.left,
contextScroll: isWindow ? 0 : this.oldScroll.x,
contextDimension: this.innerWidth(),
oldScroll: this.oldScroll.x,
forward: 'right',
backward: 'left',
offsetProp: 'left'
},
vertical: {
contextOffset: isWindow ? 0 : contextOffset.top,
contextScroll: isWindow ? 0 : this.oldScroll.y,
contextDimension: this.innerHeight(),
oldScroll: this.oldScroll.y,
forward: 'down',
backward: 'up',
offsetProp: 'top'
}
}
for (var axisKey in axes) {
var axis = axes[axisKey]
for (var waypointKey in this.waypoints[axisKey]) {
var waypoint = this.waypoints[axisKey][waypointKey]
var adjustment = waypoint.options.offset
var oldTriggerPoint = waypoint.triggerPoint
var elementOffset = 0
var freshWaypoint = oldTriggerPoint == null
var contextModifier, wasBeforeScroll, nowAfterScroll
var triggeredBackward, triggeredForward
if (waypoint.element !== waypoint.element.window) {
elementOffset = waypoint.adapter.offset()[axis.offsetProp]
}
if (typeof adjustment === 'function') {
adjustment = adjustment.apply(waypoint)
}
else if (typeof adjustment === 'string') {
adjustment = parseFloat(adjustment)
if (waypoint.options.offset.indexOf('%') > -1) {
adjustment = Math.ceil(axis.contextDimension * adjustment / 100)
}
}
contextModifier = axis.contextScroll - axis.contextOffset
waypoint.triggerPoint = elementOffset + contextModifier - adjustment
wasBeforeScroll = oldTriggerPoint < axis.oldScroll
nowAfterScroll = waypoint.triggerPoint >= axis.oldScroll
triggeredBackward = wasBeforeScroll && nowAfterScroll
triggeredForward = !wasBeforeScroll && !nowAfterScroll
if (!freshWaypoint && triggeredBackward) {
waypoint.queueTrigger(axis.backward)
triggeredGroups[waypoint.group.id] = waypoint.group
}
else if (!freshWaypoint && triggeredForward) {
waypoint.queueTrigger(axis.forward)
triggeredGroups[waypoint.group.id] = waypoint.group
}
else if (freshWaypoint && axis.oldScroll >= waypoint.triggerPoint) {
waypoint.queueTrigger(axis.forward)
triggeredGroups[waypoint.group.id] = waypoint.group
}
}
}
Waypoint.requestAnimationFrame(function () {
for (var groupKey in triggeredGroups) {
triggeredGroups[groupKey].flushTriggers()
}
})
return this
}
/* Private */
Context.findOrCreateByElement = function (element) {
return Context.findByElement(element) || new Context(element)
}
/* Private */
Context.refreshAll = function () {
for (var contextId in contexts) {
contexts[contextId].refresh()
}
}
/* Public */
/* http://imakewebthings.com/waypoints/api/context-find-by-element */
Context.findByElement = function (element) {
return contexts[element.waypointContextKey]
}
window.onload = function () {
if (oldWindowLoad) {
oldWindowLoad()
}
Context.refreshAll()
}
Waypoint.requestAnimationFrame = function (callback) {
var requestFn = window.requestAnimationFrame ||
window.mozRequestAnimationFrame ||
window.webkitRequestAnimationFrame ||
requestAnimationFrameShim
requestFn.call(window, callback)
}
Waypoint.Context = Context
}())
;
(function () {
'use strict'
function byTriggerPoint(a, b) {
return a.triggerPoint - b.triggerPoint
}
function byReverseTriggerPoint(a, b) {
return b.triggerPoint - a.triggerPoint
}
var groups = {
vertical: {},
horizontal: {}
}
var Waypoint = window.Waypoint
/* http://imakewebthings.com/waypoints/api/group */
function Group(options) {
this.name = options.name
this.axis = options.axis
this.id = this.name + '-' + this.axis
this.waypoints = []
this.clearTriggerQueues()
groups[this.axis][this.name] = this
}
/* Private */
Group.prototype.add = function (waypoint) {
this.waypoints.push(waypoint)
}
/* Private */
Group.prototype.clearTriggerQueues = function () {
this.triggerQueues = {
up: [],
down: [],
left: [],
right: []
}
}
/* Private */
Group.prototype.flushTriggers = function () {
for (var direction in this.triggerQueues) {
var waypoints = this.triggerQueues[direction]
var reverse = direction === 'up' || direction === 'left'
waypoints.sort(reverse ? byReverseTriggerPoint : byTriggerPoint)
for (var i = 0, end = waypoints.length; i < end; i += 1) {
var waypoint = waypoints[i]
if (waypoint.options.continuous || i === waypoints.length - 1) {
waypoint.trigger([direction])
}
}
}
this.clearTriggerQueues()
}
/* Private */
Group.prototype.next = function (waypoint) {
this.waypoints.sort(byTriggerPoint)
var index = Waypoint.Adapter.inArray(waypoint, this.waypoints)
var isLast = index === this.waypoints.length - 1
return isLast ? null : this.waypoints[index + 1]
}
/* Private */
Group.prototype.previous = function (waypoint) {
this.waypoints.sort(byTriggerPoint)
var index = Waypoint.Adapter.inArray(waypoint, this.waypoints)
return index ? this.waypoints[index - 1] : null
}
/* Private */
Group.prototype.queueTrigger = function (waypoint, direction) {
this.triggerQueues[direction].push(waypoint)
}
/* Private */
Group.prototype.remove = function (waypoint) {
var index = Waypoint.Adapter.inArray(waypoint, this.waypoints)
if (index > -1) {
this.waypoints.splice(index, 1)
}
}
/* Public */
/* http://imakewebthings.com/waypoints/api/first */
Group.prototype.first = function () {
return this.waypoints[0]
}
/* Public */
/* http://imakewebthings.com/waypoints/api/last */
Group.prototype.last = function () {
return this.waypoints[this.waypoints.length - 1]
}
/* Private */
Group.findOrCreate = function (options) {
return groups[options.axis][options.name] || new Group(options)
}
Waypoint.Group = Group
}())
;
(function () {
'use strict'
var $ = window.Zepto
var Waypoint = window.Waypoint
function ZeptoAdapter(element) {
this.element = element
this.$element = $(element)
}
$.each([
'off',
'on',
'scrollLeft',
'scrollTop'
], function (i, method) {
ZeptoAdapter.prototype[method] = function () {
var args = Array.prototype.slice.call(arguments)
return this.$element[method].apply(this.$element, args)
}
})
ZeptoAdapter.prototype.offset = function () {
if (this.element !== this.element.window) {
return this.$element.offset()
}
}
// Adapted from https://gist.github.com/wheresrhys/5823198
$.each([
'width',
'height'
], function (i, dimension) {
function createDimensionMethod($element, includeBorder) {
return function (includeMargin) {
var $element = this.$element
var size = $element[dimension]()
var sides = {
width: ['left', 'right'],
height: ['top', 'bottom']
}
$.each(sides[dimension], function (i, side) {
size += parseInt($element.css('padding-' + side), 10)
if (includeBorder) {
size += parseInt($element.css('border-' + side + '-width'), 10)
}
if (includeMargin) {
size += parseInt($element.css('margin-' + side), 10)
}
})
return size
}
}
var innerMethod = $.camelCase('inner-' + dimension)
var outerMethod = $.camelCase('outer-' + dimension)
ZeptoAdapter.prototype[innerMethod] = createDimensionMethod(false)
ZeptoAdapter.prototype[outerMethod] = createDimensionMethod(true)
})
$.each([
'extend',
'inArray'
], function (i, method) {
ZeptoAdapter[method] = $[method]
})
ZeptoAdapter.isEmptyObject = function (obj) {
/* eslint no-unused-vars: 0 */
for (var name in obj) {
return false
}
return true
}
Waypoint.adapters.push({
name: 'zepto',
Adapter: ZeptoAdapter
})
Waypoint.Adapter = ZeptoAdapter
}())
;
(function () {
'use strict'
var Waypoint = window.Waypoint
function createExtension(framework) {
return function () {
var waypoints = []
var overrides = arguments[0]
if (framework.isFunction(arguments[0])) {
overrides = framework.extend({}, arguments[1])
overrides.handler = arguments[0]
}
this.each(function () {
var options = framework.extend({}, overrides, {
element: this
})
if (typeof options.context === 'string') {
options.context = framework(this).closest(options.context)[0]
}
waypoints.push(new Waypoint(options))
})
return waypoints
}
}
if (window.jQuery) {
window.jQuery.fn.waypoint = createExtension(window.jQuery)
}
if (window.Zepto) {
window.Zepto.fn.waypoint = createExtension(window.Zepto)
}
}());
================================================
FILE: app/templates/app/src/util/AppCache.js
================================================
/**
* if you enable manifest in package.json,you don't need to require this module any more,gulp will auto includes it for you
*/
var appCache = window.applicationCache;
appCache.addEventListener('updateready', function (e) {
if (appCache.status == appCache.UPDATEREADY) {
try {
appCache.update();
if (appCache.status == appCache.UPDATEREADY) {
try {
appCache.swapCache();
window.location.reload(false);
} catch (err) {
}
}
} catch (err) {
}
}
}, false);
================================================
FILE: app/templates/app/src/util/Base64.js
================================================
var Base64 = {
// private property
_keyStr: "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",
// public method for encoding
encode: function (input) {
var output = "";
var chr1, chr2, chr3, enc1, enc2, enc3, enc4;
var i = 0;
input = Base64._utf8_encode(input);
while (i < input.length) {
chr1 = input.charCodeAt(i++);
chr2 = input.charCodeAt(i++);
chr3 = input.charCodeAt(i++);
enc1 = chr1 >> 2;
enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);
enc3 = ((chr2 & 15) << 2) | (chr3 >> 6);
enc4 = chr3 & 63;
if (isNaN(chr2)) {
enc3 = enc4 = 64;
} else if (isNaN(chr3)) {
enc4 = 64;
}
output = output +
this._keyStr.charAt(enc1) + this._keyStr.charAt(enc2) +
this._keyStr.charAt(enc3) + this._keyStr.charAt(enc4);
}
return output;
},
// public method for decoding
decode: function (input) {
var output = "";
var chr1, chr2, chr3;
var enc1, enc2, enc3, enc4;
var i = 0;
input = input.replace(/[^A-Za-z0-9\+\/\=]/g, "");
while (i < input.length) {
enc1 = this._keyStr.indexOf(input.charAt(i++));
enc2 = this._keyStr.indexOf(input.charAt(i++));
enc3 = this._keyStr.indexOf(input.charAt(i++));
enc4 = this._keyStr.indexOf(input.charAt(i++));
chr1 = (enc1 << 2) | (enc2 >> 4);
chr2 = ((enc2 & 15) << 4) | (enc3 >> 2);
chr3 = ((enc3 & 3) << 6) | enc4;
output = output + String.fromCharCode(chr1);
if (enc3 != 64) {
output = output + String.fromCharCode(chr2);
}
if (enc4 != 64) {
output = output + String.fromCharCode(chr3);
}
}
output = Base64._utf8_decode(output);
return output;
},
// private method for UTF-8 encoding
_utf8_encode: function (string) {
string = string.replace(/\r\n/g, "\n");
var utftext = "";
for (var n = 0; n < string.length; n++) {
var c = string.charCodeAt(n);
if (c < 128) {
utftext += String.fromCharCode(c);
}
else if ((c > 127) && (c < 2048)) {
utftext += String.fromCharCode((c >> 6) | 192);
utftext += String.fromCharCode((c & 63) | 128);
}
else {
utftext += String.fromCharCode((c >> 12) | 224);
utftext += String.fromCharCode(((c >> 6) & 63) | 128);
utftext += String.fromCharCode((c & 63) | 128);
}
}
return utftext;
},
// private method for UTF-8 decoding
_utf8_decode: function (utftext) {
var string = "";
var i = 0;
var c = c1 = c2 = 0;
while (i < utftext.length) {
c = utftext.charCodeAt(i);
if (c < 128) {
string += String.fromCharCode(c);
i++;
}
else if ((c > 191) && (c < 224)) {
c2 = utftext.charCodeAt(i + 1);
string += String.fromCharCode(((c & 31) << 6) | (c2 & 63));
i += 2;
}
else {
c2 = utftext.charCodeAt(i + 1);
c3 = utftext.charCodeAt(i + 2);
string += String.fromCharCode(((c & 15) << 12) | ((c2 & 63) << 6) | (c3 & 63));
i += 3;
}
}
return string;
}
}
module.exports = Base64;
================================================
FILE: app/templates/app/src/util/DateHandler.js
================================================
var DateHandler = (function () {
function getStrDate(str) {
var date;
if (typeof str === 'string') {
var arr = str.split(/[- :]/);
date = new Date(arr[0], arr[1] - 1, arr[2], arr[3] || 0, arr[4] || 0, arr[5] || 0);
}
return date;
}
function dbl00(num) {
return num < 10 ? '0' + num : num;
}
function getMeta(date) {
if (!date) {
return null;
}
var YYYY = date.getFullYear(),
MM = date.getMonth(),
DD = date.getDate(),
hh = date.getHours(),
mm = date.getMinutes(),
ss = date.getSeconds();
return {
year: YYYY,
month: dbl00(MM + 1),
day: dbl00(DD),
hour: dbl00(hh),
minute: dbl00(mm),
second: dbl00(ss)
}
}
function formatStr(str) {
var date = getStrDate(str);
return getMeta(date);
}
function fromNowTo(date) {
if (!date) {
return null;
}
var _date;
if (typeof date === 'string') {
_date = getStrDate(date);
} else if (typeof date === 'number') {
_date = new Date(date);
} else if (date.getTime) {
_date = date;
}
if (!_date) {
return null;
}
var old = _date.getTime(),
cur = new Date().getTime(),
diff = Math.abs(cur - old),
day = Math.floor(diff / (24 * 60 * 60 * 1000)),
hour = Math.floor((diff - (day * 24 * 60 * 60 * 1000)) / (60 * 60 * 1000)),
minute = Math.floor((diff - (hour * 60 * 60 * 1000) - (day * 24 * 60 * 60 * 1000)) / (60 * 1000)),
second = Math.floor((diff - (hour * 60 * 60 * 1000) - (day * 24 * 60 * 60 * 1000) - (minute * 60 * 1000)) / 1000);
return {
day: dbl00(day),
hour: dbl00(hour),
minute: dbl00(minute),
second: dbl00(second)
}
}
function timeLogFromNowTo(date) {
var _date = fromNowTo(date);
if (!_date) {
return null
}
var day = parseInt(_date.day),
hou = parseInt(_date.hour),
min = parseInt(_date.minute);
if (day > 0) {
return day + ' days ago';
} else if (hou > 0) {
return hou + ' hours ago';
} else if (min >= 3) {
return min + ' mins ago';
} else {
return 'just now';
}
}
function getDaysInMonth(y, m) {
return /8|3|5|10/.test(--m) ? 30 : m == 1 ? (!(y % 4) && y % 100) || !(y % 400) ? 29 : 28 : 31;
}
return {
getStrDate: getStrDate,
getMeta: getMeta,
formatStr: formatStr,
fromNowTo: fromNowTo,
timeLogFromNowTo: timeLogFromNowTo,
getDaysInMonth: getDaysInMonth
}
}());
module.exports = DateHandler;
================================================
FILE: app/templates/app/src/util/Easing.js
================================================
/**
* http://www.robertpenner.com/easing/
* http://www.gizma.com/easing/
*
* t: current time
* b: begInnIng value
* c: change In value
* d: duration
**/
// simple linear tweening - no easing, no acceleration
Math.linearTween = function (t, b, c, d) {
return c * t / d + b;
};
// quadratic easing in - accelerating from zero velocity
Math.easeInQuad = function (t, b, c, d) {
t /= d;
return c * t * t + b;
};
// quadratic easing out - decelerating to zero velocity
Math.easeOutQuad = function (t, b, c, d) {
t /= d;
return -c * t * (t - 2) + b;
};
// quadratic easing in/out - acceleration until halfway, then deceleration
Math.easeInOutQuad = function (t, b, c, d) {
t /= d / 2;
if (t < 1) return c / 2 * t * t + b;
t--;
return -c / 2 * (t * (t - 2) - 1) + b;
};
// cubic easing in - accelerating from zero velocity
Math.easeInCubic = function (t, b, c, d) {
t /= d;
return c * t * t * t + b;
};
// cubic easing out - decelerating to zero velocity
Math.easeOutCubic = function (t, b, c, d) {
t /= d;
t--;
return c * (t * t * t + 1) + b;
};
// cubic easing in/out - acceleration until halfway, then deceleration
Math.easeInOutCubic = function (t, b, c, d) {
t /= d / 2;
if (t < 1) return c / 2 * t * t * t + b;
t -= 2;
return c / 2 * (t * t * t + 2) + b;
};
// quartic easing in - accelerating from zero velocity
Math.easeInQuart = function (t, b, c, d) {
t /= d;
return c * t * t * t * t + b;
};
// quartic easing out - decelerating to zero velocity
Math.easeOutQuart = function (t, b, c, d) {
t /= d;
t--;
return -c * (t * t * t * t - 1) + b;
};
// quartic easing in/out - acceleration until halfway, then deceleration
Math.easeInOutQuart = function (t, b, c, d) {
t /= d / 2;
if (t < 1) return c / 2 * t * t * t * t + b;
t -= 2;
return -c / 2 * (t * t * t * t - 2) + b;
};
// quintic easing in - accelerating from zero velocity
Math.easeInQuint = function (t, b, c, d) {
t /= d;
return c * t * t * t * t * t + b;
};
// quintic easing out - decelerating to zero velocity
Math.easeOutQuint = function (t, b, c, d) {
t /= d;
t--;
return c * (t * t * t * t * t + 1) + b;
};
// quintic easing in/out - acceleration until halfway, then deceleration
Math.easeInOutQuint = function (t, b, c, d) {
t /= d / 2;
if (t < 1) return c / 2 * t * t * t * t * t + b;
t -= 2;
return c / 2 * (t * t * t * t * t + 2) + b;
};
// sinusoidal easing in - accelerating from zero velocity
Math.easeInSine = function (t, b, c, d) {
return -c * Math.cos(t / d * (Math.PI / 2)) + c + b;
};
// sinusoidal easing out - decelerating to zero velocity
Math.easeOutSine = function (t, b, c, d) {
return c * Math.sin(t / d * (Math.PI / 2)) + b;
};
// sinusoidal easing in/out - accelerating until halfway, then decelerating
Math.easeInOutSine = function (t, b, c, d) {
return -c / 2 * (Math.cos(Math.PI * t / d) - 1) + b;
};
// exponential easing in - accelerating from zero velocity
Math.easeInExpo = function (t, b, c, d) {
return c * Math.pow(2, 10 * (t / d - 1)) + b;
};
// exponential easing out - decelerating to zero velocity
Math.easeOutExpo = function (t, b, c, d) {
return c * ( -Math.pow(2, -10 * t / d) + 1 ) + b;
};
// exponential easing in/out - accelerating until halfway, then decelerating
Math.easeInOutExpo = function (t, b, c, d) {
t /= d / 2;
if (t < 1) return c / 2 * Math.pow(2, 10 * (t - 1)) + b;
t--;
return c / 2 * ( -Math.pow(2, -10 * t) + 2 ) + b;
};
// circular easing in - accelerating from zero velocity
Math.easeInCirc = function (t, b, c, d) {
t /= d;
return -c * (Math.sqrt(1 - t * t) - 1) + b;
};
// circular easing out - decelerating to zero velocity
Math.easeOutCirc = function (t, b, c, d) {
t /= d;
t--;
return c * Math.sqrt(1 - t * t) + b;
};
// circular easing in/out - acceleration until halfway, then deceleration
Math.easeInOutCirc = function (t, b, c, d) {
t /= d / 2;
if (t < 1) return -c / 2 * (Math.sqrt(1 - t * t) - 1) + b;
t -= 2;
return c / 2 * (Math.sqrt(1 - t * t) + 1) + b;
};
================================================
FILE: app/templates/app/src/util/FacebookShare.js
================================================
var MetaHandler = require('util/MetaHandler');
/**
* facebook
* https://developers.facebook.com/docs/sharing/best-practices
*
* @param data = {
* url,
* type,
* title,
* description,
* image
* }
*
*/
function share(data) {
data = data || {};
MetaHandler.createMeta('og:url').setContent('og:url', data.url || window.location.href);
MetaHandler.createMeta('og:type').setContent('og:type', data.type || 'article');
MetaHandler.createMeta('og:title').setContent('og:title', data.title || document.title);
MetaHandler.createMeta('og:description').setContent('og:description', data.description);
MetaHandler.createMeta('og:image').setContent('og:image', data.image);
}
module.exports = share;
================================================
FILE: app/templates/app/src/util/FormHandler.js
================================================
var Navigator = require('core/Navigator');
var FormHandler = function () {
//MONOSTATE
if (FormHandler.prototype.instance) {
return FormHandler.prototype.instance;
}
var _this = this;
function getForm(method) {
var _form = document.createElement('form');
_form.setAttribute("style", "display:none;width:0;height:0;position: absolute;top:0;left:0;border:0;");
_form.setAttribute("method", method || 'POST');
return _form;
}
this.asyncSubmit = function (action, data) {
this.submit(action, data, true);
}
this.submit = function (action, data, async) {
var target,
frame,
form = getForm(),
inputs = [],
itpl = '
';
if (async) {
target = '__formhandler_' + new Date().getTime();
frame = Navigator.getFrame(null, target);
form.setAttribute('target', target);
setTimeout(function () {
Navigator.removeFrame(frame);
}, 120000);
}
form.setAttribute('action', action);
data = data || {};
for (var key in data) {
inputs.push(itpl.replace('{N}', key).replace('{V}', data[key]));
}
form.innerHTML = inputs.join('');
action && setTimeout(function () {
form.submit();
}, 100);
}
//MONOSTATE
FormHandler.prototype.instance = this;
};
module.exports = new FormHandler;
================================================
FILE: app/templates/app/src/util/GUID.js
================================================
function GUID(len) {
var res = 'xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx'.replace(/[x]/g, function(c) {
var num = Math.random() *16 | 0, v = c === 'x' ? num : (num&0x3|0x8);
return v.toString(16);
});
return len?res.substr(0, len):res;
}
module.exports = GUID;
================================================
FILE: app/templates/app/src/util/ImpressGenerator.js
================================================
var randomList = require('util/RandomList');
var impress = window.impress;
var ww = window.innerWidth,
wh = window.innerHeight;
var Generator = {};
function initImpress(option) {
option = option || {};
if (!option.body || !option.root || !impress) {
return null;
}
var imp,
id = 'impress_generator_' + new Date().getTime();
option.root.id = id;
imp = new impress(id, {
body: option.body,
resizeDrive: false,// keep current step after resize viewport
hashMark: false, //change the location hash
clickDrve: false, //enable clik to drive steps
keyboardDrve: false,//enable keyboard to drive steps
touchDrive: false,//enable touch to drive steps
anchorDrive: false//enable anchor to drive steps
});
!option.lazy && imp.init();
return imp;
}
function getInstance(attrs, ioption) {
var instance = {};
instance.attrs = attrs || [];
instance.impress = ioption ? initImpress(ioption) : null;
return instance;
}
function setAttr(el, attr) {
if (el && attr) {
el.setAttribute('data-x', attr.x || 0);
el.setAttribute('data-y', attr.y || 0);
el.setAttribute('data-z', attr.z || 0);
el.setAttribute('data-rotate-x', attr.rx || 0);
el.setAttribute('data-rotate-y', attr.ry || 0);
el.setAttribute('data-rotate-z', attr.rz || 0);
el.setAttribute('data-scale', attr.scale || 1);
}
}
Generator.circle = function (option) {
option = option || {};
if (!option.el && !option.total) {
return;
}
var el = option.el,
dir = option.direction || 'normal',
_dirs = [{x: 1, y: 1, de: -1}, {x: 1, y: 1, de: 1}, {x: -1, y: -1, de: 1}, {x: -1, y: -1, de: -1}],
dirs = {
'left-top': _dirs[0],
'left-bottom': _dirs[1],
'right-top': _dirs[2],
'right-bottom': _dirs[3],
'normal': _dirs[2],
'random': randomList(_dirs, 1, null, 10)[0]
},
zoom = option.zoom || 'normal',
zooms = {
'zoom-in': 1,
'zoom-out': -1,
'normal': 0,
'random': randomList([0, 1, -1], 1, null, 10)[0]
},
total = option.total,
width = option.maxWidth || ww,
height = option.maxHeight || wh,
children, attrs = [], i = 0;
if (el) {
children = el.children;
total = children.length;
}
var c = ( height + ((zoom == 'zoom-in' || zooms[zoom] == 1) ? height : 0) ) * total,
offsetX = parseInt(width / 2, 10),
offsetY = parseInt(height / 2, 10),
r = parseInt(c / 2 / Math.PI + height / 2, 10),
de = 0,
deStep = 360 / total,
ra, x, y;
for (i; i < total; i++) {
var cel = children && children[i];
de = deStep * i * (dirs[dir] || dirs['normal'])['de'];
ra = (360 - de) * Math.PI / 180;
x = parseInt(offsetX + Math.cos(ra) * r, 10);
y = parseInt(offsetY - Math.sin(ra) * r, 10);
var attr = {
x: x * (dirs[dir] || dirs['normal'])['x'],
y: y * (dirs[dir] || dirs['normal'])['y'],
z: 0,
rx: 0,
ry: 0,
rz: de,
scale: 1 + ( (zooms[zoom] || zooms['normal']) * i / total )
};
attrs.push(attr);
setAttr(cel, attr);
}
return getInstance(attrs, option.impress);
}
Generator.horizontal = function (option) {
option = option || {};
if (!option.el && !option.total) {
return;
}
var el = option.el,
dir = option.direction || 'normal',
dirs = {
'from-right': 1,
'from-left': -1,
'normal': 1,
'random': Math.round(Math.random()) ? -1 : 1
},
zoom = option.zoom || 'normal',
zooms = {
'zoom-in': 1,
'zoom-out': -1,
'normal': 0,
'random': randomList([0, 1, -1], 1, null, 10)[0]
},
total = option.total,
width = option.maxWidth || ww,
height = option.maxHeight || wh,
children, attrs = [], i = 0;
if (el) {
children = el.children;
total = children.length;
}
for (i; i < total; i++) {
var cel = children && children[i];
var attr = {
x: i * width * (dirs[dir] || dirs['normal']) * (zoom == 'normal' || zooms[zoom] == 0 ? 1.4 : 2),
y: 0,
z: 0,
rx: 0,
ry: 0,
rz: 0,
scale: 1 + ( (zooms[zoom] || zooms['normal']) * i / total )
};
attrs.push(attr);
setAttr(cel, attr);
}
return getInstance(attrs, option.impress);
}
Generator.vertical = function (option) {
option = option || {};
if (!option.el && !option.total) {
return;
}
var el = option.el,
dir = option.direction || 'normal',
dirs = {
'from-bottom': 1,
'from-up': -1,
'normal': 1,
'random': Math.round(Math.random()) ? -1 : 1
},
zoom = option.zoom || 'normal',
zooms = {
'zoom-in': 1,
'zoom-out': -1,
'normal': 0,
'random': randomList([0, 1, -1], 1, null, 10)[0]
},
total = option.total,
width = option.maxWidth || ww,
height = option.maxHeight || wh,
children, attrs = [], i = 0;
if (el) {
children = el.children;
total = children.length;
}
for (i; i < total; i++) {
var cel = children && children[i];
var attr = {
x: 0,
y: i * height * (dirs[dir] || dirs['normal']) * (zoom == 'normal' || zooms[zoom] == 0 ? 1.2 : 1.3),
z: 0,
rx: 0,
ry: 0,
rz: 0,
scale: 1 + ( (zooms[zoom] || zooms['normal']) * i / total )
};
attrs.push(attr);
setAttr(cel, attr);
}
return getInstance(attrs, option.impress);
}
Generator.diagonal = function (option) {
option = option || {};
if (!option.el && !option.total) {
return;
}
var el = option.el,
dir = option.direction || 'normal',
_dirs = [{x: -1, y: -1}, {x: -1, y: 1}, {x: -1, y: 1}, {x: 1, y: 1}],
dirs = {
'top-left': _dirs[0],
'top-right': _dirs[1],
'bottom-left': _dirs[2],
'bottom-right': _dirs[3],
'normal': _dirs[3],
'random': randomList(_dirs, 1, null, 10)[0]
},
zoom = option.zoom || 'normal',
zooms = {
'zoom-in': 1,
'zoom-out': -1,
'normal': 0,
'random': randomList([0, 1, -1], 1, null, 10)[0]
},
total = option.total,
width = option.maxWidth || ww,
height = option.maxHeight || wh,
children, attrs = [], i = 0;
if (el) {
children = el.children;
total = children.length;
}
for (i; i < total; i++) {
var cel = children && children[i];
var attr = {
x: i * width * (dirs[dir] || dirs['normal'])['x'] * (zoom == 'normal' || zooms[zoom] == 0 ? 1.2 : 1.6),
y: i * height * (dirs[dir] || dirs['normal'])['y'] * (zoom == 'normal' || zooms[zoom] == 0 ? 1.2 : 1.6),
z: 0,
rx: 0,
ry: 0,
rz: 0,
scale: 1 + ( (zooms[zoom] || zooms['normal']) * i / total )
};
attrs.push(attr);
setAttr(cel, attr);
}
return getInstance(attrs, option.impress);
}
Generator.snake = function (option) {
option = option || {};
if (!option.el && !option.total) {
return;
}
var el = option.el,
zoom = option.zoom || 'normal',
zooms = {
'zoom-in': 1,
'zoom-out': -1,
'normal': 0,
'random': randomList([0, 1, -1], 1, null, 10)[0]
},
total = option.total,
width = option.maxWidth || ww,
height = option.maxHeight || wh,
children, attrs = [], i = 0;
if (el) {
children = el.children;
total = children.length;
}
for (i; i < total; i++) {
var cel = children && children[i];
var attr = {
x: i * width * 1.3,
y: i * height * 1.3,
z: 0,
rx: 135 * (i % 2 ? 0 : 1),
ry: 135 * (i % 2 ? 1 : 0),
rz: i * 360 / total,
scale: 1 + ( (zooms[zoom] || zooms['normal']) * i / total )
};
attrs.push(attr);
setAttr(cel, attr);
}
return getInstance(attrs, option.impress);
}
Generator.random = function (option) {
var anim = ['circle', 'horizontal', 'vertical', 'diagonal', 'snake'];
return Generator[randomList(anim, 1, null, 10)](option);
}
module.exports = Generator;
================================================
FILE: app/templates/app/src/util/LocalHost.js
================================================
if (!window.location.origin) {
window.location.origin = window.location.protocol
+ "//" + window.location.hostname
+ (window.location.port ? ':' + window.location.port : '');
}
module.exports = window.location.origin;
================================================
FILE: app/templates/app/src/util/LocalParam.js
================================================
/**
* window.location.search
* window.location.hash
*/
function localParam(search, hash) {
search = search || window.location.search;
hash = hash || window.location.hash;
var fn = function (str, reg) {
if (str) {
var data = {};
str.replace(reg, function ($0, $1, $2, $3) {
data[$1] = $3;
});
return data;
}
}
return {
search: fn(search, new RegExp("([^?=&]+)(=([^&]*))?", "g")) || {},
hash: fn(hash, new RegExp("([^#=&]+)(=([^&]*))?", "g")) || {}
};
}
module.exports = localParam;
================================================
FILE: app/templates/app/src/util/LocalStorage.js
================================================
function localStorage() {
var lcst = window.localStorage;
/**
* 读取
*
* @method getLocalValue
* @param {String} id item id
* @return {String} value
*/
function getLocalValue(id) {
if (lcst) {
return lcst[id];
} else {
return null;
}
}
/**
* 保存/更新
*
* @method setLocalValue
* @param {String}|{Object} id item id
* @param {String} val value
*/
function setLocalValue(id, val) {
if (lcst) {
if (typeof id === 'object') {
for (var key in id) {
try {
id[key] && lcst.setItem(key, id[key]);
} catch (err) {
}
}
} else {
try {
lcst.setItem(id, val);
} catch (err) {
}
}
}
return this;
}
/**
* 删除
* @param {Array}||{String} id
*/
function removeLocalValue(id) {
if (lcst) {
if (typeof id === 'object') {
for (var key in id) {
try {
lcst.removeItem(id[key]);
} catch (err) {
}
}
} else {
try {
lcst.removeItem(id);
} catch (err) {
}
}
}
return this;
}
this.set = setLocalValue;
this.get = getLocalValue;
this.del = removeLocalValue;
}
module.exports = new localStorage;
================================================
FILE: app/templates/app/src/util/MetaHandler.js
================================================
var ua = navigator.userAgent,
android = ua.match(/(Android);?[\s\/]+([\d.]+)?/),
ipad = ua.match(/(iPad).*OS\s([\d_]+)/),
ipod = ua.match(/(iPod)(.*OS\s([\d_]+))?/),
iphone = !ipad && ua.match(/(iPhone\sOS)\s([\d_]+)/),
os = {};
if (android) os.android = true, os.version = android[2];
if (iphone && !ipod) os.ios = os.iphone = true, os.version = iphone[2].replace(/_/g, '.')
if (ipad) os.ios = os.ipad = true, os.version = ipad[2].replace(/_/g, '.')
if (ipod) os.ios = os.ipod = true, os.version = ipod[3] ? ipod[3].replace(/_/g, '.') : null;
var MetaHandler = function () {
//MONOSTATE
if (MetaHandler.prototype.instance) {
return MetaHandler.prototype.instance;
}
var me = this;
var meta = {}, _els;
/**
* _els
* meta = {name:{content:String,seriation:Array,store:{property:String},...},...}
* @method init
*/
function init() {
_els = document.getElementsByTagName('meta');
for (var i = 0; i < _els.length; i++) {
var name = _els[i].name;
if (name) {
meta[name] = {};
meta[name].el = _els[i];
meta[name].content = _els[i].content;
meta[name].seriation = meta[name].content.split(',');
meta[name].store = getContentStore(name);
}
}
return me;
}
function getContentStore(name) {
var content = meta[name].seriation, store = {};
for (var i = 0; i < content.length; i++) {
if (content[i].length < 1) {
content[i] = null;
delete content[i];
content.length--;
} else {
var ct = content[i].split('='),
pp = ct[0];
if (pp) {
store[pp] = ct[1];
}
}
}
return store;
}
this.hasMeta = function (name) {
return meta[name] ? 1 : 0;
}
this.createMeta = function (name) {
if (!this.hasMeta(name)) {
var el = document.createElement('meta');
el.name = name;
document.head.appendChild(el);
meta[name] = {};
meta[name].el = el;
meta[name].content = '';
meta[name].seriation = [];
meta[name].store = {};
}
return me;
}
this.setContent = function (name, value) {
meta[name].content = value;
meta[name].el.content = value;
return me;
}
this.getContent = function (name) {
return meta[name] && meta[name].content;
}
function updateContent(name) {
meta[name].content = meta[name].seriation.join(',');
me.setContent(name, meta[name].content);
return me;
}
this.removeContentProperty = function (name, property) {
var _property = property;
if (meta[name]) {
if (meta[name].store[_property] != null) {
for (var i = 0; i < meta[name].seriation.length; i++) {
if (meta[name].seriation[i].indexOf(property + '=') != -1) {
meta[name].seriation[i] = null;
delete meta[name].seriation[i];
break;
}
}
}
updateContent(name);
}
return me;
}
this.getContentProperty = function (name, property) {
return meta[name] && meta[name].store[property];
}
this.setContentProperty = function (name, property, value) {
var _property = property,
pv = property + '=' + value;
if (meta[name]) {
if (meta[name].store[_property] != null) {
meta[name].store[_property] = value;
for (var i = 0; i < meta[name].seriation.length; i++) {
if (meta[name].seriation[i].indexOf(property + '=') != -1) {
meta[name].seriation[i] = pv;
break;
}
}
} else {
meta[name].store[_property] = value;
meta[name].seriation.push(pv);
}
updateContent(name);
}
return me;
}
/**
* Automatically adjusts according to a device’s screen size.
* Base on [theory](https://www.icloud.com/keynote/AwBWCAESEJd5uucfBPGt6KPotb3tNfsaKm-Q7fqs2-4ojmPoPJuWZCvjYgKl5jEf1URdRgdgNHe38BTzeF3DK7q1ewMCUCAQEEIJ85mw21ii_AwybOqxoF-V02v51Vdg855ED4qVA_8bXr)
*
* Note:
* For iOS it just works perfectly,if it's not,try to use "webView.scalesPageToFit = YES" in the webview.
* For android it works in all of build-in broswers,it might be break in some third-part ROM's build-in broswers(webview).
* That's because they don't do a good job for the webview,such as they should not use "webview.setBuiltInZoomControls(false)".
*
* This is a painless solution.For more extra work,checkout the [REM solution](http://gregrickaby.com/using-the-golden-ratio-and-rems/).
*
* e.g.
*
* ....
*
*
*
*
*
*
*
*
* Demo:
* [NetEase newsapp member club](http://c.3g.163.com/CreditMarket/default.html)
* [Deja Fashion topic](http://m.deja.me/topics/#/special/9)
*
* @param width {number} the size of the viewport
* @param fixBody {boolean} force to set body's width as same as the size of the viewport
*/
this.fixViewportWidth = function (width, fixBody) {
width = width || me.getContentProperty('viewport', 'width');
if (width != 'device-width') {
var iw = window.innerWidth || width,
ow = window.outerWidth || iw,
sw = window.screen.width || iw,
saw = window.screen.availWidth || iw,
ih = window.innerHeight || width,
oh = window.outerHeight || ih,
sh = window.screen.height || ih,
sah = window.screen.availHeight || ih,
w = Math.min(iw, ow, sw, saw, ih, oh, sh, sah),
ratio = w / width,
dpr = window.devicePixelRatio;
ratio = Math.min(ratio, dpr);
//fixBody may trigger a reflow,you should not use it if you could do it in your css
if (fixBody) {
document.body.style.width = width + 'px';
}
if (os.android) {
me.removeContentProperty('viewport', 'user-scalable')
.setContentProperty('viewport', 'target-densitydpi', 'device-dpi')
.setContentProperty('viewport', 'initial-scale', ratio)
.setContentProperty('viewport', 'maximum-scale', ratio);
} else if (os.ios && !os.android) {
me.setContentProperty('viewport', 'user-scalable', 'no');
//scale for UIWebview
if ( os.ios && parseInt(os.version) < 7 || !(window.indexedDB || window.webkitIndexedDB) ){
me.setContentProperty('viewport', 'initial-scale', ratio);
}
}
}
}
init();
//MONOSTATE
MetaHandler.prototype.instance = this;
};
module.exports = new MetaHandler;
================================================
FILE: app/templates/app/src/util/Number.js
================================================
function formatMoney(num) {
return (num).toFixed(2).replace(/./g, function (c, i, a) {
return i && c !== "." && !((a.length - i) % 3) ? ',' + c : c;
});
}
/**
* count down and increase number
* @param option = {
* el,dest,rate,duration
* }
*/
function countNum(option) {
option = option || {};
if (!option.el) {
return;
}
var total = option.dest || 0,
rate = option.rate || 50,
duration = option.duration || 1500,
totalEl = option.el,
curNum = parseInt(totalEl.innerHTML) || 0,
increase = Math.round(Math.abs(curNum - total) / (duration / rate)) || 1,
countDown = curNum > total;
function fn() {
if ((!countDown && curNum >= total) || (countDown && curNum <= total)) {
totalEl.innerHTML = total;
} else {
totalEl.innerHTML = curNum;
curNum += countDown ? (-increase) : increase;
setTimeout(fn, rate);
}
}
fn();
}
/**
* Returns a random number between min (inclusive) and max (exclusive)
* @param min
* @param max
* @returns {*}
*/
function randomArbitrary(min, max) {
return Math.random() * (max - min) + min;
}
module.exports = {
formatMoney: formatMoney,
countNum: countNum,
randomArbitrary: randomArbitrary
}
================================================
FILE: app/templates/app/src/util/OpenAppInBrowser.js
================================================
var Navigator = require('core/Navigator');
var nav = navigator,
isiOS = (/iphone|ipod/gi).test(nav.platform)||(/ipad/gi).test(nav.platform),
isAndroid = (/Android/gi).test(nav.userAgent),
isWeixin = (/MicroMessenger/ig).test(nav.userAgent),
config = {
default: '',
wx: '',
iOS: '',
schema: ''
};
function redirectToPage(link) {
if (link) {
window.location = decodeURIComponent(link);
}
}
function download() {
redirectToPage(config.default);
}
function wxOpen() {
redirectToPage(config.wx);
}
function iOSOpen() {
//先跳转后下载
//参看 http://www.iunbug.com/archives/2012/09/18/401.html
config.schema && redirectToPage(config.schema);
setTimeout(function () {
redirectToPage(config.iOS);
}, 50);
}
function androidOpen() {
//打开同时下载
config.schema && Navigator.protocol(decodeURIComponent(config.schema), true);
download();
}
/*
* iOS点击打开:
1.如果是微信就去引导图页面
2.如果不是微信就走安装就打开不安装就去app store
3.如果微信用户按引导图从浏览器打开就能走通第2条
android点击打开:
1.如果是微信就在打开的时候同时跳转到有图的引导页
2.如果不是微信就同时跳转到公公共下载页
3.如果微信用户按引导图从浏览器打开就能走通第2条
*/
/**
* conf = {
* default, //link for default redirect to
* wx, //link to open in WeChat
* iOS,// open AppStore
* schema,// URL schema for open your app
* }
*/
function openAppInBrowser(conf) {
config = conf || config;
if (isWeixin) {
wxOpen();
} else if (isiOS && !isAndroid) {
iOSOpen();
} else {
androidOpen();
}
}
module.exports = openAppInBrowser;
================================================
FILE: app/templates/app/src/util/RandomColor.js
================================================
// randomColor by David Merfield under the MIT license
// https://github.com/davidmerfield/randomColor/
var randomColor = (function () {
// Seed to get repeatable colors
var seed = null;
// Shared color dictionary
var colorDictionary = {};
// Populate the color dictionary
loadColorBounds();
var randomColor = function (options) {
options = options || {};
if (options.seed && !seed) {
seed = options.seed;
}
var H, S, B;
// Check if we need to generate multiple colors
if (options.count !== null && options.count !== undefined) {
var totalColors = options.count,
colors = [];
options.count = null;
while (totalColors > colors.length) {
colors.push(randomColor(options));
}
options.count = totalColors;
//Keep the seed constant between runs.
if (options.seed && totalColors !== colors.length) {
seed = options.seed;
} else {
seed = null;
}
return colors;
}
// First we pick a hue (H)
H = pickHue(options);
// Then use H to determine saturation (S)
S = pickSaturation(H, options);
// Then use S and H to determine brightness (B).
B = pickBrightness(H, S, options);
// Then we return the HSB color in the desired format
return setFormat([H, S, B], options);
};
function pickHue(options) {
var hueRange = getHueRange(options.hue),
hue = randomWithin(hueRange);
// Instead of storing red as two seperate ranges,
// we group them, using negative numbers
if (hue < 0) {
hue = 360 + hue;
}
return hue;
}
function pickSaturation(hue, options) {
if (options.luminosity === 'random') {
return randomWithin([0, 100]);
}
if (options.hue === 'monochrome') {
return 0;
}
var saturationRange = getSaturationRange(hue);
var sMin = saturationRange[0],
sMax = saturationRange[1];
switch (options.luminosity) {
case 'bright':
sMin = 55;
break;
case 'dark':
sMin = sMax - 10;
break;
case 'light':
sMax = 55;
break;
}
return randomWithin([sMin, sMax]);
}
function pickBrightness(H, S, options) {
var bMin = getMinimumBrightness(H, S),
bMax = 100;
switch (options.luminosity) {
case 'dark':
bMax = bMin + 20;
break;
case 'light':
bMin = (bMax + bMin) / 2;
break;
case 'random':
bMin = 0;
bMax = 100;
break;
}
return randomWithin([bMin, bMax]);
}
function setFormat(hsv, options) {
switch (options.format) {
case 'hsvArray':
return hsv;
case 'hslArray':
return HSVtoHSL(hsv);
case 'hsl':
var hsl = HSVtoHSL(hsv);
return 'hsl(' + hsl[0] + ', ' + hsl[1] + '%, ' + hsl[2] + '%)';
case 'hsla':
var hslColor = HSVtoHSL(hsv);
return 'hsla(' + hslColor[0] + ', ' + hslColor[1] + '%, ' + hslColor[2] + '%, ' + Math.random() + ')';
case 'rgbArray':
return HSVtoRGB(hsv);
case 'rgb':
var rgb = HSVtoRGB(hsv);
return 'rgb(' + rgb.join(', ') + ')';
case 'rgba':
var rgbColor = HSVtoRGB(hsv);
return 'rgba(' + rgbColor.join(', ') + ', ' + Math.random() + ')';
default:
return HSVtoHex(hsv);
}
}
function getMinimumBrightness(H, S) {
var lowerBounds = getColorInfo(H).lowerBounds;
for (var i = 0; i < lowerBounds.length - 1; i++) {
var s1 = lowerBounds[i][0],
v1 = lowerBounds[i][1];
var s2 = lowerBounds[i + 1][0],
v2 = lowerBounds[i + 1][1];
if (S >= s1 && S <= s2) {
var m = (v2 - v1) / (s2 - s1),
b = v1 - m * s1;
return m * S + b;
}
}
return 0;
}
function getHueRange(colorInput) {
if (typeof parseInt(colorInput) === 'number') {
var number = parseInt(colorInput);
if (number < 360 && number > 0) {
return [number, number];
}
}
if (typeof colorInput === 'string') {
if (colorDictionary[colorInput]) {
var color = colorDictionary[colorInput];
if (color.hueRange) {
return color.hueRange;
}
}
}
return [0, 360];
}
function getSaturationRange(hue) {
return getColorInfo(hue).saturationRange;
}
function getColorInfo(hue) {
// Maps red colors to make picking hue easier
if (hue >= 334 && hue <= 360) {
hue -= 360;
}
for (var colorName in colorDictionary) {
var color = colorDictionary[colorName];
if (color.hueRange &&
hue >= color.hueRange[0] &&
hue <= color.hueRange[1]) {
return colorDictionary[colorName];
}
}
return 'Color not found';
}
function randomWithin(range) {
if (seed === null) {
return Math.floor(range[0] + Math.random() * (range[1] + 1 - range[0]));
} else {
//Seeded random algorithm from http://indiegamr.com/generate-repeatable-random-numbers-in-js/
var max = range[1] || 1;
var min = range[0] || 0;
seed = (seed * 9301 + 49297) % 233280;
var rnd = seed / 233280.0;
return Math.floor(min + rnd * (max - min));
}
}
function HSVtoHex(hsv) {
var rgb = HSVtoRGB(hsv);
function componentToHex(c) {
var hex = c.toString(16);
return hex.length == 1 ? '0' + hex : hex;
}
var hex = '#' + componentToHex(rgb[0]) + componentToHex(rgb[1]) + componentToHex(rgb[2]);
return hex;
}
function defineColor(name, hueRange, lowerBounds) {
var sMin = lowerBounds[0][0],
sMax = lowerBounds[lowerBounds.length - 1][0],
bMin = lowerBounds[lowerBounds.length - 1][1],
bMax = lowerBounds[0][1];
colorDictionary[name] = {
hueRange: hueRange,
lowerBounds: lowerBounds,
saturationRange: [sMin, sMax],
brightnessRange: [bMin, bMax]
};
}
function loadColorBounds() {
defineColor(
'monochrome',
null,
[[0, 0], [100, 0]]
);
defineColor(
'red',
[-26, 18],
[[20, 100], [30, 92], [40, 89], [50, 85], [60, 78], [70, 70], [80, 60], [90, 55], [100, 50]]
);
defineColor(
'orange',
[19, 46],
[[20, 100], [30, 93], [40, 88], [50, 86], [60, 85], [70, 70], [100, 70]]
);
defineColor(
'yellow',
[47, 62],
[[25, 100], [40, 94], [50, 89], [60, 86], [70, 84], [80, 82], [90, 80], [100, 75]]
);
defineColor(
'green',
[63, 178],
[[30, 100], [40, 90], [50, 85], [60, 81], [70, 74], [80, 64], [90, 50], [100, 40]]
);
defineColor(
'blue',
[179, 257],
[[20, 100], [30, 86], [40, 80], [50, 74], [60, 60], [70, 52], [80, 44], [90, 39], [100, 35]]
);
defineColor(
'purple',
[258, 282],
[[20, 100], [30, 87], [40, 79], [50, 70], [60, 65], [70, 59], [80, 52], [90, 45], [100, 42]]
);
defineColor(
'pink',
[283, 334],
[[20, 100], [30, 90], [40, 86], [60, 84], [80, 80], [90, 75], [100, 73]]
);
}
function HSVtoRGB(hsv) {
// this doesn't work for the values of 0 and 360
// here's the hacky fix
var h = hsv[0];
if (h === 0) {
h = 1;
}
if (h === 360) {
h = 359;
}
// Rebase the h,s,v values
h = h / 360;
var s = hsv[1] / 100,
v = hsv[2] / 100;
var h_i = Math.floor(h * 6),
f = h * 6 - h_i,
p = v * (1 - s),
q = v * (1 - f * s),
t = v * (1 - (1 - f) * s),
r = 256,
g = 256,
b = 256;
switch (h_i) {
case 0:
r = v;
g = t;
b = p;
break;
case 1:
r = q;
g = v;
b = p;
break;
case 2:
r = p;
g = v;
b = t;
break;
case 3:
r = p;
g = q;
b = v;
break;
case 4:
r = t;
g = p;
b = v;
break;
case 5:
r = v;
g = p;
b = q;
break;
}
var result = [Math.floor(r * 255), Math.floor(g * 255), Math.floor(b * 255)];
return result;
}
function HSVtoHSL(hsv) {
var h = hsv[0],
s = hsv[1] / 100,
v = hsv[2] / 100,
k = (2 - s) * v;
return [
h,
Math.round(s * v / (k < 1 ? k : 2 - k) * 10000) / 100,
k / 2 * 100
];
}
return randomColor;
})();
module.exports = randomColor;
================================================
FILE: app/templates/app/src/util/RandomList.js
================================================
/**
* 随机数组
*/
function randomList(list, len, verify, ratio) {
var rs = [], _list = list.slice(0);
len = len || _list.length;
ratio = ratio ? ratio : 0;
function rd(_array) {
_array = _array.sort(function () {
return (0.5 - Math.random());
});
}
while (ratio) {
rd(_list);
ratio--;
}
if (_list.length <= len) {
rs = _list;
} else {
while (rs.length < len) {
var index = Math.floor(Math.random() * _list.length),
item = _list[index];
if (( verify && verify.call(this, item, _list) ) || !verify) {
rs.push(item);
_list.splice(index, 1);
}
}
}
return rs;
}
module.exports = randomList;
================================================
FILE: app/templates/app/src/util/RequestAnimationFrame.js
================================================
//http://notes.jetienne.com/2011/05/18/cancelRequestAnimFrame-for-paul-irish-requestAnimFrame.html
window.cancelRequestAnimFrame = (function () {
return window.cancelAnimationFrame ||
window.webkitCancelRequestAnimationFrame ||
clearTimeout
})();
window.requestAnimFrame = (function () {
return window.requestAnimationFrame ||
window.webkitRequestAnimationFrame ||
function (/* function */ callback, /* DOMElement */ element) {
return window.setTimeout(callback, 1000 / 60);
};
})();
================================================
FILE: app/templates/app/src/util/RequestHandler.js
================================================
var RequestHandler = (function () {
/**
* AJAX管理器
*
* @param Object option
* option:{
* type : String 请求类型POST/GET
* dataType : String 数据解析类型
* action :String 请求action
* data : Object 请求参数
* complete :Function 完毕回调方法
* }
* @method AJAXHandler
*/
function AJAXHandler(option) {
if (!option) {
return;
}
var conf = {};
for (var name in option) conf[name] = option[name];
conf.url = conf.action || conf.url;
conf.data = conf.data || null;
delete conf.complete;
delete conf.action;
conf.success = function (data, status, xhr) {
if (option.complete && typeof option.complete === 'function') {
option.complete({
data: data,
success: true
});
}
};
conf.error = function (xhr, errorType, error) {
if (option.complete && typeof option.complete === 'function') {
option.complete({
success: false
});
}
};
$.ajax(conf);
}//end AJAXHandler
function JSONP(option) {
if (!option) {
return;
}
$.ajax({
type: 'GET',
url: option.action || option.url,
dataType: 'jsonp',
jsonp: false,
jsonpCallback: false,
contentType: "application/json",
data: option.data || null//空值设置null避免向后端发送undefined无用参数
});
}
function getJSON(option) {
if (!option) {
return;
}
option.type = 'GET';
option.dataType = 'json';
AJAXHandler(option);
}//end getJSON
function postJSON(option) {
if (!option) {
return;
}
option.type = 'POST';
option.dataType = 'json';
AJAXHandler(option);
}//end postJSON
return {
getJSON: getJSON,
postJSON: postJSON,
JSONP: JSONP
}
})();
module.exports = RequestHandler;
================================================
FILE: app/templates/app/src/util/Scratch.js
================================================
function Scratch(option) {
option = option || {};
var me = this,
emptyFn = function () {
},
el = option.el,
GlobalTouch = option.GlobalTouch,
coverSrc = option.coverSrc,
width = option.width || el.width(),
height = option.height || el.height(),
finger = option.finger || 60,
minScratch = option.minScratch || 99,
card, isReady, scratch,
hasOnCardMinScratch = false;
var onSetCover = option.onSetCover || emptyFn,
onCoverReady = option.onCoverReady || emptyFn,
onCardFirstScratch = option.onCardFirstScratch || emptyFn,
onCardMinScratch = option.onCardMinScratch || emptyFn;
function init() {
card = createCard();
me.reset();
bindEvent();
}
this.reset = function () {
scratch = {
started: false,
scratching: false,
timer: 0
}
card.ctx.globalCompositeOperation = 'source-over';
me.setCover(coverSrc);
cancelRequestAnimFrame(scratch.timer);
}
function bindEvent() {
var cEl = $(card.canvas);
cEl.on('touchstart', function (e) {
GlobalTouch.preventMove = true;
if (!isReady) {
return;
}
if (!scratch.started) {
onCardFirstScratch();
}
scratch.started = true;
scratch.scratching = true;
card.offset = $(card.canvas).offset();
var touch = e.touches[0];
scratch.dirX = Math.floor(touch.pageX - card.offset.left);
scratch.dirY = Math.floor(touch.pageY - card.offset.top);
startScratch();
drawScratch();
});
cEl.on('touchmove', function (e) {
GlobalTouch.preventMove = true;
var touch = e.touches[0];
scratch.distX = Math.floor(touch.pageX - card.offset.left);
scratch.distY = Math.floor(touch.pageY - card.offset.top);
});
cEl.on('touchend', function () {
scratch.scratching = false;
GlobalTouch.preventMove = false;
card.ctx.closePath();
cancelRequestAnimFrame(scratch.timer);
if (!hasOnCardMinScratch && scratchPercentage() > minScratch) {
onCardMinScratch();
hasOnCardMinScratch = true;
}
});
}
function createCard() {
var canvas = document.createElement('canvas');
ctx = canvas.getContext('2d');
ctx.globalCompositeOperation = 'none';
canvas.setAttribute('width', width);
canvas.setAttribute('height', height);
el.html(canvas);
return {
canvas: canvas,
ctx: ctx
}
}
this.setCover = function (src) {
onSetCover();
hasOnCardMinScratch = false;
isReady = false;
var _img = new Image();
_img.onload = function () {
drawCover(_img);
_img = null;
}
_img.src = src;
}
function drawCover(image) {
isReady = true;
card.ctx.drawImage(image, 0, 0, width, height);
onCoverReady(this);
}
function drawScratch() {
if (scratch.scratching) {
if (scratch.distX != scratch.lastDistX || scratch.distY != scratch.lastDistY) {
scratch.lastDistX = scratch.distX;
scratch.lastDistY = scratch.distY;
card.ctx.lineTo(scratch.distX, scratch.distY);
card.ctx.stroke();
card.canvas.style['margin-right'] = card.canvas.style['margin-right'] == '1px' ? '0px' : '1px';
}
scratch.timer = requestAnimFrame(drawScratch);
} else {
card.ctx.closePath();
}
}
function startScratch() {
scratch.distX = scratch.dirX;
scratch.distY = scratch.dirY;
scratch.lastDistX = scratch.distX;
scratch.lastDistY = scratch.distY;
card.ctx.globalCompositeOperation = 'destination-out';
card.ctx.lineJoin = 'round';
card.ctx.lineCap = 'round';
card.ctx.strokeStyle = '#000';
card.ctx.lineWidth = finger;
card.ctx.beginPath();
card.ctx.arc(scratch.dirX, scratch.dirY, finger / 2, 0, Math.PI * 2, true);
card.ctx.closePath();
card.ctx.fill();
card.ctx.beginPath();
card.ctx.moveTo(scratch.dirX, scratch.dirY);
}
function scratchPercentage() {
var hits = 0;
var imageData = card.ctx.getImageData(0, 0, width, height);
for (var i = 0, ii = imageData.data.length; i < ii; i = i + 4) {
if (imageData.data[i] == 0 && imageData.data[i + 1] == 0 && imageData.data[i + 2] == 0 && imageData.data[i + 3] == 0) hits++;
}
return (hits / (width * height)) * 100;
}
this.destroy = function () {
el.html('');
card = null;
}
init();
}
module.exports = Scratch;
================================================
FILE: app/templates/app/src/util/SeededRandom.js
================================================
/**
* 默认基于时间，返回指定范围内的随机数
* 当seed不固定时速度比较慢，仅用于减少重复率
* http://indiegamr.com/generate-repeatable-random-numbers-in-js/
*/
function seededRandom(max, min, seed) {
var seed = seed || new Date().getTime(),
rnd;
max = max || 1;
min = min || 0;
seed = (seed * 9301 + 49297) % 233280;
rnd = seed / 233280;
return min + rnd * (max - min);
}
module.exports = seededRandom;
================================================
FILE: app/templates/app/src/util/Shake.js
================================================
/**
* 摇一摇工具，如果 android 客户端则使用客户端的摇一摇接口
*
*/
var _fn = function () {
},
x1 = 0, y1 = 0, z1 = 0, x2 = 0, y2 = 0, z2 = 0,
startstamp = 0,
threshold = 15,
duration = 1000,
timeout = 5000,
delayTimer = 0;
var _onStart = _fn;
var _onEnd = _fn;
function onStart() {
_onStart();
_onStart = _fn;
}
function onEnd() {
delayTimer && clearTimeout(delayTimer);
_onEnd();
_onEnd = _fn;
}
var checkDeviceMotion = function () {
var deltaX = Math.abs(x2 - x1),
deltaY = Math.abs(y2 - y1),
deltaZ = Math.abs(z2 - z1);
if ((deltaX > threshold && deltaY > threshold) || (deltaX > threshold && deltaZ > threshold) || (deltaY > threshold && deltaZ > threshold)) {
var curtime = (new Date()).getTime(),
d = curtime - startstamp;
if (d > duration) {
window.removeEventListener('devicemotion', _listener);
onEnd();
startstamp = curtime;
}
}
x2 = x1;
y2 = y1;
z2 = z1;
}
function _listener(e) {
x1 = e.accelerationIncludingGravity.x;
y1 = e.accelerationIncludingGravity.y;
z1 = e.accelerationIncludingGravity.z;
checkDeviceMotion();
}
/**
* 监听摇一摇事件
*
* @method shakeListener
* @param {Function} startCallback 当事件开始时触发的方法
* @param {Function} endCallback 当事件结束时触发的方法
* @param {Function} abortCallback 等待超时触发的方法
* @param {Function} errorCallback 不支持摇一摇时触发的方法
*/
function Shake(startCallback, endCallback, abortCallback, errorCallback) {
_onStart = startCallback || _onStart;
_onEnd = endCallback || _onEnd;
delayTimer && clearTimeout(delayTimer);
function originShakeListener() {
window.removeEventListener('devicemotion', _listener);
x1 = 0;
y1 = 0;
z1 = 0;
x2 = 0;
y2 = 0;
z2 = 0;
startstamp = (new Date()).getTime();
onStart();
window.addEventListener('devicemotion', _listener, false);
delayTimer = setTimeout(function () {
window.removeEventListener('devicemotion', _listener);
_onEnd = _fn;
abortCallback && abortCallback();
}, timeout);
}
function nativeShakeListener() {
if (window.extra && window.extra.__newsapp_shake_start) {
window.__newsapp_shake = onEnd;
onStart();
window.extra.__newsapp_shake_start();
delayTimer = setTimeout(function () {
window.extra.__newsapp_shake_stop && window.extra.__newsapp_shake_stop();
_onEnd = _fn;
abortCallback && abortCallback();
}, timeout);
}
}
var _shakeFn;
//使用新闻客户端的方法
if (window.extra && window.extra.__newsapp_shake_start) {
_shakeFn = nativeShakeListener;
}
//使用浏览器事件
else if (window.DeviceMotionEvent || ('ondevicemotion' in window)) {
_shakeFn = originShakeListener;
}
else {
_shakeFn = errorCallback;
}
_shakeFn && _shakeFn();
}
module.exports = Shake;
================================================
FILE: app/templates/app/src/util/SimpleSlider.js
================================================
function Slider(config) {
if (!config || !config.el) {
return null;
}
var _this = this;
var efn = function () {
},
el = config.el,
pages = el.children,
index = 0,
lastIndex = 0,
animTime = config.animTime || 600,
transitions = el.getAttribute('transitions');
var onFirst = config.onFirst || efn;
var onLast = config.onLast || efn;
var onPage = config.onPage || efn;
function init() {
if (!pages[0]) {
return;
}
el.classList.remove(transitions);
pages[0].classList.add('selected');
fixHeight(pages[0]);
}
this.reset = function () {
index = 0;
doPage(pages[index]);
}
this.prePage = function () {
index--;
index = index < 0 ? 0 : index;
if (index >= 0 && pages[index + 1]) {
doPage(pages[index + 1]);
index == 0 && onFirst();
}
}
this.nextPage = function () {
index++;
index = index > pages.length - 1 ? pages.length - 1 : index;
if (index <= pages.length - 1 && pages[index - 1]) {
doPage(pages[index - 1]);
index == (pages.length - 1) && onLast();
}
}
function doPage(src, dest) {
if (lastIndex == index) {
return;
}
lastIndex = index;
dest = dest || pages[index];
el.classList.add(transitions);
src.setAttribute('animate', '');
dest.setAttribute('animate', '');
src.offsetTop;
src.classList.remove('selected');
dest.classList.add('selected');
fixHeight(dest);
setTimeout(function () {
el.classList.remove(transitions);
for (var i = 0; i < pages.length; i++) {
pages[i].removeAttribute('animate');
(index != i) && pages[i].classList.remove('selected');
}
}, animTime + 100);
onPage(index);
}
function fixHeight(dest) {
if (config.fixHeight) {
var h = dest.offsetHeight + 0;
!!h && setTimeout(function () {
el.style['min-height'] = h + 'px';
}, 100);
}
}
init();
}
module.exports = Slider;
================================================
FILE: app/templates/app/src/util/Slider.js
================================================
/**
*
* @param option
* {
* el, //list wrap element,optional if listEl is specified
* listEl,// list element,optional if el is specified
* processEl,//process element,optional if el is specified
* listCls, //[optional]css class to find the slide list,default ".list"
* processCls, //[optional]css class to find the slide process,default ".process"
*
* vertical, //[optional]slide direction,default horizontal(false)
* itemLen, //[optional]width(or height) for each item
* itemCount,//[optional]total item length for the list
* totalLen,//[optional]total width(or height) for the list
*
* enableDrag, //[optional]enable drag to move,default false
* enableLoop, //[optional]enable infinite loop,default false
* enableAutorun, //[optional]enable auto play,default false
* enableProcess, //[optional]enable default navigation process UI,default false
*
* moveTimeout, //[optional]time out for next move,default 100ms
* moveDuration, //[optional]time out for one move duration,default 640
* moveRate, //[optional]speed for animate one move,default 1.3
* dragAnim, //[optional]drag move animation timing function,default 'cubic-bezier(0.075, 0.82, 0.165, 1)'
* moveAnim, //[optional]auto move animation timing function,default 'ease'
*
* onMove, //[optional]on moving event listener
* onFirst, //[optional]on first slide event listener
* onLast, //[optional]on last slide event listener
* onTouchstart, //[optional]on touchstart event listener
* onTouchend, //[optional]on touchend event listener
* onTouchmove //[optional]on touchmove event listener
* }
*
* @method next() //move to next slide
* @method pre() //move to pre slide
* @method moveTo(index) //move to specified index slide,start from 0
* @method reset() //reset to default state
* @method refresh() //refresh for content changed
* @method startAutoRun() //start to auto play
* @method stopAutoRun() //stop auto play
* @method getIndex() //get current index
* @method getItemCount() //get current slides total count
* @method removeCurrent(delay,callback) //remove current slide
* @constructor Slider
*/
function Slider(option) {
option = option || {};
var me = this,
emptyFn = function () {
},
el = option.listEl || option.el.find(option.listCls || '.list'),
pEl = option.processEl || el.siblings(option.processCls || '.process'),
isMoving = false,
isRemoving = false,
moveTimeout = option.moveTimeout || 100,
moveDuration = option.moveDuration || 640,
moveRate = option.moveRate || 1.3,
vertical = option.vertical,
index = 0,
totalLen,
itemCount,
itemLen,
orientation = true,
lastMove = 0,
autoTimer = 0,
loopTimer = 0,
loopCls = 'slider-duplicate',
currentCls = 'slider-current',
removeCls = 'slider-remove',
moveToFn = vertical ? moveToY : moveToX;
resetSize();
calculateSize();
var enableProcess = option.enableProcess,
enableAutorun = option.enableAutorun,
enableDrag = option.enableDrag,
enableLoop = option.enableLoop;
var onMove = option.onMove || emptyFn,
onFirst = option.onFirst || emptyFn,
onLast = option.onLast || emptyFn,
onTouchstart = option.onTouchstart || emptyFn,
onTouchend = option.onTouchend || emptyFn,
onTouchmove = option.onTouchmove || emptyFn;
var dragAnim = option.dragAnim || 'cubic-bezier(0.075, 0.82, 0.165, 1)',//'cubic-bezier(0.1, 0.57, 0.1, 1)';
moveAnim = option.moveAnim || 'ease';
var drag = {
moved: false,
timer: 0,
dirX: 0,
distX: 0,
dirY: 0,
distY: 0,
moveDistX: 0,
maxMove: itemLen / 2,
startTime: 0,
endTime: 0,
resetMaxMove: function () {
drag.maxMove = itemLen / 2;
},
distPos: function () {
return drag[vertical ? 'distY' : 'distX'];
},
reset: function () {
drag.moved = false;
drag.isSwipe = false;
drag.dirX = 0;
drag.distX = 0;
drag.dirY = 0;
drag.distY = 0;
drag.timer = 0;
drag.timer && cancelRequestAnimFrame(drag.timer);
},
move: function () {
if (!drag.moved) {
return;
}
var mX = -(index + (enableLoop ? 1 : 0)) * itemLen,
dx = Math.round(Math.abs(drag.distPos()) / moveRate);
drag.moveDistX = dx;
if (dx > itemLen * 9 / 10) {
drag.endDrag();
return;
} else if (drag.distPos() > 0) {
mX += dx;
} else {
mX -= dx;
}
moveToFn(mX, 0, dragAnim);
lastMove = -mX;
},
endDrag: function () {
drag.moved = false;
var mX = -index * itemLen,
dx = drag.moveDistX;
if (drag.isSwipe) {
drag.distPos() > 0 ? me.pre() : me.next();
} else {
if (drag.distPos() > 0) {
mX += dx;
} else {
mX -= dx;
}
if (mX >= 0 || mX <= -(totalLen - itemLen) || dx < drag.maxMove) {
move();
} else {
drag.distPos() > 0 ? me.pre() : me.next();
}
}
drag.reset();
me.startAutoRun();
}
};
function touchStart(e) {
if (itemCount < 2 || isMoving) {
return;
}
drag.startTime = new Date().getTime();
onTouchstart();
me.stopAutoRun();
totalLen = totalLen || el.width();
itemLen = itemLen || (totalLen / itemCount);
drag.resetMaxMove();
var touch = e.touches[0];
drag.moved = true;
drag.dirX = touch.pageX;
drag.distX = 0;
drag.dirY = touch.pageY;
drag.distY = 0;
(function animloop() {
if (!drag.moved) {
drag.reset();
return;
}
drag.move();
drag.timer = requestAnimFrame(animloop);
})();
}
function touchMove(e) {
var touch = e.touches[0];
drag.distX = touch.pageX - drag.dirX;
drag.distY = touch.pageY - drag.dirY;
onTouchmove(Math.abs(drag.distX), Math.abs(drag.distY));
}
function touchEnd(e) {
drag.endTime = new Date().getTime();
if (drag.moved) {
drag.isSwipe = drag.endTime - drag.startTime <= 200 && Math.abs(drag.distPos()) > 30;
drag.endDrag();
}
onTouchend(Math.abs(drag.distX), Math.abs(drag.distY));
}
if (enableDrag) {
el.touchstart = el.touchstart || touchStart;
el.touchmove = el.touchmove || touchMove;
el.touchend = el.touchend || touchEnd;
el.off('touchstart', el.touchstart);
el.off('touchmove', el.touchmove);
el.off('touchend', el.touchend);
el.on('touchstart', el.touchstart);
el.on('touchmove', el.touchmove);
el.on('touchend', el.touchend);
}
function move() {
if (isMoving) {
return;
}
isMoving = true;
setTimeout(function () {
isMoving = false;
}, moveTimeout);
if (!enableLoop) {
if (index > itemCount - 1) {
index = itemCount - 1;
onLast(index);
} else if (index < 0) {
index = 0;
onFirst(index);
}
}
var mx = (index + (enableLoop ? 1 : 0)) * itemLen,
absm = Math.abs(lastMove - mx),
mtime = Math.min(moveDuration, (moveDuration / itemLen) * absm),
animate = moveAnim;
if (drag.isSwipe) {
var velocity = drag.moveDistX * moveRate / (drag.endTime - drag.startTime);
mtime = velocity * absm;
animate = dragAnim;
}
lastMove = mx;
//修正android差1px的问题
//mx = (mx>0&&$.os.android)?(mx+1):mx;
moveToFn(-mx, mtime, animate);
stopLoopHelper();
if (enableLoop) {
var loopm;
if (index > itemCount - 1) {
loopm = itemLen;
index = 0;
lastMove = itemLen;
onLast(index);
} else if (index < 0) {
loopm = itemLen * itemCount;
index = itemCount - 1;
onFirst(index);
}
loopTimer = loopm !== undefined && setTimeout(function () {
moveToFn(-loopm);
}, mtime);
}
runProcess();
addClasses(index);
onMove(index);
}
function moveToX(x, time, anim) {
moveTo(x, 0, time, anim);
}
function moveToY(x, time, anim) {
moveTo(0, x, time, anim);
}
function moveTo(x, y, time, anim) {
el.css({
'-webkit-transform': 'translate3d(' + (x || 0) + 'px' + ',' + (y || 0) + 'px,0)',
'-webkit-transition': '-webkit-transform ' + (time || 0) + 'ms ' + (anim || moveAnim)
});
}
function remove(idx,delay,callback){
if(isRemoving){return;}
isRemoving = true;
var reEl = el.children().eq(idx),
isNext = idx
1?moveDuration:100);
},delay||0);
}
function stopLoopHelper() {
loopTimer && clearInterval(loopTimer);
}
function moveOrientation() {
calculateSize();
if (!enableLoop && index == itemCount - 1) {
orientation = false;
} else if (index == 0) {
orientation = true;
}
if (!orientation) {
me.pre();
} else {
me.next();
}
}
function renderProcess() {
if (enableProcess && itemCount > 1) {
var tmp = [];
for (var i = 0; i < itemCount; i++) {
tmp.push('');
}
pEl.html(tmp.join(''));
pEl.show();
runProcess();
}
}
function renderLoop() {
if (enableLoop) {
el.find('.' + loopCls).remove();
var cels = [].slice.call(el.children()),
first = cels.pop().cloneNode(true),
last = cels.shift().cloneNode(true);
first.classList.add(loopCls);
last.classList.add(loopCls);
el.prepend(first);
el.append(last);
}
}
function runProcess() {
if (!enableProcess) {
return;
}
var processChild = pEl.find('div');
processChild.removeClass('on');
$(processChild[index]).addClass('on');
}
function resetSize() {
el.find('.' + loopCls).remove();
itemLen = option.itemLen || 0;
itemCount = option.itemCount || 0;
totalLen = option.totalLen || (itemCount * itemLen) || 0;
}
function calculateSize() {
var child = el.children();
itemLen = itemLen || child.eq(0)[vertical ? 'height' : 'width']();
itemCount = itemCount || child.length;
totalLen = totalLen || (itemLen * itemCount);
}
this.pre = function () {
if (isMoving) {
return;
}
index--;
move();
}
this.next = function () {
if (isMoving) {
return;
}
index++;
move();
}
this.first = function () {
if (isMoving) {
return;
}
index = 0;
move();
}
this.last = function () {
if (isMoving) {
return;
}
index = itemCount;
move();
}
this.moveTo = function (idx) {
index = idx;
move();
}
this.reset = function () {
index = 0;
orientation = true;
me.stopAutoRun();
pEl.hide();
resetSize();
calculateSize();
renderLoop();
lastMove = enableLoop ? itemLen : 0;
moveToFn(-lastMove);
drag.reset();
renderProcess();
me.startAutoRun();
addClasses(index);
onFirst(index);
onMove(index);
}
this.refresh = function () {
me.stopAutoRun();
pEl.hide();
resetSize();
calculateSize();
renderLoop();
moveToFn(-lastMove);
renderProcess();
me.startAutoRun();
addClasses(index);
onMove(index);
}
this.getIndex = function(){
return index;
}
this.getItemCount = function(){
return itemCount;
}
this.removeCurrent = function(delay,callback){
remove(index,delay,callback);
}
this.startAutoRun = function () {
if (enableAutorun && itemCount > 1) {
autoTimer = setInterval(function () {
if (drag.moved) {
return;
}//如果拖动就停止
moveOrientation();
}, 5000);
}
}
this.stopAutoRun = function () {
autoTimer && clearInterval(autoTimer);
stopLoopHelper();
}
function addClasses(idx) {
idx = enableLoop ? (idx + 1) : idx;
el.find('.' + currentCls).removeClass(currentCls);
el.children().eq(idx).addClass(currentCls);
}
this.reset();
}
module.exports = Slider;
================================================
FILE: app/templates/app/src/util/SlotMachine.js
================================================
function SlotMachine(option) {
option = option || {};
var me = this,
emptyFn = function () {
},
lightEl = option.lightEl,
sliderA = option.sliderA,
sliderB = option.sliderB,
sliderC = option.sliderC,
sliderList = option.sliderList,
slotUI = option.slotUI,
GlobalTouch = option.GlobalTouch,
sliderTpl = option.sliderTpl,
lightTimer = 0,
lightUpeateTime = 0,
lightStoped = true,
lightDuration = 350,
dataLen = 0,
listHeight = 0,
twoSameCount = 0,//失败时两个同时出现计数
moveLen = {},
winIndex = 0,
itemIndex = 0,
data;
var listLen = option.listLen || 15,//默认组数，全部奖品为一组,一共20组
wrapHeight = option.wrapHeight || 200,//可视区高度
itemHeight = option.itemHeight || 83,//项高度
extraMove = option.extraMove || 30,//额外移动距离，用于调整居中奖品
moveDuration = option.moveDuration || 2.0,//移动 毫秒每像素
minMove = option.minMove || 10;//最小滚动15组
var onPlay = option.onPlay || emptyFn,
onEndPlay = option.onEndPlay || emptyFn,
onReset = option.onReset || emptyFn,
onLighting = option.onLighting || emptyFn;
this.locked = false;
this.play = function (index) {
if (me.locked) {
return;
}
onPlay();
itemIndex = index;
var sfn = slideLose;
if (itemIndex != null) {
sfn = slideWin;
} else {
itemIndex = randomIndex(0, dataLen - 1);
}
setTimeout(function () {
sfn();
}, 1200);
slotUI.currentScrollData = data[itemIndex];
me.locked = true;
}
function computeMoveA() {
winIndex = randomIndex(3, listLen - 1);
while (winIndex >= (listLen - minMove)) {
winIndex = randomIndex(3, listLen - 1);
}
moveLen.A = ( winIndex * dataLen + (itemIndex) ) * itemHeight - extraMove * 2;
}
function slideWin() {
computeMoveA();
moveLen.B = moveLen.A + ( randomBool() ? (dataLen * itemHeight) : ( randomBool() ? (-dataLen * itemHeight) : 0 ) );
moveLen.C = moveLen.A + ( randomBool() ? (dataLen * itemHeight) : ( randomBool() ? (-dataLen * itemHeight) : 0 ) );
twoSameCount++;
startMove();
}
function slideLose() {
computeMoveA();
var _list = ['B', 'C'],
rs = [];
rs = _list.sort(function () {
return randomBool();
});
var tmpSame = randomBool(),
tmpIndex = randomIndex(0, dataLen - 1),
loseIndex = itemIndex;
while (loseIndex == itemIndex) {//最后一个不会跟第一个相同
loseIndex = randomIndex(0, dataLen - 1);
}
if (tmpIndex != loseIndex && twoSameCount < (dataLen / 2) && !tmpSame && tmpIndex != itemIndex) {//至少出现2个相同dataLen/2次才考虑出现三个不同
loseIndex = tmpIndex;
}
moveLen[rs[0]] = tmpSame
? moveLen.A + ( randomBool() ? (dataLen * itemHeight) : (-dataLen * itemHeight) )
: ( ( winIndex * dataLen + ( tmpIndex + ( randomBool() ? dataLen : 0) ) ) * itemHeight - extraMove * 2 );
moveLen[rs[1]] = ( winIndex * dataLen + ( loseIndex + ( randomBool() ? dataLen : 0) ) ) * itemHeight - extraMove * 2;
if (tmpSame || itemIndex == tmpIndex) {
twoSameCount++;
slotUI.currentScrollData = data[itemIndex];
} else if (tmpIndex == loseIndex) {
twoSameCount++;
slotUI.currentScrollData = data[loseIndex];
} else {
twoSameCount = 0;
slotUI.currentScrollData = null;
}
startMove();
}
function startMove() {
var _list = [
{el: sliderB, move: moveLen.B, time: moveDuration * moveLen.B},
{el: sliderC, move: moveLen.C, time: moveDuration * moveLen.C},
],
rs = [];
rs = _list.sort(function () {
return randomBool();
});
moveTo({el: sliderA, move: moveLen.A, time: moveDuration * moveLen.A});
setTimeout(function () {
moveTo(rs[0]);
}, 500);
setTimeout(function () {
moveTo(rs[1]);
}, 900);
startLight();
}
this.renderList = function () {
me.hide();
data = slotUI.slotChildData;
dataLen = data.length;
if (dataLen > 4 && 10 > dataLen - 4) {
listLen = 15 - (dataLen - 4);
minMove = 10 - (dataLen - 4);
}
var sList = [],
finalList = [],
finalHTML,
total = parseInt(listLen);
for (var i = 0; i < dataLen; i++) {
sList.push(sliderTpl({IMG: data[i].image}));
}
while (total) {
finalList.push('');
finalList.push(sList.join(''));
finalList.push('
');
total--;
}
finalHTML = finalList.join('');
sliderA.html(finalHTML);
sliderB.html(finalHTML);
sliderC.html(finalHTML);
me.reset();
me.show();
}
function moveTo(option) {
//http://stackoverflow.com/questions/7466070/how-can-i-achieve-a-slot-machine-spinning-effect-with-css3-jquery?rq=1
option.el.css({
'-webkit-transform': 'translate3D(0px,' + -option.move + 'px,0px)',
'-webkit-transition': '-webkit-transform ' + option.time + 'ms ease-in-out'
});
}
this.reset = function () {
GlobalTouch.preventMove = false;
stopLight();
me.locked = false;
listHeight = itemHeight * dataLen * listLen;
var move = listHeight - (wrapHeight + itemHeight - extraMove * 2);
moveTo({el: sliderA, move: move, time: 0});
moveTo({el: sliderB, move: move, time: 0});
moveTo({el: sliderC, move: move, time: 0});
sliderList.removeClass('fadein');
setTimeout(function () {
sliderList.addClass('fadein');
}, 0);
onReset();
}
this.show = function () {
sliderList.show();
}
this.hide = function () {
sliderList.hide();
}
function startLight() {
lightDuration = 200;
me.doLight();
var lastTime = ( Math.max(Math.max(moveLen.A, moveLen.B + 900), moveLen.C + 500) ) * moveDuration;
secTime = ( Math.min(Math.min(moveLen.A, moveLen.B + 900), moveLen.C + 500) ) * moveDuration;
setTimeout(function () {
lightDuration = 600;
}, secTime);
setTimeout(function () {
stopLight();
onEndPlay();
}, lastTime - 800);
}
function stopLight() {
lightStoped = true;
GlobalTouch.preventMove = false;
lightUpeateTime = 0;
setTimeout(function () {
lightDuration = 350;
lightEl.removeClass('off on');
}, 600);
}
function animateLight() {
var _nd = new Date().getTime();
if (_nd - lightUpeateTime >= lightDuration) {
lightUpeateTime = _nd;
if (lightEl.hasClass('on')) {
lightEl.removeClass('on').addClass('off');
} else if (lightEl.hasClass('off')) {
lightEl.removeClass('off').addClass('on');
} else {
lightEl.addClass('on');
}
}
}
this.doLight = function () {
window.scrollTo(0, 1);
lightStoped = false;
GlobalTouch.preventMove = true;
(function animloop() {
if (lightStoped) {
lightTimer && cancelRequestAnimFrame(lightTimer);
lightUpeateTime = 0;
return;
}
lightTimer = requestAnimFrame(animloop);
animateLight();
})();
onLighting();
}
function randomIndex(from, to) {
from = from || 0;
to = to || 0;
return Math.floor(Math.random() * (to - from + 1) + from);
}
function randomBool() {
return (0.5 > Math.random());
}
}//end SlotMachine
module.exports = SlotMachine;
================================================
FILE: app/templates/app/src/util/TabStatus.js
================================================
var store = {};
function init(){
var data = {curIdx: 0};
this.getStatus = function () {
return data;
}
this.setCurTabIdx = function (idx) {
data.curIdx = idx;
}
this.getCurTabIdx = function () {
return data.curIdx;
}
this.setTabPosition = function (idx) {
idx = idx || this.getCurTabIdx() || 0;
data[idx] = $(window).scrollTop();
}
this.getTabPosition = function(idx) {
return data[idx] || 1;
}
this.scrollToTabPosition = function(idx, budget){
window.scrollTo(0, Math.max(budget||1, this.getTabPosition(idx)))
}
}
function TabStatus(key){
store[key] = store[key] || new init();
return store[key];
}
module.exports = TabStatus;
================================================
FILE: app/templates/app/src/util/ThirdVendor.js
================================================
/**
* 第三方平台
*/
var ua = window.navigator.userAgent;
var vendor = null;
function isUA(name) {
var reg = new RegExp(name, 'gi');
return reg.test(ua);
}
if (isUA('Deja')) {
vendor = {
code: 'Deja',
name: 'DejaFashion'
}
}
else if (isUA('FBAN')) {
vendor = {
code: 'Facebook',
name: 'Facebook'
}
}
else if (isUA('Twitter')) {
vendor = {
code: 'Twitter',
name: 'Twitter'
}
}
else if (isUA('Instagram')) {
vendor = {
code: 'Instagram',
name: 'Instagram'
}
}
else if (isUA('weibo')) {
vendor = {
code: 'Weibo',
name: '微博'
}
}
else if (isUA('MicroMessenger')) {
vendor = {
code: 'WX',
name: '微信'
}
}
else if (isUA('QQ')) {
vendor = {
code: 'QQ',
name: 'QQ'
}
}
else if (isUA('YiXin')) {
vendor = {
code: 'YX',
name: '易信'
}
}
module.exports = vendor;
================================================
FILE: app/templates/app/src/util/Unveil.js
================================================
/**
* jQuery Unveil
* A very lightweight jQuery plugin to lazy load images
* http://luis-almeida.github.com/unveil
*
* Licensed under the MIT license.
* Copyright 2013 Luís Almeida
* https://github.com/luis-almeida
*/
;(function ($) {
$.fn.unveil = function (threshold, callback) {
var $w = $(window),
th = threshold || 0,
retina = window.devicePixelRatio > 1,
attrib = retina ? "data-src-retina" : "data-src",
images = this,
loaded;
this.one("unveil", function () {
var source = this.getAttribute(attrib);
source = source || this.getAttribute("data-src");
if (source) {
if (typeof callback === "function") callback.call(this);
this.setAttribute("src", source);
}
});
function unveil() {
var inview = images.filter(function () {
var $e = $(this);
//if ($e.is(":hidden")) return;
var wt = $w.scrollTop(),
wb = wt + $w.height(),
et = $e.offset().top,
eb = et + $e.height();
return eb >= wt - th && et <= wb + th;
});
loaded = inview.trigger("unveil");
images = images.not(loaded);
}
$w.on("scroll.unveil resize.unveil lookup.unveil", unveil);
unveil();
return this;
};
})(window.Zepto);
================================================
FILE: app/templates/app/src/util/VersionCompare.js
================================================
/**
* Simply compares two string version values.
* https://gist.github.com/alexey-bass/1115557
*
* Example:
* versionCompare('1.1', '1.2') => -1
* versionCompare('1.1', '1.1') => 0
* versionCompare('1.2', '1.1') => 1
* versionCompare('2.23.3', '2.22.3') => 1
*
* Returns:
* -1 = left is LOWER than right
* 0 = they are equal
* 1 = left is GREATER = right is LOWER
* And FALSE if one of input versions are not valid
*
* @function
* @param {String} left Version #1
* @param {String} right Version #2
* @return {Integer|Boolean}
* @author Alexey Bass (albass)
* @since 2011-07-14
*/
var versionCompare = function (left, right) {
if (typeof left + typeof right != 'stringstring')
return false;
var a = left.split('.')
, b = right.split('.')
, i = 0, len = Math.max(a.length, b.length);
for (; i < len; i++) {
if ((a[i] && !b[i] && parseInt(a[i]) > 0) || (parseInt(a[i]) > parseInt(b[i]))) {
return 1;
} else if ((b[i] && !a[i] && parseInt(b[i]) > 0) || (parseInt(a[i]) < parseInt(b[i]))) {
return -1;
}
}
return 0;
}
module.exports = versionCompare;
================================================
FILE: app/templates/app/src/util/VirtualDOMLite.js
================================================
require('lib/diffDOM');
//https://github.com/fiduswriter/diffDOM
;(function ($) {
$.fn.superHtml = $.fn.html;
$.fn.html = diffDOM
? function (html, diff) {
if (diff && this._diffdom) {
var VDOM = this[0].cloneNode(),
VDD = new diffDOM(diff),
VDiff;
VDOM.innerHTML = html;
VDiff = VDD.diff(this[0], VDOM);
//fallback
if (!VDD.apply(this[0], VDiff)) {
this.superHtml.apply(this, arguments);
}
this.eq(0).trigger('virtualdomrendered');
return this;
} else {
this._diffdom = 1;
var res = this.superHtml.apply(this, arguments);
this.eq(0).trigger('virtualdomrendered');
return res;
}
}
: $.fn.superHtml;
})(window.Zepto);
================================================
FILE: app/templates/app/src/util/WaypointsHandler.js
================================================
require('lib/zepto.waypoints');
var WaypointsHandler = function (el) {
var anim = ["callout.bounce", "callout.shake", "callout.flash", "callout.pulse", "callout.swing", "callout.tada",
"transition.fadeIn", "transition.fadeOut",
"transition.flipXIn", "transition.flipXOut", "transition.flipYIn", "transition.flipYOut",
"transition.flipBounceXIn", "transition.flipBounceXOut", "transition.flipBounceYIn", "transition.flipBounceYOut",
"transition.swoopIn", "transition.swoopOut",
"transition.whirlIn", "transition.whirlOut",
"transition.shrinkIn", "transition.shrinkOut",
"transition.expandIn", "transition.expandOut",
"transition.bounceIn", "transition.bounceOut", "transition.bounceUpIn", "transition.bounceUpOut", "transition.bounceDownIn", "transition.bounceDownOut", "transition.bounceLeftIn", "transition.bounceLeftOut", "transition.bounceRightIn", "transition.bounceRightOut",
"transition.slideUpIn", "transition.slideUpOut", "transition.slideDownIn", "transition.slideDownOut", "transition.slideLeftIn", "transition.slideLeftOut", "transition.slideRightIn", "transition.slideRightOut", "transition.slideUpBigIn", "transition.slideUpBigOut", "transition.slideDownBigIn", "transition.slideDownBigOut", "transition.slideLeftBigIn", "transition.slideLeftBigOut", "transition.slideRightBigIn", "transition.slideRightBigOut",
"transition.perspectiveUpIn", "transition.perspectiveUpOut", "transition.perspectiveDownIn", "transition.perspectiveDownOut", "transition.perspectiveLeftIn", "transition.perspectiveLeftOut", "transition.perspectiveRightIn", "transition.perspectiveRightOut"];
el.find('*[data-velocity-effect="none"]').removeAttr('data-velocity-effect').removeAttr('data-velocity-offset');
['default', '10%', '20%', '30%', '40%', '50%', '60%', '70%', '80%', '90%', '100%'].forEach(function (key) {
var vels = el.find('*[data-velocity-offset="' + key + '"]');
vels[0] && vels.css({visibility: 'hidden'})
.waypoint({
offset: key == 'default' ? '70%' : key,
handler: function (direction) {
if (!this.element.VelocityEffectTriggered) {
this.element.VelocityEffectTriggered = true;
var cel = $(this.element);
cel.css({visibility: 'visible'}).velocity(cel.attr('data-velocity-effect'));
}
}
});
});
}
module.exports = WaypointsHandler;
================================================
FILE: app/templates/app/src/util/WechatShare.js
================================================
function WechatShare() {
var meta = {
"appid": "",
"img_url": null,
"img_width": "200",
"img_height": "200",
"link": window.location,
"url": window.location,
"desc": document.title,
"content": document.title,
"title": document.title
}, dirtyTimer = 0, dirtyCount = 0;
function setMeta(data) {
meta = data || meta;
}
function command(name) {
window.WeixinJSBridge.invoke(name, meta, function (res) {
});
}
function weixinJSBridgeListener() {
if (window.WeixinJSBridge && !window.WeixinJSBridge.__ListenerRegistered) {
window.WeixinJSBridge.__ListenerRegistered = true;
window.WeixinJSBridge.on('menu:share:appmessage', function (argv) {
command('sendAppMessage');
});
window.WeixinJSBridge.on('menu:share:timeline', function (argv) {
command('shareTimeline');
});
window.WeixinJSBridge.on('menu:share:weibo', function (argv) {
command('shareWeibo');
});
return;
}
dirtyTimer && clearTimeout(dirtyTimer);
if (dirtyCount < 60) {
dirtyCount++;
dirtyTimer = setTimeout(weixinJSBridgeListener, 1000);
}
}
if (/MicroMessenger/i.test(window.navigator.userAgent)) {
weixinJSBridgeListener();
document.addEventListener('WeixinJSBridgeReady', weixinJSBridgeListener, false);
}
return setMeta;
}
module.exports = WechatShare();
================================================
FILE: app/templates/app/src/util/YiXinShare.js
================================================
var MetaHandler = require('util/MetaHandler');
/**
* 易信分享
* @param data = {
* conetnt,img
* }
*/
function share(data) {
data = data || {};
MetaHandler.createMeta('yixin-share-desc').setContent('yixin-share-desc', data.content);
MetaHandler.createMeta('yixin-share-image').setContent('yixin-share-image', data.img);
}
module.exports = share;
================================================
FILE: app/templates/app/src/widget/Msgbox.js
================================================
function Msgbox(option) {
//MONOSTATE
if (Msgbox.prototype.instance) {
return Msgbox.prototype.instance;
}
option = option || {};
var _this = this,
bEl,
readyToHide = true,
isLoading,
emptyFn = function () {
},
onBD = emptyFn,
themeCls = option.themeCls || ($.os.android ? 'android' : ''),
box = $('.msgbox');
bEl = {
box: box,
mask: box.find('.box-mask'),
bd: box.find('.msgbox-bd'),
dialog: box.find('.box-ct.dialog'),
menu: box.find('.box-ct.menu'),
loading: box.find('.box-ct.loading'),
signin: box.find('.box-ct.signin')
}
bEl.dialog.hide();
bEl.menu.hide();
bEl.loading.hide();
bEl.signin.hide();
bEl.box.on('click', function (e) {
if (onBD && /msgbox-bd/i.test(e.target.className)) {
onBD(e);
onBD = emptyFn;
}
});
//dialog
bEl.dialog.nbt = bEl.dialog.find('.no');
bEl.dialog.ybt = bEl.dialog.find('.yes');
bEl.dialog.title = bEl.dialog.find('.title');
bEl.dialog.msg = bEl.dialog.find('.msg');
bEl.dialog.nbt.on('click', function () {
_this.hideDialog(bEl.dialog.noCallback);
});
bEl.dialog.ybt.on('click', function () {
_this.hideDialog(bEl.dialog.yesCallback);
});
/**
* option = {
* title,
* msg,
* yesText,
* noText,
* yesCallback,
* noCallback,
* bodyCallback
* }
*/
this.showDialog = function (option) {
option = option || {};
readyToHide = false;
bEl.dialog.yesCallback = option.yesCallback;
bEl.dialog.noCallback = option.noCallback;
onBD = option.bodyCallback;
bEl.dialog.ybt[option.yesText ? 'show' : 'hide']().html(option.yesText);
bEl.dialog.nbt[option.noText ? 'show' : 'hide']().html(option.noText);
bEl.dialog.title[option.title ? 'show' : 'hide']().html(option.title || '');
bEl.dialog.msg[option.msg ? 'show' : 'hide']().html(option.msg || '');
setTimeout(function () {
bEl.dialog.show();
_this.show();
}, 400);
}
this.hideDialog = function (callback) {
readyToHide = true;
bEl.dialog.hide();
_this.hide();
callbackHandler(callback);
}
//menu
bEl.menu.nbt = bEl.menu.find('.no');
bEl.menu.options = bEl.menu.find('.options');
bEl.menu.nbt.on('click', function () {
_this.hideMenu(bEl.menu.noCallback);
});
/**
* option = {
* msg,
* noText,
* noCallback,
* noCls,
* options: {
* text,cls,callback
* }
* }
*/
this.showMenu = function (option) {
//bEl.menu.css({bottom: (document.body.scrollHeight-window.screen.height) + 'px'});
option = option || {};
readyToHide = false;
bEl.menu.noCallback = option.noCallback;
bEl.menu.nbt.html(option.noText || 'Cancel').addClass(option.noCls);
bEl.menu.options.html('');
if (option.msg) {
bEl.menu.options.append('' + option.msg + '
');
}
if (option.options) {
var tpl = '';
option.options.forEach(function (k) {
var el = $(tpl);
el.html(k.text);
el.addClass(k.cls);//highlight
k.callback && el.on('click', function () {
_this.hideMenu(k.callback);
});
bEl.menu.options.append(el);
});
}
setTimeout(function () {
bEl.menu.show();
_this.show();
onBD = function () {
_this.hideMenu(bEl.menu.noCallback);
}
}, 400);
}
this.hideMenu = function (callback) {
readyToHide = true;
bEl.menu.addClass('close');
setTimeout(function () {
bEl.menu.hide().removeClass('close');
_this.hide();
callbackHandler(callback);
}, 350)
}
/**
* option = {
* title,
* msg,
* yesText,
* yesCallback
* }
*/
this.showFailed = function (option) {
option = option || {};
var _option = {
title: option.title || 'Sorry~',
msg: option.msg || 'Unable to connect to the Internet',
yesText: option.yesText || 'OK',
yesCallback: option.yesCallback,
bodyCallback: option.bodyCallback
}
_this.showDialog(_option);
}
/**
* option = {
* msg,
* hideCallback
* }
*/
this.showError = function (option) {
option = option || {};
var _option = {
msg: option.msg || '',
bodyCallback: option.bodyCallback
}
_this.showDialog(_option);
setTimeout(function () {
_this.hideDialog(option.hideCallback);
}, 2500);
}
/**
* option = {
* yesCallback
* }
*/
this.showDownload = function (option) {
option = option || {};
var _option = {
msg: 'Please download the latest app!',
noText: 'Cancel',
yesText: 'OK',
yesCallback: option.yesCallback,
bodyCallback: option.bodyCallback
}
_this.showDialog(_option);
}
//signin
bEl.signin.nbt = bEl.signin.find('.no');
bEl.signin.ybt = bEl.signin.find('.plf');
bEl.signin.msg = bEl.signin.find('.msg');
bEl.signin.nbt.on('click', function () {
_this.hideSignin(bEl.signin.noCallback);
});
bEl.signin.ybt.on('click', '.b', function () {
_this.hideSignin(bEl.signin.yesCallback, this.getAttribute('data-plf'));
});
/**
* option = {
* msg,
* yesCallback,
* noCallback
* }
*/
this.showSignin = function (option) {
option = option || {};
readyToHide = false;
bEl.signin.noCallback = option.noCallback;
bEl.signin.yesCallback = option.yesCallback;
onBD = option.bodyCallback;
bEl.signin.msg.html(option.msg || 'Please sign in');
bEl.signin.show();
this.show();
}
this.hideSignin = function (callback, data) {
readyToHide = true;
bEl.signin.hide();
_this.hide();
callbackHandler(callback, data);
}
this.show = function (el) {
el = el || bEl.box;
//setTimeout(function () {
//bEl.box.css({height: document.body.scrollHeight + 'px'});
//}, 500);
if (el == bEl.box) {
el.addClass('show');
} else {
el.css({'display': '-webkit-box'});
}
}
this.hide = function (el) {
el = el || bEl.box;
isLoading = false;
if (readyToHide) {
if (el == bEl.box) {
el.removeClass('show');
} else {
el.css({'display': 'none'});
}
}
}
this.showLoading = function (msg) {
bEl.loading.msg = bEl.loading.msg || bEl.loading.find('.msg');
bEl.loading.msg.html(msg || 'Loading...');
if (!isLoading) {
isLoading = true;
bEl.loading.show();
this.show();
}
}
this.hideLoading = function () {
if (isLoading) {
isLoading = false;
bEl.loading.hide();
_this.hide();
}
}
function callbackHandler(callback, data) {
if (callback) {
callback(data);
callback = null;
}
}
this.setTheme = function (cls) {
bEl.bd.removeClass([cls, 'android'].join(' ')).addClass(cls);
}
this.setTheme(themeCls);
//MONOSTATE
Msgbox.prototype.instance = this;
}//end Msgbox
module.exports = Msgbox;
================================================
FILE: app/templates/app/src/widget/Tooltip.js
================================================
var tpl = Core.microTmpl($('#tpl_tooltip').text());
var _body = $('body');
/**
*
* @param options {
* single: if it's true,root container will remove from the renderTo element,default is true,
* rootId: root container id,
* rootCls: css class for the root container
* renderTo: element for root container to render,
* bodyCls: css class for the body container,
* bodyStyle: css style for body container,
* theme: UI theme,see in _tooltip.css
* zIndex: z-index for root container,
* top: top position,
* left: left position,
* bottom: bottom position,
* autoShow: auto show,
* showDelay: delay time for autoShow,default is 0,
* showAnimCls: show animation class,see in _tooltip.css,
* autoHide: auto hide,
* hideDelay: delay time for autoHide,default is 3500ms
* hideAnimCls: hide animation class,see in _tooltip.css,
* hideAnimDuration: duration time for hide animation,after that the element will be destroyed,default is 1000ms,
* onShow: event for show,
* onHide: event for hide,
* arrow: {
* type: left|right|top|bottom,
* position: top position for left|right,left position for top|bottom
* }
* }
* @constructor
*/
function Tooltip(options) {
options = options || {};
var _this = this,
emptyFn = function () {
},
onShow = options.onShow || emptyFn,
onHide = options.onHide || emptyFn,
prefix = 'tooltip',
dZIndex = 90,
single = options.single == undefined ? true : options.single,
autoShow = options.autoShow == undefined ? true : options.autoShow,
rootId = options.rootId || prefix + '_rootid_' + new Date().getTime(),
renderTo = options.renderTo || _body,
showAnimCls = options.showAnimCls || 'fadeIn',
hideAnimCls = options.hideAnimCls||'fadeOut',
target = options.target!=undefined && (/string/i.test(typeof options.target)?$(options.target):options.target),
els,
destoryed = false;
function init() {
render();
layout();
autoShow && _this.show();
}
function render() {
var arType = 'hide',
arStl = '';
if (options.arrow) {
arType = options.arrow.type;
if (/left|right/.test(arType)) {
arStl = 'top:' + options.arrow.position + 'px';
}
else if (/top|bottom/.test(arType)) {
arStl = 'left:' + options.arrow.position + 'px';
}
}
renderTo.append(tpl({
rootId: rootId,
theme: options.theme || '',
rootCls: options.rootCls || '',
bodyCls: options.bodyCls || '',
body: options.body || '',
arrow: {
type: arType,
style: arStl
}
}));
var main = $('#' + rootId);
els = {
main: main,
ct: main.find('.tooltip__ct'),
bd: main.find('.tooltip__bd'),
content: main.find('.tooltip__content'),
arrow: main.find('.tooltip__arrow')
}
}
function layout() {
els.main.css({
'z-index': options.zIndex || dZIndex,
'top': options.top != undefined ? (options.top + 'px') : 'auto',
'bottom': options.bottom != undefined ? (options.bottom + 'px') : 'auto'
});
els.ct.css({
'padding-left': options.left != undefined ? (options.left + 'px') : 'auto'
});
els.content.css(options.bodyStyle||{});
}
this.show = function () {
els.bd.addClass(showAnimCls);
setTimeout(function(){
els.main.addClass('show');
},options.showDelay||0);
onShow();
options.autoHide && setTimeout(function () {
_this.hide();
}, options.hideDelay || 3500);
}
this.hide = function () {
els.bd.removeClass(showAnimCls);
els.bd.addClass(hideAnimCls);
setTimeout(function () {
els.main.removeClass('show');
onHide();
}, options.hideAnimDuration || 1000);
single && setTimeout(function () {
destory();
}, options.hideAnimDuration ? (options.hideAnimDuration + 350) : 30000);
}
this.setArrowStyle = function (style) {
els.arrow.css(style);
}
function destory() {
if (destoryed) {
return;
}
destoryed = true;
els.main.remove();
}
init();
}
module.exports = Tooltip;
================================================
FILE: app/templates/app/webpack.config.js
================================================
// For instructions about this file refer to
// webpack and webpack-hot-middleware documentation
var webpack = require('webpack');
var path = require('path');
var conf = require('./package.json');
var loaders = [];
conf.project.babel && loaders.push({ test: /\.jsx?$/, exclude: /node_modules/,loader: "babel", query: {cacheDirectory: true } });
exports.dev = {
debug: true,
resolve: {
root: [
path.resolve('./src')
]
},
entry: './src/app/App.js',
output: {
filename: "app.js",
sourceMapFilename: 'app.map'
},
module: {
loaders: loaders
},
plugins: [
new webpack.optimize.OccurenceOrderPlugin(),
new webpack.NoErrorsPlugin()
],
cache: true,
devtool: 'source-map'
};
exports.build = {
resolve: {
root: [
path.resolve('./src')
]
},
entry: './src/app/App.js',
output: {
filename: "app.js"
},
module: {
loaders: loaders
},
plugins: [
new webpack.optimize.OccurenceOrderPlugin(),
new webpack.NoErrorsPlugin(),
new webpack.DefinePlugin({
"process.env": {
NODE_ENV: JSON.stringify("production")
}
})
]
};
================================================
FILE: app/templates/editorconfig
================================================
# http://editorconfig.org
root = true
[*]
indent_style = space
indent_size = 2
charset = utf-8
trim_trailing_whitespace = true
insert_final_newline = true
[*.md]
trim_trailing_whitespace = false
================================================
FILE: app/templates/ftppass
================================================
{
"testServer": {
"user": "test",
"pass": "test"
}
}
================================================
FILE: app/templates/gitignore
================================================
.DS_Store
Thumbs.db
.sass-cache
.idea
lib-cov
*.seed
*.log
*.csv
*.dat
*.out
*.pid
*.gz
pids
logs
results
npm-debug.log
node_modules
dist
.idea
================================================
FILE: app/templates/jshintrc
================================================
{
"node": true,
"esnext": true,
"bitwise": true,
"camelcase": true,
"curly": true,
"eqeqeq": true,
"immed": true,
"indent": 2,
"latedef": true,
"newcap": true,
"noarg": true,
"quotmark": "single",
"undef": true,
"unused": true,
"strict": true
}
================================================
FILE: model/index.js
================================================
'use strict';
var yeoman = require('yeoman-generator');
var chalk = require('chalk');
var yosay = require('yosay');
var htmlWiring = require('html-wiring');
module.exports = yeoman.generators.Base.extend({
constructor: function () {
yeoman.generators.Base.apply(this, arguments);
this.argument('model-name', {
desc: 'Name of the model to generate',
required: true
});
},
init: function () {
this.modelName = this['model-name'];
this.umodelName = this.modelName.toUpperCase();
this.args.splice(0, 1);
this.components = this.args;
},
writing: {
module: function () {
//make ModelView js
this.template('Model.js', 'src/app/model/' + this.modelName + 'Model.js');
}
}
});
================================================
FILE: model/templates/Model.js
================================================
var RequestHelper = require('app/model/RequestHelper');
var StoreHelper = require('app/model/StoreHelper');
var Actions = require('app/resources/Actions');
var Basic = require('app/model/Model');
var <%=umodelName%>,
Mdl = Core.Class.Model,
lcStorage = Core.localStorage;
function <%=modelName%>(){
}
//demo sub model for get request
<%=modelName%>.prototype.testSubModelGetMethod = StoreHelper.requestStore(Actions.actionForTestSubModelGetMethod);
//demo sub model for post request
<%=modelName%>.prototype.testSubModelPostMethod = StoreHelper.postStore(Actions.actionForTestSubModelPostMethod);
//demo sub model for paging
<%=modelName%>.prototype.testSubModelPaging = StoreHelper.pagingStore(Actions.actionForTestSubModelPaging);
//demo sub model for JSONP
<%=modelName%>.prototype.testSubModelJSONP = StoreHelper.JSONPStore(Actions.actionForTestSubModelJSONP);
module.exports = new <%=modelName%>();
================================================
FILE: module/index.js
================================================
'use strict';
var yeoman = require('yeoman-generator');
var chalk = require('chalk');
var yosay = require('yosay');
var htmlWiring = require('html-wiring');
module.exports = yeoman.generators.Base.extend({
constructor: function () {
yeoman.generators.Base.apply(this, arguments);
this.argument('module-name', {
desc: 'Name of the module to generate',
required: true
});
},
init: function () {
this.moduleName = this['module-name'];
this.lmoduleName = this.moduleName.toLowerCase();
this.args.splice(0, 1);
this.components = this.args;
},
writing: {
module: function () {
//make module html,and add to view.html
this.template('module.html', 'html/include/view-' + this.lmoduleName + '.html');
var file = htmlWiring.readFileAsString('html/include/views.html'),
add = [];
add.push('\n');
add.push('\n@@include("include/view-' + this.lmoduleName + '.html")');
add.push('\n');
file += add.join('');
htmlWiring.writeFileFromString(file, 'html/include/views.html');
//make module scss and add to _view.scss
this.template('module.scss', 'scss/_view-' + this.lmoduleName + '.scss');
file = htmlWiring.readFileAsString('scss/_view.scss');
add = [];
add.push('\n\n/*view-' + this.lmoduleName + '.scss*/');
add.push('\n@import "view-' + this.lmoduleName + '.scss";');
add.push('\n/*end view-' + this.lmoduleName + '.scss*/');
file += add.join('');
htmlWiring.writeFileFromString(file, 'scss/_view.scss');
//make module view js
this.template('ModuleView.js', 'src/app/view/' + this.moduleName + 'View.js');
//make module controller js App.js
this.template('ModuleController.js', 'src/app/controller/' + this.moduleName + 'Controller.js');
file = htmlWiring.readFileAsString('src/app/App.js');
file = file.replace('//__INSERT_POINT__',["var "+this.moduleName+"Controller = require('app/controller/"+this.moduleName+"Controller');",'\n //__INSERT_POINT__'].join(''));
htmlWiring.writeFileFromString(file, 'src/app/App.js');
}
}
});
================================================
FILE: module/templates/ModuleController.js
================================================
var Actions = require('../resources/Actions');
var BasicModel = require('app/model/Model');
var BasicView = require('app/view/View');
var <%=moduleName%>View = require('app/view/<%=moduleName%>View');
function <%=moduleName%>Controller(){
this.models = {
Basic: BasicModel
}
this.views = {
Basic: BasicView,
<%=moduleName%>: <%=moduleName%>View
}
var CTRL = this,
viewNames,
curViewId = '',
view<%=moduleName%>Query = {};
viewNames = {
'<%=lmoduleName%>': '<%=moduleName%>'
}
Core.Router.subscribe('/<%=lmoduleName%>/', onView<%=moduleName%>, unView<%=moduleName%>);
//统计视图
Core.Event.on('analyticsCurView', analyticsCurView);
//forward<%=moduleName%>
Core.Event.on('forward<%=moduleName%>', forward<%=moduleName%>);
function unView<%=moduleName%>() {
CTRL.views.<%=moduleName%>.hide();
}
function onView<%=moduleName%>(req){
curViewId = '<%=lmoduleName%>';
view<%=moduleName%>Query = req.query;
CTRL.views.<%=moduleName%>.show();
//追加统计
analyticsCurView();
}
function forward<%=moduleName%>(arg){
Core.Router.forward('/<%=lmoduleName%>/' + (arg || ''));
}
function analyticsCurView(params, title) {
if (!Core.Router.currentMatch(['/<%=lmoduleName%>/'])) {
return;
}
params = params ? ('&' + params) : '';
title = title || viewNames[curViewId] || document.title;
Core.Event.trigger('analytics', 'viewid=' + curViewId + params, title);
}
}
module.exports = new <%=moduleName%>Controller;
================================================
FILE: module/templates/ModuleView.js
================================================
var BasicView = require('app/view/View');
var BasicModel = require('app/model/Model');
function <%=moduleName%>View(){
this.models = {
Basic: BasicModel
}
this.viewCls = 'view-<%=lmoduleName%>';
this._BasicView = BasicView;
var VIEW = this,
isApp = Core.NativeBridge.isApp(),
Tpl, els,
tap = VIEW._BasicView.tapEvent;
//model listeners
function initEls() {
if(els){return;}
els = VIEW._BasicView.getElements(VIEW.viewCls,function(){
return {
//extraElement: this.main.find('.extra-element')
}
});
bindEvent();
}//end initEls
function initTpls(){
if(Tpl){return;}
Tpl = Tpl || VIEW._BasicView.getTemplates(VIEW.viewCls);
}
function initResources() {
initEls();
initTpls();
}
this.getEls = function () {
initEls();
return els;
}
this.getTpls = function(){
initTpls();
return Tpl;
}
function bindEvent() {
}//end bindEvent
this.show = function () {
initResources();
Core.Event.trigger('trigerAnimate',els.main);
VIEW._BasicView.show(VIEW.viewCls);
}
this.hide = function () {
if (!els) {
return;
}
}
function render(data) {
initResources();
}//end render
}//end View
module.exports = new <%=moduleName%>View();
================================================
FILE: module/templates/module.html
================================================
================================================
FILE: module/templates/module.scss
================================================
@charset "UTF-8";
.view-<%=lmoduleName%> {
width: 100%;
height: 100%;
min-height: 100%;
background-color: #fff;
font-size: 32px;
> .<%=lmoduleName%> {
@include box-h-c-c;
height: 100%;
}
}
================================================
FILE: package.json
================================================
{
"name": "generator-webappstarter",
"version": "2.3.4",
"description": "Quick start a web app for mobile.Automatically adjusts according to a device’s screen size without any extra work.",
"license": "MIT",
"main": "app/index.js",
"repository": "unbug/generator-webappstarter",
"author": {
"name": "unbug",
"email": "tidelgl@gmail.com",
"url": "https://github.com/unbug"
},
"scripts": {
"test": "mocha"
},
"files": [
"app",
"module",
"update",
"model"
],
"keywords": [
"yeoman-generator",
"mobile web app",
"MVC",
"gulp",
"webpack",
"react",
"es2015",
"es6",
"es7",
"responsive"
],
"dependencies": {
"chalk": "^1.0.0",
"html-wiring": "^1.0.1",
"yeoman-generator": "^0.19.0",
"yosay": "^1.0.2"
},
"devDependencies": {
"mocha": "*"
}
}
================================================
FILE: test/test-app.js
================================================
'use strict';
var path = require('path');
var assert = require('yeoman-generator').assert;
var helpers = require('yeoman-generator').test;
var os = require('os');
describe('webappstarter:app', function () {
before(function (done) {
helpers.run(path.join(__dirname, '../app'))
.withOptions({ skipInstall: true })
.withPrompts({ someOption: true })
.on('end', done);
});
it('creates files', function () {
assert.file([
'bower.json',
'package.json',
'.editorconfig',
'.jshintrc'
]);
});
});
================================================
FILE: update/index.js
================================================
'use strict';
var yeoman = require('yeoman-generator');
var chalk = require('chalk');
var yosay = require('yosay');
var htmlWiring = require('html-wiring');
module.exports = yeoman.generators.Base.extend({
constructor: function () {
yeoman.generators.Base.apply(this, arguments);
},
init: function () {
},
writing: {
core: function () {
this.log('updating "./src/core" directory');
this.directory('../../app/templates/app/src/core', './src/core');
},
lib: function () {
this.log('updating "./src/lib" directory');
this.directory('../../app/templates/app/src/lib', './src/lib');
},
util: function () {
this.log('updating "./src/util" directory');
this.directory('../../app/templates/app/src/util', './src/util');
},
widget: function () {
this.log('updating "./src/widget" directory');
this.directory('../../app/templates/app/src/widget', './src/widget');
},
app: function(){
this.log('updating some files in "./src/app/" directory');
//copy Basic Controller.js
this.copy('../../app/templates/app/src/app/controller/Controller.js', './src/app/controller/Controller.js');
//copy Basic View.js
this.copy('../../app/templates/app/src/app/view/View.js', './src/app/view/View.js');
//copy Basic Model.js
this.copy('../../app/templates/app/src/app/model/Model.js', './src/app/model/Model.js');
this.copy('../../app/templates/app/src/app/model/RequestHelper.js', './src/app/model/RequestHelper.js');
},
scss: function(){
this.log('updating some files in "./scss/" directory');
this.copy('../../app/templates/app/scss/_common.scss','./scss/_common.scss');
this.copy('../../app/templates/app/scss/_mixin.scss','./scss/_mixin.scss');
this.copy('../../app/templates/app/scss/_value.scss','./scss/_value.scss');
this.copy('../../app/templates/app/scss/_box.scss','./scss/_box.scss');
this.copy('../../app/templates/app/scss/_util.scss','./scss/_util.scss');
this.copy('../../app/templates/app/scss/_components.scss','./scss/_components.scss');
this.copy('../../app/templates/app/scss/_slide.scss','./scss/_slide.scss');
this.copy('../../app/templates/app/scss/_msgbox.scss','./scss/_msgbox.scss');
this.copy('../../app/templates/app/scss/_msgbox-android.scss','./scss/_msgbox-android.scss');
this.copy('../../app/templates/app/scss/_msgbox-deja.scss','./scss/_msgbox-deja.scss');
this.copy('../../app/templates/app/scss/_tooltip.scss','./scss/_tooltip.scss');
this.copy('../../app/templates/app/scss/_loading-spinner.scss','./scss/_loading-spinner.scss');
this.copy('../../app/templates/app/scss/_section-download.scss','./scss/_section-download.scss');
this.copy('../../app/templates/app/scss/_animate.scss','./scss/_animate.scss');
this.copy('../../app/templates/app/scss/_button.scss','./scss/_button.scss');
},
html: function(){
this.log('updating some files in "./html/" directory');
this.copy('../../app/templates/app/html/debug/index.html','./html/debug/index.html');
this.copy('../../app/templates/app/html/official/index.html','./html/official/index.html');
this.copy('../../app/templates/app/html/include/cache.manifest','./html/include/cache.manifest');
this.copy('../../app/templates/app/html/include/msgbox.html','./html/include/msgbox.html');
this.copy('../../app/templates/app/html/include/tooltip.html','./html/include/tooltip.html');
this.copy('../../app/templates/app/html/include/components.html','./html/include/components.html');
this.copy('../../app/templates/app/html/include/download.html','./html/include/download.html');
this.copy('../../app/templates/app/html/include/scripts-version.html','./html/include/scripts-version.html');
this.copy('../../app/templates/app/html/include/styles-version.html','./html/include/styles-version.html');
},
images: function(){
this.log('updating "./resources/images" directory');
this.directory('../../app/templates/app/resources/images', './resources/images');
},
other: function(){
this.copy('../../app/templates/app/gulpfile.js', './gulpfile.js');
this.copy('../../app/templates/app/.babelrc', './.babelrc');
this.copy('../../app/templates/app/webpack.config.js', './webpack.config.js');
this.copy('../../app/templates/app/README.md', './README.md');
}
}
});
