Note that in this view mode, cropping is not applied, click BACK TO TRIP to preview with cropping\";\r\n if (brokenImageUrls.length > 0)\r\n YouLi.Common.UI.ShowStandardDialog(`There are images missing or about to expire from cache, please review the page for red boxes to see these.${croppingNote}`, \"Check Images\");\r\n else\r\n YouLi.Common.UI.ShowStandardDialog(`No images missing or about to expire from cache.${croppingNote}`, \"Check Images\", \"OK\", \"success\");\r\n }, 3000);\r\n }\r\n });\r\n\r\n }(YouLi.Trip ? YouLi.Trip : {}));\r\n}(YouLi ? YouLi : {}));","/*!\r\n * imagesLoaded PACKAGED v4.1.3\r\n * JavaScript is all like \"You images are done yet or what?\"\r\n * MIT License\r\n */\r\n\r\n/**\r\n * EvEmitter v1.1.0\r\n * Lil' event emitter\r\n * MIT License\r\n */\r\n\r\n/* jshint unused: true, undef: true, strict: true */\r\n\r\n( function( global, factory ) {\r\n // universal module definition\r\n /* jshint strict: false */ /* globals define, module, window */\r\n if ( typeof define == 'function' && define.amd ) {\r\n // AMD - RequireJS\r\n define( 'ev-emitter/ev-emitter',factory );\r\n } else if ( typeof module == 'object' && module.exports ) {\r\n // CommonJS - Browserify, Webpack\r\n module.exports = factory();\r\n } else {\r\n // Browser globals\r\n global.EvEmitter = factory();\r\n }\r\n\r\n}( typeof window != 'undefined' ? window : this, function() {\r\n\r\n\r\n\r\nfunction EvEmitter() {}\r\n\r\nvar proto = EvEmitter.prototype;\r\n\r\nproto.on = function( eventName, listener ) {\r\n if ( !eventName || !listener ) {\r\n return;\r\n }\r\n // set events hash\r\n var events = this._events = this._events || {};\r\n // set listeners array\r\n var listeners = events[ eventName ] = events[ eventName ] || [];\r\n // only add once\r\n if ( listeners.indexOf( listener ) == -1 ) {\r\n listeners.push( listener );\r\n }\r\n\r\n return this;\r\n};\r\n\r\nproto.once = function( eventName, listener ) {\r\n if ( !eventName || !listener ) {\r\n return;\r\n }\r\n // add event\r\n this.on( eventName, listener );\r\n // set once flag\r\n // set onceEvents hash\r\n var onceEvents = this._onceEvents = this._onceEvents || {};\r\n // set onceListeners object\r\n var onceListeners = onceEvents[ eventName ] = onceEvents[ eventName ] || {};\r\n // set flag\r\n onceListeners[ listener ] = true;\r\n\r\n return this;\r\n};\r\n\r\nproto.off = function( eventName, listener ) {\r\n var listeners = this._events && this._events[ eventName ];\r\n if ( !listeners || !listeners.length ) {\r\n return;\r\n }\r\n var index = listeners.indexOf( listener );\r\n if ( index != -1 ) {\r\n listeners.splice( index, 1 );\r\n }\r\n\r\n return this;\r\n};\r\n\r\nproto.emitEvent = function( eventName, args ) {\r\n var listeners = this._events && this._events[ eventName ];\r\n if ( !listeners || !listeners.length ) {\r\n return;\r\n }\r\n var i = 0;\r\n var listener = listeners[i];\r\n args = args || [];\r\n // once stuff\r\n var onceListeners = this._onceEvents && this._onceEvents[ eventName ];\r\n\r\n while ( listener ) {\r\n var isOnce = onceListeners && onceListeners[ listener ];\r\n if ( isOnce ) {\r\n // remove listener\r\n // remove before trigger to prevent recursion\r\n this.off( eventName, listener );\r\n // unset once flag\r\n delete onceListeners[ listener ];\r\n }\r\n // trigger listener\r\n listener.apply( this, args );\r\n // get next listener\r\n i += isOnce ? 0 : 1;\r\n listener = listeners[i];\r\n }\r\n\r\n return this;\r\n};\r\n\r\nproto.allOff =\r\nproto.removeAllListeners = function() {\r\n delete this._events;\r\n delete this._onceEvents;\r\n};\r\n\r\nreturn EvEmitter;\r\n\r\n}));\r\n\r\n/*!\r\n * imagesLoaded v4.1.3\r\n * JavaScript is all like \"You images are done yet or what?\"\r\n * MIT License\r\n */\r\n\r\n( function( window, factory ) { 'use strict';\r\n // universal module definition\r\n\r\n /*global define: false, module: false, require: false */\r\n\r\n if ( typeof define == 'function' && define.amd ) {\r\n // AMD\r\n define( [\r\n 'ev-emitter/ev-emitter'\r\n ], function( EvEmitter ) {\r\n return factory( window, EvEmitter );\r\n });\r\n } else if ( typeof module == 'object' && module.exports ) {\r\n // CommonJS\r\n module.exports = factory(\r\n window,\r\n require('ev-emitter')\r\n );\r\n } else {\r\n // browser global\r\n window.imagesLoaded = factory(\r\n window,\r\n window.EvEmitter\r\n );\r\n }\r\n\r\n})( typeof window !== 'undefined' ? window : this,\r\n\r\n// -------------------------- factory -------------------------- //\r\n\r\nfunction factory( window, EvEmitter ) {\r\n\r\n\r\n\r\nvar $ = window.jQuery;\r\nvar console = window.console;\r\n\r\n// -------------------------- helpers -------------------------- //\r\n\r\n// extend objects\r\nfunction extend( a, b ) {\r\n for ( var prop in b ) {\r\n a[ prop ] = b[ prop ];\r\n }\r\n return a;\r\n}\r\n\r\n// turn element or nodeList into an array\r\nfunction makeArray( obj ) {\r\n var ary = [];\r\n if ( Array.isArray( obj ) ) {\r\n // use object if already an array\r\n ary = obj;\r\n } else if ( typeof obj.length == 'number' ) {\r\n // convert nodeList to array\r\n for ( var i=0; i < obj.length; i++ ) {\r\n ary.push( obj[i] );\r\n }\r\n } else {\r\n // array of single index\r\n ary.push( obj );\r\n }\r\n return ary;\r\n}\r\n\r\n// -------------------------- imagesLoaded -------------------------- //\r\n\r\n/**\r\n * @param {Array, Element, NodeList, String} elem\r\n * @param {Object or Function} options - if function, use as callback\r\n * @param {Function} onAlways - callback function\r\n */\r\nfunction ImagesLoaded( elem, options, onAlways ) {\r\n // coerce ImagesLoaded() without new, to be new ImagesLoaded()\r\n if ( !( this instanceof ImagesLoaded ) ) {\r\n return new ImagesLoaded( elem, options, onAlways );\r\n }\r\n // use elem as selector string\r\n if ( typeof elem == 'string' ) {\r\n elem = document.querySelectorAll( elem );\r\n }\r\n\r\n this.elements = makeArray( elem );\r\n this.options = extend( {}, this.options );\r\n\r\n if ( typeof options == 'function' ) {\r\n onAlways = options;\r\n } else {\r\n extend( this.options, options );\r\n }\r\n\r\n if ( onAlways ) {\r\n this.on( 'always', onAlways );\r\n }\r\n\r\n this.getImages();\r\n\r\n if ( $ ) {\r\n // add jQuery Deferred object\r\n this.jqDeferred = new $.Deferred();\r\n }\r\n\r\n // HACK check async to allow time to bind listeners\r\n setTimeout( function() {\r\n this.check();\r\n }.bind( this ));\r\n}\r\n\r\nImagesLoaded.prototype = Object.create( EvEmitter.prototype );\r\n\r\nImagesLoaded.prototype.options = {};\r\n\r\nImagesLoaded.prototype.getImages = function() {\r\n this.images = [];\r\n\r\n // filter & find items if we have an item selector\r\n this.elements.forEach( this.addElementImages, this );\r\n};\r\n\r\n/**\r\n * @param {Node} element\r\n */\r\nImagesLoaded.prototype.addElementImages = function( elem ) {\r\n // filter siblings\r\n if ( elem.nodeName == 'IMG' ) {\r\n this.addImage( elem );\r\n }\r\n // get background image on element\r\n if ( this.options.background === true ) {\r\n this.addElementBackgroundImages( elem );\r\n }\r\n\r\n // find children\r\n // no non-element nodes, #143\r\n var nodeType = elem.nodeType;\r\n if ( !nodeType || !elementNodeTypes[ nodeType ] ) {\r\n return;\r\n }\r\n var childImgs = elem.querySelectorAll('img');\r\n // concat childElems to filterFound array\r\n for ( var i=0; i < childImgs.length; i++ ) {\r\n var img = childImgs[i];\r\n this.addImage( img );\r\n }\r\n\r\n // get child background images\r\n if ( typeof this.options.background == 'string' ) {\r\n var children = elem.querySelectorAll( this.options.background );\r\n for ( i=0; i < children.length; i++ ) {\r\n var child = children[i];\r\n this.addElementBackgroundImages( child );\r\n }\r\n }\r\n};\r\n\r\nvar elementNodeTypes = {\r\n 1: true,\r\n 9: true,\r\n 11: true\r\n};\r\n\r\nImagesLoaded.prototype.addElementBackgroundImages = function( elem ) {\r\n var style = getComputedStyle( elem );\r\n if ( !style ) {\r\n // Firefox returns null if in a hidden iframe https://bugzil.la/548397\r\n return;\r\n }\r\n // get url inside url(\"...\")\r\n var reURL = /url\\((['\"])?(.*?)\\1\\)/gi;\r\n var matches = reURL.exec( style.backgroundImage );\r\n while ( matches !== null ) {\r\n var url = matches && matches[2];\r\n if ( url ) {\r\n this.addBackground( url, elem );\r\n }\r\n matches = reURL.exec( style.backgroundImage );\r\n }\r\n};\r\n\r\n/**\r\n * @param {Image} img\r\n */\r\nImagesLoaded.prototype.addImage = function( img ) {\r\n var loadingImage = new LoadingImage( img );\r\n this.images.push( loadingImage );\r\n};\r\n\r\nImagesLoaded.prototype.addBackground = function( url, elem ) {\r\n var background = new Background( url, elem );\r\n this.images.push( background );\r\n};\r\n\r\nImagesLoaded.prototype.check = function() {\r\n var _this = this;\r\n this.progressedCount = 0;\r\n this.hasAnyBroken = false;\r\n // complete if no images\r\n if ( !this.images.length ) {\r\n this.complete();\r\n return;\r\n }\r\n\r\n function onProgress( image, elem, message ) {\r\n // HACK - Chrome triggers event before object properties have changed. #83\r\n setTimeout( function() {\r\n _this.progress( image, elem, message );\r\n });\r\n }\r\n\r\n this.images.forEach( function( loadingImage ) {\r\n loadingImage.once( 'progress', onProgress );\r\n loadingImage.check();\r\n });\r\n};\r\n\r\nImagesLoaded.prototype.progress = function( image, elem, message ) {\r\n this.progressedCount++;\r\n this.hasAnyBroken = this.hasAnyBroken || !image.isLoaded;\r\n // progress event\r\n this.emitEvent( 'progress', [ this, image, elem ] );\r\n if ( this.jqDeferred && this.jqDeferred.notify ) {\r\n this.jqDeferred.notify( this, image );\r\n }\r\n // check if completed\r\n if ( this.progressedCount == this.images.length ) {\r\n this.complete();\r\n }\r\n\r\n if ( this.options.debug && console ) {\r\n console.log( 'progress: ' + message, image, elem );\r\n }\r\n};\r\n\r\nImagesLoaded.prototype.complete = function() {\r\n var eventName = this.hasAnyBroken ? 'fail' : 'done';\r\n this.isComplete = true;\r\n this.emitEvent( eventName, [ this ] );\r\n this.emitEvent( 'always', [ this ] );\r\n if ( this.jqDeferred ) {\r\n var jqMethod = this.hasAnyBroken ? 'reject' : 'resolve';\r\n this.jqDeferred[ jqMethod ]( this );\r\n }\r\n};\r\n\r\n// -------------------------- -------------------------- //\r\n\r\nfunction LoadingImage( img ) {\r\n this.img = img;\r\n}\r\n\r\nLoadingImage.prototype = Object.create( EvEmitter.prototype );\r\n\r\nLoadingImage.prototype.check = function() {\r\n // If complete is true and browser supports natural sizes,\r\n // try to check for image status manually.\r\n var isComplete = this.getIsImageComplete();\r\n if ( isComplete ) {\r\n // report based on naturalWidth\r\n this.confirm( this.img.naturalWidth !== 0, 'naturalWidth' );\r\n return;\r\n }\r\n\r\n // If none of the checks above matched, simulate loading on detached element.\r\n this.proxyImage = new Image();\r\n this.proxyImage.addEventListener( 'load', this );\r\n this.proxyImage.addEventListener( 'error', this );\r\n // bind to image as well for Firefox. #191\r\n this.img.addEventListener( 'load', this );\r\n this.img.addEventListener( 'error', this );\r\n this.proxyImage.src = this.img.src;\r\n};\r\n\r\nLoadingImage.prototype.getIsImageComplete = function() {\r\n return this.img.complete && this.img.naturalWidth !== undefined;\r\n};\r\n\r\nLoadingImage.prototype.confirm = function( isLoaded, message ) {\r\n this.isLoaded = isLoaded;\r\n this.emitEvent( 'progress', [ this, this.img, message ] );\r\n};\r\n\r\n// ----- events ----- //\r\n\r\n// trigger specified handler for event type\r\nLoadingImage.prototype.handleEvent = function( event ) {\r\n var method = 'on' + event.type;\r\n if ( this[ method ] ) {\r\n this[ method ]( event );\r\n }\r\n};\r\n\r\nLoadingImage.prototype.onload = function() {\r\n this.confirm( true, 'onload' );\r\n this.unbindEvents();\r\n};\r\n\r\nLoadingImage.prototype.onerror = function() {\r\n this.confirm( false, 'onerror' );\r\n this.unbindEvents();\r\n};\r\n\r\nLoadingImage.prototype.unbindEvents = function() {\r\n this.proxyImage.removeEventListener( 'load', this );\r\n this.proxyImage.removeEventListener( 'error', this );\r\n this.img.removeEventListener( 'load', this );\r\n this.img.removeEventListener( 'error', this );\r\n};\r\n\r\n// -------------------------- Background -------------------------- //\r\n\r\nfunction Background( url, element ) {\r\n this.url = url;\r\n this.element = element;\r\n this.img = new Image();\r\n}\r\n\r\n// inherit LoadingImage prototype\r\nBackground.prototype = Object.create( LoadingImage.prototype );\r\n\r\nBackground.prototype.check = function() {\r\n this.img.addEventListener( 'load', this );\r\n this.img.addEventListener( 'error', this );\r\n this.img.src = this.url;\r\n // check if image is already complete\r\n var isComplete = this.getIsImageComplete();\r\n if ( isComplete ) {\r\n this.confirm( this.img.naturalWidth !== 0, 'naturalWidth' );\r\n this.unbindEvents();\r\n }\r\n};\r\n\r\nBackground.prototype.unbindEvents = function() {\r\n this.img.removeEventListener( 'load', this );\r\n this.img.removeEventListener( 'error', this );\r\n};\r\n\r\nBackground.prototype.confirm = function( isLoaded, message ) {\r\n this.isLoaded = isLoaded;\r\n this.emitEvent( 'progress', [ this, this.element, message ] );\r\n};\r\n\r\n// -------------------------- jQuery -------------------------- //\r\n\r\nImagesLoaded.makeJQueryPlugin = function( jQuery ) {\r\n jQuery = jQuery || window.jQuery;\r\n if ( !jQuery ) {\r\n return;\r\n }\r\n // set local variable\r\n $ = jQuery;\r\n // $().imagesLoaded()\r\n $.fn.imagesLoaded = function( options, callback ) {\r\n var instance = new ImagesLoaded( this, options, callback );\r\n return instance.jqDeferred.promise( $(this) );\r\n };\r\n};\r\n// try making plugin\r\nImagesLoaded.makeJQueryPlugin();\r\n\r\n// -------------------------- -------------------------- //\r\n\r\nreturn ImagesLoaded;\r\n\r\n});\r\n","/*!\r\n * Isotope PACKAGED v3.0.5\r\n *\r\n * Licensed GPLv3 for open source use\r\n * or Isotope Commercial License for commercial use\r\n *\r\n * https://isotope.metafizzy.co\r\n * Copyright 2017 Metafizzy\r\n */\r\n\r\n!function (t, e) { \"function\" == typeof define && define.amd ? define(\"jquery-bridget/jquery-bridget\", [\"jquery\"], function (i) { return e(t, i) }) : \"object\" == typeof module && module.exports ? module.exports = e(t, require(\"jquery\")) : t.jQueryBridget = e(t, t.jQuery) }(window, function (t, e) { \"use strict\"; function i(i, s, a) { function u(t, e, o) { var n, s = \"$().\" + i + '(\"' + e + '\")'; return t.each(function (t, u) { var h = a.data(u, i); if (!h) return void r(i + \" not initialized. Cannot call methods, i.e. \" + s); var d = h[e]; if (!d || \"_\" == e.charAt(0)) return void r(s + \" is not a valid method\"); var l = d.apply(h, o); n = void 0 === n ? l : n }), void 0 !== n ? n : t } function h(t, e) { t.each(function (t, o) { var n = a.data(o, i); n ? (n.option(e), n._init()) : (n = new s(o, e), a.data(o, i, n)) }) } a = a || e || t.jQuery, a && (s.prototype.option || (s.prototype.option = function (t) { a.isPlainObject(t) && (this.options = a.extend(!0, this.options, t)) }), a.fn[i] = function (t) { if (\"string\" == typeof t) { var e = n.call(arguments, 1); return u(this, t, e) } return h(this, t), this }, o(a)) } function o(t) { !t || t && t.bridget || (t.bridget = i) } var n = Array.prototype.slice, s = t.console, r = \"undefined\" == typeof s ? function () { } : function (t) { s.error(t) }; return o(e || t.jQuery), i }), function (t, e) { \"function\" == typeof define && define.amd ? define(\"ev-emitter/ev-emitter\", e) : \"object\" == typeof module && module.exports ? module.exports = e() : t.EvEmitter = e() }(\"undefined\" != typeof window ? window : this, function () { function t() { } var e = t.prototype; return e.on = function (t, e) { if (t && e) { var i = this._events = this._events || {}, o = i[t] = i[t] || []; return o.indexOf(e) == -1 && o.push(e), this } }, e.once = function (t, e) { if (t && e) { this.on(t, e); var i = this._onceEvents = this._onceEvents || {}, o = i[t] = i[t] || {}; return o[e] = !0, this } }, e.off = function (t, e) { var i = this._events && this._events[t]; if (i && i.length) { var o = i.indexOf(e); return o != -1 && i.splice(o, 1), this } }, e.emitEvent = function (t, e) { var i = this._events && this._events[t]; if (i && i.length) { i = i.slice(0), e = e || []; for (var o = this._onceEvents && this._onceEvents[t], n = 0; n < i.length; n++) { var s = i[n], r = o && o[s]; r && (this.off(t, s), delete o[s]), s.apply(this, e) } return this } }, e.allOff = function () { delete this._events, delete this._onceEvents }, t }), function (t, e) { \"use strict\"; \"function\" == typeof define && define.amd ? define(\"get-size/get-size\", [], function () { return e() }) : \"object\" == typeof module && module.exports ? module.exports = e() : t.getSize = e() }(window, function () { \"use strict\"; function t(t) { var e = parseFloat(t), i = t.indexOf(\"%\") == -1 && !isNaN(e); return i && e } function e() { } function i() { for (var t = { width: 0, height: 0, innerWidth: 0, innerHeight: 0, outerWidth: 0, outerHeight: 0 }, e = 0; e < h; e++) { var i = u[e]; t[i] = 0 } return t } function o(t) { var e = getComputedStyle(t); return e || a(\"Style returned \" + e + \". Are you running this code in a hidden iframe on Firefox? See http://bit.ly/getsizebug1\"), e } function n() { if (!d) { d = !0; var e = document.createElement(\"div\"); e.style.width = \"200px\", e.style.padding = \"1px 2px 3px 4px\", e.style.borderStyle = \"solid\", e.style.borderWidth = \"1px 2px 3px 4px\", e.style.boxSizing = \"border-box\"; var i = document.body || document.documentElement; i.appendChild(e); var n = o(e); s.isBoxSizeOuter = r = 200 == t(n.width), i.removeChild(e) } } function s(e) { if (n(), \"string\" == typeof e && (e = document.querySelector(e)), e && \"object\" == typeof e && e.nodeType) { var s = o(e); if (\"none\" == s.display) return i(); var a = {}; a.width = e.offsetWidth, a.height = e.offsetHeight; for (var d = a.isBorderBox = \"border-box\" == s.boxSizing, l = 0; l < h; l++) { var f = u[l], c = s[f], m = parseFloat(c); a[f] = isNaN(m) ? 0 : m } var p = a.paddingLeft + a.paddingRight, y = a.paddingTop + a.paddingBottom, g = a.marginLeft + a.marginRight, v = a.marginTop + a.marginBottom, _ = a.borderLeftWidth + a.borderRightWidth, I = a.borderTopWidth + a.borderBottomWidth, z = d && r, x = t(s.width); x !== !1 && (a.width = x + (z ? 0 : p + _)); var S = t(s.height); return S !== !1 && (a.height = S + (z ? 0 : y + I)), a.innerWidth = a.width - (p + _), a.innerHeight = a.height - (y + I), a.outerWidth = a.width + g, a.outerHeight = a.height + v, a } } var r, a = \"undefined\" == typeof console ? e : function (t) { console.error(t) }, u = [\"paddingLeft\", \"paddingRight\", \"paddingTop\", \"paddingBottom\", \"marginLeft\", \"marginRight\", \"marginTop\", \"marginBottom\", \"borderLeftWidth\", \"borderRightWidth\", \"borderTopWidth\", \"borderBottomWidth\"], h = u.length, d = !1; return s }), function (t, e) { \"use strict\"; \"function\" == typeof define && define.amd ? define(\"desandro-matches-selector/matches-selector\", e) : \"object\" == typeof module && module.exports ? module.exports = e() : t.matchesSelector = e() }(window, function () { \"use strict\"; var t = function () { var t = window.Element.prototype; if (t.matches) return \"matches\"; if (t.matchesSelector) return \"matchesSelector\"; for (var e = [\"webkit\", \"moz\", \"ms\", \"o\"], i = 0; i < e.length; i++) { var o = e[i], n = o + \"MatchesSelector\"; if (t[n]) return n } }(); return function (e, i) { return e[t](i) } }), function (t, e) { \"function\" == typeof define && define.amd ? define(\"fizzy-ui-utils/utils\", [\"desandro-matches-selector/matches-selector\"], function (i) { return e(t, i) }) : \"object\" == typeof module && module.exports ? module.exports = e(t, require(\"desandro-matches-selector\")) : t.fizzyUIUtils = e(t, t.matchesSelector) }(window, function (t, e) { var i = {}; i.extend = function (t, e) { for (var i in e) t[i] = e[i]; return t }, i.modulo = function (t, e) { return (t % e + e) % e }, i.makeArray = function (t) { var e = []; if (Array.isArray(t)) e = t; else if (t && \"object\" == typeof t && \"number\" == typeof t.length) for (var i = 0; i < t.length; i++)e.push(t[i]); else e.push(t); return e }, i.removeFrom = function (t, e) { var i = t.indexOf(e); i != -1 && t.splice(i, 1) }, i.getParent = function (t, i) { for (; t.parentNode && t != document.body;)if (t = t.parentNode, e(t, i)) return t }, i.getQueryElement = function (t) { return \"string\" == typeof t ? document.querySelector(t) : t }, i.handleEvent = function (t) { var e = \"on\" + t.type; this[e] && this[e](t) }, i.filterFindElements = function (t, o) { t = i.makeArray(t); var n = []; return t.forEach(function (t) { if (t instanceof HTMLElement) { if (!o) return void n.push(t); e(t, o) && n.push(t); for (var i = t.querySelectorAll(o), s = 0; s < i.length; s++)n.push(i[s]) } }), n }, i.debounceMethod = function (t, e, i) { var o = t.prototype[e], n = e + \"Timeout\"; t.prototype[e] = function () { var t = this[n]; t && clearTimeout(t); var e = arguments, s = this; this[n] = setTimeout(function () { o.apply(s, e), delete s[n] }, i || 100) } }, i.docReady = function (t) { var e = document.readyState; \"complete\" == e || \"interactive\" == e ? setTimeout(t) : document.addEventListener(\"DOMContentLoaded\", t) }, i.toDashed = function (t) { return t.replace(/(.)([A-Z])/g, function (t, e, i) { return e + \"-\" + i }).toLowerCase() }; var o = t.console; return i.htmlInit = function (e, n) { i.docReady(function () { var s = i.toDashed(n), r = \"data-\" + s, a = document.querySelectorAll(\"[\" + r + \"]\"), u = document.querySelectorAll(\".js-\" + s), h = i.makeArray(a).concat(i.makeArray(u)), d = r + \"-options\", l = t.jQuery; h.forEach(function (t) { var i, s = t.getAttribute(r) || t.getAttribute(d); try { i = s && JSON.parse(s) } catch (a) { return void (o && o.error(\"Error parsing \" + r + \" on \" + t.className + \": \" + a)) } var u = new e(t, i); l && l.data(t, n, u) }) }) }, i }), function (t, e) { \"function\" == typeof define && define.amd ? define(\"outlayer/item\", [\"ev-emitter/ev-emitter\", \"get-size/get-size\"], e) : \"object\" == typeof module && module.exports ? module.exports = e(require(\"ev-emitter\"), require(\"get-size\")) : (t.Outlayer = {}, t.Outlayer.Item = e(t.EvEmitter, t.getSize)) }(window, function (t, e) { \"use strict\"; function i(t) { for (var e in t) return !1; return e = null, !0 } function o(t, e) { t && (this.element = t, this.layout = e, this.position = { x: 0, y: 0 }, this._create()) } function n(t) { return t.replace(/([A-Z])/g, function (t) { return \"-\" + t.toLowerCase() }) } var s = document.documentElement.style, r = \"string\" == typeof s.transition ? \"transition\" : \"WebkitTransition\", a = \"string\" == typeof s.transform ? \"transform\" : \"WebkitTransform\", u = { WebkitTransition: \"webkitTransitionEnd\", transition: \"transitionend\" }[r], h = { transform: a, transition: r, transitionDuration: r + \"Duration\", transitionProperty: r + \"Property\", transitionDelay: r + \"Delay\" }, d = o.prototype = Object.create(t.prototype); d.constructor = o, d._create = function () { this._transn = { ingProperties: {}, clean: {}, onEnd: {} }, this.css({ position: \"absolute\" }) }, d.handleEvent = function (t) { var e = \"on\" + t.type; this[e] && this[e](t) }, d.getSize = function () { this.size = e(this.element) }, d.css = function (t) { var e = this.element.style; for (var i in t) { var o = h[i] || i; e[o] = t[i] } }, d.getPosition = function () { var t = getComputedStyle(this.element), e = this.layout._getOption(\"originLeft\"), i = this.layout._getOption(\"originTop\"), o = t[e ? \"left\" : \"right\"], n = t[i ? \"top\" : \"bottom\"], s = this.layout.size, r = o.indexOf(\"%\") != -1 ? parseFloat(o) / 100 * s.width : parseInt(o, 10), a = n.indexOf(\"%\") != -1 ? parseFloat(n) / 100 * s.height : parseInt(n, 10); r = isNaN(r) ? 0 : r, a = isNaN(a) ? 0 : a, r -= e ? s.paddingLeft : s.paddingRight, a -= i ? s.paddingTop : s.paddingBottom, this.position.x = r, this.position.y = a }, d.layoutPosition = function () { var t = this.layout.size, e = {}, i = this.layout._getOption(\"originLeft\"), o = this.layout._getOption(\"originTop\"), n = i ? \"paddingLeft\" : \"paddingRight\", s = i ? \"left\" : \"right\", r = i ? \"right\" : \"left\", a = this.position.x + t[n]; e[s] = this.getXValue(a), e[r] = \"\"; var u = o ? \"paddingTop\" : \"paddingBottom\", h = o ? \"top\" : \"bottom\", d = o ? \"bottom\" : \"top\", l = this.position.y + t[u]; e[h] = this.getYValue(l), e[d] = \"\", this.css(e), this.emitEvent(\"layout\", [this]) }, d.getXValue = function (t) { var e = this.layout._getOption(\"horizontal\"); return this.layout.options.percentPosition && !e ? t / this.layout.size.width * 100 + \"%\" : t + \"px\" }, d.getYValue = function (t) { var e = this.layout._getOption(\"horizontal\"); return this.layout.options.percentPosition && e ? t / this.layout.size.height * 100 + \"%\" : t + \"px\" }, d._transitionTo = function (t, e) { this.getPosition(); var i = this.position.x, o = this.position.y, n = parseInt(t, 10), s = parseInt(e, 10), r = n === this.position.x && s === this.position.y; if (this.setPosition(t, e), r && !this.isTransitioning) return void this.layoutPosition(); var a = t - i, u = e - o, h = {}; h.transform = this.getTranslate(a, u), this.transition({ to: h, onTransitionEnd: { transform: this.layoutPosition }, isCleaning: !0 }) }, d.getTranslate = function (t, e) { var i = this.layout._getOption(\"originLeft\"), o = this.layout._getOption(\"originTop\"); return t = i ? t : -t, e = o ? e : -e, \"translate3d(\" + t + \"px, \" + e + \"px, 0)\" }, d.goTo = function (t, e) { this.setPosition(t, e), this.layoutPosition() }, d.moveTo = d._transitionTo, d.setPosition = function (t, e) { this.position.x = parseInt(t, 10), this.position.y = parseInt(e, 10) }, d._nonTransition = function (t) { this.css(t.to), t.isCleaning && this._removeStyles(t.to); for (var e in t.onTransitionEnd) t.onTransitionEnd[e].call(this) }, d.transition = function (t) { if (!parseFloat(this.layout.options.transitionDuration)) return void this._nonTransition(t); var e = this._transn; for (var i in t.onTransitionEnd) e.onEnd[i] = t.onTransitionEnd[i]; for (i in t.to) e.ingProperties[i] = !0, t.isCleaning && (e.clean[i] = !0); if (t.from) { this.css(t.from); var o = this.element.offsetHeight; o = null } this.enableTransition(t.to), this.css(t.to), this.isTransitioning = !0 }; var l = \"opacity,\" + n(a); d.enableTransition = function () { if (!this.isTransitioning) { var t = this.layout.options.transitionDuration; t = \"number\" == typeof t ? t + \"ms\" : t, this.css({ transitionProperty: l, transitionDuration: t, transitionDelay: this.staggerDelay || 0 }), this.element.addEventListener(u, this, !1) } }, d.onwebkitTransitionEnd = function (t) { this.ontransitionend(t) }, d.onotransitionend = function (t) { this.ontransitionend(t) }; var f = { \"-webkit-transform\": \"transform\" }; d.ontransitionend = function (t) { if (t.target === this.element) { var e = this._transn, o = f[t.propertyName] || t.propertyName; if (delete e.ingProperties[o], i(e.ingProperties) && this.disableTransition(), o in e.clean && (this.element.style[t.propertyName] = \"\", delete e.clean[o]), o in e.onEnd) { var n = e.onEnd[o]; n.call(this), delete e.onEnd[o] } this.emitEvent(\"transitionEnd\", [this]) } }, d.disableTransition = function () { this.removeTransitionStyles(), this.element.removeEventListener(u, this, !1), this.isTransitioning = !1 }, d._removeStyles = function (t) { var e = {}; for (var i in t) e[i] = \"\"; this.css(e) }; var c = { transitionProperty: \"\", transitionDuration: \"\", transitionDelay: \"\" }; return d.removeTransitionStyles = function () { this.css(c) }, d.stagger = function (t) { t = isNaN(t) ? 0 : t, this.staggerDelay = t + \"ms\" }, d.removeElem = function () { this.element.parentNode.removeChild(this.element), this.css({ display: \"\" }), this.emitEvent(\"remove\", [this]) }, d.remove = function () { return r && parseFloat(this.layout.options.transitionDuration) ? (this.once(\"transitionEnd\", function () { this.removeElem() }), void this.hide()) : void this.removeElem() }, d.reveal = function () { delete this.isHidden, this.css({ display: \"\" }); var t = this.layout.options, e = {}, i = this.getHideRevealTransitionEndProperty(\"visibleStyle\"); e[i] = this.onRevealTransitionEnd, this.transition({ from: t.hiddenStyle, to: t.visibleStyle, isCleaning: !0, onTransitionEnd: e }) }, d.onRevealTransitionEnd = function () { this.isHidden || this.emitEvent(\"reveal\") }, d.getHideRevealTransitionEndProperty = function (t) { var e = this.layout.options[t]; if (e.opacity) return \"opacity\"; for (var i in e) return i }, d.hide = function () { this.isHidden = !0, this.css({ display: \"\" }); var t = this.layout.options, e = {}, i = this.getHideRevealTransitionEndProperty(\"hiddenStyle\"); e[i] = this.onHideTransitionEnd, this.transition({ from: t.visibleStyle, to: t.hiddenStyle, isCleaning: !0, onTransitionEnd: e }) }, d.onHideTransitionEnd = function () { this.isHidden && (this.css({ display: \"none\" }), this.emitEvent(\"hide\")) }, d.destroy = function () { this.css({ position: \"\", left: \"\", right: \"\", top: \"\", bottom: \"\", transition: \"\", transform: \"\" }) }, o }), function (t, e) { \"use strict\"; \"function\" == typeof define && define.amd ? define(\"outlayer/outlayer\", [\"ev-emitter/ev-emitter\", \"get-size/get-size\", \"fizzy-ui-utils/utils\", \"./item\"], function (i, o, n, s) { return e(t, i, o, n, s) }) : \"object\" == typeof module && module.exports ? module.exports = e(t, require(\"ev-emitter\"), require(\"get-size\"), require(\"fizzy-ui-utils\"), require(\"./item\")) : t.Outlayer = e(t, t.EvEmitter, t.getSize, t.fizzyUIUtils, t.Outlayer.Item) }(window, function (t, e, i, o, n) { \"use strict\"; function s(t, e) { var i = o.getQueryElement(t); if (!i) return void (u && u.error(\"Bad element for \" + this.constructor.namespace + \": \" + (i || t))); this.element = i, h && (this.$element = h(this.element)), this.options = o.extend({}, this.constructor.defaults), this.option(e); var n = ++l; this.element.outlayerGUID = n, f[n] = this, this._create(); var s = this._getOption(\"initLayout\"); s && this.layout() } function r(t) { function e() { t.apply(this, arguments) } return e.prototype = Object.create(t.prototype), e.prototype.constructor = e, e } function a(t) { if (\"number\" == typeof t) return t; var e = t.match(/(^\\d*\\.?\\d*)(\\w*)/), i = e && e[1], o = e && e[2]; if (!i.length) return 0; i = parseFloat(i); var n = m[o] || 1; return i * n } var u = t.console, h = t.jQuery, d = function () { }, l = 0, f = {}; s.namespace = \"outlayer\", s.Item = n, s.defaults = { containerStyle: { position: \"relative\" }, initLayout: !0, originLeft: !0, originTop: !0, resize: !0, resizeContainer: !0, transitionDuration: \"0.4s\", hiddenStyle: { opacity: 0, transform: \"scale(0.001)\" }, visibleStyle: { opacity: 1, transform: \"scale(1)\" } }; var c = s.prototype; o.extend(c, e.prototype), c.option = function (t) { o.extend(this.options, t) }, c._getOption = function (t) { var e = this.constructor.compatOptions[t]; return e && void 0 !== this.options[e] ? this.options[e] : this.options[t] }, s.compatOptions = { initLayout: \"isInitLayout\", horizontal: \"isHorizontal\", layoutInstant: \"isLayoutInstant\", originLeft: \"isOriginLeft\", originTop: \"isOriginTop\", resize: \"isResizeBound\", resizeContainer: \"isResizingContainer\" }, c._create = function () { this.reloadItems(), this.stamps = [], this.stamp(this.options.stamp), o.extend(this.element.style, this.options.containerStyle); var t = this._getOption(\"resize\"); t && this.bindResize() }, c.reloadItems = function () { this.items = this._itemize(this.element.children) }, c._itemize = function (t) { for (var e = this._filterFindItemElements(t), i = this.constructor.Item, o = [], n = 0; n < e.length; n++) { var s = e[n], r = new i(s, this); o.push(r) } return o }, c._filterFindItemElements = function (t) { return o.filterFindElements(t, this.options.itemSelector) }, c.getItemElements = function () { return this.items.map(function (t) { return t.element }) }, c.layout = function () { this._resetLayout(), this._manageStamps(); var t = this._getOption(\"layoutInstant\"), e = void 0 !== t ? t : !this._isLayoutInited; this.layoutItems(this.items, e), this._isLayoutInited = !0 }, c._init = c.layout, c._resetLayout = function () { this.getSize() }, c.getSize = function () { this.size = i(this.element) }, c._getMeasurement = function (t, e) { var o, n = this.options[t]; n ? (\"string\" == typeof n ? o = this.element.querySelector(n) : n instanceof HTMLElement && (o = n), this[t] = o ? i(o)[e] : n) : this[t] = 0 }, c.layoutItems = function (t, e) { t = this._getItemsForLayout(t), this._layoutItems(t, e), this._postLayout() }, c._getItemsForLayout = function (t) { return t.filter(function (t) { return !t.isIgnored }) }, c._layoutItems = function (t, e) { if (this._emitCompleteOnItems(\"layout\", t), t && t.length) { var i = []; t.forEach(function (t) { var o = this._getItemLayoutPosition(t); o.item = t, o.isInstant = e || t.isLayoutInstant, i.push(o) }, this), this._processLayoutQueue(i) } }, c._getItemLayoutPosition = function () { return { x: 0, y: 0 } }, c._processLayoutQueue = function (t) { this.updateStagger(), t.forEach(function (t, e) { this._positionItem(t.item, t.x, t.y, t.isInstant, e) }, this) }, c.updateStagger = function () { var t = this.options.stagger; return null === t || void 0 === t ? void (this.stagger = 0) : (this.stagger = a(t), this.stagger) }, c._positionItem = function (t, e, i, o, n) { o ? t.goTo(e, i) : (t.stagger(n * this.stagger), t.moveTo(e, i)) }, c._postLayout = function () { this.resizeContainer() }, c.resizeContainer = function () { var t = this._getOption(\"resizeContainer\"); if (t) { var e = this._getContainerSize(); e && (this._setContainerMeasure(e.width, !0), this._setContainerMeasure(e.height, !1)) } }, c._getContainerSize = d, c._setContainerMeasure = function (t, e) { if (void 0 !== t) { var i = this.size; i.isBorderBox && (t += e ? i.paddingLeft + i.paddingRight + i.borderLeftWidth + i.borderRightWidth : i.paddingBottom + i.paddingTop + i.borderTopWidth + i.borderBottomWidth), t = Math.max(t, 0), this.element.style[e ? \"width\" : \"height\"] = t + \"px\" } }, c._emitCompleteOnItems = function (t, e) { function i() { n.dispatchEvent(t + \"Complete\", null, [e]) } function o() { r++ , r == s && i() } var n = this, s = e.length; if (!e || !s) return void i(); var r = 0; e.forEach(function (e) { e.once(t, o) }) }, c.dispatchEvent = function (t, e, i) { var o = e ? [e].concat(i) : i; if (this.emitEvent(t, o), h) if (this.$element = this.$element || h(this.element), e) { var n = h.Event(e); n.type = t, this.$element.trigger(n, i) } else this.$element.trigger(t, i) }, c.ignore = function (t) { var e = this.getItem(t); e && (e.isIgnored = !0) }, c.unignore = function (t) { var e = this.getItem(t); e && delete e.isIgnored }, c.stamp = function (t) { t = this._find(t), t && (this.stamps = this.stamps.concat(t), t.forEach(this.ignore, this)) }, c.unstamp = function (t) { t = this._find(t), t && t.forEach(function (t) { o.removeFrom(this.stamps, t), this.unignore(t) }, this) }, c._find = function (t) { if (t) return \"string\" == typeof t && (t = this.element.querySelectorAll(t)), t = o.makeArray(t) }, c._manageStamps = function () { this.stamps && this.stamps.length && (this._getBoundingRect(), this.stamps.forEach(this._manageStamp, this)) }, c._getBoundingRect = function () { var t = this.element.getBoundingClientRect(), e = this.size; this._boundingRect = { left: t.left + e.paddingLeft + e.borderLeftWidth, top: t.top + e.paddingTop + e.borderTopWidth, right: t.right - (e.paddingRight + e.borderRightWidth), bottom: t.bottom - (e.paddingBottom + e.borderBottomWidth) } }, c._manageStamp = d, c._getElementOffset = function (t) { var e = t.getBoundingClientRect(), o = this._boundingRect, n = i(t), s = { left: e.left - o.left - n.marginLeft, top: e.top - o.top - n.marginTop, right: o.right - e.right - n.marginRight, bottom: o.bottom - e.bottom - n.marginBottom }; return s }, c.handleEvent = o.handleEvent, c.bindResize = function () { t.addEventListener(\"resize\", this), this.isResizeBound = !0 }, c.unbindResize = function () { t.removeEventListener(\"resize\", this), this.isResizeBound = !1 }, c.onresize = function () { this.resize() }, o.debounceMethod(s, \"onresize\", 100), c.resize = function () { this.isResizeBound && this.needsResizeLayout() && this.layout() }, c.needsResizeLayout = function () { var t = i(this.element), e = this.size && t; return e && t.innerWidth !== this.size.innerWidth }, c.addItems = function (t) { var e = this._itemize(t); return e.length && (this.items = this.items.concat(e)), e }, c.appended = function (t) { var e = this.addItems(t); e.length && (this.layoutItems(e, !0), this.reveal(e)) }, c.prepended = function (t) { var e = this._itemize(t); if (e.length) { var i = this.items.slice(0); this.items = e.concat(i), this._resetLayout(), this._manageStamps(), this.layoutItems(e, !0), this.reveal(e), this.layoutItems(i) } }, c.reveal = function (t) { if (this._emitCompleteOnItems(\"reveal\", t), t && t.length) { var e = this.updateStagger(); t.forEach(function (t, i) { t.stagger(i * e), t.reveal() }) } }, c.hide = function (t) { if (this._emitCompleteOnItems(\"hide\", t), t && t.length) { var e = this.updateStagger(); t.forEach(function (t, i) { t.stagger(i * e), t.hide() }) } }, c.revealItemElements = function (t) { var e = this.getItems(t); this.reveal(e) }, c.hideItemElements = function (t) { var e = this.getItems(t); this.hide(e) }, c.getItem = function (t) { for (var e = 0; e < this.items.length; e++) { var i = this.items[e]; if (i.element == t) return i } }, c.getItems = function (t) { t = o.makeArray(t); var e = []; return t.forEach(function (t) { var i = this.getItem(t); i && e.push(i) }, this), e }, c.remove = function (t) { var e = this.getItems(t); this._emitCompleteOnItems(\"remove\", e), e && e.length && e.forEach(function (t) { t.remove(), o.removeFrom(this.items, t) }, this) }, c.destroy = function () { var t = this.element.style; t.height = \"\", t.position = \"\", t.width = \"\", this.items.forEach(function (t) { t.destroy() }), this.unbindResize(); var e = this.element.outlayerGUID; delete f[e], delete this.element.outlayerGUID, h && h.removeData(this.element, this.constructor.namespace) }, s.data = function (t) { t = o.getQueryElement(t); var e = t && t.outlayerGUID; return e && f[e] }, s.create = function (t, e) { var i = r(s); return i.defaults = o.extend({}, s.defaults), o.extend(i.defaults, e), i.compatOptions = o.extend({}, s.compatOptions), i.namespace = t, i.data = s.data, i.Item = r(n), o.htmlInit(i, t), h && h.bridget && h.bridget(t, i), i }; var m = { ms: 1, s: 1e3 }; return s.Item = n, s }), function (t, e) { \"function\" == typeof define && define.amd ? define(\"isotope-layout/js/item\", [\"outlayer/outlayer\"], e) : \"object\" == typeof module && module.exports ? module.exports = e(require(\"outlayer\")) : (t.Isotope = t.Isotope || {}, t.Isotope.Item = e(t.Outlayer)) }(window, function (t) { \"use strict\"; function e() { t.Item.apply(this, arguments) } var i = e.prototype = Object.create(t.Item.prototype), o = i._create; i._create = function () { this.id = this.layout.itemGUID++ , o.call(this), this.sortData = {} }, i.updateSortData = function () { if (!this.isIgnored) { this.sortData.id = this.id, this.sortData[\"original-order\"] = this.id, this.sortData.random = Math.random(); var t = this.layout.options.getSortData, e = this.layout._sorters; for (var i in t) { var o = e[i]; this.sortData[i] = o(this.element, this) } } }; var n = i.destroy; return i.destroy = function () { n.apply(this, arguments), this.css({ display: \"\" }) }, e }), function (t, e) { \"function\" == typeof define && define.amd ? define(\"isotope-layout/js/layout-mode\", [\"get-size/get-size\", \"outlayer/outlayer\"], e) : \"object\" == typeof module && module.exports ? module.exports = e(require(\"get-size\"), require(\"outlayer\")) : (t.Isotope = t.Isotope || {}, t.Isotope.LayoutMode = e(t.getSize, t.Outlayer)) }(window, function (t, e) { \"use strict\"; function i(t) { this.isotope = t, t && (this.options = t.options[this.namespace], this.element = t.element, this.items = t.filteredItems, this.size = t.size) } var o = i.prototype, n = [\"_resetLayout\", \"_getItemLayoutPosition\", \"_manageStamp\", \"_getContainerSize\", \"_getElementOffset\", \"needsResizeLayout\", \"_getOption\"]; return n.forEach(function (t) { o[t] = function () { return e.prototype[t].apply(this.isotope, arguments) } }), o.needsVerticalResizeLayout = function () { var e = t(this.isotope.element), i = this.isotope.size && e; return i && e.innerHeight != this.isotope.size.innerHeight }, o._getMeasurement = function () { this.isotope._getMeasurement.apply(this, arguments) }, o.getColumnWidth = function () { this.getSegmentSize(\"column\", \"Width\") }, o.getRowHeight = function () { this.getSegmentSize(\"row\", \"Height\") }, o.getSegmentSize = function (t, e) { var i = t + e, o = \"outer\" + e; if (this._getMeasurement(i, o), !this[i]) { var n = this.getFirstItemSize(); this[i] = n && n[o] || this.isotope.size[\"inner\" + e] } }, o.getFirstItemSize = function () { var e = this.isotope.filteredItems[0]; return e && e.element && t(e.element) }, o.layout = function () { this.isotope.layout.apply(this.isotope, arguments) }, o.getSize = function () { this.isotope.getSize(), this.size = this.isotope.size }, i.modes = {}, i.create = function (t, e) { function n() { i.apply(this, arguments) } return n.prototype = Object.create(o), n.prototype.constructor = n, e && (n.options = e), n.prototype.namespace = t, i.modes[t] = n, n }, i }), function (t, e) { \"function\" == typeof define && define.amd ? define(\"masonry-layout/masonry\", [\"outlayer/outlayer\", \"get-size/get-size\"], e) : \"object\" == typeof module && module.exports ? module.exports = e(require(\"outlayer\"), require(\"get-size\")) : t.Masonry = e(t.Outlayer, t.getSize) }(window, function (t, e) { var i = t.create(\"masonry\"); i.compatOptions.fitWidth = \"isFitWidth\"; var o = i.prototype; return o._resetLayout = function () { this.getSize(), this._getMeasurement(\"columnWidth\", \"outerWidth\"), this._getMeasurement(\"gutter\", \"outerWidth\"), this.measureColumns(), this.colYs = []; for (var t = 0; t < this.cols; t++)this.colYs.push(0); this.maxY = 0, this.horizontalColIndex = 0 }, o.measureColumns = function () { if (this.getContainerWidth(), !this.columnWidth) { var t = this.items[0], i = t && t.element; this.columnWidth = i && e(i).outerWidth || this.containerWidth } var o = this.columnWidth += this.gutter, n = this.containerWidth + this.gutter, s = n / o, r = o - n % o, a = r && r < 1 ? \"round\" : \"floor\"; s = Math[a](s), this.cols = Math.max(s, 1) }, o.getContainerWidth = function () { var t = this._getOption(\"fitWidth\"), i = t ? this.element.parentNode : this.element, o = e(i); this.containerWidth = o && o.innerWidth }, o._getItemLayoutPosition = function (t) { t.getSize(); var e = t.size.outerWidth % this.columnWidth, i = e && e < 1 ? \"round\" : \"ceil\", o = Math[i](t.size.outerWidth / this.columnWidth); o = Math.min(o, this.cols); for (var n = this.options.horizontalOrder ? \"_getHorizontalColPosition\" : \"_getTopColPosition\", s = this[n](o, t), r = { x: this.columnWidth * s.col, y: s.y }, a = s.y + t.size.outerHeight, u = o + s.col, h = s.col; h < u; h++)this.colYs[h] = a; return r }, o._getTopColPosition = function (t) { var e = this._getTopColGroup(t), i = Math.min.apply(Math, e); return { col: e.indexOf(i), y: i } }, o._getTopColGroup = function (t) { if (t < 2) return this.colYs; for (var e = [], i = this.cols + 1 - t, o = 0; o < i; o++)e[o] = this._getColGroupY(o, t); return e }, o._getColGroupY = function (t, e) { if (e < 2) return this.colYs[t]; var i = this.colYs.slice(t, t + e); return Math.max.apply(Math, i) }, o._getHorizontalColPosition = function (t, e) { var i = this.horizontalColIndex % this.cols, o = t > 1 && i + t > this.cols; i = o ? 0 : i; var n = e.size.outerWidth && e.size.outerHeight; return this.horizontalColIndex = n ? i + t : this.horizontalColIndex, { col: i, y: this._getColGroupY(i, t) } }, o._manageStamp = function (t) { var i = e(t), o = this._getElementOffset(t), n = this._getOption(\"originLeft\"), s = n ? o.left : o.right, r = s + i.outerWidth, a = Math.floor(s / this.columnWidth); a = Math.max(0, a); var u = Math.floor(r / this.columnWidth); u -= r % this.columnWidth ? 0 : 1, u = Math.min(this.cols - 1, u); for (var h = this._getOption(\"originTop\"), d = (h ? o.top : o.bottom) + i.outerHeight, l = a; l <= u; l++)this.colYs[l] = Math.max(d, this.colYs[l]) }, o._getContainerSize = function () { this.maxY = Math.max.apply(Math, this.colYs); var t = { height: this.maxY }; return this._getOption(\"fitWidth\") && (t.width = this._getContainerFitWidth()), t }, o._getContainerFitWidth = function () { for (var t = 0, e = this.cols; --e && 0 === this.colYs[e];)t++; return (this.cols - t) * this.columnWidth - this.gutter }, o.needsResizeLayout = function () { var t = this.containerWidth; return this.getContainerWidth(), t != this.containerWidth }, i }), function (t, e) { \"function\" == typeof define && define.amd ? define(\"isotope-layout/js/layout-modes/masonry\", [\"../layout-mode\", \"masonry-layout/masonry\"], e) : \"object\" == typeof module && module.exports ? module.exports = e(require(\"../layout-mode\"), require(\"masonry-layout\")) : e(t.Isotope.LayoutMode, t.Masonry) }(window, function (t, e) { \"use strict\"; var i = t.create(\"masonry\"), o = i.prototype, n = { _getElementOffset: !0, layout: !0, _getMeasurement: !0 }; for (var s in e.prototype) n[s] || (o[s] = e.prototype[s]); var r = o.measureColumns; o.measureColumns = function () { this.items = this.isotope.filteredItems, r.call(this) }; var a = o._getOption; return o._getOption = function (t) { return \"fitWidth\" == t ? void 0 !== this.options.isFitWidth ? this.options.isFitWidth : this.options.fitWidth : a.apply(this.isotope, arguments) }, i }), function (t, e) { \"function\" == typeof define && define.amd ? define(\"isotope-layout/js/layout-modes/fit-rows\", [\"../layout-mode\"], e) : \"object\" == typeof exports ? module.exports = e(require(\"../layout-mode\")) : e(t.Isotope.LayoutMode) }(window, function (t) { \"use strict\"; var e = t.create(\"fitRows\"), i = e.prototype; return i._resetLayout = function () { this.x = 0, this.y = 0, this.maxY = 0, this._getMeasurement(\"gutter\", \"outerWidth\") }, i._getItemLayoutPosition = function (t) { t.getSize(); var e = t.size.outerWidth + this.gutter, i = this.isotope.size.innerWidth + this.gutter; 0 !== this.x && e + this.x > i && (this.x = 0, this.y = this.maxY); var o = { x: this.x, y: this.y }; return this.maxY = Math.max(this.maxY, this.y + t.size.outerHeight), this.x += e, o }, i._getContainerSize = function () { return { height: this.maxY } }, e }), function (t, e) { \"function\" == typeof define && define.amd ? define(\"isotope-layout/js/layout-modes/vertical\", [\"../layout-mode\"], e) : \"object\" == typeof module && module.exports ? module.exports = e(require(\"../layout-mode\")) : e(t.Isotope.LayoutMode) }(window, function (t) { \"use strict\"; var e = t.create(\"vertical\", { horizontalAlignment: 0 }), i = e.prototype; return i._resetLayout = function () { this.y = 0 }, i._getItemLayoutPosition = function (t) { t.getSize(); var e = (this.isotope.size.innerWidth - t.size.outerWidth) * this.options.horizontalAlignment, i = this.y; return this.y += t.size.outerHeight, { x: e, y: i } }, i._getContainerSize = function () { return { height: this.y } }, e }), function (t, e) { \"function\" == typeof define && define.amd ? define([\"outlayer/outlayer\", \"get-size/get-size\", \"desandro-matches-selector/matches-selector\", \"fizzy-ui-utils/utils\", \"isotope-layout/js/item\", \"isotope-layout/js/layout-mode\", \"isotope-layout/js/layout-modes/masonry\", \"isotope-layout/js/layout-modes/fit-rows\", \"isotope-layout/js/layout-modes/vertical\"], function (i, o, n, s, r, a) { return e(t, i, o, n, s, r, a) }) : \"object\" == typeof module && module.exports ? module.exports = e(t, require(\"outlayer\"), require(\"get-size\"), require(\"desandro-matches-selector\"), require(\"fizzy-ui-utils\"), require(\"isotope-layout/js/item\"), require(\"isotope-layout/js/layout-mode\"), require(\"isotope-layout/js/layout-modes/masonry\"), require(\"isotope-layout/js/layout-modes/fit-rows\"), require(\"isotope-layout/js/layout-modes/vertical\")) : t.Isotope = e(t, t.Outlayer, t.getSize, t.matchesSelector, t.fizzyUIUtils, t.Isotope.Item, t.Isotope.LayoutMode) }(window, function (t, e, i, o, n, s, r) {\r\n function a(t, e) { return function (i, o) { for (var n = 0; n < t.length; n++) { var s = t[n], r = i.sortData[s], a = o.sortData[s]; if (r > a || r < a) { var u = void 0 !== e[s] ? e[s] : e, h = u ? 1 : -1; return (r > a ? 1 : -1) * h } } return 0 } } var u = t.jQuery, h = String.prototype.trim ? function (t) { return t.trim() } : function (t) { return t.replace(/^\\s+|\\s+$/g, \"\") }, d = e.create(\"isotope\", { layoutMode: \"masonry\", isJQueryFiltering: !0, sortAscending: !0 }); d.Item = s, d.LayoutMode = r; var l = d.prototype; l._create = function () { this.itemGUID = 0, this._sorters = {}, this._getSorters(), e.prototype._create.call(this), this.modes = {}, this.filteredItems = this.items, this.sortHistory = [\"original-order\"]; for (var t in r.modes) this._initLayoutMode(t) }, l.reloadItems = function () { this.itemGUID = 0, e.prototype.reloadItems.call(this) }, l._itemize = function () { for (var t = e.prototype._itemize.apply(this, arguments), i = 0; i < t.length; i++) { var o = t[i]; o.id = this.itemGUID++ } return this._updateItemsSortData(t), t }, l._initLayoutMode = function (t) { var e = r.modes[t], i = this.options[t] || {}; this.options[t] = e.options ? n.extend(e.options, i) : i, this.modes[t] = new e(this) }, l.layout = function () { return !this._isLayoutInited && this._getOption(\"initLayout\") ? void this.arrange() : void this._layout() }, l._layout = function () { var t = this._getIsInstant(); this._resetLayout(), this._manageStamps(), this.layoutItems(this.filteredItems, t), this._isLayoutInited = !0 }, l.arrange = function (t) { this.option(t), this._getIsInstant(); var e = this._filter(this.items); this.filteredItems = e.matches, this._bindArrangeComplete(), this._isInstant ? this._noTransition(this._hideReveal, [e]) : this._hideReveal(e), this._sort(), this._layout() }, l._init = l.arrange, l._hideReveal = function (t) { this.reveal(t.needReveal), this.hide(t.needHide) }, l._getIsInstant = function () { var t = this._getOption(\"layoutInstant\"), e = void 0 !== t ? t : !this._isLayoutInited; return this._isInstant = e, e }, l._bindArrangeComplete = function () { function t() { e && i && o && n.dispatchEvent(\"arrangeComplete\", null, [n.filteredItems]) } var e, i, o, n = this; this.once(\"layoutComplete\", function () { e = !0, t() }), this.once(\"hideComplete\", function () { i = !0, t() }), this.once(\"revealComplete\", function () { o = !0, t() }) }, l._filter = function (t) { var e = this.options.filter; e = e || \"*\"; for (var i = [], o = [], n = [], s = this._getFilterTest(e), r = 0; r < t.length; r++) { var a = t[r]; if (!a.isIgnored) { var u = s(a); u && i.push(a), u && a.isHidden ? o.push(a) : u || a.isHidden || n.push(a) } } return { matches: i, needReveal: o, needHide: n } }, l._getFilterTest = function (t) {\r\n return u && this.options.isJQueryFiltering ? function (e) { return u(e.element).is(t) } : \"function\" == typeof t ? function (e) { return t(e.element) } : function (e) { return o(e.element, t) }\r\n }, l.updateSortData = function (t) { var e; t ? (t = n.makeArray(t), e = this.getItems(t)) : e = this.items, this._getSorters(), this._updateItemsSortData(e) }, l._getSorters = function () { var t = this.options.getSortData; for (var e in t) { var i = t[e]; this._sorters[e] = f(i) } }, l._updateItemsSortData = function (t) { for (var e = t && t.length, i = 0; e && i < e; i++) { var o = t[i]; o.updateSortData() } }; var f = function () { function t(t) { if (\"string\" != typeof t) return t; var i = h(t).split(\" \"), o = i[0], n = o.match(/^\\[(.+)\\]$/), s = n && n[1], r = e(s, o), a = d.sortDataParsers[i[1]]; return t = a ? function (t) { return t && a(r(t)) } : function (t) { return t && r(t) } } function e(t, e) { return t ? function (e) { return e.getAttribute(t) } : function (t) { var i = t.querySelector(e); return i && i.textContent } } return t }(); d.sortDataParsers = { parseInt: function (t) { return parseInt(t, 10) }, parseFloat: function (t) { return parseFloat(t) } }, l._sort = function () { if (this.options.sortBy) { var t = n.makeArray(this.options.sortBy); this._getIsSameSortBy(t) || (this.sortHistory = t.concat(this.sortHistory)); var e = a(this.sortHistory, this.options.sortAscending); this.filteredItems.sort(e) } }, l._getIsSameSortBy = function (t) { for (var e = 0; e < t.length; e++)if (t[e] != this.sortHistory[e]) return !1; return !0 }, l._mode = function () { var t = this.options.layoutMode, e = this.modes[t]; if (!e) throw new Error(\"No layout mode: \" + t); return e.options = this.options[t], e }, l._resetLayout = function () { e.prototype._resetLayout.call(this), this._mode()._resetLayout() }, l._getItemLayoutPosition = function (t) { return this._mode()._getItemLayoutPosition(t) }, l._manageStamp = function (t) { this._mode()._manageStamp(t) }, l._getContainerSize = function () { return this._mode()._getContainerSize() }, l.needsResizeLayout = function () { return this._mode().needsResizeLayout() }, l.appended = function (t) { var e = this.addItems(t); if (e.length) { var i = this._filterRevealAdded(e); this.filteredItems = this.filteredItems.concat(i) } }, l.prepended = function (t) { var e = this._itemize(t); if (e.length) { this._resetLayout(), this._manageStamps(); var i = this._filterRevealAdded(e); this.layoutItems(this.filteredItems), this.filteredItems = i.concat(this.filteredItems), this.items = e.concat(this.items) } }, l._filterRevealAdded = function (t) { var e = this._filter(t); return this.hide(e.needHide), this.reveal(e.matches), this.layoutItems(e.matches, !0), e.matches }, l.insert = function (t) { var e = this.addItems(t); if (e.length) { var i, o, n = e.length; for (i = 0; i < n; i++)o = e[i], this.element.appendChild(o.element); var s = this._filter(e).matches; for (i = 0; i < n; i++)e[i].isLayoutInstant = !0; for (this.arrange(), i = 0; i < n; i++)delete e[i].isLayoutInstant; this.reveal(s) } }; var c = l.remove; return l.remove = function (t) { t = n.makeArray(t); var e = this.getItems(t); c.call(this, t); for (var i = e && e.length, o = 0; i && o < i; o++) { var s = e[o]; n.removeFrom(this.filteredItems, s) } }, l.shuffle = function () { for (var t = 0; t < this.items.length; t++) { var e = this.items[t]; e.sortData.random = Math.random() } this.options.sortBy = \"random\", this._sort(), this._layout() }, l._noTransition = function (t, e) { var i = this.options.transitionDuration; this.options.transitionDuration = 0; var o = t.apply(this, e); return this.options.transitionDuration = i, o }, l.getFilteredItemElements = function () { return this.filteredItems.map(function (t) { return t.element }) }, d\r\n});","/*! X-editable - v1.5.1 \r\n* In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery\r\n* http://github.com/vitalets/x-editable\r\n* Copyright (c) 2013 Vitaliy Potapov; Licensed MIT */\r\n/**\r\nForm with single input element, two buttons and two states: normal/loading.\r\nApplied as jQuery method to DIV tag (not to form tag!). This is because form can be in loading state when spinner shown.\r\nEditableform is linked with one of input types, e.g. 'text', 'select' etc.\r\n\r\n@class editableform\r\n@uses text\r\n@uses textarea\r\n**/\r\n(function ($) {\r\n \"use strict\";\r\n \r\n var EditableForm = function (div, options) {\r\n this.options = $.extend({}, $.fn.editableform.defaults, options);\r\n this.$div = $(div); //div, containing form. Not form tag. Not editable-element.\r\n if(!this.options.scope) {\r\n this.options.scope = this;\r\n }\r\n //nothing shown after init\r\n };\r\n\r\n EditableForm.prototype = {\r\n constructor: EditableForm,\r\n initInput: function() { //called once\r\n //take input from options (as it is created in editable-element)\r\n this.input = this.options.input;\r\n \r\n //set initial value\r\n //todo: may be add check: typeof str === 'string' ? \r\n this.value = this.input.str2value(this.options.value); \r\n \r\n //prerender: get input.$input\r\n this.input.prerender();\r\n },\r\n initTemplate: function() {\r\n this.$form = $($.fn.editableform.template); \r\n },\r\n initButtons: function() {\r\n var $btn = this.$form.find('.editable-buttons');\r\n $btn.append($.fn.editableform.buttons);\r\n if(this.options.showbuttons === 'bottom') {\r\n $btn.addClass('editable-buttons-bottom');\r\n }\r\n },\r\n /**\r\n Renders editableform\r\n\r\n @method render\r\n **/ \r\n render: function() {\r\n //init loader\r\n this.$loading = $($.fn.editableform.loading); \r\n this.$div.empty().append(this.$loading);\r\n \r\n //init form template and buttons\r\n this.initTemplate();\r\n if(this.options.showbuttons) {\r\n this.initButtons();\r\n } else {\r\n this.$form.find('.editable-buttons').remove();\r\n }\r\n\r\n //show loading state\r\n this.showLoading(); \r\n \r\n //flag showing is form now saving value to server. \r\n //It is needed to wait when closing form.\r\n this.isSaving = false;\r\n \r\n /** \r\n Fired when rendering starts\r\n @event rendering \r\n @param {Object} event event object\r\n **/ \r\n this.$div.triggerHandler('rendering');\r\n \r\n //init input\r\n this.initInput();\r\n \r\n //append input to form\r\n this.$form.find('div.editable-input').append(this.input.$tpl); \r\n \r\n //append form to container\r\n this.$div.append(this.$form);\r\n \r\n //render input\r\n $.when(this.input.render())\r\n .then($.proxy(function () {\r\n //setup input to submit automatically when no buttons shown\r\n if(!this.options.showbuttons) {\r\n this.input.autosubmit(); \r\n }\r\n \r\n //attach 'cancel' handler\r\n this.$form.find('.editable-cancel').click($.proxy(this.cancel, this));\r\n \r\n if(this.input.error) {\r\n this.error(this.input.error);\r\n this.$form.find('.editable-submit').attr('disabled', true);\r\n this.input.$input.attr('disabled', true);\r\n //prevent form from submitting\r\n this.$form.submit(function(e){ e.preventDefault(); });\r\n } else {\r\n this.error(false);\r\n this.input.$input.removeAttr('disabled');\r\n this.$form.find('.editable-submit').removeAttr('disabled');\r\n var value = (this.value === null || this.value === undefined || this.value === '') ? this.options.defaultValue : this.value;\r\n this.input.value2input(value);\r\n //attach submit handler\r\n this.$form.submit($.proxy(this.submit, this));\r\n }\r\n\r\n /** \r\n Fired when form is rendered\r\n @event rendered\r\n @param {Object} event event object\r\n **/ \r\n this.$div.triggerHandler('rendered'); \r\n\r\n this.showForm();\r\n \r\n //call postrender method to perform actions required visibility of form\r\n if(this.input.postrender) {\r\n this.input.postrender();\r\n } \r\n }, this));\r\n },\r\n cancel: function() { \r\n /** \r\n Fired when form was cancelled by user\r\n @event cancel \r\n @param {Object} event event object\r\n **/ \r\n this.$div.triggerHandler('cancel');\r\n },\r\n showLoading: function() {\r\n var w, h;\r\n if(this.$form) {\r\n //set loading size equal to form\r\n w = this.$form.outerWidth();\r\n h = this.$form.outerHeight(); \r\n if(w) {\r\n this.$loading.width(w);\r\n }\r\n if(h) {\r\n this.$loading.height(h);\r\n }\r\n this.$form.hide();\r\n } else {\r\n //stretch loading to fill container width\r\n w = this.$loading.parent().width();\r\n if(w) {\r\n this.$loading.width(w);\r\n }\r\n }\r\n this.$loading.show(); \r\n },\r\n\r\n showForm: function(activate) {\r\n this.$loading.hide();\r\n this.$form.show();\r\n if(activate !== false) {\r\n this.input.activate(); \r\n }\r\n /** \r\n Fired when form is shown\r\n @event show \r\n @param {Object} event event object\r\n **/ \r\n this.$div.triggerHandler('show');\r\n },\r\n\r\n error: function(msg) {\r\n var $group = this.$form.find('.control-group'),\r\n $block = this.$form.find('.editable-error-block'),\r\n lines;\r\n\r\n if(msg === false) {\r\n $group.removeClass($.fn.editableform.errorGroupClass);\r\n $block.removeClass($.fn.editableform.errorBlockClass).empty().hide(); \r\n } else {\r\n //convert newline to
for more pretty error display\r\n if(msg) {\r\n lines = (''+msg).split('\\n');\r\n for (var i = 0; i < lines.length; i++) {\r\n lines[i] = $('
').text(lines[i]).html();\r\n }\r\n msg = lines.join('
');\r\n }\r\n $group.addClass($.fn.editableform.errorGroupClass);\r\n $block.addClass($.fn.editableform.errorBlockClass).html(msg).show();\r\n }\r\n },\r\n\r\n submit: function(e) {\r\n e.stopPropagation();\r\n e.preventDefault();\r\n \r\n //get new value from input\r\n var newValue = this.input.input2value(); \r\n\r\n //validation: if validate returns string or truthy value - means error\r\n //if returns object like {newValue: '...'} => submitted value is reassigned to it\r\n var error = this.validate(newValue);\r\n if ($.type(error) === 'object' && error.newValue !== undefined) {\r\n newValue = error.newValue;\r\n this.input.value2input(newValue);\r\n if(typeof error.msg === 'string') {\r\n this.error(error.msg);\r\n this.showForm();\r\n return;\r\n }\r\n } else if (error) {\r\n this.error(error);\r\n this.showForm();\r\n return;\r\n } \r\n \r\n //if value not changed --> trigger 'nochange' event and return\r\n /*jslint eqeq: true*/\r\n if (!this.options.savenochange && this.input.value2str(newValue) == this.input.value2str(this.value)) {\r\n /*jslint eqeq: false*/ \r\n /** \r\n Fired when value not changed but form is submitted. Requires savenochange = false.\r\n @event nochange \r\n @param {Object} event event object\r\n **/ \r\n this.$div.triggerHandler('nochange'); \r\n return;\r\n } \r\n\r\n //convert value for submitting to server\r\n var submitValue = this.input.value2submit(newValue);\r\n \r\n this.isSaving = true;\r\n \r\n //sending data to server\r\n $.when(this.save(submitValue))\r\n .done($.proxy(function(response) {\r\n this.isSaving = false;\r\n\r\n //run success callback\r\n var res = typeof this.options.success === 'function' ? this.options.success.call(this.options.scope, response, newValue) : null;\r\n\r\n //if success callback returns false --> keep form open and do not activate input\r\n if(res === false) {\r\n this.error(false);\r\n this.showForm(false);\r\n return;\r\n }\r\n\r\n //if success callback returns string --> keep form open, show error and activate input \r\n if(typeof res === 'string') {\r\n this.error(res);\r\n this.showForm();\r\n return;\r\n }\r\n\r\n //if success callback returns object like {newValue:} --> use that value instead of submitted\r\n //it is usefull if you want to chnage value in url-function\r\n if(res && typeof res === 'object' && res.hasOwnProperty('newValue')) {\r\n newValue = res.newValue;\r\n }\r\n\r\n //clear error message\r\n this.error(false); \r\n this.value = newValue;\r\n /** \r\n Fired when form is submitted\r\n @event save \r\n @param {Object} event event object\r\n @param {Object} params additional params\r\n @param {mixed} params.newValue raw new value\r\n @param {mixed} params.submitValue submitted value as string\r\n @param {Object} params.response ajax response\r\n\r\n @example\r\n $('#form-div').on('save'), function(e, params){\r\n if(params.newValue === 'username') {...}\r\n });\r\n **/\r\n this.$div.triggerHandler('save', {newValue: newValue, submitValue: submitValue, response: response});\r\n }, this))\r\n .fail($.proxy(function(xhr) {\r\n this.isSaving = false;\r\n\r\n var msg;\r\n if(typeof this.options.error === 'function') {\r\n msg = this.options.error.call(this.options.scope, xhr, newValue);\r\n } else {\r\n msg = typeof xhr === 'string' ? xhr : xhr.responseText || xhr.statusText || 'Unknown error!';\r\n }\r\n\r\n this.error(msg);\r\n this.showForm();\r\n }, this));\r\n },\r\n\r\n save: function(submitValue) {\r\n //try parse composite pk defined as json string in data-pk \r\n this.options.pk = $.fn.editableutils.tryParseJson(this.options.pk, true); \r\n \r\n var pk = (typeof this.options.pk === 'function') ? this.options.pk.call(this.options.scope) : this.options.pk,\r\n /*\r\n send on server in following cases:\r\n 1. url is function\r\n 2. url is string AND (pk defined OR send option = always) \r\n */\r\n send = !!(typeof this.options.url === 'function' || (this.options.url && ((this.options.send === 'always') || (this.options.send === 'auto' && pk !== null && pk !== undefined)))),\r\n params;\r\n\r\n if (send) { //send to server\r\n this.showLoading();\r\n\r\n //standard params\r\n params = {\r\n name: this.options.name || '',\r\n value: submitValue,\r\n pk: pk \r\n };\r\n\r\n //additional params\r\n if(typeof this.options.params === 'function') {\r\n params = this.options.params.call(this.options.scope, params); \r\n } else {\r\n //try parse json in single quotes (from data-params attribute)\r\n this.options.params = $.fn.editableutils.tryParseJson(this.options.params, true); \r\n $.extend(params, this.options.params);\r\n }\r\n\r\n if(typeof this.options.url === 'function') { //user's function\r\n return this.options.url.call(this.options.scope, params);\r\n } else { \r\n //send ajax to server and return deferred object\r\n return $.ajax($.extend({\r\n url : this.options.url,\r\n data : params,\r\n type : 'POST'\r\n }, this.options.ajaxOptions));\r\n }\r\n }\r\n }, \r\n\r\n validate: function (value) {\r\n if (value === undefined) {\r\n value = this.value;\r\n }\r\n if (typeof this.options.validate === 'function') {\r\n return this.options.validate.call(this.options.scope, value);\r\n }\r\n },\r\n\r\n option: function(key, value) {\r\n if(key in this.options) {\r\n this.options[key] = value;\r\n }\r\n \r\n if(key === 'value') {\r\n this.setValue(value);\r\n }\r\n \r\n //do not pass option to input as it is passed in editable-element\r\n },\r\n\r\n setValue: function(value, convertStr) {\r\n if(convertStr) {\r\n this.value = this.input.str2value(value);\r\n } else {\r\n this.value = value;\r\n }\r\n \r\n //if form is visible, update input\r\n if(this.$form && this.$form.is(':visible')) {\r\n this.input.value2input(this.value);\r\n } \r\n } \r\n };\r\n\r\n /*\r\n Initialize editableform. Applied to jQuery object.\r\n\r\n @method $().editableform(options)\r\n @params {Object} options\r\n @example\r\n var $form = $('<div>').editableform({\r\n type: 'text',\r\n name: 'username',\r\n url: '/post',\r\n value: 'vitaliy'\r\n });\r\n\r\n //to display form you should call 'render' method\r\n $form.editableform('render'); \r\n */\r\n $.fn.editableform = function (option) {\r\n var args = arguments;\r\n return this.each(function () {\r\n var $this = $(this), \r\n data = $this.data('editableform'), \r\n options = typeof option === 'object' && option; \r\n if (!data) {\r\n $this.data('editableform', (data = new EditableForm(this, options)));\r\n }\r\n\r\n if (typeof option === 'string') { //call method \r\n data[option].apply(data, Array.prototype.slice.call(args, 1));\r\n } \r\n });\r\n };\r\n\r\n //keep link to constructor to allow inheritance\r\n $.fn.editableform.Constructor = EditableForm; \r\n\r\n //defaults\r\n $.fn.editableform.defaults = {\r\n /* see also defaults for input */\r\n\r\n /**\r\n Type of input. Can be
');\r\n }\r\n $group.addClass($.fn.editableform.errorGroupClass);\r\n $block.addClass($.fn.editableform.errorBlockClass).html(msg).show();\r\n }\r\n },\r\n\r\n submit: function(e) {\r\n e.stopPropagation();\r\n e.preventDefault();\r\n \r\n //get new value from input\r\n var newValue = this.input.input2value(); \r\n\r\n //validation: if validate returns string or truthy value - means error\r\n //if returns object like {newValue: '...'} => submitted value is reassigned to it\r\n var error = this.validate(newValue);\r\n if ($.type(error) === 'object' && error.newValue !== undefined) {\r\n newValue = error.newValue;\r\n this.input.value2input(newValue);\r\n if(typeof error.msg === 'string') {\r\n this.error(error.msg);\r\n this.showForm();\r\n return;\r\n }\r\n } else if (error) {\r\n this.error(error);\r\n this.showForm();\r\n return;\r\n } \r\n \r\n //if value not changed --> trigger 'nochange' event and return\r\n /*jslint eqeq: true*/\r\n if (!this.options.savenochange && this.input.value2str(newValue) == this.input.value2str(this.value)) {\r\n /*jslint eqeq: false*/ \r\n /** \r\n Fired when value not changed but form is submitted. Requires savenochange = false.\r\n @event nochange \r\n @param {Object} event event object\r\n **/ \r\n this.$div.triggerHandler('nochange'); \r\n return;\r\n } \r\n\r\n //convert value for submitting to server\r\n var submitValue = this.input.value2submit(newValue);\r\n \r\n this.isSaving = true;\r\n \r\n //sending data to server\r\n $.when(this.save(submitValue))\r\n .done($.proxy(function(response) {\r\n this.isSaving = false;\r\n\r\n //run success callback\r\n var res = typeof this.options.success === 'function' ? this.options.success.call(this.options.scope, response, newValue) : null;\r\n\r\n //if success callback returns false --> keep form open and do not activate input\r\n if(res === false) {\r\n this.error(false);\r\n this.showForm(false);\r\n return;\r\n }\r\n\r\n //if success callback returns string --> keep form open, show error and activate input \r\n if(typeof res === 'string') {\r\n this.error(res);\r\n this.showForm();\r\n return;\r\n }\r\n\r\n //if success callback returns object like {newValue:
text|textarea|select|date|checklist\r\n\r\n @property type \r\n @type string\r\n @default 'text'\r\n **/\r\n type: 'text',\r\n /**\r\n Url for submit, e.g. '/post' \r\n If function - it will be called instead of ajax. Function should return deferred object to run fail/done callbacks.\r\n\r\n @property url \r\n @type string|function\r\n @default null\r\n @example\r\n url: function(params) {\r\n var d = new $.Deferred;\r\n if(params.value === 'abc') {\r\n return d.reject('error message'); //returning error via deferred object\r\n } else {\r\n //async saving data in js model\r\n someModel.asyncSaveMethod({\r\n ..., \r\n success: function(){\r\n d.resolve();\r\n }\r\n }); \r\n return d.promise();\r\n }\r\n } \r\n **/ \r\n url:null,\r\n /**\r\n Additional params for submit. If defined as object - it is **appended** to original ajax data (pk, name and value). \r\n If defined as function - returned object **overwrites** original ajax data.\r\n @example\r\n params: function(params) {\r\n //originally params contain pk, name and value\r\n params.a = 1;\r\n return params;\r\n }\r\n\r\n @property params \r\n @type object|function\r\n @default null\r\n **/ \r\n params:null,\r\n /**\r\n Name of field. Will be submitted on server. Can be taken from id attribute\r\n\r\n @property name \r\n @type string\r\n @default null\r\n **/ \r\n name: null,\r\n /**\r\n Primary key of editable object (e.g. record id in database). For composite keys use object, e.g. {id: 1, lang: 'en'}.\r\n Can be calculated dynamically via function.\r\n\r\n @property pk \r\n @type string|object|function\r\n @default null\r\n **/ \r\n pk: null,\r\n /**\r\n Initial value. If not defined - will be taken from element's content.\r\n For __select__ type should be defined (as it is ID of shown text).\r\n\r\n @property value \r\n @type string|object\r\n @default null\r\n **/ \r\n value: null,\r\n /**\r\n Value that will be displayed in input if original field value is empty (`null|undefined|''`).\r\n\r\n @property defaultValue \r\n @type string|object\r\n @default null\r\n @since 1.4.6\r\n **/ \r\n defaultValue: null,\r\n /**\r\n Strategy for sending data on server. Can be `auto|always|never`.\r\n When 'auto' data will be sent on server **only if pk and url defined**, otherwise new value will be stored locally.\r\n\r\n @property send \r\n @type string\r\n @default 'auto'\r\n **/ \r\n send: 'auto', \r\n /**\r\n Function for client-side validation. If returns string - means validation not passed and string showed as error.\r\n Since 1.5.1 you can modify submitted value by returning object from `validate`: \r\n `{newValue: '...'}` or `{newValue: '...', msg: '...'}`\r\n\r\n @property validate \r\n @type function\r\n @default null\r\n @example\r\n validate: function(value) {\r\n if($.trim(value) == '') {\r\n return 'This field is required';\r\n }\r\n }\r\n **/ \r\n validate: null,\r\n /**\r\n Success callback. Called when value successfully sent on server and **response status = 200**. \r\n Usefull to work with json response. For example, if your backend response can be {success: true}\r\n or {success: false, msg: \"server error\"} you can check it inside this callback. \r\n If it returns **string** - means error occured and string is shown as error message. \r\n If it returns **object like** {newValue: <something>} - it overwrites value, submitted by user. \r\n Otherwise newValue simply rendered into element.\r\n \r\n @property success \r\n @type function\r\n @default null\r\n @example\r\n success: function(response, newValue) {\r\n if(!response.success) return response.msg;\r\n }\r\n **/ \r\n success: null,\r\n /**\r\n Error callback. Called when request failed (response status != 200). \r\n Usefull when you want to parse error response and display a custom message.\r\n Must return **string** - the message to be displayed in the error block.\r\n \r\n @property error \r\n @type function\r\n @default null\r\n @since 1.4.4\r\n @example\r\n error: function(response, newValue) {\r\n if(response.status === 500) {\r\n return 'Service unavailable. Please try later.';\r\n } else {\r\n return response.responseText;\r\n }\r\n }\r\n **/ \r\n error: null,\r\n /**\r\n Additional options for submit ajax request.\r\n List of values: http://api.jquery.com/jQuery.ajax\r\n \r\n @property ajaxOptions \r\n @type object\r\n @default null\r\n @since 1.1.1 \r\n @example \r\n ajaxOptions: {\r\n type: 'put',\r\n dataType: 'json'\r\n } \r\n **/ \r\n ajaxOptions: null,\r\n /**\r\n Where to show buttons: left(true)|bottom|false \r\n Form without buttons is auto-submitted.\r\n\r\n @property showbuttons \r\n @type boolean|string\r\n @default true\r\n @since 1.1.1\r\n **/ \r\n showbuttons: true,\r\n /**\r\n Scope for callback methods (success, validate). \r\n If null means editableform instance itself. \r\n\r\n @property scope \r\n @type DOMElement|object\r\n @default null\r\n @since 1.2.0\r\n @private\r\n **/ \r\n scope: null,\r\n /**\r\n Whether to save or cancel value when it was not changed but form was submitted\r\n\r\n @property savenochange \r\n @type boolean\r\n @default false\r\n @since 1.2.0\r\n **/\r\n savenochange: false\r\n }; \r\n\r\n /*\r\n Note: following params could redefined in engine: bootstrap or jqueryui:\r\n Classes 'control-group' and 'editable-error-block' must always present!\r\n */ \r\n $.fn.editableform.template = '';\r\n\r\n //loading div\r\n $.fn.editableform.loading = '';\r\n\r\n //buttons\r\n $.fn.editableform.buttons = ''+\r\n ''; \r\n\r\n //error class attached to control-group\r\n $.fn.editableform.errorGroupClass = null; \r\n\r\n //error class attached to editable-error-block\r\n $.fn.editableform.errorBlockClass = 'editable-error';\r\n \r\n //engine\r\n $.fn.editableform.engine = 'jquery';\r\n}(window.jQuery));\r\n\r\n/**\r\n* EditableForm utilites\r\n*/\r\n(function ($) {\r\n \"use strict\";\r\n \r\n //utils\r\n $.fn.editableutils = {\r\n /**\r\n * classic JS inheritance function\r\n */ \r\n inherit: function (Child, Parent) {\r\n var F = function() { };\r\n F.prototype = Parent.prototype;\r\n Child.prototype = new F();\r\n Child.prototype.constructor = Child;\r\n Child.superclass = Parent.prototype;\r\n },\r\n\r\n /**\r\n * set caret position in input\r\n * see http://stackoverflow.com/questions/499126/jquery-set-cursor-position-in-text-area\r\n */ \r\n setCursorPosition: function(elem, pos) {\r\n if (elem.setSelectionRange) {\r\n elem.setSelectionRange(pos, pos);\r\n } else if (elem.createTextRange) {\r\n var range = elem.createTextRange();\r\n range.collapse(true);\r\n range.moveEnd('character', pos);\r\n range.moveStart('character', pos);\r\n range.select();\r\n }\r\n },\r\n\r\n /**\r\n * function to parse JSON in *single* quotes. (jquery automatically parse only double quotes)\r\n * That allows such code as: \r\n * safe = true --> means no exception will be thrown\r\n * for details see http://stackoverflow.com/questions/7410348/how-to-set-json-format-to-html5-data-attributes-in-the-jquery\r\n */\r\n tryParseJson: function(s, safe) {\r\n if (typeof s === 'string' && s.length && s.match(/^[\\{\\[].*[\\}\\]]$/)) {\r\n if (safe) {\r\n try {\r\n /*jslint evil: true*/\r\n s = (new Function('return ' + s))();\r\n /*jslint evil: false*/\r\n } catch (e) {} finally {\r\n return s;\r\n }\r\n } else {\r\n /*jslint evil: true*/\r\n s = (new Function('return ' + s))();\r\n /*jslint evil: false*/\r\n }\r\n }\r\n return s;\r\n },\r\n\r\n /**\r\n * slice object by specified keys\r\n */\r\n sliceObj: function(obj, keys, caseSensitive /* default: false */) {\r\n var key, keyLower, newObj = {};\r\n\r\n if (!$.isArray(keys) || !keys.length) {\r\n return newObj;\r\n }\r\n\r\n for (var i = 0; i < keys.length; i++) {\r\n key = keys[i];\r\n if (obj.hasOwnProperty(key)) {\r\n newObj[key] = obj[key];\r\n }\r\n\r\n if(caseSensitive === true) {\r\n continue;\r\n }\r\n\r\n //when getting data-* attributes via $.data() it's converted to lowercase.\r\n //details: http://stackoverflow.com/questions/7602565/using-data-attributes-with-jquery\r\n //workaround is code below.\r\n keyLower = key.toLowerCase();\r\n if (obj.hasOwnProperty(keyLower)) {\r\n newObj[key] = obj[keyLower];\r\n }\r\n }\r\n\r\n return newObj;\r\n },\r\n\r\n /*\r\n exclude complex objects from $.data() before pass to config\r\n */\r\n getConfigData: function($element) {\r\n var data = {};\r\n $.each($element.data(), function(k, v) {\r\n if(typeof v !== 'object' || (v && typeof v === 'object' && (v.constructor === Object || v.constructor === Array))) {\r\n data[k] = v;\r\n }\r\n });\r\n return data;\r\n },\r\n\r\n /*\r\n returns keys of object\r\n */\r\n objectKeys: function(o) {\r\n if (Object.keys) {\r\n return Object.keys(o); \r\n } else {\r\n if (o !== Object(o)) {\r\n throw new TypeError('Object.keys called on a non-object');\r\n }\r\n var k=[], p;\r\n for (p in o) {\r\n if (Object.prototype.hasOwnProperty.call(o,p)) {\r\n k.push(p);\r\n }\r\n }\r\n return k;\r\n }\r\n\r\n },\r\n \r\n /**\r\n method to escape html.\r\n **/\r\n escape: function(str) {\r\n return $('').text(str).html();\r\n },\r\n \r\n /*\r\n returns array items from sourceData having value property equal or inArray of 'value'\r\n */\r\n itemsByValue: function(value, sourceData, valueProp) {\r\n if(!sourceData || value === null) {\r\n return [];\r\n }\r\n \r\n if (typeof(valueProp) !== \"function\") {\r\n var idKey = valueProp || 'value';\r\n valueProp = function (e) { return e[idKey]; };\r\n }\r\n \r\n var isValArray = $.isArray(value),\r\n result = [], \r\n that = this;\r\n\r\n $.each(sourceData, function(i, o) {\r\n if(o.children) {\r\n result = result.concat(that.itemsByValue(value, o.children, valueProp));\r\n } else {\r\n /*jslint eqeq: true*/\r\n if(isValArray) {\r\n if($.grep(value, function(v){ return v == (o && typeof o === 'object' ? valueProp(o) : o); }).length) {\r\n result.push(o); \r\n }\r\n } else {\r\n var itemValue = (o && (typeof o === 'object')) ? valueProp(o) : o;\r\n if(value == itemValue) {\r\n result.push(o); \r\n }\r\n }\r\n /*jslint eqeq: false*/\r\n }\r\n });\r\n \r\n return result;\r\n },\r\n \r\n /*\r\n Returns input by options: type, mode. \r\n */\r\n createInput: function(options) {\r\n var TypeConstructor, typeOptions, input,\r\n type = options.type;\r\n\r\n //`date` is some kind of virtual type that is transformed to one of exact types\r\n //depending on mode and core lib\r\n if(type === 'date') {\r\n //inline\r\n if(options.mode === 'inline') {\r\n if($.fn.editabletypes.datefield) {\r\n type = 'datefield';\r\n } else if($.fn.editabletypes.dateuifield) {\r\n type = 'dateuifield';\r\n }\r\n //popup\r\n } else {\r\n if($.fn.editabletypes.date) {\r\n type = 'date';\r\n } else if($.fn.editabletypes.dateui) {\r\n type = 'dateui';\r\n }\r\n }\r\n \r\n //if type still `date` and not exist in types, replace with `combodate` that is base input\r\n if(type === 'date' && !$.fn.editabletypes.date) {\r\n type = 'combodate';\r\n } \r\n }\r\n \r\n //`datetime` should be datetimefield in 'inline' mode\r\n if(type === 'datetime' && options.mode === 'inline') {\r\n type = 'datetimefield'; \r\n } \r\n\r\n //change wysihtml5 to textarea for jquery UI and plain versions\r\n if(type === 'wysihtml5' && !$.fn.editabletypes[type]) {\r\n type = 'textarea';\r\n }\r\n\r\n //create input of specified type. Input will be used for converting value, not in form\r\n if(typeof $.fn.editabletypes[type] === 'function') {\r\n TypeConstructor = $.fn.editabletypes[type];\r\n typeOptions = this.sliceObj(options, this.objectKeys(TypeConstructor.defaults));\r\n input = new TypeConstructor(typeOptions);\r\n return input;\r\n } else {\r\n $.error('Unknown type: '+ type);\r\n return false; \r\n } \r\n },\r\n \r\n //see http://stackoverflow.com/questions/7264899/detect-css-transitions-using-javascript-and-without-modernizr\r\n supportsTransitions: function () {\r\n var b = document.body || document.documentElement,\r\n s = b.style,\r\n p = 'transition',\r\n v = ['Moz', 'Webkit', 'Khtml', 'O', 'ms'];\r\n \r\n if(typeof s[p] === 'string') {\r\n return true; \r\n }\r\n\r\n // Tests for vendor specific prop\r\n p = p.charAt(0).toUpperCase() + p.substr(1);\r\n for(var i=0; i\r\nThis method applied internally in
\r\nFinal realization can be different: bootstrap-popover, jqueryui-tooltip, poshytip, inline-div. It depends on which js file you include.
\r\nApplied as jQuery method.\r\n\r\n@class editableContainer\r\n@uses editableform\r\n**/\r\n(function ($) {\r\n \"use strict\";\r\n\r\n var Popup = function (element, options) {\r\n this.init(element, options);\r\n };\r\n \r\n var Inline = function (element, options) {\r\n this.init(element, options);\r\n }; \r\n\r\n //methods\r\n Popup.prototype = {\r\n containerName: null, //method to call container on element\r\n containerDataName: null, //object name in element's .data()\r\n innerCss: null, //tbd in child class\r\n containerClass: 'editable-container editable-popup', //css class applied to container element\r\n defaults: {}, //container itself defaults\r\n \r\n init: function(element, options) {\r\n this.$element = $(element);\r\n //since 1.4.1 container do not use data-* directly as they already merged into options.\r\n this.options = $.extend({}, $.fn.editableContainer.defaults, options); \r\n this.splitOptions();\r\n \r\n //set scope of form callbacks to element\r\n this.formOptions.scope = this.$element[0]; \r\n \r\n this.initContainer();\r\n \r\n //flag to hide container, when saving value will finish\r\n this.delayedHide = false;\r\n\r\n //bind 'destroyed' listener to destroy container when element is removed from dom\r\n this.$element.on('destroyed', $.proxy(function(){\r\n this.destroy();\r\n }, this)); \r\n \r\n //attach document handler to close containers on click / escape\r\n if(!$(document).data('editable-handlers-attached')) {\r\n //close all on escape\r\n $(document).on('keyup.editable', function (e) {\r\n if (e.which === 27) {\r\n $('.editable-open').editableContainer('hide');\r\n //todo: return focus on element \r\n }\r\n });\r\n\r\n //close containers when click outside \r\n //(mousedown could be better than click, it closes everything also on drag drop)\r\n $(document).on('click.editable', function(e) {\r\n var $target = $(e.target), i,\r\n exclude_classes = ['.editable-container', \r\n '.ui-datepicker-header', \r\n '.datepicker', //in inline mode datepicker is rendered into body\r\n '.modal-backdrop', \r\n '.bootstrap-wysihtml5-insert-image-modal', \r\n '.bootstrap-wysihtml5-insert-link-modal'\r\n ];\r\n \r\n //check if element is detached. It occurs when clicking in bootstrap datepicker\r\n if (!$.contains(document.documentElement, e.target)) {\r\n return;\r\n }\r\n\r\n //for some reason FF 20 generates extra event (click) in select2 widget with e.target = document\r\n //we need to filter it via construction below. See https://github.com/vitalets/x-editable/issues/199\r\n //Possibly related to http://stackoverflow.com/questions/10119793/why-does-firefox-react-differently-from-webkit-and-ie-to-click-event-on-selec\r\n if($target.is(document)) {\r\n return; \r\n }\r\n \r\n //if click inside one of exclude classes --> no nothing\r\n for(i=0; i container changes size before hide. \r\n */ \r\n \r\n //if form already exist - delete previous data \r\n if(this.$form) {\r\n //todo: destroy prev data!\r\n //this.$form.destroy();\r\n }\r\n\r\n this.$form = $('
$().editable(). You should subscribe on it's events (save / cancel) to get profit of it.\r\nFinal realization can be different: bootstrap-popover, jqueryui-tooltip, poshytip, inline-div. It depends on which js file you include.
\r\nApplied as jQuery method.\r\n\r\n@class editableContainer\r\n@uses editableform\r\n**/\r\n(function ($) {\r\n \"use strict\";\r\n\r\n var Popup = function (element, options) {\r\n this.init(element, options);\r\n };\r\n \r\n var Inline = function (element, options) {\r\n this.init(element, options);\r\n }; \r\n\r\n //methods\r\n Popup.prototype = {\r\n containerName: null, //method to call container on element\r\n containerDataName: null, //object name in element's .data()\r\n innerCss: null, //tbd in child class\r\n containerClass: 'editable-container editable-popup', //css class applied to container element\r\n defaults: {}, //container itself defaults\r\n \r\n init: function(element, options) {\r\n this.$element = $(element);\r\n //since 1.4.1 container do not use data-* directly as they already merged into options.\r\n this.options = $.extend({}, $.fn.editableContainer.defaults, options); \r\n this.splitOptions();\r\n \r\n //set scope of form callbacks to element\r\n this.formOptions.scope = this.$element[0]; \r\n \r\n this.initContainer();\r\n \r\n //flag to hide container, when saving value will finish\r\n this.delayedHide = false;\r\n\r\n //bind 'destroyed' listener to destroy container when element is removed from dom\r\n this.$element.on('destroyed', $.proxy(function(){\r\n this.destroy();\r\n }, this)); \r\n \r\n //attach document handler to close containers on click / escape\r\n if(!$(document).data('editable-handlers-attached')) {\r\n //close all on escape\r\n $(document).on('keyup.editable', function (e) {\r\n if (e.which === 27) {\r\n $('.editable-open').editableContainer('hide');\r\n //todo: return focus on element \r\n }\r\n });\r\n\r\n //close containers when click outside \r\n //(mousedown could be better than click, it closes everything also on drag drop)\r\n $(document).on('click.editable', function(e) {\r\n var $target = $(e.target), i,\r\n exclude_classes = ['.editable-container', \r\n '.ui-datepicker-header', \r\n '.datepicker', //in inline mode datepicker is rendered into body\r\n '.modal-backdrop', \r\n '.bootstrap-wysihtml5-insert-image-modal', \r\n '.bootstrap-wysihtml5-insert-link-modal'\r\n ];\r\n \r\n //check if element is detached. It occurs when clicking in bootstrap datepicker\r\n if (!$.contains(document.documentElement, e.target)) {\r\n return;\r\n }\r\n\r\n //for some reason FF 20 generates extra event (click) in select2 widget with e.target = document\r\n //we need to filter it via construction below. See https://github.com/vitalets/x-editable/issues/199\r\n //Possibly related to http://stackoverflow.com/questions/10119793/why-does-firefox-react-differently-from-webkit-and-ie-to-click-event-on-selec\r\n if($target.is(document)) {\r\n return; \r\n }\r\n \r\n //if click inside one of exclude classes --> no nothing\r\n for(i=0; i
');\r\n \r\n //insert form into container body\r\n if(this.tip().is(this.innerCss)) {\r\n //for inline container\r\n this.tip().append(this.$form); \r\n } else {\r\n this.tip().find(this.innerCss).append(this.$form);\r\n } \r\n \r\n //render form\r\n this.renderForm();\r\n },\r\n\r\n /**\r\n Hides container with form\r\n @method hide()\r\n @param {string} reason Reason caused hiding. Can be
, ,![]()
\r\n if(typeof(this.input.isEmpty) === 'function') {\r\n this.isEmpty = this.input.isEmpty(this.$element); \r\n } else {\r\n this.isEmpty = $.trim(this.$element.html()) === '';\r\n }\r\n } \r\n \r\n //emptytext shown only for enabled\r\n if(!this.options.disabled) {\r\n if (this.isEmpty) {\r\n this.$element.html(this.options.emptytext);\r\n if(this.options.emptyclass) {\r\n this.$element.addClass(this.options.emptyclass);\r\n }\r\n } else if(this.options.emptyclass) {\r\n this.$element.removeClass(this.options.emptyclass);\r\n }\r\n } else {\r\n //below required if element disable property was changed\r\n if(this.isEmpty) {\r\n this.$element.empty();\r\n if(this.options.emptyclass) {\r\n this.$element.removeClass(this.options.emptyclass);\r\n }\r\n }\r\n }\r\n }, \r\n \r\n /**\r\n Shows container with form\r\n @method show()\r\n @param {boolean} closeAll Whether to close all other editable containers when showing this one. Default true.\r\n **/ \r\n show: function (closeAll) {\r\n if(this.options.disabled) {\r\n return;\r\n }\r\n \r\n //init editableContainer: popover, tooltip, inline, etc..\r\n if(!this.container) {\r\n var containerOptions = $.extend({}, this.options, {\r\n value: this.value,\r\n input: this.input //pass input to form (as it is already created)\r\n });\r\n this.$element.editableContainer(containerOptions);\r\n //listen `save` event \r\n this.$element.on(\"save.internal\", $.proxy(this.save, this));\r\n this.container = this.$element.data('editableContainer'); \r\n } else if(this.container.tip().is(':visible')) {\r\n return;\r\n } \r\n \r\n //show container\r\n this.container.show(closeAll);\r\n },\r\n \r\n /**\r\n Hides container with form\r\n @method hide()\r\n **/ \r\n hide: function () { \r\n if(this.container) { \r\n this.container.hide();\r\n }\r\n },\r\n \r\n /**\r\n Toggles container visibility (show / hide)\r\n @method toggle()\r\n @param {boolean} closeAll Whether to close all other editable containers when showing this one. Default true.\r\n **/ \r\n toggle: function(closeAll) {\r\n if(this.container && this.container.tip().is(':visible')) {\r\n this.hide();\r\n } else {\r\n this.show(closeAll);\r\n }\r\n },\r\n \r\n /*\r\n * called when form was submitted\r\n */ \r\n save: function(e, params) {\r\n //mark element with unsaved class if needed\r\n if(this.options.unsavedclass) {\r\n /*\r\n Add unsaved css to element if:\r\n - url is not user's function \r\n - value was not sent to server\r\n - params.response === undefined, that means data was not sent\r\n - value changed \r\n */\r\n var sent = false;\r\n sent = sent || typeof this.options.url === 'function';\r\n sent = sent || this.options.display === false; \r\n sent = sent || params.response !== undefined; \r\n sent = sent || (this.options.savenochange && this.input.value2str(this.value) !== this.input.value2str(params.newValue)); \r\n \r\n if(sent) {\r\n this.$element.removeClass(this.options.unsavedclass); \r\n } else {\r\n this.$element.addClass(this.options.unsavedclass); \r\n }\r\n }\r\n \r\n //highlight when saving\r\n if(this.options.highlight) {\r\n var $e = this.$element,\r\n bgColor = $e.css('background-color');\r\n \r\n $e.css('background-color', this.options.highlight);\r\n setTimeout(function(){\r\n if(bgColor === 'transparent') {\r\n bgColor = ''; \r\n }\r\n $e.css('background-color', bgColor);\r\n $e.addClass('editable-bg-transition');\r\n setTimeout(function(){\r\n $e.removeClass('editable-bg-transition'); \r\n }, 1700);\r\n }, 10);\r\n }\r\n \r\n //set new value\r\n this.setValue(params.newValue, false, params.response);\r\n \r\n /** \r\n Fired when new value was submitted. You can use
save|cancel|onblur|nochange|undefined (=manual)\r\n **/ \r\n hide: function(reason) { \r\n if(!this.tip() || !this.tip().is(':visible') || !this.$element.hasClass('editable-open')) {\r\n return;\r\n }\r\n \r\n //if form is saving value, schedule hide\r\n if(this.$form.data('editableform').isSaving) {\r\n this.delayedHide = {reason: reason};\r\n return; \r\n } else {\r\n this.delayedHide = false;\r\n }\r\n\r\n this.$element.removeClass('editable-open'); \r\n this.innerHide();\r\n\r\n /**\r\n Fired when container was hidden. It occurs on both save or cancel. \r\n **Note:** Bootstrap popover has own `hidden` event that now cannot be separated from x-editable's one.\r\n The workaround is to check `arguments.length` that is always `2` for x-editable. \r\n\r\n @event hidden \r\n @param {object} event event object\r\n @param {string} reason Reason caused hiding. Can be save|cancel|onblur|nochange|manual\r\n @example\r\n $('#username').on('hidden', function(e, reason) {\r\n if(reason === 'save' || reason === 'cancel') {\r\n //auto-open next editable\r\n $(this).closest('tr').next().find('.editable').editable('show');\r\n } \r\n });\r\n **/\r\n this.$element.triggerHandler('hidden', reason || 'manual'); \r\n },\r\n\r\n /* internal show method. To be overwritten in child classes */\r\n innerShow: function () {\r\n \r\n }, \r\n\r\n /* internal hide method. To be overwritten in child classes */\r\n innerHide: function () {\r\n\r\n },\r\n \r\n /**\r\n Toggles container visibility (show / hide)\r\n @method toggle()\r\n @param {boolean} closeAll Whether to close all other editable containers when showing this one. Default true.\r\n **/ \r\n toggle: function(closeAll) {\r\n if(this.container() && this.tip() && this.tip().is(':visible')) {\r\n this.hide();\r\n } else {\r\n this.show(closeAll);\r\n } \r\n },\r\n\r\n /*\r\n Updates the position of container when content changed.\r\n @method setPosition()\r\n */ \r\n setPosition: function() {\r\n //tbd in child class\r\n },\r\n\r\n save: function(e, params) {\r\n /** \r\n Fired when new value was submitted. You can use $(this).data('editableContainer') inside handler to access to editableContainer instance\r\n \r\n @event save \r\n @param {Object} event event object\r\n @param {Object} params additional params\r\n @param {mixed} params.newValue submitted value\r\n @param {Object} params.response ajax response\r\n @example\r\n $('#username').on('save', function(e, params) {\r\n //assuming server response: '{success: true}'\r\n var pk = $(this).data('editableContainer').options.pk;\r\n if(params.response && params.response.success) {\r\n alert('value: ' + params.newValue + ' with pk: ' + pk + ' saved!');\r\n } else {\r\n alert('error!'); \r\n } \r\n });\r\n **/ \r\n this.$element.triggerHandler('save', params);\r\n \r\n //hide must be after trigger, as saving value may require methods of plugin, applied to input\r\n this.hide('save');\r\n },\r\n\r\n /**\r\n Sets new option\r\n \r\n @method option(key, value)\r\n @param {string} key \r\n @param {mixed} value \r\n **/ \r\n option: function(key, value) {\r\n this.options[key] = value;\r\n if(key in this.containerOptions) {\r\n this.containerOptions[key] = value;\r\n this.setContainerOption(key, value); \r\n } else {\r\n this.formOptions[key] = value;\r\n if(this.$form) {\r\n this.$form.editableform('option', key, value); \r\n }\r\n }\r\n },\r\n \r\n setContainerOption: function(key, value) {\r\n this.call('option', key, value);\r\n },\r\n\r\n /**\r\n Destroys the container instance\r\n @method destroy()\r\n **/ \r\n destroy: function() {\r\n this.hide();\r\n this.innerDestroy();\r\n this.$element.off('destroyed');\r\n this.$element.removeData('editableContainer');\r\n },\r\n \r\n /* to be overwritten in child classes */\r\n innerDestroy: function() {\r\n \r\n }, \r\n \r\n /*\r\n Closes other containers except one related to passed element. \r\n Other containers can be cancelled or submitted (depends on onblur option)\r\n */\r\n closeOthers: function(element) {\r\n $('.editable-open').each(function(i, el){\r\n //do nothing with passed element and it's children\r\n if(el === element || $(el).find(element).length) {\r\n return;\r\n }\r\n\r\n //otherwise cancel or submit all open containers \r\n var $el = $(el),\r\n ec = $el.data('editableContainer');\r\n\r\n if(!ec) {\r\n return; \r\n }\r\n \r\n if(ec.options.onblur === 'cancel') {\r\n $el.data('editableContainer').hide('onblur');\r\n } else if(ec.options.onblur === 'submit') {\r\n $el.data('editableContainer').tip().find('form').submit();\r\n }\r\n });\r\n\r\n },\r\n \r\n /**\r\n Activates input of visible container (e.g. set focus)\r\n @method activate()\r\n **/ \r\n activate: function() {\r\n if(this.tip && this.tip().is(':visible') && this.$form) {\r\n this.$form.data('editableform').input.activate(); \r\n }\r\n } \r\n\r\n };\r\n\r\n /**\r\n jQuery method to initialize editableContainer.\r\n \r\n @method $().editableContainer(options)\r\n @params {Object} options\r\n @example\r\n $('#edit').editableContainer({\r\n type: 'text',\r\n url: '/post',\r\n pk: 1,\r\n value: 'hello'\r\n });\r\n **/ \r\n $.fn.editableContainer = function (option) {\r\n var args = arguments;\r\n return this.each(function () {\r\n var $this = $(this),\r\n dataKey = 'editableContainer', \r\n data = $this.data(dataKey),\r\n options = typeof option === 'object' && option,\r\n Constructor = (options.mode === 'inline') ? Inline : Popup; \r\n\r\n if (!data) {\r\n $this.data(dataKey, (data = new Constructor(this, options)));\r\n }\r\n\r\n if (typeof option === 'string') { //call method \r\n data[option].apply(data, Array.prototype.slice.call(args, 1));\r\n } \r\n });\r\n }; \r\n\r\n //store constructors\r\n $.fn.editableContainer.Popup = Popup;\r\n $.fn.editableContainer.Inline = Inline;\r\n\r\n //defaults\r\n $.fn.editableContainer.defaults = {\r\n /**\r\n Initial value of form input\r\n\r\n @property value \r\n @type mixed\r\n @default null\r\n @private\r\n **/ \r\n value: null,\r\n /**\r\n Placement of container relative to element. Can be top|right|bottom|left. Not used for inline container.\r\n\r\n @property placement \r\n @type string\r\n @default 'top'\r\n **/ \r\n placement: 'top',\r\n /**\r\n Whether to hide container on save/cancel.\r\n\r\n @property autohide \r\n @type boolean\r\n @default true\r\n @private \r\n **/ \r\n autohide: true,\r\n /**\r\n Action when user clicks outside the container. Can be cancel|submit|ignore. \r\n Setting ignore allows to have several containers open. \r\n\r\n @property onblur \r\n @type string\r\n @default 'cancel'\r\n @since 1.1.1\r\n **/ \r\n onblur: 'cancel',\r\n \r\n /**\r\n Animation speed (inline mode only)\r\n @property anim \r\n @type string\r\n @default false\r\n **/ \r\n anim: false,\r\n \r\n /**\r\n Mode of editable, can be `popup` or `inline` \r\n \r\n @property mode \r\n @type string \r\n @default 'popup'\r\n @since 1.4.0 \r\n **/ \r\n mode: 'popup' \r\n };\r\n\r\n /* \r\n * workaround to have 'destroyed' event to destroy popover when element is destroyed\r\n * see http://stackoverflow.com/questions/2200494/jquery-trigger-event-when-an-element-is-removed-from-the-dom\r\n */\r\n jQuery.event.special.destroyed = {\r\n remove: function(o) {\r\n if (o.handler) {\r\n o.handler();\r\n }\r\n }\r\n }; \r\n\r\n}(window.jQuery));\r\n\r\n/**\r\n* Editable Inline \r\n* ---------------------\r\n*/\r\n(function ($) {\r\n \"use strict\";\r\n \r\n //copy prototype from EditableContainer\r\n //extend methods\r\n $.extend($.fn.editableContainer.Inline.prototype, $.fn.editableContainer.Popup.prototype, {\r\n containerName: 'editableform',\r\n innerCss: '.editable-inline',\r\n containerClass: 'editable-container editable-inline', //css class applied to container element\r\n \r\n initContainer: function(){\r\n //container is element\r\n this.$tip = $('');\r\n \r\n //convert anim to miliseconds (int)\r\n if(!this.options.anim) {\r\n this.options.anim = 0;\r\n } \r\n },\r\n \r\n splitOptions: function() {\r\n //all options are passed to form\r\n this.containerOptions = {};\r\n this.formOptions = this.options;\r\n },\r\n \r\n tip: function() {\r\n return this.$tip; \r\n },\r\n \r\n innerShow: function () {\r\n this.$element.hide();\r\n this.tip().insertAfter(this.$element).show();\r\n }, \r\n \r\n innerHide: function () {\r\n this.$tip.hide(this.options.anim, $.proxy(function() {\r\n this.$element.show();\r\n this.innerDestroy();\r\n }, this)); \r\n },\r\n \r\n innerDestroy: function() {\r\n if(this.tip()) {\r\n this.tip().empty().remove();\r\n }\r\n } \r\n });\r\n\r\n}(window.jQuery));\r\n/**\r\nMakes editable any HTML element on the page. Applied as jQuery method.\r\n\r\n@class editable\r\n@uses editableContainer\r\n**/\r\n(function ($) {\r\n \"use strict\";\r\n\r\n var Editable = function (element, options) {\r\n this.$element = $(element);\r\n //data-* has more priority over js options: because dynamically created elements may change data-* \r\n this.options = $.extend({}, $.fn.editable.defaults, options, $.fn.editableutils.getConfigData(this.$element)); \r\n if(this.options.selector) {\r\n this.initLive();\r\n } else {\r\n this.init();\r\n }\r\n \r\n //check for transition support\r\n if(this.options.highlight && !$.fn.editableutils.supportsTransitions()) {\r\n this.options.highlight = false;\r\n }\r\n };\r\n\r\n Editable.prototype = {\r\n constructor: Editable, \r\n init: function () {\r\n var isValueByText = false, \r\n doAutotext, finalize;\r\n\r\n //name\r\n this.options.name = this.options.name || this.$element.attr('id');\r\n \r\n //create input of specified type. Input needed already here to convert value for initial display (e.g. show text by id for select)\r\n //also we set scope option to have access to element inside input specific callbacks (e. g. source as function)\r\n this.options.scope = this.$element[0]; \r\n this.input = $.fn.editableutils.createInput(this.options);\r\n if(!this.input) {\r\n return; \r\n } \r\n\r\n //set value from settings or by element's text\r\n if (this.options.value === undefined || this.options.value === null) {\r\n this.value = this.input.html2value($.trim(this.$element.html()));\r\n isValueByText = true;\r\n } else {\r\n /*\r\n value can be string when received from 'data-value' attribute\r\n for complext objects value can be set as json string in data-value attribute, \r\n e.g. data-value=\"{city: 'Moscow', street: 'Lenina'}\"\r\n */\r\n this.options.value = $.fn.editableutils.tryParseJson(this.options.value, true); \r\n if(typeof this.options.value === 'string') {\r\n this.value = this.input.str2value(this.options.value);\r\n } else {\r\n this.value = this.options.value;\r\n }\r\n }\r\n \r\n //add 'editable' class to every editable element\r\n this.$element.addClass('editable');\r\n \r\n //specifically for \"textarea\" add class .editable-pre-wrapped to keep linebreaks\r\n if(this.input.type === 'textarea') {\r\n this.$element.addClass('editable-pre-wrapped');\r\n }\r\n \r\n //attach handler activating editable. In disabled mode it just prevent default action (useful for links)\r\n if(this.options.toggle !== 'manual') {\r\n this.$element.addClass('editable-click');\r\n this.$element.on(this.options.toggle + '.editable', $.proxy(function(e){\r\n //prevent following link if editable enabled\r\n if(!this.options.disabled) {\r\n e.preventDefault();\r\n }\r\n \r\n //stop propagation not required because in document click handler it checks event target\r\n //e.stopPropagation();\r\n \r\n if(this.options.toggle === 'mouseenter') {\r\n //for hover only show container\r\n this.show();\r\n } else {\r\n //when toggle='click' we should not close all other containers as they will be closed automatically in document click listener\r\n var closeAll = (this.options.toggle !== 'click');\r\n this.toggle(closeAll);\r\n }\r\n }, this));\r\n } else {\r\n this.$element.attr('tabindex', -1); //do not stop focus on element when toggled manually\r\n }\r\n \r\n //if display is function it's far more convinient to have autotext = always to render correctly on init\r\n //see https://github.com/vitalets/x-editable-yii/issues/34\r\n if(typeof this.options.display === 'function') {\r\n this.options.autotext = 'always';\r\n }\r\n \r\n //check conditions for autotext:\r\n switch(this.options.autotext) {\r\n case 'always':\r\n doAutotext = true;\r\n break;\r\n case 'auto':\r\n //if element text is empty and value is defined and value not generated by text --> run autotext\r\n doAutotext = !$.trim(this.$element.text()).length && this.value !== null && this.value !== undefined && !isValueByText;\r\n break;\r\n default:\r\n doAutotext = false;\r\n }\r\n\r\n //depending on autotext run render() or just finilize init\r\n $.when(doAutotext ? this.render() : true).then($.proxy(function() {\r\n if(this.options.disabled) {\r\n this.disable();\r\n } else {\r\n this.enable(); \r\n }\r\n /** \r\n Fired when element was initialized by `$().editable()` method. \r\n Please note that you should setup `init` handler **before** applying `editable`. \r\n \r\n @event init \r\n @param {Object} event event object\r\n @param {Object} editable editable instance (as here it cannot accessed via data('editable'))\r\n @since 1.2.0\r\n @example\r\n $('#username').on('init', function(e, editable) {\r\n alert('initialized ' + editable.options.name);\r\n });\r\n $('#username').editable();\r\n **/ \r\n this.$element.triggerHandler('init', this);\r\n }, this));\r\n },\r\n\r\n /*\r\n Initializes parent element for live editables \r\n */\r\n initLive: function() {\r\n //store selector \r\n var selector = this.options.selector;\r\n //modify options for child elements\r\n this.options.selector = false; \r\n this.options.autotext = 'never';\r\n //listen toggle events\r\n this.$element.on(this.options.toggle + '.editable', selector, $.proxy(function(e){\r\n var $target = $(e.target);\r\n if(!$target.data('editable')) {\r\n //if delegated element initially empty, we need to clear it's text (that was manually set to `empty` by user)\r\n //see https://github.com/vitalets/x-editable/issues/137 \r\n if($target.hasClass(this.options.emptyclass)) {\r\n $target.empty();\r\n }\r\n $target.editable(this.options).trigger(e);\r\n }\r\n }, this)); \r\n },\r\n \r\n /*\r\n Renders value into element's text.\r\n Can call custom display method from options.\r\n Can return deferred object.\r\n @method render()\r\n @param {mixed} response server response (if exist) to pass into display function\r\n */ \r\n render: function(response) {\r\n //do not display anything\r\n if(this.options.display === false) {\r\n return;\r\n }\r\n \r\n //if input has `value2htmlFinal` method, we pass callback in third param to be called when source is loaded\r\n if(this.input.value2htmlFinal) {\r\n return this.input.value2html(this.value, this.$element[0], this.options.display, response); \r\n //if display method defined --> use it \r\n } else if(typeof this.options.display === 'function') {\r\n return this.options.display.call(this.$element[0], this.value, response);\r\n //else use input's original value2html() method \r\n } else {\r\n return this.input.value2html(this.value, this.$element[0]); \r\n }\r\n },\r\n \r\n /**\r\n Enables editable\r\n @method enable()\r\n **/ \r\n enable: function() {\r\n this.options.disabled = false;\r\n this.$element.removeClass('editable-disabled');\r\n this.handleEmpty(this.isEmpty);\r\n if(this.options.toggle !== 'manual') {\r\n if(this.$element.attr('tabindex') === '-1') { \r\n this.$element.removeAttr('tabindex'); \r\n }\r\n }\r\n },\r\n \r\n /**\r\n Disables editable\r\n @method disable()\r\n **/ \r\n disable: function() {\r\n this.options.disabled = true; \r\n this.hide(); \r\n this.$element.addClass('editable-disabled');\r\n this.handleEmpty(this.isEmpty);\r\n //do not stop focus on this element\r\n this.$element.attr('tabindex', -1); \r\n },\r\n \r\n /**\r\n Toggles enabled / disabled state of editable element\r\n @method toggleDisabled()\r\n **/ \r\n toggleDisabled: function() {\r\n if(this.options.disabled) {\r\n this.enable();\r\n } else { \r\n this.disable(); \r\n }\r\n }, \r\n \r\n /**\r\n Sets new option\r\n \r\n @method option(key, value)\r\n @param {string|object} key option name or object with several options\r\n @param {mixed} value option new value\r\n @example\r\n $('.editable').editable('option', 'pk', 2);\r\n **/ \r\n option: function(key, value) {\r\n //set option(s) by object\r\n if(key && typeof key === 'object') {\r\n $.each(key, $.proxy(function(k, v){\r\n this.option($.trim(k), v); \r\n }, this)); \r\n return;\r\n }\r\n\r\n //set option by string \r\n this.options[key] = value; \r\n \r\n //disabled\r\n if(key === 'disabled') {\r\n return value ? this.disable() : this.enable();\r\n } \r\n \r\n //value\r\n if(key === 'value') {\r\n this.setValue(value);\r\n }\r\n \r\n //transfer new option to container! \r\n if(this.container) {\r\n this.container.option(key, value); \r\n }\r\n \r\n //pass option to input directly (as it points to the same in form)\r\n if(this.input.option) {\r\n this.input.option(key, value);\r\n }\r\n \r\n }, \r\n \r\n /*\r\n * set emptytext if element is empty\r\n */\r\n handleEmpty: function (isEmpty) {\r\n //do not handle empty if we do not display anything\r\n if(this.options.display === false) {\r\n return;\r\n }\r\n\r\n /* \r\n isEmpty may be set directly as param of method.\r\n It is required when we enable/disable field and can't rely on content \r\n as node content is text: \"Empty\" that is not empty %)\r\n */\r\n if(isEmpty !== undefined) { \r\n this.isEmpty = isEmpty;\r\n } else {\r\n //detect empty\r\n //for some inputs we need more smart check\r\n //e.g. wysihtml5 may have , ,
$(this).data('editable') to access to editable instance\r\n \r\n @event save \r\n @param {Object} event event object\r\n @param {Object} params additional params\r\n @param {mixed} params.newValue submitted value\r\n @param {Object} params.response ajax response\r\n @example\r\n $('#username').on('save', function(e, params) {\r\n alert('Saved value: ' + params.newValue);\r\n });\r\n **/\r\n //event itself is triggered by editableContainer. Description here is only for documentation \r\n },\r\n\r\n validate: function () {\r\n if (typeof this.options.validate === 'function') {\r\n return this.options.validate.call(this, this.value);\r\n }\r\n },\r\n \r\n /**\r\n Sets new value of editable\r\n @method setValue(value, convertStr)\r\n @param {mixed} value new value \r\n @param {boolean} convertStr whether to convert value from string to internal format\r\n **/ \r\n setValue: function(value, convertStr, response) {\r\n if(convertStr) {\r\n this.value = this.input.str2value(value);\r\n } else {\r\n this.value = value;\r\n }\r\n if(this.container) {\r\n this.container.option('value', this.value);\r\n }\r\n $.when(this.render(response))\r\n .then($.proxy(function() {\r\n this.handleEmpty();\r\n }, this));\r\n },\r\n \r\n /**\r\n Activates input of visible container (e.g. set focus)\r\n @method activate()\r\n **/ \r\n activate: function() {\r\n if(this.container) {\r\n this.container.activate(); \r\n }\r\n },\r\n \r\n /**\r\n Removes editable feature from element\r\n @method destroy()\r\n **/ \r\n destroy: function() {\r\n this.disable();\r\n \r\n if(this.container) {\r\n this.container.destroy(); \r\n }\r\n \r\n this.input.destroy();\r\n\r\n if(this.options.toggle !== 'manual') {\r\n this.$element.removeClass('editable-click');\r\n this.$element.off(this.options.toggle + '.editable');\r\n } \r\n \r\n this.$element.off(\"save.internal\");\r\n \r\n this.$element.removeClass('editable editable-open editable-disabled');\r\n this.$element.removeData('editable');\r\n } \r\n };\r\n\r\n /* EDITABLE PLUGIN DEFINITION\r\n * ======================= */\r\n\r\n /**\r\n jQuery method to initialize editable element.\r\n \r\n @method $().editable(options)\r\n @params {Object} options\r\n @example\r\n $('#username').editable({\r\n type: 'text',\r\n url: '/post',\r\n pk: 1\r\n });\r\n **/\r\n $.fn.editable = function (option) {\r\n //special API methods returning non-jquery object\r\n var result = {}, args = arguments, datakey = 'editable';\r\n switch (option) {\r\n /**\r\n Runs client-side validation for all matched editables\r\n \r\n @method validate()\r\n @returns {Object} validation errors map\r\n @example\r\n $('#username, #fullname').editable('validate');\r\n // possible result:\r\n {\r\n username: \"username is required\",\r\n fullname: \"fullname should be minimum 3 letters length\"\r\n }\r\n **/\r\n case 'validate':\r\n this.each(function () {\r\n var $this = $(this), data = $this.data(datakey), error;\r\n if (data && (error = data.validate())) {\r\n result[data.options.name] = error;\r\n }\r\n });\r\n return result;\r\n\r\n /**\r\n Returns current values of editable elements. \r\n Note that it returns an **object** with name-value pairs, not a value itself. It allows to get data from several elements. \r\n If value of some editable is `null` or `undefined` it is excluded from result object.\r\n When param `isSingle` is set to **true** - it is supposed you have single element and will return value of editable instead of object. \r\n \r\n @method getValue()\r\n @param {bool} isSingle whether to return just value of single element\r\n @returns {Object} object of element names and values\r\n @example\r\n $('#username, #fullname').editable('getValue');\r\n //result:\r\n {\r\n username: \"superuser\",\r\n fullname: \"John\"\r\n }\r\n //isSingle = true\r\n $('#username').editable('getValue', true);\r\n //result \"superuser\" \r\n **/\r\n case 'getValue':\r\n if(arguments.length === 2 && arguments[1] === true) { //isSingle = true\r\n result = this.eq(0).data(datakey).value;\r\n } else {\r\n this.each(function () {\r\n var $this = $(this), data = $this.data(datakey);\r\n if (data && data.value !== undefined && data.value !== null) {\r\n result[data.options.name] = data.input.value2submit(data.value);\r\n }\r\n });\r\n }\r\n return result;\r\n\r\n /**\r\n This method collects values from several editable elements and submit them all to server. \r\n Internally it runs client-side validation for all fields and submits only in case of success. \r\n See creating new records for details. \r\n Since 1.5.1 `submit` can be applied to single element to send data programmatically. In that case\r\n `url`, `success` and `error` is taken from initial options and you can just call `$('#username').editable('submit')`. \r\n \r\n @method submit(options)\r\n @param {object} options \r\n @param {object} options.url url to submit data \r\n @param {object} options.data additional data to submit\r\n @param {object} options.ajaxOptions additional ajax options\r\n @param {function} options.error(obj) error handler \r\n @param {function} options.success(obj,config) success handler\r\n @returns {Object} jQuery object\r\n **/\r\n case 'submit': //collects value, validate and submit to server for creating new record\r\n var config = arguments[1] || {},\r\n $elems = this,\r\n errors = this.editable('validate');\r\n\r\n // validation ok\r\n if($.isEmptyObject(errors)) {\r\n var ajaxOptions = {};\r\n \r\n // for single element use url, success etc from options\r\n if($elems.length === 1) {\r\n var editable = $elems.data('editable');\r\n //standard params\r\n var params = {\r\n name: editable.options.name || '',\r\n value: editable.input.value2submit(editable.value),\r\n pk: (typeof editable.options.pk === 'function') ? \r\n editable.options.pk.call(editable.options.scope) : \r\n editable.options.pk \r\n };\r\n\r\n //additional params\r\n if(typeof editable.options.params === 'function') {\r\n params = editable.options.params.call(editable.options.scope, params); \r\n } else {\r\n //try parse json in single quotes (from data-params attribute)\r\n editable.options.params = $.fn.editableutils.tryParseJson(editable.options.params, true); \r\n $.extend(params, editable.options.params);\r\n }\r\n\r\n ajaxOptions = {\r\n url: editable.options.url,\r\n data: params,\r\n type: 'POST' \r\n };\r\n \r\n // use success / error from options \r\n config.success = config.success || editable.options.success;\r\n config.error = config.error || editable.options.error;\r\n \r\n // multiple elements\r\n } else {\r\n var values = this.editable('getValue'); \r\n \r\n ajaxOptions = {\r\n url: config.url,\r\n data: values, \r\n type: 'POST'\r\n }; \r\n } \r\n\r\n // ajax success callabck (response 200 OK)\r\n ajaxOptions.success = typeof config.success === 'function' ? function(response) {\r\n config.success.call($elems, response, config);\r\n } : $.noop;\r\n \r\n // ajax error callabck\r\n ajaxOptions.error = typeof config.error === 'function' ? function() {\r\n config.error.apply($elems, arguments);\r\n } : $.noop;\r\n \r\n // extend ajaxOptions \r\n if(config.ajaxOptions) { \r\n $.extend(ajaxOptions, config.ajaxOptions);\r\n }\r\n \r\n // extra data \r\n if(config.data) {\r\n $.extend(ajaxOptions.data, config.data);\r\n } \r\n \r\n // perform ajax request\r\n $.ajax(ajaxOptions);\r\n } else { //client-side validation error\r\n if(typeof config.error === 'function') {\r\n config.error.call($elems, errors);\r\n }\r\n }\r\n return this;\r\n }\r\n\r\n //return jquery object\r\n return this.each(function () {\r\n var $this = $(this), \r\n data = $this.data(datakey), \r\n options = typeof option === 'object' && option;\r\n\r\n //for delegated targets do not store `editable` object for element\r\n //it's allows several different selectors.\r\n //see: https://github.com/vitalets/x-editable/issues/312 \r\n if(options && options.selector) {\r\n data = new Editable(this, options);\r\n return; \r\n } \r\n \r\n if (!data) {\r\n $this.data(datakey, (data = new Editable(this, options)));\r\n }\r\n\r\n if (typeof option === 'string') { //call method \r\n data[option].apply(data, Array.prototype.slice.call(args, 1));\r\n } \r\n });\r\n }; \r\n \r\n\r\n $.fn.editable.defaults = {\r\n /**\r\n Type of input. Can be text|textarea|select|date|checklist and more\r\n\r\n @property type \r\n @type string\r\n @default 'text'\r\n **/\r\n type: 'text', \r\n /**\r\n Sets disabled state of editable\r\n\r\n @property disabled \r\n @type boolean\r\n @default false\r\n **/ \r\n disabled: false,\r\n /**\r\n How to toggle editable. Can be click|dblclick|mouseenter|manual. \r\n When set to manual you should manually call show/hide methods of editable. \r\n **Note**: if you call show or toggle inside **click** handler of some DOM element, \r\n you need to apply e.stopPropagation() because containers are being closed on any click on document.\r\n \r\n @example\r\n $('#edit-button').click(function(e) {\r\n e.stopPropagation();\r\n $('#username').editable('toggle');\r\n });\r\n\r\n @property toggle \r\n @type string\r\n @default 'click'\r\n **/ \r\n toggle: 'click',\r\n /**\r\n Text shown when element is empty.\r\n\r\n @property emptytext \r\n @type string\r\n @default 'Empty'\r\n **/ \r\n emptytext: 'Empty',\r\n /**\r\n Allows to automatically set element's text based on it's value. Can be auto|always|never. Useful for select and date.\r\n For example, if dropdown list is {1: 'a', 2: 'b'} and element's value set to 1, it's html will be automatically set to 'a'. \r\n auto - text will be automatically set only if element is empty. \r\n always|never - always(never) try to set element's text.\r\n\r\n @property autotext \r\n @type string\r\n @default 'auto'\r\n **/ \r\n autotext: 'auto', \r\n /**\r\n Initial value of input. If not set, taken from element's text. \r\n Note, that if element's text is empty - text is automatically generated from value and can be customized (see `autotext` option). \r\n For example, to display currency sign:\r\n @example\r\n \r\n \r\n \r\n @property value \r\n @type mixed\r\n @default element's text\r\n **/\r\n value: null,\r\n /**\r\n Callback to perform custom displaying of value in element's text. \r\n If `null`, default input's display used. \r\n If `false`, no displaying methods will be called, element's text will never change. \r\n Runs under element's scope. \r\n _**Parameters:**_ \r\n \r\n * `value` current value to be displayed\r\n * `response` server response (if display called after ajax submit), since 1.4.0\r\n \r\n For _inputs with source_ (select, checklist) parameters are different: \r\n \r\n * `value` current value to be displayed\r\n * `sourceData` array of items for current input (e.g. dropdown items) \r\n * `response` server response (if display called after ajax submit), since 1.4.0\r\n \r\n To get currently selected items use `$.fn.editableutils.itemsByValue(value, sourceData)`.\r\n \r\n @property display \r\n @type function|boolean\r\n @default null\r\n @since 1.2.0\r\n @example\r\n display: function(value, sourceData) {\r\n //display checklist as comma-separated values\r\n var html = [],\r\n checked = $.fn.editableutils.itemsByValue(value, sourceData);\r\n \r\n if(checked.length) {\r\n $.each(checked, function(i, v) { html.push($.fn.editableutils.escape(v.text)); });\r\n $(this).html(html.join(', '));\r\n } else {\r\n $(this).empty(); \r\n }\r\n }\r\n **/ \r\n display: null,\r\n /**\r\n Css class applied when editable text is empty.\r\n\r\n @property emptyclass \r\n @type string\r\n @since 1.4.1 \r\n @default editable-empty\r\n **/ \r\n emptyclass: 'editable-empty',\r\n /**\r\n Css class applied when value was stored but not sent to server (`pk` is empty or `send = 'never'`). \r\n You may set it to `null` if you work with editables locally and submit them together. \r\n\r\n @property unsavedclass \r\n @type string\r\n @since 1.4.1 \r\n @default editable-unsaved\r\n **/ \r\n unsavedclass: 'editable-unsaved',\r\n /**\r\n If selector is provided, editable will be delegated to the specified targets. \r\n Usefull for dynamically generated DOM elements. \r\n **Please note**, that delegated targets can't be initialized with `emptytext` and `autotext` options, \r\n as they actually become editable only after first click. \r\n You should manually set class `editable-click` to these elements. \r\n Also, if element originally empty you should add class `editable-empty`, set `data-value=\"\"` and write emptytext into element:\r\n\r\n @property selector \r\n @type string\r\n @since 1.4.1 \r\n @default null\r\n @example\r\n \r\n \r\n \r\n **/ \r\n selector: null,\r\n /**\r\n Color used to highlight element after update. Implemented via CSS3 transition, works in modern browsers.\r\n \r\n @property highlight \r\n @type string|boolean\r\n @since 1.4.5 \r\n @default #FFFF80 \r\n **/\r\n highlight: '#FFFF80'\r\n };\r\n \r\n}(window.jQuery));\r\n\r\n/**\r\nAbstractInput - base class for all editable inputs.\r\nIt defines interface to be implemented by any input type.\r\nTo create your own input you can inherit from this class.\r\n\r\n@class abstractinput\r\n**/\r\n(function ($) {\r\n \"use strict\";\r\n\r\n //types\r\n $.fn.editabletypes = {};\r\n\r\n var AbstractInput = function () { };\r\n\r\n AbstractInput.prototype = {\r\n /**\r\n Initializes input\r\n\r\n @method init() \r\n **/\r\n init: function(type, options, defaults) {\r\n this.type = type;\r\n this.options = $.extend({}, defaults, options);\r\n },\r\n\r\n /*\r\n this method called before render to init $tpl that is inserted in DOM\r\n */\r\n prerender: function() {\r\n this.$tpl = $(this.options.tpl); //whole tpl as jquery object \r\n this.$input = this.$tpl; //control itself, can be changed in render method\r\n this.$clear = null; //clear button\r\n this.error = null; //error message, if input cannot be rendered \r\n },\r\n \r\n /**\r\n Renders input from tpl. Can return jQuery deferred object.\r\n Can be overwritten in child objects\r\n\r\n @method render()\r\n **/\r\n render: function() {\r\n\r\n }, \r\n\r\n /**\r\n Sets element's html by value. \r\n\r\n @method value2html(value, element)\r\n @param {mixed} value\r\n @param {DOMElement} element\r\n **/\r\n value2html: function(value, element) {\r\n $(element)[this.options.escape ? 'text' : 'html']($.trim(value));\r\n },\r\n\r\n /**\r\n Converts element's html to value\r\n\r\n @method html2value(html)\r\n @param {string} html\r\n @returns {mixed}\r\n **/\r\n html2value: function(html) {\r\n return $('').html(html).text();\r\n },\r\n\r\n /**\r\n Converts value to string (for internal compare). For submitting to server used value2submit().\r\n\r\n @method value2str(value) \r\n @param {mixed} value\r\n @returns {string}\r\n **/\r\n value2str: function(value) {\r\n return value;\r\n }, \r\n\r\n /**\r\n Converts string received from server into value. Usually from `data-value` attribute.\r\n\r\n @method str2value(str)\r\n @param {string} str\r\n @returns {mixed}\r\n **/\r\n str2value: function(str) {\r\n return str;\r\n }, \r\n \r\n /**\r\n Converts value for submitting to server. Result can be string or object.\r\n\r\n @method value2submit(value) \r\n @param {mixed} value\r\n @returns {mixed}\r\n **/\r\n value2submit: function(value) {\r\n return value;\r\n },\r\n\r\n /**\r\n Sets value of input.\r\n\r\n @method value2input(value) \r\n @param {mixed} value\r\n **/\r\n value2input: function(value) {\r\n this.$input.val(value);\r\n },\r\n\r\n /**\r\n Returns value of input. Value can be object (e.g. datepicker)\r\n\r\n @method input2value() \r\n **/\r\n input2value: function() { \r\n return this.$input.val();\r\n }, \r\n\r\n /**\r\n Activates input. For text it sets focus.\r\n\r\n @method activate() \r\n **/\r\n activate: function() {\r\n if(this.$input.is(':visible')) {\r\n this.$input.focus();\r\n }\r\n },\r\n\r\n /**\r\n Creates input.\r\n\r\n @method clear() \r\n **/ \r\n clear: function() {\r\n this.$input.val(null);\r\n },\r\n\r\n /**\r\n method to escape html.\r\n **/\r\n escape: function(str) {\r\n return $('
').text(str).html();\r\n },\r\n \r\n /**\r\n attach handler to automatically submit form when value changed (useful when buttons not shown)\r\n **/\r\n autosubmit: function() {\r\n \r\n },\r\n \r\n /**\r\n Additional actions when destroying element \r\n **/\r\n destroy: function() {\r\n },\r\n\r\n // -------- helper functions --------\r\n setClass: function() { \r\n if(this.options.inputclass) {\r\n this.$input.addClass(this.options.inputclass); \r\n } \r\n },\r\n\r\n setAttr: function(attr) {\r\n if (this.options[attr] !== undefined && this.options[attr] !== null) {\r\n this.$input.attr(attr, this.options[attr]);\r\n } \r\n },\r\n \r\n option: function(key, value) {\r\n this.options[key] = value;\r\n }\r\n \r\n };\r\n \r\n AbstractInput.defaults = { \r\n /**\r\n HTML template of input. Normally you should not change it.\r\n\r\n @property tpl \r\n @type string\r\n @default ''\r\n **/ \r\n tpl: '',\r\n /**\r\n CSS class automatically applied to input\r\n \r\n @property inputclass \r\n @type string\r\n @default null\r\n **/ \r\n inputclass: null,\r\n \r\n /**\r\n If `true` - html will be escaped in content of element via $.text() method. \r\n If `false` - html will not be escaped, $.html() used. \r\n When you use own `display` function, this option obviosly has no effect.\r\n \r\n @property escape \r\n @type boolean\r\n @since 1.5.0\r\n @default true\r\n **/ \r\n escape: true,\r\n \r\n //scope for external methods (e.g. source defined as function)\r\n //for internal use only\r\n scope: null,\r\n \r\n //need to re-declare showbuttons here to get it's value from common config (passed only options existing in defaults)\r\n showbuttons: true \r\n };\r\n \r\n $.extend($.fn.editabletypes, {abstractinput: AbstractInput});\r\n \r\n}(window.jQuery));\r\n\r\n/**\r\nList - abstract class for inputs that have source option loaded from js array or via ajax\r\n\r\n@class list\r\n@extends abstractinput\r\n**/\r\n(function ($) {\r\n \"use strict\";\r\n \r\n var List = function (options) {\r\n \r\n };\r\n\r\n $.fn.editableutils.inherit(List, $.fn.editabletypes.abstractinput);\r\n\r\n $.extend(List.prototype, {\r\n render: function () {\r\n var deferred = $.Deferred();\r\n\r\n this.error = null;\r\n this.onSourceReady(function () {\r\n this.renderList();\r\n deferred.resolve();\r\n }, function () {\r\n this.error = this.options.sourceError;\r\n deferred.resolve();\r\n });\r\n\r\n return deferred.promise();\r\n },\r\n\r\n html2value: function (html) {\r\n return null; //can't set value by text\r\n },\r\n \r\n value2html: function (value, element, display, response) {\r\n var deferred = $.Deferred(),\r\n success = function () {\r\n if(typeof display === 'function') {\r\n //custom display method\r\n display.call(element, value, this.sourceData, response); \r\n } else {\r\n this.value2htmlFinal(value, element);\r\n }\r\n deferred.resolve();\r\n };\r\n \r\n //for null value just call success without loading source\r\n if(value === null) {\r\n success.call(this); \r\n } else {\r\n this.onSourceReady(success, function () { deferred.resolve(); });\r\n }\r\n\r\n return deferred.promise();\r\n }, \r\n\r\n // ------------- additional functions ------------\r\n\r\n onSourceReady: function (success, error) {\r\n //run source if it function\r\n var source;\r\n if ($.isFunction(this.options.source)) {\r\n source = this.options.source.call(this.options.scope);\r\n this.sourceData = null;\r\n //note: if function returns the same source as URL - sourceData will be taken from cahce and no extra request performed\r\n } else {\r\n source = this.options.source;\r\n } \r\n \r\n //if allready loaded just call success\r\n if(this.options.sourceCache && $.isArray(this.sourceData)) {\r\n success.call(this);\r\n return; \r\n }\r\n\r\n //try parse json in single quotes (for double quotes jquery does automatically)\r\n try {\r\n source = $.fn.editableutils.tryParseJson(source, false);\r\n } catch (e) {\r\n error.call(this);\r\n return;\r\n }\r\n\r\n //loading from url\r\n if (typeof source === 'string') {\r\n //try to get sourceData from cache\r\n if(this.options.sourceCache) {\r\n var cacheID = source,\r\n cache;\r\n\r\n if (!$(document).data(cacheID)) {\r\n $(document).data(cacheID, {});\r\n }\r\n cache = $(document).data(cacheID);\r\n\r\n //check for cached data\r\n if (cache.loading === false && cache.sourceData) { //take source from cache\r\n this.sourceData = cache.sourceData;\r\n this.doPrepend();\r\n success.call(this);\r\n return;\r\n } else if (cache.loading === true) { //cache is loading, put callback in stack to be called later\r\n cache.callbacks.push($.proxy(function () {\r\n this.sourceData = cache.sourceData;\r\n this.doPrepend();\r\n success.call(this);\r\n }, this));\r\n\r\n //also collecting error callbacks\r\n cache.err_callbacks.push($.proxy(error, this));\r\n return;\r\n } else { //no cache yet, activate it\r\n cache.loading = true;\r\n cache.callbacks = [];\r\n cache.err_callbacks = [];\r\n }\r\n }\r\n \r\n //ajaxOptions for source. Can be overwritten bt options.sourceOptions\r\n var ajaxOptions = $.extend({\r\n url: source,\r\n type: 'get',\r\n cache: false,\r\n dataType: 'json',\r\n success: $.proxy(function (data) {\r\n if(cache) {\r\n cache.loading = false;\r\n }\r\n this.sourceData = this.makeArray(data);\r\n if($.isArray(this.sourceData)) {\r\n if(cache) {\r\n //store result in cache\r\n cache.sourceData = this.sourceData;\r\n //run success callbacks for other fields waiting for this source\r\n $.each(cache.callbacks, function () { this.call(); }); \r\n }\r\n this.doPrepend();\r\n success.call(this);\r\n } else {\r\n error.call(this);\r\n if(cache) {\r\n //run error callbacks for other fields waiting for this source\r\n $.each(cache.err_callbacks, function () { this.call(); }); \r\n }\r\n }\r\n }, this),\r\n error: $.proxy(function () {\r\n error.call(this);\r\n if(cache) {\r\n cache.loading = false;\r\n //run error callbacks for other fields\r\n $.each(cache.err_callbacks, function () { this.call(); }); \r\n }\r\n }, this)\r\n }, this.options.sourceOptions);\r\n \r\n //loading sourceData from server\r\n $.ajax(ajaxOptions);\r\n \r\n } else { //options as json/array\r\n this.sourceData = this.makeArray(source);\r\n \r\n if($.isArray(this.sourceData)) {\r\n this.doPrepend();\r\n success.call(this); \r\n } else {\r\n error.call(this);\r\n }\r\n }\r\n },\r\n\r\n doPrepend: function () {\r\n if(this.options.prepend === null || this.options.prepend === undefined) {\r\n return; \r\n }\r\n \r\n if(!$.isArray(this.prependData)) {\r\n //run prepend if it is function (once)\r\n if ($.isFunction(this.options.prepend)) {\r\n this.options.prepend = this.options.prepend.call(this.options.scope);\r\n }\r\n \r\n //try parse json in single quotes\r\n this.options.prepend = $.fn.editableutils.tryParseJson(this.options.prepend, true);\r\n \r\n //convert prepend from string to object\r\n if (typeof this.options.prepend === 'string') {\r\n this.options.prepend = {'': this.options.prepend};\r\n }\r\n \r\n this.prependData = this.makeArray(this.options.prepend);\r\n }\r\n\r\n if($.isArray(this.prependData) && $.isArray(this.sourceData)) {\r\n this.sourceData = this.prependData.concat(this.sourceData);\r\n }\r\n },\r\n\r\n /*\r\n renders input list\r\n */\r\n renderList: function() {\r\n // this method should be overwritten in child class\r\n },\r\n \r\n /*\r\n set element's html by value\r\n */\r\n value2htmlFinal: function(value, element) {\r\n // this method should be overwritten in child class\r\n }, \r\n\r\n /**\r\n * convert data to array suitable for sourceData, e.g. [{value: 1, text: 'abc'}, {...}]\r\n */\r\n makeArray: function(data) {\r\n var count, obj, result = [], item, iterateItem;\r\n if(!data || typeof data === 'string') {\r\n return null; \r\n }\r\n\r\n if($.isArray(data)) { //array\r\n /* \r\n function to iterate inside item of array if item is object.\r\n Caclulates count of keys in item and store in obj. \r\n */\r\n iterateItem = function (k, v) {\r\n obj = {value: k, text: v};\r\n if(count++ >= 2) {\r\n return false;// exit from `each` if item has more than one key.\r\n }\r\n };\r\n \r\n for(var i = 0; i < data.length; i++) {\r\n item = data[i]; \r\n if(typeof item === 'object') {\r\n count = 0; //count of keys inside item\r\n $.each(item, iterateItem);\r\n //case: [{val1: 'text1'}, {val2: 'text2} ...]\r\n if(count === 1) { \r\n result.push(obj); \r\n //case: [{value: 1, text: 'text1'}, {value: 2, text: 'text2'}, ...]\r\n } else if(count > 1) {\r\n //removed check of existance: item.hasOwnProperty('value') && item.hasOwnProperty('text')\r\n if(item.children) {\r\n item.children = this.makeArray(item.children); \r\n }\r\n result.push(item);\r\n }\r\n } else {\r\n //case: ['text1', 'text2' ...]\r\n result.push({value: item, text: item}); \r\n }\r\n }\r\n } else { //case: {val1: 'text1', val2: 'text2, ...}\r\n $.each(data, function (k, v) {\r\n result.push({value: k, text: v});\r\n }); \r\n }\r\n return result;\r\n },\r\n \r\n option: function(key, value) {\r\n this.options[key] = value;\r\n if(key === 'source') {\r\n this.sourceData = null;\r\n }\r\n if(key === 'prepend') {\r\n this.prependData = null;\r\n } \r\n } \r\n\r\n }); \r\n\r\n List.defaults = $.extend({}, $.fn.editabletypes.abstractinput.defaults, {\r\n /**\r\n Source data for list. \r\n If **array** - it should be in format: `[{value: 1, text: \"text1\"}, {value: 2, text: \"text2\"}, ...]` \r\n For compability, object format is also supported: `{\"1\": \"text1\", \"2\": \"text2\" ...}` but it does not guarantee elements order.\r\n \r\n If **string** - considered ajax url to load items. In that case results will be cached for fields with the same source and name. See also `sourceCache` option.\r\n \r\n If **function**, it should return data in format above (since 1.4.0).\r\n \r\n Since 1.4.1 key `children` supported to render OPTGROUP (for **select** input only). \r\n `[{text: \"group1\", children: [{value: 1, text: \"text1\"}, {value: 2, text: \"text2\"}]}, ...]` \r\n\r\n\t\t\r\n @property source \r\n @type string | array | object | function\r\n @default null\r\n **/ \r\n source: null, \r\n /**\r\n Data automatically prepended to the beginning of dropdown list.\r\n \r\n @property prepend \r\n @type string | array | object | function\r\n @default false\r\n **/ \r\n prepend: false,\r\n /**\r\n Error message when list cannot be loaded (e.g. ajax error)\r\n \r\n @property sourceError \r\n @type string\r\n @default Error when loading list\r\n **/ \r\n sourceError: 'Error when loading list',\r\n /**\r\n if
true and source is **string url** - results will be cached for fields with the same source. \r\n Usefull for editable column in grid to prevent extra requests.\r\n \r\n @property sourceCache \r\n @type boolean\r\n @default true\r\n @since 1.2.0\r\n **/ \r\n sourceCache: true,\r\n /**\r\n Additional ajax options to be used in $.ajax() when loading list from server.\r\n Useful to send extra parameters (`data` key) or change request method (`type` key).\r\n \r\n @property sourceOptions \r\n @type object|function\r\n @default null\r\n @since 1.5.0\r\n **/ \r\n sourceOptions: null\r\n });\r\n\r\n $.fn.editabletypes.list = List; \r\n\r\n}(window.jQuery));\r\n\r\n/**\r\nText input\r\n\r\n@class text\r\n@extends abstractinput\r\n@final\r\n@example\r\nawesome\r\n\r\n**/\r\n(function ($) {\r\n \"use strict\";\r\n \r\n var Text = function (options) {\r\n this.init('text', options, Text.defaults);\r\n };\r\n\r\n $.fn.editableutils.inherit(Text, $.fn.editabletypes.abstractinput);\r\n\r\n $.extend(Text.prototype, {\r\n render: function() {\r\n this.renderClear();\r\n this.setClass();\r\n this.setAttr('placeholder');\r\n },\r\n \r\n activate: function() {\r\n if(this.$input.is(':visible')) {\r\n this.$input.focus();\r\n $.fn.editableutils.setCursorPosition(this.$input.get(0), this.$input.val().length);\r\n if(this.toggleClear) {\r\n this.toggleClear();\r\n }\r\n }\r\n },\r\n \r\n //render clear button\r\n renderClear: function() {\r\n if (this.options.clear) {\r\n this.$clear = $('');\r\n this.$input.after(this.$clear)\r\n .css('padding-right', 24)\r\n .keyup($.proxy(function(e) {\r\n //arrows, enter, tab, etc\r\n if(~$.inArray(e.keyCode, [40,38,9,13,27])) {\r\n return;\r\n } \r\n\r\n clearTimeout(this.t);\r\n var that = this;\r\n this.t = setTimeout(function() {\r\n that.toggleClear(e);\r\n }, 100);\r\n \r\n }, this))\r\n .parent().css('position', 'relative');\r\n \r\n this.$clear.click($.proxy(this.clear, this)); \r\n } \r\n },\r\n \r\n postrender: function() {\r\n /*\r\n //now `clear` is positioned via css\r\n if(this.$clear) {\r\n //can position clear button only here, when form is shown and height can be calculated\r\n// var h = this.$input.outerHeight(true) || 20,\r\n var h = this.$clear.parent().height(),\r\n delta = (h - this.$clear.height()) / 2;\r\n \r\n //this.$clear.css({bottom: delta, right: delta});\r\n }\r\n */ \r\n },\r\n \r\n //show / hide clear button\r\n toggleClear: function(e) {\r\n if(!this.$clear) {\r\n return;\r\n }\r\n \r\n var len = this.$input.val().length,\r\n visible = this.$clear.is(':visible');\r\n \r\n if(len && !visible) {\r\n this.$clear.show();\r\n } \r\n \r\n if(!len && visible) {\r\n this.$clear.hide();\r\n } \r\n },\r\n \r\n clear: function() {\r\n this.$clear.hide();\r\n this.$input.val('').focus();\r\n } \r\n });\r\n\r\n Text.defaults = $.extend({}, $.fn.editabletypes.abstractinput.defaults, {\r\n /**\r\n @property tpl \r\n @default \r\n **/ \r\n tpl: '',\r\n /**\r\n Placeholder attribute of input. Shown when input is empty.\r\n\r\n @property placeholder \r\n @type string\r\n @default null\r\n **/ \r\n placeholder: null,\r\n \r\n /**\r\n Whether to show `clear` button \r\n \r\n @property clear \r\n @type boolean\r\n @default true \r\n **/\r\n clear: true\r\n });\r\n\r\n $.fn.editabletypes.text = Text;\r\n\r\n}(window.jQuery));\r\n\r\n/**\r\nTextarea input\r\n\r\n@class textarea\r\n@extends abstractinput\r\n@final\r\n@example\r\nawesome comment!\r\n\r\n**/\r\n(function ($) {\r\n \"use strict\";\r\n \r\n var Textarea = function (options) {\r\n this.init('textarea', options, Textarea.defaults);\r\n };\r\n\r\n $.fn.editableutils.inherit(Textarea, $.fn.editabletypes.abstractinput);\r\n\r\n $.extend(Textarea.prototype, {\r\n render: function () {\r\n this.setClass();\r\n this.setAttr('placeholder');\r\n this.setAttr('rows'); \r\n \r\n //ctrl + enter\r\n this.$input.keydown(function (e) {\r\n if (e.ctrlKey && e.which === 13) {\r\n $(this).closest('form').submit();\r\n }\r\n });\r\n },\r\n \r\n //using `white-space: pre-wrap` solves \\n <--> BR conversion very elegant!\r\n /* \r\n value2html: function(value, element) {\r\n var html = '', lines;\r\n if(value) {\r\n lines = value.split(\"\\n\");\r\n for (var i = 0; i < lines.length; i++) {\r\n lines[i] = $('').text(lines[i]).html();\r\n }\r\n html = lines.join('
');\r\n }\r\n $(element).html(html);\r\n },\r\n \r\n html2value: function(html) {\r\n if(!html) {\r\n return '';\r\n }\r\n\r\n var regex = new RegExp(String.fromCharCode(10), 'g');\r\n var lines = html.split(//i);\r\n for (var i = 0; i < lines.length; i++) {\r\n var text = $('
');\r\n }\r\n $(element).html(html);\r\n },\r\n \r\n html2value: function(html) {\r\n if(!html) {\r\n return '';\r\n }\r\n\r\n var regex = new RegExp(String.fromCharCode(10), 'g');\r\n var lines = html.split(/
').html(lines[i]).text();\r\n\r\n // Remove newline characters (\\n) to avoid them being converted by value2html() method\r\n // thus adding extra
tags\r\n text = text.replace(regex, '');\r\n\r\n lines[i] = text;\r\n }\r\n return lines.join(\"\\n\");\r\n },\r\n */\r\n activate: function() {\r\n $.fn.editabletypes.text.prototype.activate.call(this);\r\n }\r\n });\r\n\r\n Textarea.defaults = $.extend({}, $.fn.editabletypes.abstractinput.defaults, {\r\n /**\r\n @property tpl\r\n @default \r\n **/\r\n tpl:'',\r\n /**\r\n @property inputclass\r\n @default input-large\r\n **/\r\n inputclass: 'input-large',\r\n /**\r\n Placeholder attribute of input. Shown when input is empty.\r\n\r\n @property placeholder\r\n @type string\r\n @default null\r\n **/\r\n placeholder: null,\r\n /**\r\n Number of rows in textarea\r\n\r\n @property rows\r\n @type integer\r\n @default 7\r\n **/ \r\n rows: 7 \r\n });\r\n\r\n $.fn.editabletypes.textarea = Textarea;\r\n\r\n}(window.jQuery));\r\n\r\n/**\r\nSelect (dropdown)\r\n\r\n@class select\r\n@extends list\r\n@final\r\n@example\r\n\r\n\r\n**/\r\n(function ($) {\r\n \"use strict\";\r\n \r\n var Select = function (options) {\r\n this.init('select', options, Select.defaults);\r\n };\r\n\r\n $.fn.editableutils.inherit(Select, $.fn.editabletypes.list);\r\n\r\n $.extend(Select.prototype, {\r\n renderList: function() {\r\n this.$input.empty();\r\n\r\n var fillItems = function($el, data) {\r\n var attr;\r\n if($.isArray(data)) {\r\n for(var i=0; i', attr), data[i].children)); \r\n } else {\r\n attr.value = data[i].value;\r\n if(data[i].disabled) {\r\n attr.disabled = true;\r\n }\r\n $el.append($('
tags\r\n text = text.replace(regex, '');\r\n\r\n lines[i] = text;\r\n }\r\n return lines.join(\"\\n\");\r\n },\r\n */\r\n activate: function() {\r\n $.fn.editabletypes.text.prototype.activate.call(this);\r\n }\r\n });\r\n\r\n Textarea.defaults = $.extend({}, $.fn.editabletypes.abstractinput.defaults, {\r\n /**\r\n @property tpl\r\n @default \r\n **/\r\n tpl:'',\r\n /**\r\n @property inputclass\r\n @default input-large\r\n **/\r\n inputclass: 'input-large',\r\n /**\r\n Placeholder attribute of input. Shown when input is empty.\r\n\r\n @property placeholder\r\n @type string\r\n @default null\r\n **/\r\n placeholder: null,\r\n /**\r\n Number of rows in textarea\r\n\r\n @property rows\r\n @type integer\r\n @default 7\r\n **/ \r\n rows: 7 \r\n });\r\n\r\n $.fn.editabletypes.textarea = Textarea;\r\n\r\n}(window.jQuery));\r\n\r\n/**\r\nSelect (dropdown)\r\n\r\n@class select\r\n@extends list\r\n@final\r\n@example\r\n\r\n\r\n**/\r\n(function ($) {\r\n \"use strict\";\r\n \r\n var Select = function (options) {\r\n this.init('select', options, Select.defaults);\r\n };\r\n\r\n $.fn.editableutils.inherit(Select, $.fn.editabletypes.list);\r\n\r\n $.extend(Select.prototype, {\r\n renderList: function() {\r\n this.$input.empty();\r\n\r\n var fillItems = function($el, data) {\r\n var attr;\r\n if($.isArray(data)) {\r\n for(var i=0; i