').append($label).appendTo(this.$tpl);\n }\n\n this.$input = this.$tpl.find('input[type=\"checkbox\"]');\n this.setClass();\n },\n \n value2str: function(value) {\n return $.isArray(value) ? value.sort().join($.trim(this.options.separator)) : '';\n }, \n \n //parse separated string\n str2value: function(str) {\n var reg, value = null;\n if(typeof str === 'string' && str.length) {\n reg = new RegExp('\\\\s*'+$.trim(this.options.separator)+'\\\\s*');\n value = str.split(reg);\n } else if($.isArray(str)) {\n value = str; \n } else {\n value = [str];\n }\n return value;\n }, \n \n //set checked on required checkboxes\n value2input: function(value) {\n this.$input.prop('checked', false);\n if($.isArray(value) && value.length) {\n this.$input.each(function(i, el) {\n var $el = $(el);\n // cannot use $.inArray as it performs strict comparison\n $.each(value, function(j, val){\n /*jslint eqeq: true*/\n if($el.val() == val) {\n /*jslint eqeq: false*/ \n $el.prop('checked', true);\n }\n });\n }); \n } \n }, \n \n input2value: function() { \n var checked = [];\n this.$input.filter(':checked').each(function(i, el) {\n checked.push($(el).val());\n });\n return checked;\n }, \n \n //collect text of checked boxes\n value2htmlFinal: function(value, element) {\n var html = [],\n checked = $.fn.editableutils.itemsByValue(value, this.sourceData),\n escape = this.options.escape;\n \n if(checked.length) {\n $.each(checked, function(i, v) {\n var text = escape ? $.fn.editableutils.escape(v.text) : v.text; \n html.push(text); \n });\n $(element).html(html.join('
'));\n } else {\n $(element).empty(); \n }\n },\n \n activate: function() {\n this.$input.first().focus();\n },\n \n autosubmit: function() {\n this.$input.on('keydown', function(e){\n if (e.which === 13) {\n $(this).closest('form').submit();\n }\n });\n }\n }); \n\n Checklist.defaults = $.extend({}, $.fn.editabletypes.list.defaults, {\n /**\n @property tpl \n @default
\n **/ \n tpl:'
',\n \n /**\n @property inputclass \n @type string\n @default null\n **/ \n inputclass: null, \n \n /**\n Separator of values when reading from `data-value` attribute\n\n @property separator \n @type string\n @default ','\n **/ \n separator: ','\n });\n\n $.fn.editabletypes.checklist = Checklist; \n\n}(window.jQuery));\n\n/**\nHTML5 input types.\nFollowing types are supported:\n\n* password\n* email\n* url\n* tel\n* number\n* range\n* time\n\nLearn more about html5 inputs: \nhttp://www.w3.org/wiki/HTML5_form_additions \nTo check browser compatibility please see: \nhttps://developer.mozilla.org/en-US/docs/HTML/Element/Input\n \n@class html5types \n@extends text\n@final\n@since 1.3.0\n@example\n
admin@example.com\n\n**/\n\n/**\n@property tpl \n@default depends on type\n**/ \n\n/*\nPassword\n*/\n(function ($) {\n \"use strict\";\n \n var Password = function (options) {\n this.init('password', options, Password.defaults);\n };\n $.fn.editableutils.inherit(Password, $.fn.editabletypes.text);\n $.extend(Password.prototype, {\n //do not display password, show '[hidden]' instead\n value2html: function(value, element) {\n if(value) {\n $(element).text('[hidden]');\n } else {\n $(element).empty(); \n }\n },\n //as password not displayed, should not set value by html\n html2value: function(html) {\n return null;\n } \n }); \n Password.defaults = $.extend({}, $.fn.editabletypes.text.defaults, {\n tpl: '
'\n });\n $.fn.editabletypes.password = Password;\n}(window.jQuery));\n\n\n/*\nEmail\n*/\n(function ($) {\n \"use strict\";\n \n var Email = function (options) {\n this.init('email', options, Email.defaults);\n };\n $.fn.editableutils.inherit(Email, $.fn.editabletypes.text);\n Email.defaults = $.extend({}, $.fn.editabletypes.text.defaults, {\n tpl: '
'\n });\n $.fn.editabletypes.email = Email;\n}(window.jQuery));\n\n\n/*\nUrl\n*/\n(function ($) {\n \"use strict\";\n \n var Url = function (options) {\n this.init('url', options, Url.defaults);\n };\n $.fn.editableutils.inherit(Url, $.fn.editabletypes.text);\n Url.defaults = $.extend({}, $.fn.editabletypes.text.defaults, {\n tpl: '
'\n });\n $.fn.editabletypes.url = Url;\n}(window.jQuery));\n\n\n/*\nTel\n*/\n(function ($) {\n \"use strict\";\n \n var Tel = function (options) {\n this.init('tel', options, Tel.defaults);\n };\n $.fn.editableutils.inherit(Tel, $.fn.editabletypes.text);\n Tel.defaults = $.extend({}, $.fn.editabletypes.text.defaults, {\n tpl: '
'\n });\n $.fn.editabletypes.tel = Tel;\n}(window.jQuery));\n\n\n/*\nNumber\n*/\n(function ($) {\n \"use strict\";\n \n var NumberInput = function (options) {\n this.init('number', options, NumberInput.defaults);\n };\n $.fn.editableutils.inherit(NumberInput, $.fn.editabletypes.text);\n $.extend(NumberInput.prototype, {\n render: function () {\n NumberInput.superclass.render.call(this);\n this.setAttr('min');\n this.setAttr('max');\n this.setAttr('step');\n },\n postrender: function() {\n if(this.$clear) {\n //increase right ffset for up/down arrows\n this.$clear.css({right: 24});\n /*\n //can position clear button only here, when form is shown and height can be calculated\n var h = this.$input.outerHeight(true) || 20,\n delta = (h - this.$clear.height()) / 2;\n \n //add 12px to offset right for up/down arrows \n this.$clear.css({top: delta, right: delta + 16});\n */\n } \n } \n }); \n NumberInput.defaults = $.extend({}, $.fn.editabletypes.text.defaults, {\n tpl: '
',\n inputclass: 'input-mini',\n min: null,\n max: null,\n step: null\n });\n $.fn.editabletypes.number = NumberInput;\n}(window.jQuery));\n\n\n/*\nRange (inherit from number)\n*/\n(function ($) {\n \"use strict\";\n \n var Range = function (options) {\n this.init('range', options, Range.defaults);\n };\n $.fn.editableutils.inherit(Range, $.fn.editabletypes.number);\n $.extend(Range.prototype, {\n render: function () {\n this.$input = this.$tpl.filter('input');\n \n this.setClass();\n this.setAttr('min');\n this.setAttr('max');\n this.setAttr('step'); \n \n this.$input.on('input', function(){\n $(this).siblings('output').text($(this).val()); \n }); \n },\n activate: function() {\n this.$input.focus();\n } \n });\n Range.defaults = $.extend({}, $.fn.editabletypes.number.defaults, {\n tpl: '
',\n inputclass: 'input-medium'\n });\n $.fn.editabletypes.range = Range;\n}(window.jQuery));\n\n/*\nTime\n*/\n(function ($) {\n \"use strict\";\n\n var Time = function (options) {\n this.init('time', options, Time.defaults);\n };\n //inherit from abstract, as inheritance from text gives selection error.\n $.fn.editableutils.inherit(Time, $.fn.editabletypes.abstractinput);\n $.extend(Time.prototype, {\n render: function() {\n this.setClass();\n } \n });\n Time.defaults = $.extend({}, $.fn.editabletypes.abstractinput.defaults, {\n tpl: '
'\n });\n $.fn.editabletypes.time = Time;\n}(window.jQuery));\n\n/**\nSelect2 input. Based on amazing work of Igor Vaynberg https://github.com/ivaynberg/select2. \nPlease see [original select2 docs](http://ivaynberg.github.com/select2) for detailed description and options. \n \nYou should manually download and include select2 distributive: \n\n
\n \n \nTo make it **bootstrap-styled** you can use css from [here](https://github.com/t0m/select2-bootstrap-css): \n\n
\n \n**Note:** currently `autotext` feature does not work for select2 with `ajax` remote source. \nYou need initially put both `data-value` and element's text youself: \n\n
Text1\n \n \n@class select2\n@extends abstractinput\n@since 1.4.1\n@final\n@example\n
\n\n**/\n(function ($) {\n \"use strict\";\n \n var Constructor = function (options) {\n this.init('select2', options, Constructor.defaults);\n\n options.select2 = options.select2 || {};\n\n this.sourceData = null;\n \n //placeholder\n if(options.placeholder) {\n options.select2.placeholder = options.placeholder;\n }\n \n //if not `tags` mode, use source\n if(!options.select2.tags && options.source) {\n var source = options.source;\n //if source is function, call it (once!)\n if ($.isFunction(options.source)) {\n source = options.source.call(options.scope);\n } \n\n if (typeof source === 'string') {\n options.select2.ajax = options.select2.ajax || {};\n \n // default ajax params\t\t \n if(!options.select2.ajax.dataType) {\n options.select2.ajax.dataType = 'json';\n }\n\t\t\t\t\n if(!options.select2.ajax.data) {\n options.select2.ajax.data = function(term) { \n\t\t\t\t\t\treturn { \n\t\t\t\t\t\t\tquery:term \n\t\t\t\t\t\t};\n\t\t\t\t\t};\n }\n\t\t\t\t\n if(!options.select2.ajax.processResults) {\n options.select2.ajax.processResults = function(data) { return {results:data };};\n }\n\t\t\t\t\n options.select2.ajax.url = source;\n } else {\n //check format and convert x-editable format to select2 format (if needed)\n this.sourceData = this.convertSource(source);\n options.select2.data = this.sourceData;\n }\n } \n\n //overriding objects in config (as by default jQuery extend() is not recursive)\n this.options.select2 = $.extend({}, Constructor.defaults.select2, options.select2);\n\n //detect whether it is multi-valued\n this.isMultiple = this.options.select2.tags || this.options.select2.multiple;\n this.isRemote = ('ajax' in this.options.select2);\n\n //store function returning ID of item\n //should be here as used inautotext for local source\n this.idFunc = this.options.select2.id;\n if (typeof(this.idFunc) !== \"function\") {\n var idKey = this.idFunc || 'id';\n this.idFunc = function (e) { return e[idKey]; };\n }\n\n //store function that renders text in select2\n this.formatSelection = this.options.select2.formatSelection;\n if (typeof(this.formatSelection) !== \"function\") {\n this.formatSelection = function (e) { return e.text; };\n }\n };\n\n $.fn.editableutils.inherit(Constructor, $.fn.editabletypes.abstractinput);\n\n $.extend(Constructor.prototype, {\n render: function() {\n this.setClass();\n\n //can not apply select2 here as it calls initSelection \n //over input that does not have correct value yet.\n //apply select2 only in value2input\n //this.$input.select2(this.options.select2);\n\n //when data is loaded via ajax, we need to know when it's done to populate listData\n if(this.isRemote) {\n //listen to loaded event to populate data\n this.$input.on('select2-loaded', $.proxy(function(e) {\n this.sourceData = e.items.results;\n }, this));\n }\n\n //trigger resize of editableform to re-position container in multi-valued mode\n if(this.isMultiple) {\n this.$input.on('change', function() {\n $(this).closest('form').parent().triggerHandler('resize');\n });\n }\n },\n\n value2html: function(value, element) {\n var text = '', data,\n that = this;\n\n if(this.options.select2.tags) { //in tags mode just assign value\n data = value; \n //data = $.fn.editableutils.itemsByValue(value, this.options.select2.tags, this.idFunc);\n } else if(this.sourceData) {\n data = $.fn.editableutils.itemsByValue(value, this.sourceData, this.idFunc); \n } else {\n //can not get list of possible values \n //(e.g. autotext for select2 with ajax source)\n }\n\n //data may be array (when multiple values allowed)\n if($.isArray(data)) {\n //collect selected data and show with separator\n text = [];\n $.each(data, function(k, v){\n text.push(v && typeof v === 'object' ? that.formatSelection(v) : v);\n });\n } else if(data) {\n text = that.formatSelection(data);\n }\n\n text = $.isArray(text) ? text.join(this.options.viewseparator) : text;\n\n //$(element).text(text);\n Constructor.superclass.value2html.call(this, text, element); \n },\n\n html2value: function(html) {\n return this.options.select2.tags ? this.str2value(html, this.options.viewseparator) : null;\n },\n\n value2input: function(value) {\n // if value array => join it anyway\n if($.isArray(value)) {\n value = value.join(this.getSeparator());\n }\n\n //for remote source just set value, text is updated by initSelection\n if(!this.$input.data('select2')) {\n this.$input.val(value);\n this.$input.select2(this.options.select2);\n } else {\n //second argument needed to separate initial change from user's click (for autosubmit) \n this.$input.val(value).trigger('change', true); \n\n //Uncaught Error: cannot call val() if initSelection() is not defined\n //this.$input.select2('val', value);\n }\n\n // if defined remote source AND no multiple mode AND no user's initSelection provided --> \n // we should somehow get text for provided id.\n // The solution is to use element's text as text for that id (exclude empty)\n if(this.isRemote && !this.isMultiple && !this.options.select2.initSelection) {\n // customId and customText are methods to extract `id` and `text` from data object\n // we can use this workaround only if user did not define these methods\n // otherwise we cant construct data object\n var customId = this.options.select2.id,\n customText = this.options.select2.formatSelection;\n\n if(!customId && !customText) {\n var $el = $(this.options.scope);\n if (!$el.data('editable').isEmpty) {\n var data = {id: value, text: $el.text()};\n this.$input.select2('data', data); \n }\n }\n }\n },\n \n input2value: function() { \n return this.$input.select2('val');\n },\n\n str2value: function(str, separator) {\n if(typeof str !== 'string' || !this.isMultiple) {\n return str;\n }\n\n separator = separator || this.getSeparator();\n\n var val, i, l;\n\n if (str === null || str.length < 1) {\n return null;\n }\n val = str.split(separator);\n for (i = 0, l = val.length; i < l; i = i + 1) {\n val[i] = $.trim(val[i]);\n }\n\n return val;\n },\n\n autosubmit: function() {\n this.$input.on('change', function(e, isInitial){\n if(!isInitial) {\n $(this).closest('form').submit();\n }\n });\n },\n\n getSeparator: function() {\n return this.options.select2.separator || $.fn.select2.defaults.separator;\n },\n\n /*\n Converts source from x-editable format: {value: 1, text: \"1\"} to\n select2 format: {id: 1, text: \"1\"}\n */\n convertSource: function(source) {\n if($.isArray(source) && source.length && source[0].value !== undefined) {\n for(var i = 0; i
\n **/\n tpl:'',\n /**\n Configuration of select2. [Full list of options](http://ivaynberg.github.com/select2).\n\n @property select2 \n @type object\n @default null\n **/\n select2: null,\n /**\n Placeholder attribute of select\n\n @property placeholder \n @type string\n @default null\n **/\n placeholder: null,\n /**\n Source data for select. It will be assigned to select2 `data` property and kept here just for convenience.\n Please note, that format is different from simple `select` input: use 'id' instead of 'value'.\n E.g. `[{id: 1, text: \"text1\"}, {id: 2, text: \"text2\"}, ...]`.\n\n @property source \n @type array|string|function\n @default null \n **/\n source: null,\n /**\n Separator used to display tags.\n\n @property viewseparator \n @type string\n @default ', ' \n **/\n viewseparator: ', '\n });\n\n $.fn.editabletypes.select2 = Constructor;\n\n}(window.jQuery));\n\n/**\n* Combodate - 1.0.5\n* Dropdown date and time picker.\n* Converts text input into dropdowns to pick day, month, year, hour, minute and second.\n* Uses momentjs as datetime library http://momentjs.com.\n* For i18n include corresponding file from https://github.com/timrwood/moment/tree/master/lang \n*\n* Confusion at noon and midnight - see http://en.wikipedia.org/wiki/12-hour_clock#Confusion_at_noon_and_midnight\n* In combodate: \n* 12:00 pm --> 12:00 (24-h format, midday)\n* 12:00 am --> 00:00 (24-h format, midnight, start of day)\n* \n* Differs from momentjs parse rules:\n* 00:00 pm, 12:00 pm --> 12:00 (24-h format, day not change)\n* 00:00 am, 12:00 am --> 00:00 (24-h format, day not change)\n* \n* \n* Author: Vitaliy Potapov\n* Project page: http://github.com/vitalets/combodate\n* Copyright (c) 2012 Vitaliy Potapov. Released under MIT License.\n**/\n(function ($) {\n\n var Combodate = function (element, options) {\n this.$element = $(element);\n if(!this.$element.is('input')) {\n $.error('Combodate should be applied to INPUT element');\n return;\n }\n this.options = $.extend({}, $.fn.combodate.defaults, options, this.$element.data());\n this.init(); \n };\n\n Combodate.prototype = {\n constructor: Combodate, \n init: function () {\n this.map = {\n //key regexp moment.method\n day: ['D', 'date'], \n month: ['M', 'month'], \n year: ['Y', 'year'], \n hour: ['[Hh]', 'hours'],\n minute: ['m', 'minutes'], \n second: ['s', 'seconds'],\n ampm: ['[Aa]', ''] \n };\n \n this.$widget = $('').html(this.getTemplate());\n \n this.initCombos();\n \n //update original input on change \n this.$widget.on('change', 'select', $.proxy(function(e) {\n this.$element.val(this.getValue()).change();\n // update days count if month or year changes\n if (this.options.smartDays) {\n if ($(e.target).is('.month') || $(e.target).is('.year')) {\n this.fillCombo('day');\n }\n }\n }, this));\n \n this.$widget.find('select').css('width', 'auto');\n \n // hide original input and insert widget \n this.$element.hide().after(this.$widget);\n \n // set initial value\n this.setValue(this.$element.val() || this.options.value);\n },\n \n /*\n Replace tokens in template with