';\r\n this.picker.find('.datepicker-days thead').append(html);\r\n },\r\n\r\n fillMonths: function () {\r\n var html = '',\r\n i = 0;\r\n while (i < 12) {\r\n html += '' + dates[this.o.language].monthsShort[i++] + '';\r\n }\r\n this.picker.find('.datepicker-months td').html(html);\r\n },\r\n\r\n setRange: function (range) {\r\n if (!range || !range.length) { delete this.range; } else {\r\n this.range = $.map(range, function (d) {\r\n return d.valueOf();\r\n });\r\n }\r\n this.fill();\r\n },\r\n\r\n getClassNames: function (date) {\r\n var cls = [],\r\n year = this.viewDate.getUTCFullYear(),\r\n month = this.viewDate.getUTCMonth(),\r\n today = new Date();\r\n if (date.getUTCFullYear() < year || (date.getUTCFullYear() === year && date.getUTCMonth() < month)) {\r\n cls.push('old');\r\n } else if (date.getUTCFullYear() > year || (date.getUTCFullYear() === year && date.getUTCMonth() > month)) {\r\n cls.push('new');\r\n }\r\n if (this.focusDate && date.valueOf() === this.focusDate.valueOf()) { cls.push('focused'); }\r\n // Compare internal UTC date with local today, not UTC today\r\n if (this.o.todayHighlight &&\r\n date.getUTCFullYear() === today.getFullYear() &&\r\n date.getUTCMonth() === today.getMonth() &&\r\n date.getUTCDate() === today.getDate()) {\r\n cls.push('today');\r\n }\r\n if (this.dates.contains(date) !== -1) { cls.push('active'); }\r\n if (date.valueOf() < this.o.startDate || date.valueOf() > this.o.endDate ||\r\n $.inArray(date.getUTCDay(), this.o.daysOfWeekDisabled) !== -1) {\r\n cls.push('disabled');\r\n }\r\n if (this.range) {\r\n if (date > this.range[0] && date < this.range[this.range.length - 1]) {\r\n cls.push('range');\r\n }\r\n if ($.inArray(date.valueOf(), this.range) !== -1) {\r\n cls.push('selected');\r\n }\r\n }\r\n return cls;\r\n },\r\n\r\n fill: function () {\r\n var d = new Date(this.viewDate),\r\n year = d.getUTCFullYear(),\r\n month = d.getUTCMonth(),\r\n startYear = this.o.startDate !== -Infinity ? this.o.startDate.getUTCFullYear() : -Infinity,\r\n startMonth = this.o.startDate !== -Infinity ? this.o.startDate.getUTCMonth() : -Infinity,\r\n endYear = this.o.endDate !== Infinity ? this.o.endDate.getUTCFullYear() : Infinity,\r\n endMonth = this.o.endDate !== Infinity ? this.o.endDate.getUTCMonth() : Infinity,\r\n todaytxt = dates[this.o.language].today || dates['en'].today || '',\r\n cleartxt = dates[this.o.language].clear || dates['en'].clear || '',\r\n tooltip;\r\n this.picker.find('.datepicker-days thead th.datepicker-switch')\r\n .text(dates[this.o.language].months[month] + ' ' + year);\r\n this.picker.find('tfoot th.today')\r\n .text(todaytxt)\r\n .toggle(this.o.todayBtn !== false);\r\n this.picker.find('tfoot th.clear')\r\n .text(cleartxt)\r\n .toggle(this.o.clearBtn !== false);\r\n this.updateNavArrows();\r\n this.fillMonths();\r\n var prevMonth = UTCDate(year, month - 1, 28),\r\n day = DPGlobal.getDaysInMonth(prevMonth.getUTCFullYear(), prevMonth.getUTCMonth());\r\n prevMonth.setUTCDate(day);\r\n prevMonth.setUTCDate(day - (prevMonth.getUTCDay() - this.o.weekStart + 7) % 7);\r\n var nextMonth = new Date(prevMonth);\r\n nextMonth.setUTCDate(nextMonth.getUTCDate() + 42);\r\n nextMonth = nextMonth.valueOf();\r\n var html = [];\r\n var clsName;\r\n while (prevMonth.valueOf() < nextMonth) {\r\n if (prevMonth.getUTCDay() === this.o.weekStart) {\r\n html.push('
');\r\n if (this.o.calendarWeeks) {\r\n // ISO 8601: First week contains first thursday.\r\n // ISO also states week starts on Monday, but we can be more abstract here.\r\n var\r\n // Start of current week: based on weekstart/current date\r\n ws = new Date(+prevMonth + (this.o.weekStart - prevMonth.getUTCDay() - 7) % 7 * 864e5),\r\n // Thursday of this week\r\n th = new Date(Number(ws) + (7 + 4 - ws.getUTCDay()) % 7 * 864e5),\r\n // First Thursday of year, year from thursday\r\n yth = new Date(Number(yth = UTCDate(th.getUTCFullYear(), 0, 1)) + (7 + 4 - yth.getUTCDay()) % 7 * 864e5),\r\n // Calendar week: ms between thursdays, div ms per day, div 7 days\r\n calWeek = (th - yth) / 864e5 / 7 + 1;\r\n html.push('
' + calWeek + '
');\r\n }\r\n }\r\n clsName = this.getClassNames(prevMonth);\r\n clsName.push('day');\r\n\r\n if (this.o.beforeShowDay !== $.noop) {\r\n var before = this.o.beforeShowDay(this._utc_to_local(prevMonth));\r\n if (before === undefined) { before = {}; } else if (typeof (before) === 'boolean') { before = { enabled: before }; } else if (typeof (before) === 'string') { before = { classes: before }; }\r\n if (before.enabled === false) { clsName.push('disabled'); }\r\n if (before.classes) { clsName = clsName.concat(before.classes.split(/\\s+/)); }\r\n if (before.tooltip) { tooltip = before.tooltip; }\r\n }\r\n\r\n clsName = $.unique(clsName);\r\n html.push('
' + prevMonth.getUTCDate() + '
');\r\n if (prevMonth.getUTCDay() === this.o.weekEnd) {\r\n html.push('
');\r\n }\r\n prevMonth.setUTCDate(prevMonth.getUTCDate() + 1);\r\n }\r\n this.picker.find('.datepicker-days tbody').empty().append(html.join(''));\r\n\r\n var months = this.picker.find('.datepicker-months')\r\n .find('th:eq(1)')\r\n .text(year)\r\n .end()\r\n .find('span').removeClass('active');\r\n\r\n $.each(this.dates, function (i, d) {\r\n if (d.getUTCFullYear() === year) { months.eq(d.getUTCMonth()).addClass('active'); }\r\n });\r\n\r\n if (year < startYear || year > endYear) {\r\n months.addClass('disabled');\r\n }\r\n if (year === startYear) {\r\n months.slice(0, startMonth).addClass('disabled');\r\n }\r\n if (year === endYear) {\r\n months.slice(endMonth + 1).addClass('disabled');\r\n }\r\n\r\n html = '';\r\n year = parseInt(year / 10, 10) * 10;\r\n var yearCont = this.picker.find('.datepicker-years')\r\n .find('th:eq(1)')\r\n .text(year + '-' + (year + 9))\r\n .end()\r\n .find('td');\r\n year -= 1;\r\n var years = $.map(this.dates, function (d) {\r\n return d.getUTCFullYear();\r\n }),\r\n classes;\r\n for (var i = -1; i < 11; i++) {\r\n classes = ['year'];\r\n if (i === -1) { classes.push('old'); } else if (i === 10) { classes.push('new'); }\r\n if ($.inArray(year, years) !== -1) { classes.push('active'); }\r\n if (year < startYear || year > endYear) { classes.push('disabled'); }\r\n html += '' + year + '';\r\n year += 1;\r\n }\r\n yearCont.html(html);\r\n },\r\n\r\n updateNavArrows: function () {\r\n if (!this._allow_update) { return; }\r\n\r\n var d = new Date(this.viewDate),\r\n year = d.getUTCFullYear(),\r\n month = d.getUTCMonth();\r\n switch (this.viewMode) {\r\n case 0:\r\n if (this.o.startDate !== -Infinity && year <= this.o.startDate.getUTCFullYear() && month <= this.o.startDate.getUTCMonth()) {\r\n this.picker.find('.prev').css({ visibility: 'hidden' });\r\n } else {\r\n this.picker.find('.prev').css({ visibility: 'visible' });\r\n }\r\n if (this.o.endDate !== Infinity && year >= this.o.endDate.getUTCFullYear() && month >= this.o.endDate.getUTCMonth()) {\r\n this.picker.find('.next').css({ visibility: 'hidden' });\r\n } else {\r\n this.picker.find('.next').css({ visibility: 'visible' });\r\n }\r\n break;\r\n case 1:\r\n case 2:\r\n if (this.o.startDate !== -Infinity && year <= this.o.startDate.getUTCFullYear()) {\r\n this.picker.find('.prev').css({ visibility: 'hidden' });\r\n } else {\r\n this.picker.find('.prev').css({ visibility: 'visible' });\r\n }\r\n if (this.o.endDate !== Infinity && year >= this.o.endDate.getUTCFullYear()) {\r\n this.picker.find('.next').css({ visibility: 'hidden' });\r\n } else {\r\n this.picker.find('.next').css({ visibility: 'visible' });\r\n }\r\n break;\r\n }\r\n },\r\n\r\n click: function (e) {\r\n e.preventDefault();\r\n var target = $(e.target).closest('span, td, th'),\r\n year, month, day;\r\n if (target.length === 1) {\r\n switch (target[0].nodeName.toLowerCase()) {\r\n case 'th':\r\n switch (target[0].className) {\r\n case 'datepicker-switch':\r\n this.showMode(1);\r\n break;\r\n case 'prev':\r\n case 'next':\r\n var dir = DPGlobal.modes[this.viewMode].navStep * (target[0].className === 'prev' ? -1 : 1);\r\n switch (this.viewMode) {\r\n case 0:\r\n this.viewDate = this.moveMonth(this.viewDate, dir);\r\n this._trigger('changeMonth', this.viewDate);\r\n break;\r\n case 1:\r\n case 2:\r\n this.viewDate = this.moveYear(this.viewDate, dir);\r\n if (this.viewMode === 1) { this._trigger('changeYear', this.viewDate); }\r\n break;\r\n }\r\n this.fill();\r\n break;\r\n case 'today':\r\n var date = new Date();\r\n date = UTCDate(date.getFullYear(), date.getMonth(), date.getDate(), 0, 0, 0);\r\n\r\n this.showMode(-2);\r\n var which = this.o.todayBtn === 'linked' ? null : 'view';\r\n this._setDate(date, which);\r\n break;\r\n case 'clear':\r\n var element;\r\n if (this.isInput) { element = this.element; } else if (this.component) { element = this.element.find('input'); }\r\n if (element) { element.val('').change(); }\r\n this.update();\r\n this._trigger('changeDate');\r\n if (this.o.autoclose) { this.hide(); }\r\n break;\r\n }\r\n break;\r\n case 'span':\r\n if (!target.is('.disabled')) {\r\n this.viewDate.setUTCDate(1);\r\n if (target.is('.month')) {\r\n day = 1;\r\n month = target.parent().find('span').index(target);\r\n year = this.viewDate.getUTCFullYear();\r\n this.viewDate.setUTCMonth(month);\r\n this._trigger('changeMonth', this.viewDate);\r\n if (this.o.minViewMode === 1) {\r\n this._setDate(UTCDate(year, month, day));\r\n }\r\n } else {\r\n day = 1;\r\n month = 0;\r\n year = parseInt(target.text(), 10) || 0;\r\n this.viewDate.setUTCFullYear(year);\r\n this._trigger('changeYear', this.viewDate);\r\n if (this.o.minViewMode === 2) {\r\n this._setDate(UTCDate(year, month, day));\r\n }\r\n }\r\n this.showMode(-1);\r\n this.fill();\r\n }\r\n break;\r\n case 'td':\r\n if (target.is('.day') && !target.is('.disabled')) {\r\n day = parseInt(target.text(), 10) || 1;\r\n year = this.viewDate.getUTCFullYear();\r\n month = this.viewDate.getUTCMonth();\r\n if (target.is('.old')) {\r\n if (month === 0) {\r\n month = 11;\r\n year -= 1;\r\n } else {\r\n month -= 1;\r\n }\r\n } else if (target.is('.new')) {\r\n if (month === 11) {\r\n month = 0;\r\n year += 1;\r\n } else {\r\n month += 1;\r\n }\r\n }\r\n this._setDate(UTCDate(year, month, day));\r\n }\r\n break;\r\n }\r\n }\r\n if (this.picker.is(':visible') && this._focused_from) {\r\n $(this._focused_from).focus();\r\n }\r\n delete this._focused_from;\r\n },\r\n\r\n _toggle_multidate: function (date) {\r\n var ix = this.dates.contains(date);\r\n if (!date) {\r\n this.dates.clear();\r\n } else if (ix !== -1) {\r\n this.dates.remove(ix);\r\n } else {\r\n this.dates.push(date);\r\n }\r\n if (typeof this.o.multidate === 'number') {\r\n while (this.dates.length > this.o.multidate) { this.dates.remove(0); }\r\n }\r\n },\r\n\r\n _setDate: function (date, which) {\r\n if (!which || which === 'date') { this._toggle_multidate(date && new Date(date)); }\r\n if (!which || which === 'view') { this.viewDate = date && new Date(date); }\r\n\r\n this.fill();\r\n this.setValue();\r\n this._trigger('changeDate');\r\n var element;\r\n if (this.isInput) {\r\n element = this.element;\r\n } else if (this.component) {\r\n element = this.element.find('input');\r\n }\r\n if (element) {\r\n element.change();\r\n }\r\n if (this.o.autoclose && (!which || which === 'date')) {\r\n this.hide();\r\n }\r\n },\r\n\r\n moveMonth: function (date, dir) {\r\n if (!date) { return undefined; }\r\n if (!dir) { return date; }\r\n var new_date = new Date(date.valueOf()),\r\n day = new_date.getUTCDate(),\r\n month = new_date.getUTCMonth(),\r\n mag = Math.abs(dir),\r\n new_month, test;\r\n dir = dir > 0 ? 1 : -1;\r\n if (mag === 1) {\r\n test = dir === -1\r\n // If going back one month, make sure month is not current month\r\n // (eg, Mar 31 -> Feb 31 == Feb 28, not Mar 02)\r\n ? function () {\r\n return new_date.getUTCMonth() === month;\r\n }\r\n // If going forward one month, make sure month is as expected\r\n // (eg, Jan 31 -> Feb 31 == Feb 28, not Mar 02)\r\n : function () {\r\n return new_date.getUTCMonth() !== new_month;\r\n };\r\n new_month = month + dir;\r\n new_date.setUTCMonth(new_month);\r\n // Dec -> Jan (12) or Jan -> Dec (-1) -- limit expected date to 0-11\r\n if (new_month < 0 || new_month > 11) { new_month = (new_month + 12) % 12; }\r\n } else {\r\n // For magnitudes >1, move one month at a time...\r\n for (var i = 0; i < mag; i++)\r\n // ...which might decrease the day (eg, Jan 31 to Feb 28, etc)...\r\n { new_date = this.moveMonth(new_date, dir); }\r\n // ...then reset the day, keeping it in the new month\r\n new_month = new_date.getUTCMonth();\r\n new_date.setUTCDate(day);\r\n test = function () {\r\n return new_month !== new_date.getUTCMonth();\r\n };\r\n }\r\n // Common date-resetting loop -- if date is beyond end of month, make it\r\n // end of month\r\n while (test()) {\r\n new_date.setUTCDate(--day);\r\n new_date.setUTCMonth(new_month);\r\n }\r\n return new_date;\r\n },\r\n\r\n moveYear: function (date, dir) {\r\n return this.moveMonth(date, dir * 12);\r\n },\r\n\r\n dateWithinRange: function (date) {\r\n return date >= this.o.startDate && date <= this.o.endDate;\r\n },\r\n\r\n keydown: function (e) {\r\n if (this.picker.is(':not(:visible)')) {\r\n if (e.keyCode === 27) // allow escape to hide and re-show picker\r\n { this.show(); }\r\n return;\r\n }\r\n var dateChanged = false,\r\n dir, newDate, newViewDate,\r\n focusDate = this.focusDate || this.viewDate;\r\n switch (e.keyCode) {\r\n case 27: // escape\r\n if (this.focusDate) {\r\n this.focusDate = null;\r\n this.viewDate = this.dates.get(-1) || this.viewDate;\r\n this.fill();\r\n } else { this.hide(); }\r\n e.preventDefault();\r\n break;\r\n case 37: // left\r\n case 39: // right\r\n if (!this.o.keyboardNavigation) { break; }\r\n dir = e.keyCode === 37 ? -1 : 1;\r\n if (e.ctrlKey) {\r\n newDate = this.moveYear(this.dates.get(-1) || UTCToday(), dir);\r\n newViewDate = this.moveYear(focusDate, dir);\r\n this._trigger('changeYear', this.viewDate);\r\n } else if (e.shiftKey) {\r\n newDate = this.moveMonth(this.dates.get(-1) || UTCToday(), dir);\r\n newViewDate = this.moveMonth(focusDate, dir);\r\n this._trigger('changeMonth', this.viewDate);\r\n } else {\r\n newDate = new Date(this.dates.get(-1) || UTCToday());\r\n newDate.setUTCDate(newDate.getUTCDate() + dir);\r\n newViewDate = new Date(focusDate);\r\n newViewDate.setUTCDate(focusDate.getUTCDate() + dir);\r\n }\r\n if (this.dateWithinRange(newDate)) {\r\n this.focusDate = this.viewDate = newViewDate;\r\n this.setValue();\r\n this.fill();\r\n e.preventDefault();\r\n }\r\n break;\r\n case 38: // up\r\n case 40: // down\r\n if (!this.o.keyboardNavigation) { break; }\r\n dir = e.keyCode === 38 ? -1 : 1;\r\n if (e.ctrlKey) {\r\n newDate = this.moveYear(this.dates.get(-1) || UTCToday(), dir);\r\n newViewDate = this.moveYear(focusDate, dir);\r\n this._trigger('changeYear', this.viewDate);\r\n } else if (e.shiftKey) {\r\n newDate = this.moveMonth(this.dates.get(-1) || UTCToday(), dir);\r\n newViewDate = this.moveMonth(focusDate, dir);\r\n this._trigger('changeMonth', this.viewDate);\r\n } else {\r\n newDate = new Date(this.dates.get(-1) || UTCToday());\r\n newDate.setUTCDate(newDate.getUTCDate() + dir * 7);\r\n newViewDate = new Date(focusDate);\r\n newViewDate.setUTCDate(focusDate.getUTCDate() + dir * 7);\r\n }\r\n if (this.dateWithinRange(newDate)) {\r\n this.focusDate = this.viewDate = newViewDate;\r\n this.setValue();\r\n this.fill();\r\n e.preventDefault();\r\n }\r\n break;\r\n case 32: // spacebar\r\n // Spacebar is used in manually typing dates in some formats.\r\n // As such, its behavior should not be hijacked.\r\n break;\r\n case 13: // enter\r\n focusDate = this.focusDate || this.dates.get(-1) || this.viewDate;\r\n this._toggle_multidate(focusDate);\r\n dateChanged = true;\r\n this.focusDate = null;\r\n this.viewDate = this.dates.get(-1) || this.viewDate;\r\n this.setValue();\r\n this.fill();\r\n if (this.picker.is(':visible')) {\r\n e.preventDefault();\r\n if (this.o.autoclose) { this.hide(); }\r\n }\r\n break;\r\n case 9: // tab\r\n this.focusDate = null;\r\n this.viewDate = this.dates.get(-1) || this.viewDate;\r\n this.fill();\r\n this.hide();\r\n break;\r\n }\r\n if (dateChanged) {\r\n if (this.dates.length) { this._trigger('changeDate'); } else { this._trigger('clearDate'); }\r\n var element;\r\n if (this.isInput) {\r\n element = this.element;\r\n } else if (this.component) {\r\n element = this.element.find('input');\r\n }\r\n if (element) {\r\n element.change();\r\n }\r\n }\r\n },\r\n\r\n showMode: function (dir) {\r\n if (dir) {\r\n this.viewMode = Math.max(this.o.minViewMode, Math.min(2, this.viewMode + dir));\r\n }\r\n this.picker\r\n .find('>div')\r\n .hide()\r\n .filter('.datepicker-' + DPGlobal.modes[this.viewMode].clsName)\r\n .css('display', 'block');\r\n this.updateNavArrows();\r\n }\r\n };\r\n\r\n var DateRangePicker = function (element, options) {\r\n this.element = $(element);\r\n this.inputs = $.map(options.inputs, function (i) {\r\n return i.jquery ? i[0] : i;\r\n });\r\n delete options.inputs;\r\n\r\n $(this.inputs)\r\n .datepicker(options)\r\n .bind('changeDate', $.proxy(this.dateUpdated, this));\r\n\r\n this.pickers = $.map(this.inputs, function (i) {\r\n return $(i).data('datepicker');\r\n });\r\n this.updateDates();\r\n };\r\n DateRangePicker.prototype = {\r\n updateDates: function () {\r\n this.dates = $.map(this.pickers, function (i) {\r\n return i.getUTCDate();\r\n });\r\n this.updateRanges();\r\n },\r\n updateRanges: function () {\r\n var range = $.map(this.dates, function (d) {\r\n return d.valueOf();\r\n });\r\n $.each(this.pickers, function (i, p) {\r\n p.setRange(range);\r\n });\r\n },\r\n dateUpdated: function (e) {\r\n // `this.updating` is a workaround for preventing infinite recursion\r\n // between `changeDate` triggering and `setUTCDate` calling. Until\r\n // there is a better mechanism.\r\n if (this.updating) { return; }\r\n this.updating = true;\r\n\r\n var dp = $(e.target).data('datepicker'),\r\n new_date = dp.getUTCDate(),\r\n i = $.inArray(e.target, this.inputs),\r\n l = this.inputs.length;\r\n if (i === -1) { return; }\r\n\r\n $.each(this.pickers, function (i, p) {\r\n if (!p.getUTCDate()) { p.setUTCDate(new_date); }\r\n });\r\n\r\n if (new_date < this.dates[i]) {\r\n // Date being moved earlier/left\r\n while (i >= 0 && new_date < this.dates[i]) {\r\n this.pickers[i--].setUTCDate(new_date);\r\n }\r\n } else if (new_date > this.dates[i]) {\r\n // Date being moved later/right\r\n while (i < l && new_date > this.dates[i]) {\r\n this.pickers[i++].setUTCDate(new_date);\r\n }\r\n }\r\n this.updateDates();\r\n\r\n delete this.updating;\r\n },\r\n remove: function () {\r\n $.map(this.pickers, function (p) { p.remove(); });\r\n delete this.element.data().datepicker;\r\n }\r\n };\r\n\r\n function opts_from_el(el, prefix) {\r\n // Derive options from element data-attrs\r\n var data = $(el).data(),\r\n out = {}, inkey,\r\n replace = new RegExp('^' + prefix.toLowerCase() + '([A-Z])');\r\n prefix = new RegExp('^' + prefix.toLowerCase());\r\n function re_lower(_, a) {\r\n return a.toLowerCase();\r\n }\r\n for (var key in data) {\r\n if (prefix.test(key)) {\r\n inkey = key.replace(replace, re_lower);\r\n out[inkey] = data[key];\r\n }\r\n }\r\n return out;\r\n }\r\n\r\n function opts_from_locale(lang) {\r\n // Derive options from locale plugins\r\n var out = {};\r\n // Check if \"de-DE\" style date is available, if not language should\r\n // fallback to 2 letter code eg \"de\"\r\n if (!dates[lang]) {\r\n lang = lang.split('-')[0];\r\n if (!dates[lang]) { return; }\r\n }\r\n var d = dates[lang];\r\n $.each(locale_opts, function (i, k) {\r\n if (k in d) { out[k] = d[k]; }\r\n });\r\n return out;\r\n }\r\n\r\n var old = $.fn.datepicker;\r\n $.fn.datepicker = function (option) {\r\n var args = Array.apply(null, arguments);\r\n args.shift();\r\n var internal_return;\r\n this.each(function () {\r\n var $this = $(this),\r\n data = $this.data('datepicker'),\r\n options = typeof option === 'object' && option;\r\n if (!data) {\r\n var elopts = opts_from_el(this, 'date'),\r\n // Preliminary otions\r\n xopts = $.extend({}, defaults, elopts, options),\r\n locopts = opts_from_locale(xopts.language),\r\n // Options priority: js args, data-attrs, locales, defaults\r\n opts = $.extend({}, defaults, locopts, elopts, options);\r\n if ($this.is('.input-daterange') || opts.inputs) {\r\n var ropts = {\r\n inputs: opts.inputs || $this.find('input').toArray()\r\n };\r\n $this.data('datepicker', (data = new DateRangePicker(this, $.extend(opts, ropts))));\r\n } else {\r\n $this.data('datepicker', (data = new Datepicker(this, opts)));\r\n }\r\n }\r\n if (typeof option === 'string' && typeof data[option] === 'function') {\r\n internal_return = data[option].apply(data, args);\r\n if (internal_return !== undefined) { return false; }\r\n }\r\n });\r\n if (internal_return !== undefined) { return internal_return; } else { return this; }\r\n };\r\n\r\n var defaults = $.fn.datepicker.defaults = {\r\n autoclose: false,\r\n beforeShowDay: $.noop,\r\n calendarWeeks: false,\r\n clearBtn: false,\r\n daysOfWeekDisabled: [],\r\n endDate: Infinity,\r\n forceParse: true,\r\n format: 'mm/dd/yyyy',\r\n keyboardNavigation: true,\r\n language: 'en',\r\n minViewMode: 0,\r\n multidate: false,\r\n multidateSeparator: ',',\r\n orientation: 'auto',\r\n rtl: false,\r\n startDate: -Infinity,\r\n startView: 0,\r\n todayBtn: false,\r\n todayHighlight: false,\r\n weekStart: 0\r\n };\r\n var locale_opts = $.fn.datepicker.locale_opts = [\r\n 'format',\r\n 'rtl',\r\n 'weekStart'\r\n ];\r\n $.fn.datepicker.Constructor = Datepicker;\r\n var dates = $.fn.datepicker.dates = {\r\n en: {\r\n days: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'],\r\n daysShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],\r\n daysMin: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su'],\r\n months: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\r\n monthsShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],\r\n today: 'Today',\r\n clear: 'Clear'\r\n }\r\n };\r\n\r\n var DPGlobal = {\r\n modes: [\r\n {\r\n clsName: 'days',\r\n navFnc: 'Month',\r\n navStep: 1\r\n },\r\n {\r\n clsName: 'months',\r\n navFnc: 'FullYear',\r\n navStep: 1\r\n },\r\n {\r\n clsName: 'years',\r\n navFnc: 'FullYear',\r\n navStep: 10\r\n }],\r\n isLeapYear: function (year) {\r\n return (((year % 4 === 0) && (year % 100 !== 0)) || (year % 400 === 0));\r\n },\r\n getDaysInMonth: function (year, month) {\r\n return [31, (DPGlobal.isLeapYear(year) ? 29 : 28), 31, 30, 31, 30, 31, 31, 30, 31, 30, 31][month];\r\n },\r\n validParts: /dd?|DD?|mm?|MM?|yy(?:yy)?/g,\r\n nonpunctuation: /[^ -\\/:-@\\[\\u3400-\\u9fff-`{-~\\t\\n\\r]+/g,\r\n parseFormat: function (format) {\r\n // IE treats \\0 as a string end in inputs (truncating the value),\r\n // so it's a bad format delimiter, anyway\r\n var separators = format.replace(this.validParts, '\\0').split('\\0'),\r\n parts = format.match(this.validParts);\r\n if (!separators || !separators.length || !parts || parts.length === 0) {\r\n throw new Error('Invalid date format.');\r\n }\r\n return { separators: separators, parts: parts };\r\n },\r\n parseDate: function (date, format, language) {\r\n if (!date) { return undefined; }\r\n if (date instanceof Date) { return date; }\r\n if (typeof format === 'string') { format = DPGlobal.parseFormat(format); }\r\n var part_re = /([\\-+]\\d+)([dmwy])/,\r\n parts = date.match(/([\\-+]\\d+)([dmwy])/g),\r\n part, dir, i;\r\n if (/^[\\-+]\\d+[dmwy]([\\s,]+[\\-+]\\d+[dmwy])*$/.test(date)) {\r\n date = new Date();\r\n for (i = 0; i < parts.length; i++) {\r\n part = part_re.exec(parts[i]);\r\n dir = parseInt(part[1]);\r\n switch (part[2]) {\r\n case 'd':\r\n date.setUTCDate(date.getUTCDate() + dir);\r\n break;\r\n case 'm':\r\n date = Datepicker.prototype.moveMonth.call(Datepicker.prototype, date, dir);\r\n break;\r\n case 'w':\r\n date.setUTCDate(date.getUTCDate() + dir * 7);\r\n break;\r\n case 'y':\r\n date = Datepicker.prototype.moveYear.call(Datepicker.prototype, date, dir);\r\n break;\r\n }\r\n }\r\n return UTCDate(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate(), 0, 0, 0);\r\n }\r\n parts = date && date.match(this.nonpunctuation) || [];\r\n date = new Date();\r\n var parsed = {},\r\n setters_order = ['yyyy', 'yy', 'M', 'MM', 'm', 'mm', 'd', 'dd'],\r\n setters_map = {\r\n yyyy: function (d, v) {\r\n return d.setUTCFullYear(v);\r\n },\r\n yy: function (d, v) {\r\n return d.setUTCFullYear(2000 + v);\r\n },\r\n m: function (d, v) {\r\n if (isNaN(d)) { return d; }\r\n v -= 1;\r\n while (v < 0) { v += 12; }\r\n v %= 12;\r\n d.setUTCMonth(v);\r\n while (d.getUTCMonth() !== v) { d.setUTCDate(d.getUTCDate() - 1); }\r\n return d;\r\n },\r\n d: function (d, v) {\r\n return d.setUTCDate(v);\r\n }\r\n },\r\n val, filtered;\r\n setters_map['M'] = setters_map['MM'] = setters_map['mm'] = setters_map['m'];\r\n setters_map['dd'] = setters_map['d'];\r\n date = UTCDate(date.getFullYear(), date.getMonth(), date.getDate(), 0, 0, 0);\r\n var fparts = format.parts.slice();\r\n // Remove noop parts\r\n if (parts.length !== fparts.length) {\r\n fparts = $(fparts).filter(function (i, p) {\r\n return $.inArray(p, setters_order) !== -1;\r\n }).toArray();\r\n }\r\n // Process remainder\r\n function match_part() {\r\n var m = this.slice(0, parts[i].length),\r\n p = parts[i].slice(0, m.length);\r\n return m === p;\r\n }\r\n if (parts.length === fparts.length) {\r\n var cnt;\r\n for (i = 0, cnt = fparts.length; i < cnt; i++) {\r\n val = parseInt(parts[i], 10);\r\n part = fparts[i];\r\n if (isNaN(val)) {\r\n switch (part) {\r\n case 'MM':\r\n filtered = $(dates[language].months).filter(match_part);\r\n val = $.inArray(filtered[0], dates[language].months) + 1;\r\n break;\r\n case 'M':\r\n filtered = $(dates[language].monthsShort).filter(match_part);\r\n val = $.inArray(filtered[0], dates[language].monthsShort) + 1;\r\n break;\r\n }\r\n }\r\n parsed[part] = val;\r\n }\r\n var _date, s;\r\n for (i = 0; i < setters_order.length; i++) {\r\n s = setters_order[i];\r\n if (s in parsed && !isNaN(parsed[s])) {\r\n _date = new Date(date);\r\n setters_map[s](_date, parsed[s]);\r\n if (!isNaN(_date)) { date = _date; }\r\n }\r\n }\r\n }\r\n return date;\r\n },\r\n formatDate: function (date, format, language) {\r\n if (!date) { return ''; }\r\n if (typeof format === 'string') { format = DPGlobal.parseFormat(format); }\r\n var val = {\r\n d: date.getUTCDate(),\r\n D: dates[language].daysShort[date.getUTCDay()],\r\n DD: dates[language].days[date.getUTCDay()],\r\n m: date.getUTCMonth() + 1,\r\n M: dates[language].monthsShort[date.getUTCMonth()],\r\n MM: dates[language].months[date.getUTCMonth()],\r\n yy: date.getUTCFullYear().toString().substring(2),\r\n yyyy: date.getUTCFullYear()\r\n };\r\n val.dd = (val.d < 10 ? '0' : '') + val.d;\r\n val.mm = (val.m < 10 ? '0' : '') + val.m;\r\n date = [];\r\n var seps = $.extend([], format.separators);\r\n for (var i = 0, cnt = format.parts.length; i <= cnt; i++) {\r\n if (seps.length) { date.push(seps.shift()); }\r\n date.push(val[format.parts[i]]);\r\n }\r\n return date.join('');\r\n },\r\n headTemplate: '' +\r\n '
';\r\n\r\n $.fn.datepicker.DPGlobal = DPGlobal;\r\n\r\n /* DATEPICKER NO CONFLICT\r\n\t* =================== */\r\n\r\n $.fn.datepicker.noConflict = function () {\r\n $.fn.datepicker = old;\r\n return this;\r\n };\r\n\r\n /* DATEPICKER DATA-API\r\n\t* ================== */\r\n\r\n $(document).on(\r\n 'focus.datepicker.data-api click.datepicker.data-api',\r\n '[data-provide=\"datepicker\"]',\r\n function (e) {\r\n var $this = $(this);\r\n if ($this.data('datepicker')) { return; }\r\n e.preventDefault();\r\n // component click requires us to explicitly show it\r\n $this.datepicker('show');\r\n }\r\n );\r\n $(function () {\r\n $('[data-provide=\"datepicker-inline\"]').datepicker();\r\n });\r\n\r\n //自定义修改\r\n var dates = $.fn.datepicker.dates = {\r\n en: {\r\n days: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'],\r\n daysShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],\r\n daysMin: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su'],\r\n months: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],\r\n monthsShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],\r\n today: 'Today',\r\n clear: 'Clear'\r\n },\r\n cn: {\r\n days: ['周日', '周一', '周二', '周三', '周四', '周五', '周六', '周日'],\r\n daysShort: ['日', '一', '二', '三', '四', '五', '六', '七'],\r\n daysMin: ['日', '一', '二', '三', '四', '五', '六', '七'],\r\n months: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],\r\n monthsShort: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],\r\n today: '今天',\r\n clear: '清除'\r\n }\r\n };\r\n}(window.jQuery));\r\n","/**\r\n* @version: 1.3.21\r\n* @author: Dan Grossman http://www.dangrossman.info/\r\n* @copyright: Copyright (c) 2012-2015 Dan Grossman. All rights reserved.\r\n* @license: Licensed under the MIT license. See http://www.opensource.org/licenses/mit-license.php\r\n* @website: https://www.improvely.com/\r\n*/\r\n\r\n(function (root, factory) {\r\n if (typeof exports !== 'undefined') {\r\n var momentjs = require('moment');\r\n var jQuery;\r\n try {\r\n jQuery = require('jquery');\r\n } catch (err) {\r\n jQuery = window.jQuery;\r\n if (!jQuery) { throw new Error('jQuery dependency not found'); }\r\n }\r\n\r\n factory(root, exports, momentjs, jQuery);\r\n\r\n // Finally, as a browser global.\r\n } else {\r\n root.daterangepicker = factory(root, {}, root.moment, (root.jQuery || root.Zepto || root.ender || root.$));\r\n }\r\n}(this, function (root, daterangepicker, moment, $) {\r\n var DateRangePicker = function (element, options, cb) {\r\n // by default, the daterangepicker element is placed at the bottom of HTML body\r\n this.parentEl = 'body';\r\n\r\n //element that triggered the date range picker\r\n this.element = $(element);\r\n\r\n //tracks visible state\r\n this.isShowing = false;\r\n\r\n //create the picker HTML object\r\n /* var DRPTemplate = '
' +\r\n '' +\r\n '' +\r\n '
' +\r\n '
' +\r\n '
' +\r\n '' +\r\n '' +\r\n '
' +\r\n '
' +\r\n '' +\r\n '' +\r\n '
' +\r\n '' +\r\n '' +\r\n '
' +\r\n '
' +\r\n '
'; */\r\n\r\n var DRPTemplate = '
' +\r\n '
' +\r\n '
' +\r\n '
' +\r\n '' +\r\n '' +\r\n '
' +\r\n '
' +\r\n '' +\r\n '' +\r\n '
' +\r\n '' +\r\n '' +\r\n '
' +\r\n '
' +\r\n '' +\r\n '' +\r\n '
';\r\n\r\n //custom options\r\n if (typeof options !== 'object' || options === null) { options = {}; }\r\n\r\n this.parentEl = (typeof options === 'object' && options.parentEl && $(options.parentEl).length) ? $(options.parentEl) : $(this.parentEl);\r\n this.container = $(DRPTemplate).appendTo(this.parentEl);\r\n\r\n this.setOptions(options, cb);\r\n\r\n //event listeners\r\n this.container.find('.calendar')\r\n .on('click.daterangepicker', '.prev', $.proxy(this.clickPrev, this))\r\n .on('click.daterangepicker', '.next', $.proxy(this.clickNext, this))\r\n .on('click.daterangepicker', 'td.available', $.proxy(this.clickDate, this))\r\n .on('mouseenter.daterangepicker', 'td.available', $.proxy(this.hoverDate, this))\r\n .on('mouseleave.daterangepicker', 'td.available', $.proxy(this.updateFormInputs, this))\r\n .on('change.daterangepicker', 'select.yearselect', $.proxy(this.updateMonthYear, this))\r\n .on('change.daterangepicker', 'select.monthselect', $.proxy(this.updateMonthYear, this))\r\n .on('change.daterangepicker', 'select.hourselect,select.minuteselect,select.secondselect,select.ampmselect', $.proxy(this.updateTime, this));\r\n\r\n this.container.find('.ranges')\r\n .on('click.daterangepicker', 'button.applyBtn', $.proxy(this.clickApply, this))\r\n .on('click.daterangepicker', 'button.cancelBtn', $.proxy(this.clickCancel, this))\r\n .on('click.daterangepicker', '.daterangepicker_start_input,.daterangepicker_end_input', $.proxy(this.showCalendars, this))\r\n .on('change.daterangepicker', '.daterangepicker_start_input,.daterangepicker_end_input', $.proxy(this.inputsChanged, this))\r\n .on('keydown.daterangepicker', '.daterangepicker_start_input,.daterangepicker_end_input', $.proxy(this.inputsKeydown, this))\r\n .on('click.daterangepicker', 'li', $.proxy(this.clickRange, this))\r\n .on('mouseenter.daterangepicker', 'li', $.proxy(this.enterRange, this))\r\n .on('mouseleave.daterangepicker', 'li', $.proxy(this.updateFormInputs, this));\r\n\r\n if (this.element.is('input')) {\r\n this.element.on({\r\n 'click.daterangepicker': $.proxy(this.show, this),\r\n 'focus.daterangepicker': $.proxy(this.show, this),\r\n 'keyup.daterangepicker': $.proxy(this.updateFromControl, this),\r\n 'keydown.daterangepicker': $.proxy(this.keydown, this)\r\n });\r\n } else {\r\n this.element.on('click.daterangepicker', $.proxy(this.toggle, this));\r\n }\r\n };\r\n\r\n DateRangePicker.prototype = {\r\n\r\n constructor: DateRangePicker,\r\n\r\n setOptions: function (options, callback) {\r\n this.startDate = moment().startOf('day');\r\n this.endDate = moment().endOf('day');\r\n this.timeZone = moment().utcOffset();\r\n this.minDate = false;\r\n this.maxDate = false;\r\n this.dateLimit = false;\r\n\r\n this.showDropdowns = false;\r\n this.showWeekNumbers = false;\r\n this.timePicker = false;\r\n this.timePickerSeconds = false;\r\n this.timePickerIncrement = 30;\r\n this.timePicker12Hour = true;\r\n this.singleDatePicker = false;\r\n this.ranges = {};\r\n\r\n this.opens = 'right';\r\n if (this.element.hasClass('pull-right')) { this.opens = 'left'; }\r\n\r\n this.drops = 'down';\r\n if (this.element.hasClass('dropup')) { this.drops = 'up'; }\r\n\r\n this.buttonClasses = ['btn', 'btn-small btn-sm'];\r\n this.applyClass = 'btn-success';\r\n this.cancelClass = 'btn-default';\r\n\r\n this.format = 'MM/DD/YYYY';\r\n this.separator = ' - ';\r\n\r\n this.locale = {\r\n applyLabel: 'Apply',\r\n cancelLabel: 'Cancel',\r\n fromLabel: 'From',\r\n toLabel: 'To',\r\n weekLabel: 'W',\r\n customRangeLabel: 'Custom Range',\r\n daysOfWeek: moment.weekdaysMin(),\r\n monthNames: moment.monthsShort(),\r\n firstDay: moment.localeData()._week.dow\r\n };\r\n\r\n this.cb = function () { };\r\n\r\n if (typeof options.format === 'string') { this.format = options.format; }\r\n\r\n if (typeof options.separator === 'string') { this.separator = options.separator; }\r\n\r\n if (typeof options.startDate === 'string') { this.startDate = moment(options.startDate, this.format); }\r\n\r\n if (typeof options.endDate === 'string') { this.endDate = moment(options.endDate, this.format); }\r\n\r\n if (typeof options.minDate === 'string') { this.minDate = moment(options.minDate, this.format); }\r\n\r\n if (typeof options.maxDate === 'string') { this.maxDate = moment(options.maxDate, this.format); }\r\n\r\n if (typeof options.startDate === 'object') { this.startDate = moment(options.startDate); }\r\n\r\n if (typeof options.endDate === 'object') { this.endDate = moment(options.endDate); }\r\n\r\n if (typeof options.minDate === 'object') { this.minDate = moment(options.minDate); }\r\n\r\n if (typeof options.maxDate === 'object') { this.maxDate = moment(options.maxDate); }\r\n\r\n if (typeof options.applyClass === 'string') { this.applyClass = options.applyClass; }\r\n\r\n if (typeof options.cancelClass === 'string') { this.cancelClass = options.cancelClass; }\r\n\r\n if (typeof options.dateLimit === 'object') { this.dateLimit = options.dateLimit; }\r\n\r\n if (typeof options.locale === 'object') {\r\n if (typeof options.locale.daysOfWeek === 'object') {\r\n // Create a copy of daysOfWeek to avoid modification of original\r\n // options object for reusability in multiple daterangepicker instances\r\n this.locale.daysOfWeek = options.locale.daysOfWeek.slice();\r\n }\r\n\r\n if (typeof options.locale.monthNames === 'object') {\r\n this.locale.monthNames = options.locale.monthNames.slice();\r\n }\r\n\r\n if (typeof options.locale.firstDay === 'number') {\r\n this.locale.firstDay = options.locale.firstDay;\r\n }\r\n\r\n if (typeof options.locale.applyLabel === 'string') {\r\n this.locale.applyLabel = options.locale.applyLabel;\r\n }\r\n\r\n if (typeof options.locale.cancelLabel === 'string') {\r\n this.locale.cancelLabel = options.locale.cancelLabel;\r\n }\r\n\r\n if (typeof options.locale.fromLabel === 'string') {\r\n this.locale.fromLabel = options.locale.fromLabel;\r\n }\r\n\r\n if (typeof options.locale.toLabel === 'string') {\r\n this.locale.toLabel = options.locale.toLabel;\r\n }\r\n\r\n if (typeof options.locale.weekLabel === 'string') {\r\n this.locale.weekLabel = options.locale.weekLabel;\r\n }\r\n\r\n if (typeof options.locale.customRangeLabel === 'string') {\r\n this.locale.customRangeLabel = options.locale.customRangeLabel;\r\n }\r\n }\r\n\r\n if (typeof options.opens === 'string') { this.opens = options.opens; }\r\n\r\n if (typeof options.drops === 'string') { this.drops = options.drops; }\r\n\r\n if (typeof options.showWeekNumbers === 'boolean') {\r\n this.showWeekNumbers = options.showWeekNumbers;\r\n }\r\n\r\n if (typeof options.buttonClasses === 'string') {\r\n this.buttonClasses = [options.buttonClasses];\r\n }\r\n\r\n if (typeof options.buttonClasses === 'object') {\r\n this.buttonClasses = options.buttonClasses;\r\n }\r\n\r\n if (typeof options.showDropdowns === 'boolean') {\r\n this.showDropdowns = options.showDropdowns;\r\n }\r\n\r\n if (typeof options.singleDatePicker === 'boolean') {\r\n this.singleDatePicker = options.singleDatePicker;\r\n if (this.singleDatePicker) {\r\n this.endDate = this.startDate.clone();\r\n }\r\n }\r\n\r\n if (typeof options.timePicker === 'boolean') {\r\n this.timePicker = options.timePicker;\r\n }\r\n\r\n if (typeof options.timePickerSeconds === 'boolean') {\r\n this.timePickerSeconds = options.timePickerSeconds;\r\n }\r\n\r\n if (typeof options.timePickerIncrement === 'number') {\r\n this.timePickerIncrement = options.timePickerIncrement;\r\n }\r\n\r\n if (typeof options.timePicker12Hour === 'boolean') {\r\n this.timePicker12Hour = options.timePicker12Hour;\r\n }\r\n\r\n // update day names order to firstDay\r\n if (this.locale.firstDay != 0) {\r\n var iterator = this.locale.firstDay;\r\n while (iterator > 0) {\r\n this.locale.daysOfWeek.push(this.locale.daysOfWeek.shift());\r\n iterator--;\r\n }\r\n }\r\n\r\n var start, end, range;\r\n\r\n //if no start/end dates set, check if an input element contains initial values\r\n if (typeof options.startDate === 'undefined' && typeof options.endDate === 'undefined') {\r\n if ($(this.element).is('input[type=text]')) {\r\n var val = $(this.element).val(),\r\n split = val.split(this.separator);\r\n\r\n start = end = null;\r\n\r\n if (split.length == 2) {\r\n start = moment(split[0], this.format);\r\n end = moment(split[1], this.format);\r\n } else if (this.singleDatePicker && val !== '') {\r\n start = moment(val, this.format);\r\n end = moment(val, this.format);\r\n }\r\n if (start !== null && end !== null) {\r\n this.startDate = start;\r\n this.endDate = end;\r\n }\r\n }\r\n }\r\n\r\n // bind the time zone used to build the calendar to either the timeZone passed in through the options or the zone of the startDate (which will be the local time zone by default)\r\n if (typeof options.timeZone === 'string' || typeof options.timeZone === 'number') {\r\n if (typeof options.timeZone === 'string' && typeof moment.tz !== 'undefined') {\r\n this.timeZone = moment.tz.zone(options.timeZone).parse(new Date()) * -1;\t// Offset is positive if the timezone is behind UTC and negative if it is ahead.\r\n } else {\r\n this.timeZone = options.timeZone;\r\n }\r\n this.startDate.utcOffset(this.timeZone);\r\n this.endDate.utcOffset(this.timeZone);\r\n } else {\r\n this.timeZone = moment(this.startDate).utcOffset();\r\n }\r\n\r\n if (typeof options.ranges === 'object') {\r\n for (range in options.ranges) {\r\n if (typeof options.ranges[range][0] === 'string') { start = moment(options.ranges[range][0], this.format); } else { start = moment(options.ranges[range][0]); }\r\n\r\n if (typeof options.ranges[range][1] === 'string') { end = moment(options.ranges[range][1], this.format); } else { end = moment(options.ranges[range][1]); }\r\n\r\n // If we have a min/max date set, bound this range\r\n // to it, but only if it would otherwise fall\r\n // outside of the min/max.\r\n if (this.minDate && start.isBefore(this.minDate)) { start = moment(this.minDate); }\r\n\r\n if (this.maxDate && end.isAfter(this.maxDate)) { end = moment(this.maxDate); }\r\n\r\n // If the end of the range is before the minimum (if min is set) OR\r\n // the start of the range is after the max (also if set) don't display this\r\n // range option.\r\n if ((this.minDate && end.isBefore(this.minDate)) || (this.maxDate && start.isAfter(this.maxDate))) {\r\n continue;\r\n }\r\n\r\n this.ranges[range] = [start, end];\r\n }\r\n\r\n var list = '
';\r\n for (range in this.ranges) {\r\n list += '
' + range + '
';\r\n }\r\n list += '
' + this.locale.customRangeLabel + '
';\r\n list += '
';\r\n this.container.find('.ranges ul').remove();\r\n this.container.find('.ranges').prepend(list);\r\n }\r\n\r\n if (typeof callback === 'function') {\r\n this.cb = callback;\r\n }\r\n\r\n if (!this.timePicker) {\r\n this.startDate = this.startDate.startOf('day');\r\n this.endDate = this.endDate.endOf('day');\r\n }\r\n\r\n if (this.singleDatePicker) {\r\n this.opens = 'right';\r\n this.container.addClass('single');\r\n this.container.find('.calendar.right').show();\r\n this.container.find('.calendar.left').hide();\r\n if (!this.timePicker) {\r\n this.container.find('.ranges').hide();\r\n } else {\r\n this.container.find('.ranges .daterangepicker_start_input, .ranges .daterangepicker_end_input').hide();\r\n }\r\n if (!this.container.find('.calendar.right').hasClass('single')) { this.container.find('.calendar.right').addClass('single'); }\r\n } else {\r\n this.container.removeClass('single');\r\n this.container.find('.calendar.right').removeClass('single');\r\n this.container.find('.ranges').show();\r\n }\r\n\r\n this.oldStartDate = this.startDate.clone();\r\n this.oldEndDate = this.endDate.clone();\r\n this.oldChosenLabel = this.chosenLabel;\r\n\r\n this.leftCalendar = {\r\n month: moment([this.startDate.year(), this.startDate.month(), 1, this.startDate.hour(), this.startDate.minute(), this.startDate.second()]),\r\n calendar: []\r\n };\r\n\r\n this.rightCalendar = {\r\n month: moment([this.endDate.year(), this.endDate.month(), 1, this.endDate.hour(), this.endDate.minute(), this.endDate.second()]),\r\n calendar: []\r\n };\r\n\r\n if (this.opens == 'right' || this.opens == 'center') {\r\n //swap calendar positions\r\n var first = this.container.find('.calendar.first');\r\n var second = this.container.find('.calendar.second');\r\n\r\n if (second.hasClass('single')) {\r\n second.removeClass('single');\r\n first.addClass('single');\r\n }\r\n\r\n first.removeClass('left').addClass('right');\r\n second.removeClass('right').addClass('left');\r\n\r\n if (this.singleDatePicker) {\r\n first.show();\r\n second.hide();\r\n }\r\n }\r\n\r\n if (typeof options.ranges === 'undefined' && !this.singleDatePicker) {\r\n this.container.addClass('show-calendar');\r\n }\r\n\r\n this.container.removeClass('opensleft opensright').addClass('opens' + this.opens);\r\n\r\n this.updateView();\r\n this.updateCalendars();\r\n\r\n //apply CSS classes and labels to buttons\r\n var c = this.container;\r\n $.each(this.buttonClasses, function (idx, val) {\r\n c.find('button').addClass(val);\r\n });\r\n this.container.find('.daterangepicker_start_input label').html(this.locale.fromLabel);\r\n this.container.find('.daterangepicker_end_input label').html(this.locale.toLabel);\r\n if (this.applyClass.length) { this.container.find('.applyBtn').addClass(this.applyClass); }\r\n if (this.cancelClass.length) { this.container.find('.cancelBtn').addClass(this.cancelClass); }\r\n this.container.find('.applyBtn').html(this.locale.applyLabel);\r\n this.container.find('.cancelBtn').html(this.locale.cancelLabel);\r\n },\r\n\r\n setStartDate: function (startDate) {\r\n if (typeof startDate === 'string') { this.startDate = moment(startDate, this.format).utcOffset(this.timeZone); }\r\n\r\n if (typeof startDate === 'object') { this.startDate = moment(startDate); }\r\n\r\n if (!this.timePicker) { this.startDate = this.startDate.startOf('day'); }\r\n\r\n this.oldStartDate = this.startDate.clone();\r\n\r\n this.updateView();\r\n this.updateCalendars();\r\n this.updateInputText();\r\n },\r\n\r\n setEndDate: function (endDate) {\r\n if (typeof endDate === 'string') { this.endDate = moment(endDate, this.format).utcOffset(this.timeZone); }\r\n\r\n if (typeof endDate === 'object') { this.endDate = moment(endDate); }\r\n\r\n if (!this.timePicker) { this.endDate = this.endDate.endOf('day'); }\r\n\r\n this.oldEndDate = this.endDate.clone();\r\n\r\n this.updateView();\r\n this.updateCalendars();\r\n this.updateInputText();\r\n },\r\n\r\n updateView: function () {\r\n this.leftCalendar.month.month(this.startDate.month()).year(this.startDate.year()).hour(this.startDate.hour()).minute(this.startDate.minute());\r\n this.rightCalendar.month.month(this.endDate.month()).year(this.endDate.year()).hour(this.endDate.hour()).minute(this.endDate.minute());\r\n this.updateFormInputs();\r\n },\r\n\r\n updateFormInputs: function () {\r\n this.container.find('input[name=daterangepicker_start]').val(this.startDate.format(this.format));\r\n this.container.find('input[name=daterangepicker_end]').val(this.endDate.format(this.format));\r\n\r\n if (this.startDate.isSame(this.endDate) || this.startDate.isBefore(this.endDate)) {\r\n this.container.find('button.applyBtn').removeAttr('disabled');\r\n } else {\r\n this.container.find('button.applyBtn').attr('disabled', 'disabled');\r\n }\r\n },\r\n\r\n updateFromControl: function () {\r\n if (!this.element.is('input')) { return; }\r\n if (!this.element.val().length) { return; }\r\n\r\n var dateString = this.element.val().split(this.separator),\r\n start = null,\r\n end = null;\r\n\r\n if (dateString.length === 2) {\r\n start = moment(dateString[0], this.format).utcOffset(this.timeZone);\r\n end = moment(dateString[1], this.format).utcOffset(this.timeZone);\r\n }\r\n\r\n if (this.singleDatePicker || start === null || end === null) {\r\n start = moment(this.element.val(), this.format).utcOffset(this.timeZone);\r\n end = start;\r\n }\r\n\r\n if (end.isBefore(start)) { return; }\r\n\r\n this.oldStartDate = this.startDate.clone();\r\n this.oldEndDate = this.endDate.clone();\r\n\r\n this.startDate = start;\r\n this.endDate = end;\r\n\r\n if (!this.startDate.isSame(this.oldStartDate) || !this.endDate.isSame(this.oldEndDate)) { this.notify(); }\r\n\r\n this.updateCalendars();\r\n },\r\n\r\n keydown: function (e) {\r\n //hide on tab or enter\r\n if ((e.keyCode === 9) || (e.keyCode === 13)) {\r\n this.hide();\r\n }\r\n },\r\n\r\n notify: function () {\r\n this.updateView();\r\n this.cb(this.startDate, this.endDate, this.chosenLabel);\r\n },\r\n\r\n move: function () {\r\n var parentOffset = { top: 0, left: 0 },\r\n containerTop;\r\n var parentRightEdge = $(window).width();\r\n if (!this.parentEl.is('body')) {\r\n parentOffset = {\r\n top: this.parentEl.offset().top - this.parentEl.scrollTop(),\r\n left: this.parentEl.offset().left - this.parentEl.scrollLeft()\r\n };\r\n parentRightEdge = this.parentEl[0].clientWidth + this.parentEl.offset().left;\r\n }\r\n\r\n if (this.drops == 'up') { containerTop = this.element.offset().top - this.container.outerHeight() - parentOffset.top; } else { containerTop = this.element.offset().top + this.element.outerHeight() - parentOffset.top; }\r\n this.container[this.drops == 'up' ? 'addClass' : 'removeClass']('dropup');\r\n\r\n if (this.opens == 'left') {\r\n this.container.css({\r\n top: containerTop,\r\n right: parentRightEdge - this.element.offset().left - this.element.outerWidth(),\r\n left: 'auto'\r\n });\r\n if (this.container.offset().left < 0) {\r\n this.container.css({\r\n right: 'auto',\r\n left: 9\r\n });\r\n }\r\n } else if (this.opens == 'center') {\r\n this.container.css({\r\n top: containerTop,\r\n left: this.element.offset().left - parentOffset.left + this.element.outerWidth() / 2 -\r\n this.container.outerWidth() / 2,\r\n right: 'auto'\r\n });\r\n if (this.container.offset().left < 0) {\r\n this.container.css({\r\n right: 'auto',\r\n left: 9\r\n });\r\n }\r\n } else {\r\n this.container.css({\r\n top: containerTop,\r\n left: this.element.offset().left - parentOffset.left,\r\n right: 'auto'\r\n });\r\n if (this.container.offset().left + this.container.outerWidth() > $(window).width()) {\r\n this.container.css({\r\n left: 'auto',\r\n right: 0\r\n });\r\n }\r\n }\r\n },\r\n\r\n toggle: function (e) {\r\n if (this.element.hasClass('active')) {\r\n this.hide();\r\n } else {\r\n this.show();\r\n }\r\n },\r\n\r\n show: function (e) {\r\n if (this.isShowing) { return; }\r\n\r\n this.element.addClass('active');\r\n this.container.show();\r\n this.move();\r\n\r\n // Create a click proxy that is private to this instance of datepicker, for unbinding\r\n this._outsideClickProxy = $.proxy(function (e) { this.outsideClick(e); }, this);\r\n // Bind global datepicker mousedown for hiding and\r\n $(document)\r\n .on('mousedown.daterangepicker', this._outsideClickProxy)\r\n // also support mobile devices\r\n .on('touchend.daterangepicker', this._outsideClickProxy)\r\n // also explicitly play nice with Bootstrap dropdowns, which stopPropagation when clicking them\r\n .on('click.daterangepicker', '[data-toggle=dropdown]', this._outsideClickProxy)\r\n // and also close when focus changes to outside the picker (eg. tabbing between controls)\r\n .on('focusin.daterangepicker', this._outsideClickProxy);\r\n\r\n this.isShowing = true;\r\n this.element.trigger('show.daterangepicker', this);\r\n },\r\n\r\n outsideClick: function (e) {\r\n var target = $(e.target);\r\n // if the page is clicked anywhere except within the daterangerpicker/button\r\n // itself then call this.hide()\r\n if (\r\n // ie modal dialog fix\r\n e.type == 'focusin' ||\r\n target.closest(this.element).length ||\r\n target.closest(this.container).length ||\r\n target.closest('.calendar-date').length\r\n ) { return; }\r\n this.hide();\r\n },\r\n\r\n hide: function (e) {\r\n if (!this.isShowing) { return; }\r\n\r\n $(document)\r\n .off('.daterangepicker');\r\n\r\n this.element.removeClass('active');\r\n this.container.hide();\r\n\r\n if (!this.startDate.isSame(this.oldStartDate) || !this.endDate.isSame(this.oldEndDate)) { this.notify(); }\r\n\r\n this.oldStartDate = this.startDate.clone();\r\n this.oldEndDate = this.endDate.clone();\r\n\r\n this.isShowing = false;\r\n this.element.trigger('hide.daterangepicker', this);\r\n },\r\n\r\n enterRange: function (e) {\r\n // mouse pointer has entered a range label\r\n var label = e.target.innerHTML;\r\n if (label == this.locale.customRangeLabel) {\r\n this.updateView();\r\n } else {\r\n var dates = this.ranges[label];\r\n this.container.find('input[name=daterangepicker_start]').val(dates[0].format(this.format));\r\n this.container.find('input[name=daterangepicker_end]').val(dates[1].format(this.format));\r\n }\r\n },\r\n\r\n showCalendars: function () {\r\n this.container.addClass('show-calendar');\r\n this.move();\r\n this.element.trigger('showCalendar.daterangepicker', this);\r\n },\r\n\r\n hideCalendars: function () {\r\n this.container.removeClass('show-calendar');\r\n this.element.trigger('hideCalendar.daterangepicker', this);\r\n },\r\n\r\n // when a date is typed into the start to end date textboxes\r\n inputsChanged: function (e) {\r\n var el = $(e.target);\r\n var date = moment(el.val(), this.format);\r\n if (!date.isValid()) { return; }\r\n\r\n var startDate, endDate;\r\n if (el.attr('name') === 'daterangepicker_start') {\r\n startDate = (this.minDate !== false && date.isBefore(this.minDate)) ? this.minDate : date;\r\n endDate = this.endDate;\r\n } else {\r\n startDate = this.startDate;\r\n endDate = (this.maxDate !== false && date.isAfter(this.maxDate)) ? this.maxDate : date;\r\n }\r\n this.setCustomDates(startDate, endDate);\r\n },\r\n\r\n inputsKeydown: function (e) {\r\n if (e.keyCode === 13) {\r\n this.inputsChanged(e);\r\n this.notify();\r\n }\r\n },\r\n\r\n updateInputText: function () {\r\n if (this.element.is('input') && !this.singleDatePicker) {\r\n this.element.val(this.startDate.format(this.format) + this.separator + this.endDate.format(this.format));\r\n this.element.trigger('change');\r\n } else if (this.element.is('input')) {\r\n this.element.val(this.endDate.format(this.format));\r\n this.element.trigger('change');\r\n }\r\n },\r\n\r\n clickRange: function (e) {\r\n var label = e.target.innerHTML;\r\n this.chosenLabel = label;\r\n if (label == this.locale.customRangeLabel) {\r\n this.showCalendars();\r\n } else {\r\n var dates = this.ranges[label];\r\n\r\n this.startDate = dates[0];\r\n this.endDate = dates[1];\r\n\r\n if (!this.timePicker) {\r\n this.startDate.startOf('day');\r\n this.endDate.endOf('day');\r\n }\r\n\r\n this.leftCalendar.month.month(this.startDate.month()).year(this.startDate.year()).hour(this.startDate.hour()).minute(this.startDate.minute());\r\n this.rightCalendar.month.month(this.endDate.month()).year(this.endDate.year()).hour(this.endDate.hour()).minute(this.endDate.minute());\r\n this.updateCalendars();\r\n\r\n this.updateInputText();\r\n\r\n this.hideCalendars();\r\n this.hide();\r\n this.element.trigger('apply.daterangepicker', this);\r\n }\r\n },\r\n\r\n clickPrev: function (e) {\r\n var cal = $(e.target).parents('.calendar');\r\n if (cal.hasClass('left')) {\r\n this.leftCalendar.month.subtract(1, 'month');\r\n } else {\r\n this.rightCalendar.month.subtract(1, 'month');\r\n }\r\n this.updateCalendars();\r\n },\r\n\r\n clickNext: function (e) {\r\n var cal = $(e.target).parents('.calendar');\r\n if (cal.hasClass('left')) {\r\n this.leftCalendar.month.add(1, 'month');\r\n } else {\r\n this.rightCalendar.month.add(1, 'month');\r\n }\r\n this.updateCalendars();\r\n },\r\n\r\n hoverDate: function (e) {\r\n var title = $(e.target).attr('data-title');\r\n var row = title.substr(1, 1);\r\n var col = title.substr(3, 1);\r\n var cal = $(e.target).parents('.calendar');\r\n\r\n if (cal.hasClass('left')) {\r\n this.container.find('input[name=daterangepicker_start]').val(this.leftCalendar.calendar[row][col].format(this.format));\r\n } else {\r\n this.container.find('input[name=daterangepicker_end]').val(this.rightCalendar.calendar[row][col].format(this.format));\r\n }\r\n },\r\n\r\n setCustomDates: function (startDate, endDate) {\r\n this.chosenLabel = this.locale.customRangeLabel;\r\n if (startDate.isAfter(endDate)) {\r\n var difference = this.endDate.diff(this.startDate);\r\n endDate = moment(startDate).add(difference, 'ms');\r\n if (this.maxDate && endDate.isAfter(this.maxDate)) {\r\n endDate = this.maxDate.clone();\r\n }\r\n }\r\n this.startDate = startDate;\r\n this.endDate = endDate;\r\n\r\n this.updateView();\r\n this.updateCalendars();\r\n },\r\n\r\n clickDate: function (e) {\r\n var title = $(e.target).attr('data-title');\r\n var row = title.substr(1, 1);\r\n var col = title.substr(3, 1);\r\n var cal = $(e.target).parents('.calendar');\r\n\r\n var startDate, endDate;\r\n if (cal.hasClass('left')) {\r\n startDate = this.leftCalendar.calendar[row][col];\r\n endDate = this.endDate;\r\n if (typeof this.dateLimit === 'object') {\r\n var maxDate = moment(startDate).add(this.dateLimit).startOf('day');\r\n if (endDate.isAfter(maxDate)) {\r\n endDate = maxDate;\r\n }\r\n }\r\n } else {\r\n startDate = this.startDate;\r\n endDate = this.rightCalendar.calendar[row][col];\r\n if (typeof this.dateLimit === 'object') {\r\n var minDate = moment(endDate).subtract(this.dateLimit).startOf('day');\r\n if (startDate.isBefore(minDate)) {\r\n startDate = minDate;\r\n }\r\n }\r\n }\r\n\r\n if (this.singleDatePicker && cal.hasClass('left')) {\r\n endDate = startDate.clone();\r\n } else if (this.singleDatePicker && cal.hasClass('right')) {\r\n startDate = endDate.clone();\r\n }\r\n\r\n cal.find('td').removeClass('active');\r\n\r\n $(e.target).addClass('active');\r\n\r\n this.setCustomDates(startDate, endDate);\r\n\r\n if (!this.timePicker) { endDate.endOf('day'); }\r\n\r\n if (this.singleDatePicker && !this.timePicker) { this.clickApply(); }\r\n },\r\n\r\n clickApply: function (e) {\r\n this.updateInputText();\r\n this.notify();\r\n this.hide();\r\n this.element.trigger('apply.daterangepicker', this);\r\n },\r\n\r\n clickCancel: function (e) {\r\n this.startDate = this.oldStartDate;\r\n this.endDate = this.oldEndDate;\r\n this.chosenLabel = this.oldChosenLabel;\r\n this.updateView();\r\n this.updateCalendars();\r\n this.hide();\r\n this.element.trigger('cancel.daterangepicker', this);\r\n },\r\n\r\n updateMonthYear: function (e) {\r\n var isLeft = $(e.target).closest('.calendar').hasClass('left'),\r\n leftOrRight = isLeft ? 'left' : 'right',\r\n cal = this.container.find('.calendar.' + leftOrRight);\r\n\r\n // Month must be Number for new moment versions\r\n var month = parseInt(cal.find('.monthselect').val(), 10);\r\n var year = cal.find('.yearselect').val();\r\n\r\n if (!isLeft && !this.singleDatePicker) {\r\n if (year < this.startDate.year() || (year == this.startDate.year() && month < this.startDate.month())) {\r\n month = this.startDate.month();\r\n year = this.startDate.year();\r\n }\r\n }\r\n\r\n if (this.minDate) {\r\n if (year < this.minDate.year() || (year == this.minDate.year() && month < this.minDate.month())) {\r\n month = this.minDate.month();\r\n year = this.minDate.year();\r\n }\r\n }\r\n\r\n if (this.maxDate) {\r\n if (year > this.maxDate.year() || (year == this.maxDate.year() && month > this.maxDate.month())) {\r\n month = this.maxDate.month();\r\n year = this.maxDate.year();\r\n }\r\n }\r\n\r\n this[leftOrRight + 'Calendar'].month.month(month).year(year);\r\n this.updateCalendars();\r\n },\r\n\r\n updateTime: function (e) {\r\n var cal = $(e.target).closest('.calendar'),\r\n isLeft = cal.hasClass('left');\r\n\r\n var hour = parseInt(cal.find('.hourselect').val(), 10);\r\n var minute = parseInt(cal.find('.minuteselect').val(), 10);\r\n var second = 0;\r\n\r\n if (this.timePickerSeconds) {\r\n second = parseInt(cal.find('.secondselect').val(), 10);\r\n }\r\n\r\n if (this.timePicker12Hour) {\r\n var ampm = cal.find('.ampmselect').val();\r\n if (ampm === 'PM' && hour < 12) { hour += 12; }\r\n if (ampm === 'AM' && hour === 12) { hour = 0; }\r\n }\r\n\r\n if (isLeft) {\r\n var start = this.startDate.clone();\r\n start.hour(hour);\r\n start.minute(minute);\r\n start.second(second);\r\n this.startDate = start;\r\n this.leftCalendar.month.hour(hour).minute(minute).second(second);\r\n if (this.singleDatePicker) { this.endDate = start.clone(); }\r\n } else {\r\n var end = this.endDate.clone();\r\n end.hour(hour);\r\n end.minute(minute);\r\n end.second(second);\r\n this.endDate = end;\r\n if (this.singleDatePicker) { this.startDate = end.clone(); }\r\n this.rightCalendar.month.hour(hour).minute(minute).second(second);\r\n }\r\n\r\n this.updateView();\r\n this.updateCalendars();\r\n },\r\n\r\n updateCalendars: function () {\r\n this.leftCalendar.calendar = this.buildCalendar(this.leftCalendar.month.month(), this.leftCalendar.month.year(), this.leftCalendar.month.hour(), this.leftCalendar.month.minute(), this.leftCalendar.month.second(), 'left');\r\n this.rightCalendar.calendar = this.buildCalendar(this.rightCalendar.month.month(), this.rightCalendar.month.year(), this.rightCalendar.month.hour(), this.rightCalendar.month.minute(), this.rightCalendar.month.second(), 'right');\r\n this.container.find('.calendar.left').empty().html(this.renderCalendar(this.leftCalendar.calendar, this.startDate, this.minDate, this.maxDate, 'left'));\r\n this.container.find('.calendar.right').empty().html(this.renderCalendar(this.rightCalendar.calendar, this.endDate, this.singleDatePicker ? this.minDate : this.startDate, this.maxDate, 'right'));\r\n\r\n this.container.find('.ranges li').removeClass('active');\r\n var customRange = true;\r\n var i = 0;\r\n for (var range in this.ranges) {\r\n if (this.timePicker) {\r\n if (this.startDate.isSame(this.ranges[range][0]) && this.endDate.isSame(this.ranges[range][1])) {\r\n customRange = false;\r\n this.chosenLabel = this.container.find('.ranges li:eq(' + i + ')')\r\n .addClass('active').html();\r\n }\r\n } else {\r\n //ignore times when comparing dates if time picker is not enabled\r\n if (this.startDate.format('YYYY-MM-DD') == this.ranges[range][0].format('YYYY-MM-DD') && this.endDate.format('YYYY-MM-DD') == this.ranges[range][1].format('YYYY-MM-DD')) {\r\n customRange = false;\r\n this.chosenLabel = this.container.find('.ranges li:eq(' + i + ')')\r\n .addClass('active').html();\r\n }\r\n }\r\n i++;\r\n }\r\n if (customRange) {\r\n this.chosenLabel = this.container.find('.ranges li:last').addClass('active').html();\r\n this.showCalendars();\r\n }\r\n },\r\n\r\n buildCalendar: function (month, year, hour, minute, second, side) {\r\n var daysInMonth = moment([year, month]).daysInMonth();\r\n var firstDay = moment([year, month, 1]);\r\n var lastDay = moment([year, month, daysInMonth]);\r\n var lastMonth = moment(firstDay).subtract(1, 'month').month();\r\n var lastYear = moment(firstDay).subtract(1, 'month').year();\r\n\r\n var daysInLastMonth = moment([lastYear, lastMonth]).daysInMonth();\r\n\r\n var dayOfWeek = firstDay.day();\r\n\r\n var i;\r\n\r\n //initialize a 6 rows x 7 columns array for the calendar\r\n var calendar = [];\r\n calendar.firstDay = firstDay;\r\n calendar.lastDay = lastDay;\r\n\r\n for (i = 0; i < 6; i++) {\r\n calendar[i] = [];\r\n }\r\n\r\n //populate the calendar with date objects\r\n var startDay = daysInLastMonth - dayOfWeek + this.locale.firstDay + 1;\r\n if (startDay > daysInLastMonth) { startDay -= 7; }\r\n\r\n if (dayOfWeek == this.locale.firstDay) { startDay = daysInLastMonth - 6; }\r\n\r\n var curDate = moment([lastYear, lastMonth, startDay, 12, minute, second]).utcOffset(this.timeZone);\r\n\r\n var col, row;\r\n for (i = 0, col = 0, row = 0; i < 42; i++ , col++ , curDate = moment(curDate).add(24, 'hour')) {\r\n if (i > 0 && col % 7 === 0) {\r\n col = 0;\r\n row++;\r\n }\r\n calendar[row][col] = curDate.clone().hour(hour);\r\n curDate.hour(12);\r\n\r\n if (this.minDate && calendar[row][col].format('YYYY-MM-DD') == this.minDate.format('YYYY-MM-DD') && calendar[row][col].isBefore(this.minDate) && side == 'left') {\r\n calendar[row][col] = this.minDate.clone();\r\n }\r\n\r\n if (this.maxDate && calendar[row][col].format('YYYY-MM-DD') == this.maxDate.format('YYYY-MM-DD') && calendar[row][col].isAfter(this.maxDate) && side == 'right') {\r\n calendar[row][col] = this.maxDate.clone();\r\n }\r\n }\r\n\r\n return calendar;\r\n },\r\n\r\n renderDropdowns: function (selected, minDate, maxDate) {\r\n var currentMonth = selected.month();\r\n var currentYear = selected.year();\r\n var maxYear = (maxDate && maxDate.year()) || (currentYear + 5);\r\n var minYear = (minDate && minDate.year()) || (currentYear - 50);\r\n\r\n var monthHtml = '';\r\n\r\n var yearHtml = '';\r\n\r\n return monthHtml + yearHtml;\r\n },\r\n\r\n renderCalendar: function (calendar, selected, minDate, maxDate, side) {\r\n var html = '
';\r\n html += '
';\r\n html += '';\r\n html += '
';\r\n\r\n // add empty cell for week number\r\n if (this.showWeekNumbers) { html += '
'; }\r\n\r\n if (!minDate || minDate.isBefore(calendar.firstDay)) {\r\n html += '
';\r\n } else {\r\n html += '
';\r\n }\r\n\r\n var dateHtml = this.locale.monthNames[calendar[1][1].month()] + calendar[1][1].format(' YYYY');\r\n\r\n if (this.showDropdowns) {\r\n dateHtml = this.renderDropdowns(calendar[1][1], minDate, maxDate);\r\n }\r\n\r\n html += '
' + dateHtml + '
';\r\n if (!maxDate || maxDate.isAfter(calendar.lastDay)) {\r\n html += '
';\r\n } else {\r\n html += '
';\r\n }\r\n\r\n html += '
';\r\n html += '
';\r\n\r\n // add week number label\r\n if (this.showWeekNumbers) { html += '
' + this.locale.weekLabel + '
'; }\r\n\r\n $.each(this.locale.daysOfWeek, function (index, dayOfWeek) {\r\n html += '
' + dayOfWeek + '
';\r\n });\r\n\r\n html += '
';\r\n html += '';\r\n html += '';\r\n\r\n for (var row = 0; row < 6; row++) {\r\n html += '
';\r\n\r\n // add week number\r\n if (this.showWeekNumbers) { html += '
' + calendar[row][0].week() + '
'; }\r\n\r\n for (var col = 0; col < 7; col++) {\r\n var cname = 'available ';\r\n cname += (calendar[row][col].month() == calendar[1][1].month()) ? '' : 'off';\r\n\r\n if ((minDate && calendar[row][col].isBefore(minDate, 'day')) || (maxDate && calendar[row][col].isAfter(maxDate, 'day'))) {\r\n cname = ' off disabled ';\r\n } else if (calendar[row][col].format('YYYY-MM-DD') == selected.format('YYYY-MM-DD')) {\r\n cname += ' active ';\r\n if (calendar[row][col].format('YYYY-MM-DD') == this.startDate.format('YYYY-MM-DD')) {\r\n cname += ' start-date ';\r\n }\r\n if (calendar[row][col].format('YYYY-MM-DD') == this.endDate.format('YYYY-MM-DD')) {\r\n cname += ' end-date ';\r\n }\r\n } else if (calendar[row][col] >= this.startDate && calendar[row][col] <= this.endDate) {\r\n cname += ' in-range ';\r\n if (calendar[row][col].isSame(this.startDate)) { cname += ' start-date '; }\r\n if (calendar[row][col].isSame(this.endDate)) { cname += ' end-date '; }\r\n }\r\n\r\n var title = 'r' + row + 'c' + col;\r\n html += '
' + calendar[row][col].date() + '
';\r\n }\r\n html += '
';\r\n }\r\n\r\n html += '';\r\n html += '
';\r\n html += '
';\r\n\r\n var i;\r\n if (this.timePicker) {\r\n html += '
';\r\n html += ' : ';\r\n\r\n html += ' ';\r\n\r\n if (this.timePickerSeconds) {\r\n html += ': ';\r\n }\r\n\r\n if (this.timePicker12Hour) {\r\n html += '';\r\n }\r\n\r\n html += '
';\r\n }\r\n\r\n return html;\r\n },\r\n\r\n remove: function () {\r\n this.container.remove();\r\n this.element.off('.daterangepicker');\r\n this.element.removeData('daterangepicker');\r\n }\r\n\r\n };\r\n\r\n $.fn.daterangepicker = function (options, cb) {\r\n this.each(function () {\r\n var el = $(this);\r\n if (el.data('daterangepicker')) { el.data('daterangepicker').remove(); }\r\n el.data('daterangepicker', new DateRangePicker(el, options, cb));\r\n });\r\n return this;\r\n };\r\n}));\r\n","/*!\r\n * Select2 4.0.3\r\n * https://select2.github.io\r\n *\r\n * Released under the MIT license\r\n * https://github.com/select2/select2/blob/master/LICENSE.md\r\n */\r\n(function (factory) {\r\n if (typeof define === 'function' && define.amd) {\r\n // AMD. Register as an anonymous module.\r\n define(['jquery'], factory);\r\n } else if (typeof exports === 'object') {\r\n // Node/CommonJS\r\n factory(require('jquery'));\r\n } else {\r\n // Browser globals\r\n factory(jQuery);\r\n }\r\n}(function (jQuery) {\r\n // This is needed so we can catch the AMD loader configuration and use it\r\n // The inner file should be wrapped (by `banner.start.js`) in a function that\r\n // returns the AMD loader references.\r\n var S2 =\r\n(function () {\r\n // Restore the Select2 AMD loader so it can be used\r\n // Needed mostly in the language files, where the loader is not inserted\r\n if (jQuery && jQuery.fn && jQuery.fn.select2 && jQuery.fn.select2.amd) {\r\n var S2 = jQuery.fn.select2.amd;\r\n }\r\n var S2; (function () {\r\n if (!S2 || !S2.requirejs) {\r\n if (!S2) { S2 = {}; } else { require = S2; }\r\n /**\r\n * @license almond 0.3.1 Copyright (c) 2011-2014, The Dojo Foundation All Rights Reserved.\r\n * Available via the MIT or new BSD license.\r\n * see: http://github.com/jrburke/almond for details\r\n */\r\n //Going sloppy to avoid 'use strict' string cost, but strict practices should\r\n //be followed.\r\n /*jslint sloppy: true */\r\n /*global setTimeout: false */\r\n\r\n var requirejs, require, define;\r\n (function (undef) {\r\n var main, req, makeMap, handlers,\r\n defined = {},\r\n waiting = {},\r\n config = {},\r\n defining = {},\r\n hasOwn = Object.prototype.hasOwnProperty,\r\n aps = [].slice,\r\n jsSuffixRegExp = /\\.js$/;\r\n\r\n function hasProp(obj, prop) {\r\n return hasOwn.call(obj, prop);\r\n }\r\n\r\n /**\r\n * Given a relative module name, like ./something, normalize it to\r\n * a real name that can be mapped to a path.\r\n * @param {String} name the relative name\r\n * @param {String} baseName a real name that the name arg is relative\r\n * to.\r\n * @returns {String} normalized name\r\n */\r\n function normalize(name, baseName) {\r\n var nameParts, nameSegment, mapValue, foundMap, lastIndex,\r\n foundI, foundStarMap, starI, i, j, part,\r\n baseParts = baseName && baseName.split('/'),\r\n map = config.map,\r\n starMap = (map && map['*']) || {};\r\n\r\n //Adjust any relative paths.\r\n if (name && name.charAt(0) === '.') {\r\n //If have a base name, try to normalize against it,\r\n //otherwise, assume it is a top-level require that will\r\n //be relative to baseUrl in the end.\r\n if (baseName) {\r\n name = name.split('/');\r\n lastIndex = name.length - 1;\r\n\r\n // Node .js allowance:\r\n if (config.nodeIdCompat && jsSuffixRegExp.test(name[lastIndex])) {\r\n name[lastIndex] = name[lastIndex].replace(jsSuffixRegExp, '');\r\n }\r\n\r\n //Lop off the last part of baseParts, so that . matches the\r\n //\"directory\" and not name of the baseName's module. For instance,\r\n //baseName of \"one/two/three\", maps to \"one/two/three.js\", but we\r\n //want the directory, \"one/two\" for this normalization.\r\n name = baseParts.slice(0, baseParts.length - 1).concat(name);\r\n\r\n //start trimDots\r\n for (i = 0; i < name.length; i += 1) {\r\n part = name[i];\r\n if (part === '.') {\r\n name.splice(i, 1);\r\n i -= 1;\r\n } else if (part === '..') {\r\n if (i === 1 && (name[2] === '..' || name[0] === '..')) {\r\n //End of the line. Keep at least one non-dot\r\n //path segment at the front so it can be mapped\r\n //correctly to disk. Otherwise, there is likely\r\n //no path mapping for a path starting with '..'.\r\n //This can still fail, but catches the most reasonable\r\n //uses of ..\r\n break;\r\n } else if (i > 0) {\r\n name.splice(i - 1, 2);\r\n i -= 2;\r\n }\r\n }\r\n }\r\n //end trimDots\r\n\r\n name = name.join('/');\r\n } else if (name.indexOf('./') === 0) {\r\n // No baseName, so this is ID is resolved relative\r\n // to baseUrl, pull off the leading dot.\r\n name = name.substring(2);\r\n }\r\n }\r\n\r\n //Apply map config if available.\r\n if ((baseParts || starMap) && map) {\r\n nameParts = name.split('/');\r\n\r\n for (i = nameParts.length; i > 0; i -= 1) {\r\n nameSegment = nameParts.slice(0, i).join('/');\r\n\r\n if (baseParts) {\r\n //Find the longest baseName segment match in the config.\r\n //So, do joins on the biggest to smallest lengths of baseParts.\r\n for (j = baseParts.length; j > 0; j -= 1) {\r\n mapValue = map[baseParts.slice(0, j).join('/')];\r\n\r\n //baseName segment has config, find if it has one for\r\n //this name.\r\n if (mapValue) {\r\n mapValue = mapValue[nameSegment];\r\n if (mapValue) {\r\n //Match, update name to the new value.\r\n foundMap = mapValue;\r\n foundI = i;\r\n break;\r\n }\r\n }\r\n }\r\n }\r\n\r\n if (foundMap) {\r\n break;\r\n }\r\n\r\n //Check for a star map match, but just hold on to it,\r\n //if there is a shorter segment match later in a matching\r\n //config, then favor over this star map.\r\n if (!foundStarMap && starMap && starMap[nameSegment]) {\r\n foundStarMap = starMap[nameSegment];\r\n starI = i;\r\n }\r\n }\r\n\r\n if (!foundMap && foundStarMap) {\r\n foundMap = foundStarMap;\r\n foundI = starI;\r\n }\r\n\r\n if (foundMap) {\r\n nameParts.splice(0, foundI, foundMap);\r\n name = nameParts.join('/');\r\n }\r\n }\r\n\r\n return name;\r\n }\r\n\r\n function makeRequire(relName, forceSync) {\r\n return function () {\r\n //A version of a require function that passes a moduleName\r\n //value for items that may need to\r\n //look up paths relative to the moduleName\r\n var args = aps.call(arguments, 0);\r\n\r\n //If first arg is not require('string'), and there is only\r\n //one arg, it is the array form without a callback. Insert\r\n //a null so that the following concat is correct.\r\n if (typeof args[0] !== 'string' && args.length === 1) {\r\n args.push(null);\r\n }\r\n return req.apply(undef, args.concat([relName, forceSync]));\r\n };\r\n }\r\n\r\n function makeNormalize(relName) {\r\n return function (name) {\r\n return normalize(name, relName);\r\n };\r\n }\r\n\r\n function makeLoad(depName) {\r\n return function (value) {\r\n defined[depName] = value;\r\n };\r\n }\r\n\r\n function callDep(name) {\r\n if (hasProp(waiting, name)) {\r\n var args = waiting[name];\r\n delete waiting[name];\r\n defining[name] = true;\r\n main.apply(undef, args);\r\n }\r\n\r\n if (!hasProp(defined, name) && !hasProp(defining, name)) {\r\n throw new Error('No ' + name);\r\n }\r\n return defined[name];\r\n }\r\n\r\n //Turns a plugin!resource to [plugin, resource]\r\n //with the plugin being undefined if the name\r\n //did not have a plugin prefix.\r\n function splitPrefix(name) {\r\n var prefix,\r\n index = name ? name.indexOf('!') : -1;\r\n if (index > -1) {\r\n prefix = name.substring(0, index);\r\n name = name.substring(index + 1, name.length);\r\n }\r\n return [prefix, name];\r\n }\r\n\r\n /**\r\n * Makes a name map, normalizing the name, and using a plugin\r\n * for normalization if necessary. Grabs a ref to plugin\r\n * too, as an optimization.\r\n */\r\n makeMap = function (name, relName) {\r\n var plugin,\r\n parts = splitPrefix(name),\r\n prefix = parts[0];\r\n\r\n name = parts[1];\r\n\r\n if (prefix) {\r\n prefix = normalize(prefix, relName);\r\n plugin = callDep(prefix);\r\n }\r\n\r\n //Normalize according\r\n if (prefix) {\r\n if (plugin && plugin.normalize) {\r\n name = plugin.normalize(name, makeNormalize(relName));\r\n } else {\r\n name = normalize(name, relName);\r\n }\r\n } else {\r\n name = normalize(name, relName);\r\n parts = splitPrefix(name);\r\n prefix = parts[0];\r\n name = parts[1];\r\n if (prefix) {\r\n plugin = callDep(prefix);\r\n }\r\n }\r\n\r\n //Using ridiculous property names for space reasons\r\n return {\r\n f: prefix ? prefix + '!' + name : name, //fullName\r\n n: name,\r\n pr: prefix,\r\n p: plugin\r\n };\r\n };\r\n\r\n function makeConfig(name) {\r\n return function () {\r\n return (config && config.config && config.config[name]) || {};\r\n };\r\n }\r\n\r\n handlers = {\r\n require: function (name) {\r\n return makeRequire(name);\r\n },\r\n exports: function (name) {\r\n var e = defined[name];\r\n if (typeof e !== 'undefined') {\r\n return e;\r\n } else {\r\n return (defined[name] = {});\r\n }\r\n },\r\n module: function (name) {\r\n return {\r\n id: name,\r\n uri: '',\r\n exports: defined[name],\r\n config: makeConfig(name)\r\n };\r\n }\r\n };\r\n\r\n main = function (name, deps, callback, relName) {\r\n var cjsModule, depName, ret, map, i,\r\n args = [],\r\n callbackType = typeof callback,\r\n usingExports;\r\n\r\n //Use name if no relName\r\n relName = relName || name;\r\n\r\n //Call the callback to define the module, if necessary.\r\n if (callbackType === 'undefined' || callbackType === 'function') {\r\n //Pull out the defined dependencies and pass the ordered\r\n //values to the callback.\r\n //Default to [require, exports, module] if no deps\r\n deps = !deps.length && callback.length ? ['require', 'exports', 'module'] : deps;\r\n for (i = 0; i < deps.length; i += 1) {\r\n map = makeMap(deps[i], relName);\r\n depName = map.f;\r\n\r\n //Fast path CommonJS standard dependencies.\r\n if (depName === 'require') {\r\n args[i] = handlers.require(name);\r\n } else if (depName === 'exports') {\r\n //CommonJS module spec 1.1\r\n args[i] = handlers.exports(name);\r\n usingExports = true;\r\n } else if (depName === 'module') {\r\n //CommonJS module spec 1.1\r\n cjsModule = args[i] = handlers.module(name);\r\n } else if (hasProp(defined, depName) ||\r\n hasProp(waiting, depName) ||\r\n hasProp(defining, depName)) {\r\n args[i] = callDep(depName);\r\n } else if (map.p) {\r\n map.p.load(map.n, makeRequire(relName, true), makeLoad(depName), {});\r\n args[i] = defined[depName];\r\n } else {\r\n throw new Error(name + ' missing ' + depName);\r\n }\r\n }\r\n\r\n ret = callback ? callback.apply(defined[name], args) : undefined;\r\n\r\n if (name) {\r\n //If setting exports via \"module\" is in play,\r\n //favor that over return value and exports. After that,\r\n //favor a non-undefined return value over exports use.\r\n if (cjsModule && cjsModule.exports !== undef &&\r\n cjsModule.exports !== defined[name]) {\r\n defined[name] = cjsModule.exports;\r\n } else if (ret !== undef || !usingExports) {\r\n //Use the return value from the function.\r\n defined[name] = ret;\r\n }\r\n }\r\n } else if (name) {\r\n //May just be an object definition for the module. Only\r\n //worry about defining if have a module name.\r\n defined[name] = callback;\r\n }\r\n };\r\n\r\n requirejs = require = req = function (deps, callback, relName, forceSync, alt) {\r\n if (typeof deps === 'string') {\r\n if (handlers[deps]) {\r\n //callback in this case is really relName\r\n return handlers[deps](callback);\r\n }\r\n //Just return the module wanted. In this scenario, the\r\n //deps arg is the module name, and second arg (if passed)\r\n //is just the relName.\r\n //Normalize module name, if it contains . or ..\r\n return callDep(makeMap(deps, callback).f);\r\n } else if (!deps.splice) {\r\n //deps is a config object, not an array.\r\n config = deps;\r\n if (config.deps) {\r\n req(config.deps, config.callback);\r\n }\r\n if (!callback) {\r\n return;\r\n }\r\n\r\n if (callback.splice) {\r\n //callback is an array, which means it is a dependency list.\r\n //Adjust args if there are dependencies\r\n deps = callback;\r\n callback = relName;\r\n relName = null;\r\n } else {\r\n deps = undef;\r\n }\r\n }\r\n\r\n //Support require(['a'])\r\n callback = callback || function () {};\r\n\r\n //If relName is a function, it is an errback handler,\r\n //so remove it.\r\n if (typeof relName === 'function') {\r\n relName = forceSync;\r\n forceSync = alt;\r\n }\r\n\r\n //Simulate async callback;\r\n if (forceSync) {\r\n main(undef, deps, callback, relName);\r\n } else {\r\n //Using a non-zero value because of concern for what old browsers\r\n //do, and latest browsers \"upgrade\" to 4 if lower value is used:\r\n //http://www.whatwg.org/specs/web-apps/current-work/multipage/timers.html#dom-windowtimers-settimeout:\r\n //If want a value immediately, use require('id') instead -- something\r\n //that works in almond on the global level, but not guaranteed and\r\n //unlikely to work in other AMD implementations.\r\n setTimeout(function () {\r\n main(undef, deps, callback, relName);\r\n }, 4);\r\n }\r\n\r\n return req;\r\n };\r\n\r\n /**\r\n * Just drops the config on the floor, but returns req in case\r\n * the config return value is used.\r\n */\r\n req.config = function (cfg) {\r\n return req(cfg);\r\n };\r\n\r\n /**\r\n * Expose module registry for debugging and tooling\r\n */\r\n requirejs._defined = defined;\r\n\r\n define = function (name, deps, callback) {\r\n if (typeof name !== 'string') {\r\n throw new Error('See almond README: incorrect module build, no module name');\r\n }\r\n\r\n //This module may not have dependencies\r\n if (!deps.splice) {\r\n //deps is not an array, so probably means\r\n //an object literal or factory function for\r\n //the value. Adjust args.\r\n callback = deps;\r\n deps = [];\r\n }\r\n\r\n if (!hasProp(defined, name) && !hasProp(waiting, name)) {\r\n waiting[name] = [name, deps, callback];\r\n }\r\n };\r\n\r\n define.amd = {\r\n jQuery: true\r\n };\r\n }());\r\n\r\n S2.requirejs = requirejs; S2.require = require; S2.define = define;\r\n }\r\n }());\r\n S2.define('almond', function() {});\r\n\r\n /* global jQuery:false, $:false */\r\n S2.define('jquery', [], function () {\r\n var _$ = jQuery || $;\r\n\r\n if (_$ == null && console && console.error) {\r\n console.error(\r\n 'Select2: An instance of jQuery or a jQuery-compatible library was not ' +\r\n 'found. Make sure that you are including jQuery before Select2 on your ' +\r\n 'web page.'\r\n );\r\n }\r\n\r\n return _$;\r\n });\r\n\r\n S2.define('select2/utils', [\r\n 'jquery'\r\n ], function ($) {\r\n var Utils = {};\r\n\r\n Utils.Extend = function (ChildClass, SuperClass) {\r\n var __hasProp = {}.hasOwnProperty;\r\n\r\n function BaseConstructor () {\r\n this.constructor = ChildClass;\r\n }\r\n\r\n for (var key in SuperClass) {\r\n if (__hasProp.call(SuperClass, key)) {\r\n ChildClass[key] = SuperClass[key];\r\n }\r\n }\r\n\r\n BaseConstructor.prototype = SuperClass.prototype;\r\n ChildClass.prototype = new BaseConstructor();\r\n ChildClass.__super__ = SuperClass.prototype;\r\n\r\n return ChildClass;\r\n };\r\n\r\n function getMethods (theClass) {\r\n var proto = theClass.prototype;\r\n\r\n var methods = [];\r\n\r\n for (var methodName in proto) {\r\n var m = proto[methodName];\r\n\r\n if (typeof m !== 'function') {\r\n continue;\r\n }\r\n\r\n if (methodName === 'constructor') {\r\n continue;\r\n }\r\n\r\n methods.push(methodName);\r\n }\r\n\r\n return methods;\r\n }\r\n\r\n Utils.Decorate = function (SuperClass, DecoratorClass) {\r\n var decoratedMethods = getMethods(DecoratorClass);\r\n var superMethods = getMethods(SuperClass);\r\n\r\n function DecoratedClass () {\r\n var unshift = Array.prototype.unshift;\r\n\r\n var argCount = DecoratorClass.prototype.constructor.length;\r\n\r\n var calledConstructor = SuperClass.prototype.constructor;\r\n\r\n if (argCount > 0) {\r\n unshift.call(arguments, SuperClass.prototype.constructor);\r\n\r\n calledConstructor = DecoratorClass.prototype.constructor;\r\n }\r\n\r\n calledConstructor.apply(this, arguments);\r\n }\r\n\r\n DecoratorClass.displayName = SuperClass.displayName;\r\n\r\n function ctr () {\r\n this.constructor = DecoratedClass;\r\n }\r\n\r\n DecoratedClass.prototype = new ctr();\r\n\r\n for (var m = 0; m < superMethods.length; m++) {\r\n var superMethod = superMethods[m];\r\n\r\n DecoratedClass.prototype[superMethod] =\r\n SuperClass.prototype[superMethod];\r\n }\r\n\r\n var calledMethod = function (methodName) {\r\n // Stub out the original method if it's not decorating an actual method\r\n var originalMethod = function () {};\r\n\r\n if (methodName in DecoratedClass.prototype) {\r\n originalMethod = DecoratedClass.prototype[methodName];\r\n }\r\n\r\n var decoratedMethod = DecoratorClass.prototype[methodName];\r\n\r\n return function () {\r\n var unshift = Array.prototype.unshift;\r\n\r\n unshift.call(arguments, originalMethod);\r\n\r\n return decoratedMethod.apply(this, arguments);\r\n };\r\n };\r\n\r\n for (var d = 0; d < decoratedMethods.length; d++) {\r\n var decoratedMethod = decoratedMethods[d];\r\n\r\n DecoratedClass.prototype[decoratedMethod] = calledMethod(decoratedMethod);\r\n }\r\n\r\n return DecoratedClass;\r\n };\r\n\r\n var Observable = function () {\r\n this.listeners = {};\r\n };\r\n\r\n Observable.prototype.on = function (event, callback) {\r\n this.listeners = this.listeners || {};\r\n\r\n if (event in this.listeners) {\r\n this.listeners[event].push(callback);\r\n } else {\r\n this.listeners[event] = [callback];\r\n }\r\n };\r\n\r\n Observable.prototype.trigger = function (event) {\r\n var slice = Array.prototype.slice;\r\n var params = slice.call(arguments, 1);\r\n\r\n this.listeners = this.listeners || {};\r\n\r\n // Params should always come in as an array\r\n if (params == null) {\r\n params = [];\r\n }\r\n\r\n // If there are no arguments to the event, use a temporary object\r\n if (params.length === 0) {\r\n params.push({});\r\n }\r\n\r\n // Set the `_type` of the first object to the event\r\n params[0]._type = event;\r\n\r\n if (event in this.listeners) {\r\n this.invoke(this.listeners[event], slice.call(arguments, 1));\r\n }\r\n\r\n if ('*' in this.listeners) {\r\n this.invoke(this.listeners['*'], arguments);\r\n }\r\n };\r\n\r\n Observable.prototype.invoke = function (listeners, params) {\r\n for (var i = 0, len = listeners.length; i < len; i++) {\r\n listeners[i].apply(this, params);\r\n }\r\n };\r\n\r\n Utils.Observable = Observable;\r\n\r\n Utils.generateChars = function (length) {\r\n var chars = '';\r\n\r\n for (var i = 0; i < length; i++) {\r\n var randomChar = Math.floor(Math.random() * 36);\r\n chars += randomChar.toString(36);\r\n }\r\n\r\n return chars;\r\n };\r\n\r\n Utils.bind = function (func, context) {\r\n return function () {\r\n func.apply(context, arguments);\r\n };\r\n };\r\n\r\n Utils._convertData = function (data) {\r\n for (var originalKey in data) {\r\n var keys = originalKey.split('-');\r\n\r\n var dataLevel = data;\r\n\r\n if (keys.length === 1) {\r\n continue;\r\n }\r\n\r\n for (var k = 0; k < keys.length; k++) {\r\n var key = keys[k];\r\n\r\n // Lowercase the first letter\r\n // By default, dash-separated becomes camelCase\r\n key = key.substring(0, 1).toLowerCase() + key.substring(1);\r\n\r\n if (!(key in dataLevel)) {\r\n dataLevel[key] = {};\r\n }\r\n\r\n if (k == keys.length - 1) {\r\n dataLevel[key] = data[originalKey];\r\n }\r\n\r\n dataLevel = dataLevel[key];\r\n }\r\n\r\n delete data[originalKey];\r\n }\r\n\r\n return data;\r\n };\r\n\r\n Utils.hasScroll = function (index, el) {\r\n // Adapted from the function created by @ShadowScripter\r\n // and adapted by @BillBarry on the Stack Exchange Code Review website.\r\n // The original code can be found at\r\n // http://codereview.stackexchange.com/q/13338\r\n // and was designed to be used with the Sizzle selector engine.\r\n\r\n var $el = $(el);\r\n var overflowX = el.style.overflowX;\r\n var overflowY = el.style.overflowY;\r\n\r\n //Check both x and y declarations\r\n if (overflowX === overflowY &&\r\n (overflowY === 'hidden' || overflowY === 'visible')) {\r\n return false;\r\n }\r\n\r\n if (overflowX === 'scroll' || overflowY === 'scroll') {\r\n return true;\r\n }\r\n\r\n return ($el.innerHeight() < el.scrollHeight ||\r\n $el.innerWidth() < el.scrollWidth);\r\n };\r\n\r\n Utils.escapeMarkup = function (markup) {\r\n var replaceMap = {\r\n '\\\\': '\',\r\n '&': '&',\r\n '<': '<',\r\n '>': '>',\r\n '\"': '"',\r\n '\\'': ''',\r\n '/': '/'\r\n };\r\n\r\n // Do not try to escape the markup if it's not a string\r\n if (typeof markup !== 'string') {\r\n return markup;\r\n }\r\n\r\n return String(markup).replace(/[&<>\"'\\/\\\\]/g, function (match) {\r\n return replaceMap[match];\r\n });\r\n };\r\n\r\n // Append an array of jQuery nodes to a given element.\r\n Utils.appendMany = function ($element, $nodes) {\r\n // jQuery 1.7.x does not support $.fn.append() with an array\r\n // Fall back to a jQuery object collection using $.fn.add()\r\n if ($.fn.jquery.substr(0, 3) === '1.7') {\r\n var $jqNodes = $();\r\n\r\n $.map($nodes, function (node) {\r\n $jqNodes = $jqNodes.add(node);\r\n });\r\n\r\n $nodes = $jqNodes;\r\n }\r\n\r\n $element.append($nodes);\r\n };\r\n\r\n return Utils;\r\n });\r\n\r\n S2.define('select2/results', [\r\n 'jquery',\r\n './utils'\r\n ], function ($, Utils) {\r\n function Results ($element, options, dataAdapter) {\r\n this.$element = $element;\r\n this.data = dataAdapter;\r\n this.options = options;\r\n\r\n Results.__super__.constructor.call(this);\r\n }\r\n\r\n Utils.Extend(Results, Utils.Observable);\r\n\r\n Results.prototype.render = function () {\r\n var $results = $(\r\n '
'\r\n );\r\n\r\n if (this.options.get('multiple')) {\r\n $results.attr('aria-multiselectable', 'true');\r\n }\r\n\r\n this.$results = $results;\r\n\r\n return $results;\r\n };\r\n\r\n Results.prototype.clear = function () {\r\n this.$results.empty();\r\n };\r\n\r\n Results.prototype.displayMessage = function (params) {\r\n var escapeMarkup = this.options.get('escapeMarkup');\r\n\r\n this.clear();\r\n this.hideLoading();\r\n\r\n var $message = $(\r\n ''\r\n );\r\n\r\n var message = this.options.get('translations').get(params.message);\r\n\r\n $message.append(\r\n escapeMarkup(\r\n message(params.args)\r\n )\r\n );\r\n\r\n $message[0].className += ' select2-results__message';\r\n\r\n this.$results.append($message);\r\n };\r\n\r\n Results.prototype.hideMessages = function () {\r\n this.$results.find('.select2-results__message').remove();\r\n };\r\n\r\n Results.prototype.append = function (data) {\r\n this.hideLoading();\r\n\r\n var $options = [];\r\n\r\n if (data.results == null || data.results.length === 0) {\r\n if (this.$results.children().length === 0) {\r\n this.trigger('results:message', {\r\n message: 'noResults'\r\n });\r\n }\r\n\r\n return;\r\n }\r\n\r\n data.results = this.sort(data.results);\r\n\r\n for (var d = 0; d < data.results.length; d++) {\r\n var item = data.results[d];\r\n\r\n var $option = this.option(item);\r\n\r\n $options.push($option);\r\n }\r\n\r\n this.$results.append($options);\r\n };\r\n\r\n Results.prototype.position = function ($results, $dropdown) {\r\n var $resultsContainer = $dropdown.find('.select2-results');\r\n $resultsContainer.append($results);\r\n };\r\n\r\n Results.prototype.sort = function (data) {\r\n var sorter = this.options.get('sorter');\r\n\r\n return sorter(data);\r\n };\r\n\r\n Results.prototype.highlightFirstItem = function () {\r\n var $options = this.$results\r\n .find('.select2-results__option[aria-selected]');\r\n\r\n var $selected = $options.filter('[aria-selected=true]');\r\n\r\n // Check if there are any selected options\r\n if ($selected.length > 0) {\r\n // If there are selected options, highlight the first\r\n $selected.first().trigger('mouseenter');\r\n } else {\r\n // If there are no selected options, highlight the first option\r\n // in the dropdown\r\n $options.first().trigger('mouseenter');\r\n }\r\n\r\n this.ensureHighlightVisible();\r\n };\r\n\r\n Results.prototype.setClasses = function () {\r\n var self = this;\r\n\r\n this.data.current(function (selected) {\r\n var selectedIds = $.map(selected, function (s) {\r\n return s.id.toString();\r\n });\r\n\r\n var $options = self.$results\r\n .find('.select2-results__option[aria-selected]');\r\n\r\n $options.each(function () {\r\n var $option = $(this);\r\n\r\n var item = $.data(this, 'data');\r\n\r\n // id needs to be converted to a string when comparing\r\n var id = '' + item.id;\r\n\r\n if ((item.element != null && item.element.selected) ||\r\n (item.element == null && $.inArray(id, selectedIds) > -1)) {\r\n $option.attr('aria-selected', 'true');\r\n } else {\r\n $option.attr('aria-selected', 'false');\r\n }\r\n });\r\n });\r\n };\r\n\r\n Results.prototype.showLoading = function (params) {\r\n this.hideLoading();\r\n\r\n var loadingMore = this.options.get('translations').get('searching');\r\n\r\n var loading = {\r\n disabled: true,\r\n loading: true,\r\n text: loadingMore(params)\r\n };\r\n var $loading = this.option(loading);\r\n $loading.className += ' loading-results';\r\n\r\n this.$results.prepend($loading);\r\n };\r\n\r\n Results.prototype.hideLoading = function () {\r\n this.$results.find('.loading-results').remove();\r\n };\r\n\r\n Results.prototype.option = function (data) {\r\n var option = document.createElement('li');\r\n option.className = 'select2-results__option';\r\n\r\n var attrs = {\r\n 'role': 'treeitem',\r\n 'aria-selected': 'false'\r\n };\r\n\r\n if (data.disabled) {\r\n delete attrs['aria-selected'];\r\n attrs['aria-disabled'] = 'true';\r\n }\r\n\r\n if (data.id == null) {\r\n delete attrs['aria-selected'];\r\n }\r\n\r\n if (data._resultId != null) {\r\n option.id = data._resultId;\r\n }\r\n\r\n if (data.title) {\r\n option.title = data.title;\r\n }\r\n\r\n if (data.children) {\r\n attrs.role = 'group';\r\n attrs['aria-label'] = data.text;\r\n delete attrs['aria-selected'];\r\n }\r\n\r\n for (var attr in attrs) {\r\n var val = attrs[attr];\r\n\r\n option.setAttribute(attr, val);\r\n }\r\n\r\n if (data.children) {\r\n var $option = $(option);\r\n\r\n var label = document.createElement('strong');\r\n label.className = 'select2-results__group';\r\n\r\n var $label = $(label);\r\n this.template(data, label);\r\n\r\n var $children = [];\r\n\r\n for (var c = 0; c < data.children.length; c++) {\r\n var child = data.children[c];\r\n\r\n var $child = this.option(child);\r\n\r\n $children.push($child);\r\n }\r\n\r\n var $childrenContainer = $('
', {\r\n 'class': 'select2-results__options select2-results__options--nested'\r\n });\r\n\r\n $childrenContainer.append($children);\r\n\r\n $option.append(label);\r\n $option.append($childrenContainer);\r\n } else {\r\n this.template(data, option);\r\n }\r\n\r\n $.data(option, 'data', data);\r\n\r\n return option;\r\n };\r\n\r\n Results.prototype.bind = function (container, $container) {\r\n var self = this;\r\n\r\n var id = container.id + '-results';\r\n\r\n this.$results.attr('id', id);\r\n\r\n container.on('results:all', function (params) {\r\n self.clear();\r\n self.append(params.data);\r\n\r\n if (container.isOpen()) {\r\n self.setClasses();\r\n self.highlightFirstItem();\r\n }\r\n });\r\n\r\n container.on('results:append', function (params) {\r\n self.append(params.data);\r\n\r\n if (container.isOpen()) {\r\n self.setClasses();\r\n }\r\n });\r\n\r\n container.on('query', function (params) {\r\n self.hideMessages();\r\n self.showLoading(params);\r\n });\r\n\r\n container.on('select', function () {\r\n if (!container.isOpen()) {\r\n return;\r\n }\r\n\r\n self.setClasses();\r\n self.highlightFirstItem();\r\n });\r\n\r\n container.on('unselect', function () {\r\n if (!container.isOpen()) {\r\n return;\r\n }\r\n\r\n self.setClasses();\r\n self.highlightFirstItem();\r\n });\r\n\r\n container.on('open', function () {\r\n // When the dropdown is open, aria-expended=\"true\"\r\n self.$results.attr('aria-expanded', 'true');\r\n self.$results.attr('aria-hidden', 'false');\r\n\r\n self.setClasses();\r\n self.ensureHighlightVisible();\r\n });\r\n\r\n container.on('close', function () {\r\n // When the dropdown is closed, aria-expended=\"false\"\r\n self.$results.attr('aria-expanded', 'false');\r\n self.$results.attr('aria-hidden', 'true');\r\n self.$results.removeAttr('aria-activedescendant');\r\n });\r\n\r\n container.on('results:toggle', function () {\r\n var $highlighted = self.getHighlightedResults();\r\n\r\n if ($highlighted.length === 0) {\r\n return;\r\n }\r\n\r\n $highlighted.trigger('mouseup');\r\n });\r\n\r\n container.on('results:select', function () {\r\n var $highlighted = self.getHighlightedResults();\r\n\r\n if ($highlighted.length === 0) {\r\n return;\r\n }\r\n\r\n var data = $highlighted.data('data');\r\n\r\n if ($highlighted.attr('aria-selected') == 'true') {\r\n self.trigger('close', {});\r\n } else {\r\n self.trigger('select', {\r\n data: data\r\n });\r\n }\r\n });\r\n\r\n container.on('results:previous', function () {\r\n var $highlighted = self.getHighlightedResults();\r\n\r\n var $options = self.$results.find('[aria-selected]');\r\n\r\n var currentIndex = $options.index($highlighted);\r\n\r\n // If we are already at te top, don't move further\r\n if (currentIndex === 0) {\r\n return;\r\n }\r\n\r\n var nextIndex = currentIndex - 1;\r\n\r\n // If none are highlighted, highlight the first\r\n if ($highlighted.length === 0) {\r\n nextIndex = 0;\r\n }\r\n\r\n var $next = $options.eq(nextIndex);\r\n\r\n $next.trigger('mouseenter');\r\n\r\n var currentOffset = self.$results.offset().top;\r\n var nextTop = $next.offset().top;\r\n var nextOffset = self.$results.scrollTop() + (nextTop - currentOffset);\r\n\r\n if (nextIndex === 0) {\r\n self.$results.scrollTop(0);\r\n } else if (nextTop - currentOffset < 0) {\r\n self.$results.scrollTop(nextOffset);\r\n }\r\n });\r\n\r\n container.on('results:next', function () {\r\n var $highlighted = self.getHighlightedResults();\r\n\r\n var $options = self.$results.find('[aria-selected]');\r\n\r\n var currentIndex = $options.index($highlighted);\r\n\r\n var nextIndex = currentIndex + 1;\r\n\r\n // If we are at the last option, stay there\r\n if (nextIndex >= $options.length) {\r\n return;\r\n }\r\n\r\n var $next = $options.eq(nextIndex);\r\n\r\n $next.trigger('mouseenter');\r\n\r\n var currentOffset = self.$results.offset().top +\r\n self.$results.outerHeight(false);\r\n var nextBottom = $next.offset().top + $next.outerHeight(false);\r\n var nextOffset = self.$results.scrollTop() + nextBottom - currentOffset;\r\n\r\n if (nextIndex === 0) {\r\n self.$results.scrollTop(0);\r\n } else if (nextBottom > currentOffset) {\r\n self.$results.scrollTop(nextOffset);\r\n }\r\n });\r\n\r\n container.on('results:focus', function (params) {\r\n params.element.addClass('select2-results__option--highlighted');\r\n });\r\n\r\n container.on('results:message', function (params) {\r\n self.displayMessage(params);\r\n });\r\n\r\n if ($.fn.mousewheel) {\r\n this.$results.on('mousewheel', function (e) {\r\n var top = self.$results.scrollTop();\r\n\r\n var bottom = self.$results.get(0).scrollHeight - top + e.deltaY;\r\n\r\n var isAtTop = e.deltaY > 0 && top - e.deltaY <= 0;\r\n var isAtBottom = e.deltaY < 0 && bottom <= self.$results.height();\r\n\r\n if (isAtTop) {\r\n self.$results.scrollTop(0);\r\n\r\n e.preventDefault();\r\n e.stopPropagation();\r\n } else if (isAtBottom) {\r\n self.$results.scrollTop(\r\n self.$results.get(0).scrollHeight - self.$results.height()\r\n );\r\n\r\n e.preventDefault();\r\n e.stopPropagation();\r\n }\r\n });\r\n }\r\n\r\n this.$results.on('mouseup', '.select2-results__option[aria-selected]',\r\n function (evt) {\r\n var $this = $(this);\r\n\r\n var data = $this.data('data');\r\n\r\n if ($this.attr('aria-selected') === 'true') {\r\n if (self.options.get('multiple')) {\r\n self.trigger('unselect', {\r\n originalEvent: evt,\r\n data: data\r\n });\r\n } else {\r\n self.trigger('close', {});\r\n }\r\n\r\n return;\r\n }\r\n\r\n self.trigger('select', {\r\n originalEvent: evt,\r\n data: data\r\n });\r\n });\r\n\r\n this.$results.on('mouseenter', '.select2-results__option[aria-selected]',\r\n function (evt) {\r\n var data = $(this).data('data');\r\n\r\n self.getHighlightedResults()\r\n .removeClass('select2-results__option--highlighted');\r\n\r\n self.trigger('results:focus', {\r\n data: data,\r\n element: $(this)\r\n });\r\n });\r\n };\r\n\r\n Results.prototype.getHighlightedResults = function () {\r\n var $highlighted = this.$results\r\n .find('.select2-results__option--highlighted');\r\n\r\n return $highlighted;\r\n };\r\n\r\n Results.prototype.destroy = function () {\r\n this.$results.remove();\r\n };\r\n\r\n Results.prototype.ensureHighlightVisible = function () {\r\n var $highlighted = this.getHighlightedResults();\r\n\r\n if ($highlighted.length === 0) {\r\n return;\r\n }\r\n\r\n var $options = this.$results.find('[aria-selected]');\r\n\r\n var currentIndex = $options.index($highlighted);\r\n\r\n var currentOffset = this.$results.offset().top;\r\n var nextTop = $highlighted.offset().top;\r\n var nextOffset = this.$results.scrollTop() + (nextTop - currentOffset);\r\n\r\n var offsetDelta = nextTop - currentOffset;\r\n nextOffset -= $highlighted.outerHeight(false) * 2;\r\n\r\n if (currentIndex <= 2) {\r\n this.$results.scrollTop(0);\r\n } else if (offsetDelta > this.$results.outerHeight() || offsetDelta < 0) {\r\n this.$results.scrollTop(nextOffset);\r\n }\r\n };\r\n\r\n Results.prototype.template = function (result, container) {\r\n var template = this.options.get('templateResult');\r\n var escapeMarkup = this.options.get('escapeMarkup');\r\n\r\n var content = template(result, container);\r\n\r\n if (content == null) {\r\n container.style.display = 'none';\r\n } else if (typeof content === 'string') {\r\n container.innerHTML = escapeMarkup(content);\r\n } else {\r\n $(container).append(content);\r\n }\r\n };\r\n\r\n return Results;\r\n });\r\n\r\n S2.define('select2/keys', [\r\n\r\n ], function () {\r\n var KEYS = {\r\n BACKSPACE: 8,\r\n TAB: 9,\r\n ENTER: 13,\r\n SHIFT: 16,\r\n CTRL: 17,\r\n ALT: 18,\r\n ESC: 27,\r\n SPACE: 32,\r\n PAGE_UP: 33,\r\n PAGE_DOWN: 34,\r\n END: 35,\r\n HOME: 36,\r\n LEFT: 37,\r\n UP: 38,\r\n RIGHT: 39,\r\n DOWN: 40,\r\n DELETE: 46\r\n };\r\n\r\n return KEYS;\r\n });\r\n\r\n S2.define('select2/selection/base', [\r\n 'jquery',\r\n '../utils',\r\n '../keys'\r\n ], function ($, Utils, KEYS) {\r\n function BaseSelection ($element, options) {\r\n this.$element = $element;\r\n this.options = options;\r\n\r\n BaseSelection.__super__.constructor.call(this);\r\n }\r\n\r\n Utils.Extend(BaseSelection, Utils.Observable);\r\n\r\n BaseSelection.prototype.render = function () {\r\n var $selection = $(\r\n '' +\r\n ''\r\n );\r\n\r\n this._tabindex = 0;\r\n\r\n if (this.$element.data('old-tabindex') != null) {\r\n this._tabindex = this.$element.data('old-tabindex');\r\n } else if (this.$element.attr('tabindex') != null) {\r\n this._tabindex = this.$element.attr('tabindex');\r\n }\r\n\r\n $selection.attr('title', this.$element.attr('title'));\r\n $selection.attr('tabindex', this._tabindex);\r\n\r\n this.$selection = $selection;\r\n\r\n return $selection;\r\n };\r\n\r\n BaseSelection.prototype.bind = function (container, $container) {\r\n var self = this;\r\n\r\n var id = container.id + '-container';\r\n var resultsId = container.id + '-results';\r\n\r\n this.container = container;\r\n\r\n this.$selection.on('focus', function (evt) {\r\n self.trigger('focus', evt);\r\n });\r\n\r\n this.$selection.on('blur', function (evt) {\r\n self._handleBlur(evt);\r\n });\r\n\r\n this.$selection.on('keydown', function (evt) {\r\n self.trigger('keypress', evt);\r\n\r\n if (evt.which === KEYS.SPACE) {\r\n evt.preventDefault();\r\n }\r\n });\r\n\r\n container.on('results:focus', function (params) {\r\n self.$selection.attr('aria-activedescendant', params.data._resultId);\r\n });\r\n\r\n container.on('selection:update', function (params) {\r\n self.update(params.data);\r\n });\r\n\r\n container.on('open', function () {\r\n // When the dropdown is open, aria-expanded=\"true\"\r\n self.$selection.attr('aria-expanded', 'true');\r\n self.$selection.attr('aria-owns', resultsId);\r\n\r\n self._attachCloseHandler(container);\r\n });\r\n\r\n container.on('close', function () {\r\n // When the dropdown is closed, aria-expanded=\"false\"\r\n self.$selection.attr('aria-expanded', 'false');\r\n self.$selection.removeAttr('aria-activedescendant');\r\n self.$selection.removeAttr('aria-owns');\r\n\r\n self.$selection.focus();\r\n\r\n self._detachCloseHandler(container);\r\n });\r\n\r\n container.on('enable', function () {\r\n self.$selection.attr('tabindex', self._tabindex);\r\n });\r\n\r\n container.on('disable', function () {\r\n self.$selection.attr('tabindex', '-1');\r\n });\r\n };\r\n\r\n BaseSelection.prototype._handleBlur = function (evt) {\r\n var self = this;\r\n\r\n // This needs to be delayed as the active element is the body when the tab\r\n // key is pressed, possibly along with others.\r\n window.setTimeout(function () {\r\n // Don't trigger `blur` if the focus is still in the selection\r\n if (\r\n (document.activeElement == self.$selection[0]) ||\r\n ($.contains(self.$selection[0], document.activeElement))\r\n ) {\r\n return;\r\n }\r\n\r\n self.trigger('blur', evt);\r\n }, 1);\r\n };\r\n\r\n BaseSelection.prototype._attachCloseHandler = function (container) {\r\n var self = this;\r\n\r\n $(document.body).on('mousedown.select2.' + container.id, function (e) {\r\n var $target = $(e.target);\r\n\r\n var $select = $target.closest('.select2');\r\n\r\n var $all = $('.select2.select2-container--open');\r\n\r\n $all.each(function () {\r\n var $this = $(this);\r\n\r\n if (this == $select[0]) {\r\n return;\r\n }\r\n\r\n var $element = $this.data('element');\r\n\r\n $element.select2('close');\r\n });\r\n });\r\n };\r\n\r\n BaseSelection.prototype._detachCloseHandler = function (container) {\r\n $(document.body).off('mousedown.select2.' + container.id);\r\n };\r\n\r\n BaseSelection.prototype.position = function ($selection, $container) {\r\n var $selectionContainer = $container.find('.selection');\r\n $selectionContainer.append($selection);\r\n };\r\n\r\n BaseSelection.prototype.destroy = function () {\r\n this._detachCloseHandler(this.container);\r\n };\r\n\r\n BaseSelection.prototype.update = function (data) {\r\n throw new Error('The `update` method must be defined in child classes.');\r\n };\r\n\r\n return BaseSelection;\r\n });\r\n\r\n S2.define('select2/selection/single', [\r\n 'jquery',\r\n './base',\r\n '../utils',\r\n '../keys'\r\n ], function ($, BaseSelection, Utils, KEYS) {\r\n function SingleSelection () {\r\n SingleSelection.__super__.constructor.apply(this, arguments);\r\n }\r\n\r\n Utils.Extend(SingleSelection, BaseSelection);\r\n\r\n SingleSelection.prototype.render = function () {\r\n var $selection = SingleSelection.__super__.render.call(this);\r\n\r\n $selection.addClass('select2-selection--single');\r\n\r\n $selection.html(\r\n '' +\r\n '' +\r\n '' +\r\n ''\r\n );\r\n\r\n return $selection;\r\n };\r\n\r\n SingleSelection.prototype.bind = function (container, $container) {\r\n var self = this;\r\n\r\n SingleSelection.__super__.bind.apply(this, arguments);\r\n\r\n var id = container.id + '-container';\r\n\r\n this.$selection.find('.select2-selection__rendered').attr('id', id);\r\n this.$selection.attr('aria-labelledby', id);\r\n\r\n this.$selection.on('mousedown', function (evt) {\r\n // Only respond to left clicks\r\n if (evt.which !== 1) {\r\n return;\r\n }\r\n\r\n self.trigger('toggle', {\r\n originalEvent: evt\r\n });\r\n });\r\n\r\n this.$selection.on('focus', function (evt) {\r\n // User focuses on the container\r\n });\r\n\r\n this.$selection.on('blur', function (evt) {\r\n // User exits the container\r\n });\r\n\r\n container.on('focus', function (evt) {\r\n if (!container.isOpen()) {\r\n self.$selection.focus();\r\n }\r\n });\r\n\r\n container.on('selection:update', function (params) {\r\n self.update(params.data);\r\n });\r\n };\r\n\r\n SingleSelection.prototype.clear = function () {\r\n this.$selection.find('.select2-selection__rendered').empty();\r\n };\r\n\r\n SingleSelection.prototype.display = function (data, container) {\r\n var template = this.options.get('templateSelection');\r\n var escapeMarkup = this.options.get('escapeMarkup');\r\n\r\n return escapeMarkup(template(data, container));\r\n };\r\n\r\n SingleSelection.prototype.selectionContainer = function () {\r\n return $('');\r\n };\r\n\r\n SingleSelection.prototype.update = function (data) {\r\n if (data.length === 0) {\r\n this.clear();\r\n return;\r\n }\r\n\r\n var selection = data[0];\r\n\r\n var $rendered = this.$selection.find('.select2-selection__rendered');\r\n var formatted = this.display(selection, $rendered);\r\n\r\n $rendered.empty().append(formatted);\r\n $rendered.prop('title', selection.title || selection.text);\r\n };\r\n\r\n return SingleSelection;\r\n });\r\n\r\n S2.define('select2/selection/multiple', [\r\n 'jquery',\r\n './base',\r\n '../utils'\r\n ], function ($, BaseSelection, Utils) {\r\n function MultipleSelection ($element, options) {\r\n MultipleSelection.__super__.constructor.apply(this, arguments);\r\n }\r\n\r\n Utils.Extend(MultipleSelection, BaseSelection);\r\n\r\n MultipleSelection.prototype.render = function () {\r\n var $selection = MultipleSelection.__super__.render.call(this);\r\n\r\n $selection.addClass('select2-selection--multiple');\r\n\r\n $selection.html(\r\n '
'\r\n );\r\n\r\n return $selection;\r\n };\r\n\r\n MultipleSelection.prototype.bind = function (container, $container) {\r\n var self = this;\r\n\r\n MultipleSelection.__super__.bind.apply(this, arguments);\r\n\r\n this.$selection.on('click', function (evt) {\r\n self.trigger('toggle', {\r\n originalEvent: evt\r\n });\r\n });\r\n\r\n this.$selection.on(\r\n 'click',\r\n '.select2-selection__choice__remove',\r\n function (evt) {\r\n // Ignore the event if it is disabled\r\n if (self.options.get('disabled')) {\r\n return;\r\n }\r\n\r\n var $remove = $(this);\r\n var $selection = $remove.parent();\r\n\r\n var data = $selection.data('data');\r\n\r\n self.trigger('unselect', {\r\n originalEvent: evt,\r\n data: data\r\n });\r\n }\r\n );\r\n };\r\n\r\n MultipleSelection.prototype.clear = function () {\r\n this.$selection.find('.select2-selection__rendered').empty();\r\n };\r\n\r\n MultipleSelection.prototype.display = function (data, container) {\r\n var template = this.options.get('templateSelection');\r\n var escapeMarkup = this.options.get('escapeMarkup');\r\n\r\n return escapeMarkup(template(data, container));\r\n };\r\n\r\n MultipleSelection.prototype.selectionContainer = function () {\r\n var $container = $(\r\n '
' +\r\n '' +\r\n '×' +\r\n '' +\r\n '
'\r\n );\r\n\r\n return $container;\r\n };\r\n\r\n MultipleSelection.prototype.update = function (data) {\r\n this.clear();\r\n\r\n if (data.length === 0) {\r\n return;\r\n }\r\n\r\n var $selections = [];\r\n\r\n for (var d = 0; d < data.length; d++) {\r\n var selection = data[d];\r\n\r\n var $selection = this.selectionContainer();\r\n var formatted = this.display(selection, $selection);\r\n\r\n $selection.append(formatted);\r\n $selection.prop('title', selection.title || selection.text);\r\n\r\n $selection.data('data', selection);\r\n\r\n $selections.push($selection);\r\n }\r\n\r\n var $rendered = this.$selection.find('.select2-selection__rendered');\r\n\r\n Utils.appendMany($rendered, $selections);\r\n\r\n /*初始化 start*/\r\n $rendered.find('li.select2-selection__choice').each(function(i, e) {\r\n if (!$(e).text()[1]) {\r\n $(e).append(e.title);\r\n }\r\n });\r\n /*初始化 end*/\r\n };\r\n\r\n return MultipleSelection;\r\n });\r\n\r\n S2.define('select2/selection/placeholder', [\r\n '../utils'\r\n ], function (Utils) {\r\n function Placeholder (decorated, $element, options) {\r\n this.placeholder = this.normalizePlaceholder(options.get('placeholder'));\r\n\r\n decorated.call(this, $element, options);\r\n }\r\n\r\n Placeholder.prototype.normalizePlaceholder = function (_, placeholder) {\r\n if (typeof placeholder === 'string') {\r\n placeholder = {\r\n id: '',\r\n text: placeholder\r\n };\r\n }\r\n\r\n return placeholder;\r\n };\r\n\r\n Placeholder.prototype.createPlaceholder = function (decorated, placeholder) {\r\n var $placeholder = this.selectionContainer();\r\n\r\n $placeholder.html(this.display(placeholder));\r\n $placeholder.addClass('select2-selection__placeholder')\r\n .removeClass('select2-selection__choice');\r\n\r\n return $placeholder;\r\n };\r\n\r\n Placeholder.prototype.update = function (decorated, data) {\r\n var singlePlaceholder = (\r\n data.length == 1 && data[0].id != this.placeholder.id\r\n );\r\n var multipleSelections = data.length > 1;\r\n\r\n if (multipleSelections || singlePlaceholder) {\r\n return decorated.call(this, data);\r\n }\r\n\r\n this.clear();\r\n\r\n var $placeholder = this.createPlaceholder(this.placeholder);\r\n\r\n this.$selection.find('.select2-selection__rendered').append($placeholder);\r\n };\r\n\r\n return Placeholder;\r\n });\r\n\r\n S2.define('select2/selection/allowClear', [\r\n 'jquery',\r\n '../keys'\r\n ], function ($, KEYS) {\r\n function AllowClear () { }\r\n\r\n AllowClear.prototype.bind = function (decorated, container, $container) {\r\n var self = this;\r\n\r\n decorated.call(this, container, $container);\r\n\r\n if (this.placeholder == null) {\r\n if (this.options.get('debug') && window.console && console.error) {\r\n console.error(\r\n 'Select2: The `allowClear` option should be used in combination ' +\r\n 'with the `placeholder` option.'\r\n );\r\n }\r\n }\r\n\r\n this.$selection.on('mousedown', '.select2-selection__clear',\r\n function (evt) {\r\n self._handleClear(evt);\r\n });\r\n\r\n container.on('keypress', function (evt) {\r\n self._handleKeyboardClear(evt, container);\r\n });\r\n };\r\n\r\n AllowClear.prototype._handleClear = function (_, evt) {\r\n // Ignore the event if it is disabled\r\n if (this.options.get('disabled')) {\r\n return;\r\n }\r\n\r\n var $clear = this.$selection.find('.select2-selection__clear');\r\n\r\n // Ignore the event if nothing has been selected\r\n if ($clear.length === 0) {\r\n return;\r\n }\r\n\r\n evt.stopPropagation();\r\n\r\n var data = $clear.data('data');\r\n\r\n for (var d = 0; d < data.length; d++) {\r\n var unselectData = {\r\n data: data[d]\r\n };\r\n\r\n // Trigger the `unselect` event, so people can prevent it from being\r\n // cleared.\r\n this.trigger('unselect', unselectData);\r\n\r\n // If the event was prevented, don't clear it out.\r\n if (unselectData.prevented) {\r\n return;\r\n }\r\n }\r\n\r\n this.$element.val(this.placeholder.id).trigger('change');\r\n\r\n this.trigger('toggle', {});\r\n };\r\n\r\n AllowClear.prototype._handleKeyboardClear = function (_, evt, container) {\r\n if (container.isOpen()) {\r\n return;\r\n }\r\n\r\n if (evt.which == KEYS.DELETE || evt.which == KEYS.BACKSPACE) {\r\n this._handleClear(evt);\r\n }\r\n };\r\n\r\n AllowClear.prototype.update = function (decorated, data) {\r\n decorated.call(this, data);\r\n\r\n if (this.$selection.find('.select2-selection__placeholder').length > 0 ||\r\n data.length === 0) {\r\n return;\r\n }\r\n\r\n var $remove = $(\r\n '' +\r\n '×' +\r\n ''\r\n );\r\n $remove.data('data', data);\r\n\r\n this.$selection.find('.select2-selection__rendered').prepend($remove);\r\n };\r\n\r\n return AllowClear;\r\n });\r\n\r\n S2.define('select2/selection/search', [\r\n 'jquery',\r\n '../utils',\r\n '../keys'\r\n ], function ($, Utils, KEYS) {\r\n function Search (decorated, $element, options) {\r\n decorated.call(this, $element, options);\r\n }\r\n\r\n Search.prototype.render = function (decorated) {\r\n var $search = $(\r\n '
' +\r\n '' +\r\n '
'\r\n );\r\n\r\n this.$searchContainer = $search;\r\n this.$search = $search.find('input');\r\n\r\n var $rendered = decorated.call(this);\r\n\r\n this._transferTabIndex();\r\n\r\n return $rendered;\r\n };\r\n\r\n Search.prototype.bind = function (decorated, container, $container) {\r\n var self = this;\r\n\r\n decorated.call(this, container, $container);\r\n\r\n container.on('open', function () {\r\n self.$search.trigger('focus');\r\n });\r\n\r\n container.on('close', function () {\r\n self.$search.val('');\r\n self.$search.removeAttr('aria-activedescendant');\r\n self.$search.trigger('focus');\r\n });\r\n\r\n container.on('enable', function () {\r\n self.$search.prop('disabled', false);\r\n\r\n self._transferTabIndex();\r\n });\r\n\r\n container.on('disable', function () {\r\n self.$search.prop('disabled', true);\r\n });\r\n\r\n container.on('focus', function (evt) {\r\n self.$search.trigger('focus');\r\n });\r\n\r\n container.on('results:focus', function (params) {\r\n self.$search.attr('aria-activedescendant', params.id);\r\n });\r\n\r\n this.$selection.on('focusin', '.select2-search--inline', function (evt) {\r\n self.trigger('focus', evt);\r\n });\r\n\r\n this.$selection.on('focusout', '.select2-search--inline', function (evt) {\r\n self._handleBlur(evt);\r\n });\r\n\r\n this.$selection.on('keydown', '.select2-search--inline', function (evt) {\r\n evt.stopPropagation();\r\n\r\n self.trigger('keypress', evt);\r\n\r\n self._keyUpPrevented = evt.isDefaultPrevented();\r\n\r\n var key = evt.which;\r\n\r\n if (key === KEYS.BACKSPACE && self.$search.val() === '') {\r\n var $previousChoice = self.$searchContainer\r\n .prev('.select2-selection__choice');\r\n\r\n if ($previousChoice.length > 0) {\r\n var item = $previousChoice.data('data');\r\n\r\n self.searchRemoveChoice(item);\r\n\r\n evt.preventDefault();\r\n }\r\n }\r\n });\r\n\r\n // Try to detect the IE version should the `documentMode` property that\r\n // is stored on the document. This is only implemented in IE and is\r\n // slightly cleaner than doing a user agent check.\r\n // This property is not available in Edge, but Edge also doesn't have\r\n // this bug.\r\n var msie = document.documentMode;\r\n var disableInputEvents = msie && msie <= 11;\r\n\r\n // Workaround for browsers which do not support the `input` event\r\n // This will prevent double-triggering of events for browsers which support\r\n // both the `keyup` and `input` events.\r\n this.$selection.on(\r\n 'input.searchcheck',\r\n '.select2-search--inline',\r\n function (evt) {\r\n // IE will trigger the `input` event when a placeholder is used on a\r\n // search box. To get around this issue, we are forced to ignore all\r\n // `input` events in IE and keep using `keyup`.\r\n if (disableInputEvents) {\r\n self.$selection.off('input.search input.searchcheck');\r\n return;\r\n }\r\n\r\n // Unbind the duplicated `keyup` event\r\n self.$selection.off('keyup.search');\r\n }\r\n );\r\n\r\n this.$selection.on(\r\n 'keyup.search input.search',\r\n '.select2-search--inline',\r\n function (evt) {\r\n // IE will trigger the `input` event when a placeholder is used on a\r\n // search box. To get around this issue, we are forced to ignore all\r\n // `input` events in IE and keep using `keyup`.\r\n if (disableInputEvents && evt.type === 'input') {\r\n self.$selection.off('input.search input.searchcheck');\r\n return;\r\n }\r\n\r\n var key = evt.which;\r\n\r\n // We can freely ignore events from modifier keys\r\n if (key == KEYS.SHIFT || key == KEYS.CTRL || key == KEYS.ALT) {\r\n return;\r\n }\r\n\r\n // Tabbing will be handled during the `keydown` phase\r\n if (key == KEYS.TAB) {\r\n return;\r\n }\r\n\r\n self.handleSearch(evt);\r\n }\r\n );\r\n };\r\n\r\n /**\r\n * This method will transfer the tabindex attribute from the rendered\r\n * selection to the search box. This allows for the search box to be used as\r\n * the primary focus instead of the selection container.\r\n *\r\n * @private\r\n */\r\n Search.prototype._transferTabIndex = function (decorated) {\r\n this.$search.attr('tabindex', this.$selection.attr('tabindex'));\r\n this.$selection.attr('tabindex', '-1');\r\n };\r\n\r\n Search.prototype.createPlaceholder = function (decorated, placeholder) {\r\n this.$search.attr('placeholder', placeholder.text);\r\n };\r\n\r\n Search.prototype.update = function (decorated, data) {\r\n var searchHadFocus = this.$search[0] == document.activeElement;\r\n\r\n this.$search.attr('placeholder', '');\r\n\r\n decorated.call(this, data);\r\n\r\n this.$selection.find('.select2-selection__rendered')\r\n .append(this.$searchContainer);\r\n\r\n this.resizeSearch();\r\n if (searchHadFocus) {\r\n this.$search.focus();\r\n }\r\n };\r\n\r\n Search.prototype.handleSearch = function () {\r\n this.resizeSearch();\r\n\r\n if (!this._keyUpPrevented) {\r\n var input = this.$search.val();\r\n\r\n this.trigger('query', {\r\n term: input\r\n });\r\n }\r\n\r\n this._keyUpPrevented = false;\r\n };\r\n\r\n Search.prototype.searchRemoveChoice = function (decorated, item) {\r\n this.trigger('unselect', {\r\n data: item\r\n });\r\n\r\n this.$search.val(item.text);\r\n this.handleSearch();\r\n };\r\n\r\n Search.prototype.resizeSearch = function () {\r\n this.$search.css('width', '25px');\r\n\r\n var width = '';\r\n\r\n if (this.$search.attr('placeholder') !== '') {\r\n width = this.$selection.find('.select2-selection__rendered').innerWidth();\r\n } else {\r\n var minimumWidth = this.$search.val().length + 1;\r\n\r\n width = (minimumWidth * 0.75) + 'em';\r\n }\r\n\r\n this.$search.css('width', width);\r\n };\r\n\r\n return Search;\r\n });\r\n\r\n S2.define('select2/selection/eventRelay', [\r\n 'jquery'\r\n ], function ($) {\r\n function EventRelay () { }\r\n\r\n EventRelay.prototype.bind = function (decorated, container, $container) {\r\n var self = this;\r\n var relayEvents = [\r\n 'open', 'opening',\r\n 'close', 'closing',\r\n 'select', 'selecting',\r\n 'unselect', 'unselecting'\r\n ];\r\n\r\n var preventableEvents = ['opening', 'closing', 'selecting', 'unselecting'];\r\n\r\n decorated.call(this, container, $container);\r\n\r\n container.on('*', function (name, params) {\r\n // Ignore events that should not be relayed\r\n if ($.inArray(name, relayEvents) === -1) {\r\n return;\r\n }\r\n\r\n // The parameters should always be an object\r\n params = params || {};\r\n\r\n // Generate the jQuery event for the Select2 event\r\n var evt = $.Event('select2:' + name, {\r\n params: params\r\n });\r\n\r\n self.$element.trigger(evt);\r\n\r\n // Only handle preventable events if it was one\r\n if ($.inArray(name, preventableEvents) === -1) {\r\n return;\r\n }\r\n\r\n params.prevented = evt.isDefaultPrevented();\r\n });\r\n };\r\n\r\n return EventRelay;\r\n });\r\n\r\n S2.define('select2/translation', [\r\n 'jquery',\r\n 'require'\r\n ], function ($, require) {\r\n function Translation (dict) {\r\n this.dict = dict || {};\r\n }\r\n\r\n Translation.prototype.all = function () {\r\n return this.dict;\r\n };\r\n\r\n Translation.prototype.get = function (key) {\r\n return this.dict[key];\r\n };\r\n\r\n Translation.prototype.extend = function (translation) {\r\n this.dict = $.extend({}, translation.all(), this.dict);\r\n };\r\n\r\n // Static functions\r\n\r\n Translation._cache = {};\r\n\r\n Translation.loadPath = function (path) {\r\n if (!(path in Translation._cache)) {\r\n var translations = require(path);\r\n\r\n Translation._cache[path] = translations;\r\n }\r\n\r\n return new Translation(Translation._cache[path]);\r\n };\r\n\r\n return Translation;\r\n });\r\n\r\n S2.define('select2/diacritics', [\r\n\r\n ], function () {\r\n var diacritics = {\r\n '\\u24B6': 'A',\r\n '\\uFF21': 'A',\r\n '\\u00C0': 'A',\r\n '\\u00C1': 'A',\r\n '\\u00C2': 'A',\r\n '\\u1EA6': 'A',\r\n '\\u1EA4': 'A',\r\n '\\u1EAA': 'A',\r\n '\\u1EA8': 'A',\r\n '\\u00C3': 'A',\r\n '\\u0100': 'A',\r\n '\\u0102': 'A',\r\n '\\u1EB0': 'A',\r\n '\\u1EAE': 'A',\r\n '\\u1EB4': 'A',\r\n '\\u1EB2': 'A',\r\n '\\u0226': 'A',\r\n '\\u01E0': 'A',\r\n '\\u00C4': 'A',\r\n '\\u01DE': 'A',\r\n '\\u1EA2': 'A',\r\n '\\u00C5': 'A',\r\n '\\u01FA': 'A',\r\n '\\u01CD': 'A',\r\n '\\u0200': 'A',\r\n '\\u0202': 'A',\r\n '\\u1EA0': 'A',\r\n '\\u1EAC': 'A',\r\n '\\u1EB6': 'A',\r\n '\\u1E00': 'A',\r\n '\\u0104': 'A',\r\n '\\u023A': 'A',\r\n '\\u2C6F': 'A',\r\n '\\uA732': 'AA',\r\n '\\u00C6': 'AE',\r\n '\\u01FC': 'AE',\r\n '\\u01E2': 'AE',\r\n '\\uA734': 'AO',\r\n '\\uA736': 'AU',\r\n '\\uA738': 'AV',\r\n '\\uA73A': 'AV',\r\n '\\uA73C': 'AY',\r\n '\\u24B7': 'B',\r\n '\\uFF22': 'B',\r\n '\\u1E02': 'B',\r\n '\\u1E04': 'B',\r\n '\\u1E06': 'B',\r\n '\\u0243': 'B',\r\n '\\u0182': 'B',\r\n '\\u0181': 'B',\r\n '\\u24B8': 'C',\r\n '\\uFF23': 'C',\r\n '\\u0106': 'C',\r\n '\\u0108': 'C',\r\n '\\u010A': 'C',\r\n '\\u010C': 'C',\r\n '\\u00C7': 'C',\r\n '\\u1E08': 'C',\r\n '\\u0187': 'C',\r\n '\\u023B': 'C',\r\n '\\uA73E': 'C',\r\n '\\u24B9': 'D',\r\n '\\uFF24': 'D',\r\n '\\u1E0A': 'D',\r\n '\\u010E': 'D',\r\n '\\u1E0C': 'D',\r\n '\\u1E10': 'D',\r\n '\\u1E12': 'D',\r\n '\\u1E0E': 'D',\r\n '\\u0110': 'D',\r\n '\\u018B': 'D',\r\n '\\u018A': 'D',\r\n '\\u0189': 'D',\r\n '\\uA779': 'D',\r\n '\\u01F1': 'DZ',\r\n '\\u01C4': 'DZ',\r\n '\\u01F2': 'Dz',\r\n '\\u01C5': 'Dz',\r\n '\\u24BA': 'E',\r\n '\\uFF25': 'E',\r\n '\\u00C8': 'E',\r\n '\\u00C9': 'E',\r\n '\\u00CA': 'E',\r\n '\\u1EC0': 'E',\r\n '\\u1EBE': 'E',\r\n '\\u1EC4': 'E',\r\n '\\u1EC2': 'E',\r\n '\\u1EBC': 'E',\r\n '\\u0112': 'E',\r\n '\\u1E14': 'E',\r\n '\\u1E16': 'E',\r\n '\\u0114': 'E',\r\n '\\u0116': 'E',\r\n '\\u00CB': 'E',\r\n '\\u1EBA': 'E',\r\n '\\u011A': 'E',\r\n '\\u0204': 'E',\r\n '\\u0206': 'E',\r\n '\\u1EB8': 'E',\r\n '\\u1EC6': 'E',\r\n '\\u0228': 'E',\r\n '\\u1E1C': 'E',\r\n '\\u0118': 'E',\r\n '\\u1E18': 'E',\r\n '\\u1E1A': 'E',\r\n '\\u0190': 'E',\r\n '\\u018E': 'E',\r\n '\\u24BB': 'F',\r\n '\\uFF26': 'F',\r\n '\\u1E1E': 'F',\r\n '\\u0191': 'F',\r\n '\\uA77B': 'F',\r\n '\\u24BC': 'G',\r\n '\\uFF27': 'G',\r\n '\\u01F4': 'G',\r\n '\\u011C': 'G',\r\n '\\u1E20': 'G',\r\n '\\u011E': 'G',\r\n '\\u0120': 'G',\r\n '\\u01E6': 'G',\r\n '\\u0122': 'G',\r\n '\\u01E4': 'G',\r\n '\\u0193': 'G',\r\n '\\uA7A0': 'G',\r\n '\\uA77D': 'G',\r\n '\\uA77E': 'G',\r\n '\\u24BD': 'H',\r\n '\\uFF28': 'H',\r\n '\\u0124': 'H',\r\n '\\u1E22': 'H',\r\n '\\u1E26': 'H',\r\n '\\u021E': 'H',\r\n '\\u1E24': 'H',\r\n '\\u1E28': 'H',\r\n '\\u1E2A': 'H',\r\n '\\u0126': 'H',\r\n '\\u2C67': 'H',\r\n '\\u2C75': 'H',\r\n '\\uA78D': 'H',\r\n '\\u24BE': 'I',\r\n '\\uFF29': 'I',\r\n '\\u00CC': 'I',\r\n '\\u00CD': 'I',\r\n '\\u00CE': 'I',\r\n '\\u0128': 'I',\r\n '\\u012A': 'I',\r\n '\\u012C': 'I',\r\n '\\u0130': 'I',\r\n '\\u00CF': 'I',\r\n '\\u1E2E': 'I',\r\n '\\u1EC8': 'I',\r\n '\\u01CF': 'I',\r\n '\\u0208': 'I',\r\n '\\u020A': 'I',\r\n '\\u1ECA': 'I',\r\n '\\u012E': 'I',\r\n '\\u1E2C': 'I',\r\n '\\u0197': 'I',\r\n '\\u24BF': 'J',\r\n '\\uFF2A': 'J',\r\n '\\u0134': 'J',\r\n '\\u0248': 'J',\r\n '\\u24C0': 'K',\r\n '\\uFF2B': 'K',\r\n '\\u1E30': 'K',\r\n '\\u01E8': 'K',\r\n '\\u1E32': 'K',\r\n '\\u0136': 'K',\r\n '\\u1E34': 'K',\r\n '\\u0198': 'K',\r\n '\\u2C69': 'K',\r\n '\\uA740': 'K',\r\n '\\uA742': 'K',\r\n '\\uA744': 'K',\r\n '\\uA7A2': 'K',\r\n '\\u24C1': 'L',\r\n '\\uFF2C': 'L',\r\n '\\u013F': 'L',\r\n '\\u0139': 'L',\r\n '\\u013D': 'L',\r\n '\\u1E36': 'L',\r\n '\\u1E38': 'L',\r\n '\\u013B': 'L',\r\n '\\u1E3C': 'L',\r\n '\\u1E3A': 'L',\r\n '\\u0141': 'L',\r\n '\\u023D': 'L',\r\n '\\u2C62': 'L',\r\n '\\u2C60': 'L',\r\n '\\uA748': 'L',\r\n '\\uA746': 'L',\r\n '\\uA780': 'L',\r\n '\\u01C7': 'LJ',\r\n '\\u01C8': 'Lj',\r\n '\\u24C2': 'M',\r\n '\\uFF2D': 'M',\r\n '\\u1E3E': 'M',\r\n '\\u1E40': 'M',\r\n '\\u1E42': 'M',\r\n '\\u2C6E': 'M',\r\n '\\u019C': 'M',\r\n '\\u24C3': 'N',\r\n '\\uFF2E': 'N',\r\n '\\u01F8': 'N',\r\n '\\u0143': 'N',\r\n '\\u00D1': 'N',\r\n '\\u1E44': 'N',\r\n '\\u0147': 'N',\r\n '\\u1E46': 'N',\r\n '\\u0145': 'N',\r\n '\\u1E4A': 'N',\r\n '\\u1E48': 'N',\r\n '\\u0220': 'N',\r\n '\\u019D': 'N',\r\n '\\uA790': 'N',\r\n '\\uA7A4': 'N',\r\n '\\u01CA': 'NJ',\r\n '\\u01CB': 'Nj',\r\n '\\u24C4': 'O',\r\n '\\uFF2F': 'O',\r\n '\\u00D2': 'O',\r\n '\\u00D3': 'O',\r\n '\\u00D4': 'O',\r\n '\\u1ED2': 'O',\r\n '\\u1ED0': 'O',\r\n '\\u1ED6': 'O',\r\n '\\u1ED4': 'O',\r\n '\\u00D5': 'O',\r\n '\\u1E4C': 'O',\r\n '\\u022C': 'O',\r\n '\\u1E4E': 'O',\r\n '\\u014C': 'O',\r\n '\\u1E50': 'O',\r\n '\\u1E52': 'O',\r\n '\\u014E': 'O',\r\n '\\u022E': 'O',\r\n '\\u0230': 'O',\r\n '\\u00D6': 'O',\r\n '\\u022A': 'O',\r\n '\\u1ECE': 'O',\r\n '\\u0150': 'O',\r\n '\\u01D1': 'O',\r\n '\\u020C': 'O',\r\n '\\u020E': 'O',\r\n '\\u01A0': 'O',\r\n '\\u1EDC': 'O',\r\n '\\u1EDA': 'O',\r\n '\\u1EE0': 'O',\r\n '\\u1EDE': 'O',\r\n '\\u1EE2': 'O',\r\n '\\u1ECC': 'O',\r\n '\\u1ED8': 'O',\r\n '\\u01EA': 'O',\r\n '\\u01EC': 'O',\r\n '\\u00D8': 'O',\r\n '\\u01FE': 'O',\r\n '\\u0186': 'O',\r\n '\\u019F': 'O',\r\n '\\uA74A': 'O',\r\n '\\uA74C': 'O',\r\n '\\u01A2': 'OI',\r\n '\\uA74E': 'OO',\r\n '\\u0222': 'OU',\r\n '\\u24C5': 'P',\r\n '\\uFF30': 'P',\r\n '\\u1E54': 'P',\r\n '\\u1E56': 'P',\r\n '\\u01A4': 'P',\r\n '\\u2C63': 'P',\r\n '\\uA750': 'P',\r\n '\\uA752': 'P',\r\n '\\uA754': 'P',\r\n '\\u24C6': 'Q',\r\n '\\uFF31': 'Q',\r\n '\\uA756': 'Q',\r\n '\\uA758': 'Q',\r\n '\\u024A': 'Q',\r\n '\\u24C7': 'R',\r\n '\\uFF32': 'R',\r\n '\\u0154': 'R',\r\n '\\u1E58': 'R',\r\n '\\u0158': 'R',\r\n '\\u0210': 'R',\r\n '\\u0212': 'R',\r\n '\\u1E5A': 'R',\r\n '\\u1E5C': 'R',\r\n '\\u0156': 'R',\r\n '\\u1E5E': 'R',\r\n '\\u024C': 'R',\r\n '\\u2C64': 'R',\r\n '\\uA75A': 'R',\r\n '\\uA7A6': 'R',\r\n '\\uA782': 'R',\r\n '\\u24C8': 'S',\r\n '\\uFF33': 'S',\r\n '\\u1E9E': 'S',\r\n '\\u015A': 'S',\r\n '\\u1E64': 'S',\r\n '\\u015C': 'S',\r\n '\\u1E60': 'S',\r\n '\\u0160': 'S',\r\n '\\u1E66': 'S',\r\n '\\u1E62': 'S',\r\n '\\u1E68': 'S',\r\n '\\u0218': 'S',\r\n '\\u015E': 'S',\r\n '\\u2C7E': 'S',\r\n '\\uA7A8': 'S',\r\n '\\uA784': 'S',\r\n '\\u24C9': 'T',\r\n '\\uFF34': 'T',\r\n '\\u1E6A': 'T',\r\n '\\u0164': 'T',\r\n '\\u1E6C': 'T',\r\n '\\u021A': 'T',\r\n '\\u0162': 'T',\r\n '\\u1E70': 'T',\r\n '\\u1E6E': 'T',\r\n '\\u0166': 'T',\r\n '\\u01AC': 'T',\r\n '\\u01AE': 'T',\r\n '\\u023E': 'T',\r\n '\\uA786': 'T',\r\n '\\uA728': 'TZ',\r\n '\\u24CA': 'U',\r\n '\\uFF35': 'U',\r\n '\\u00D9': 'U',\r\n '\\u00DA': 'U',\r\n '\\u00DB': 'U',\r\n '\\u0168': 'U',\r\n '\\u1E78': 'U',\r\n '\\u016A': 'U',\r\n '\\u1E7A': 'U',\r\n '\\u016C': 'U',\r\n '\\u00DC': 'U',\r\n '\\u01DB': 'U',\r\n '\\u01D7': 'U',\r\n '\\u01D5': 'U',\r\n '\\u01D9': 'U',\r\n '\\u1EE6': 'U',\r\n '\\u016E': 'U',\r\n '\\u0170': 'U',\r\n '\\u01D3': 'U',\r\n '\\u0214': 'U',\r\n '\\u0216': 'U',\r\n '\\u01AF': 'U',\r\n '\\u1EEA': 'U',\r\n '\\u1EE8': 'U',\r\n '\\u1EEE': 'U',\r\n '\\u1EEC': 'U',\r\n '\\u1EF0': 'U',\r\n '\\u1EE4': 'U',\r\n '\\u1E72': 'U',\r\n '\\u0172': 'U',\r\n '\\u1E76': 'U',\r\n '\\u1E74': 'U',\r\n '\\u0244': 'U',\r\n '\\u24CB': 'V',\r\n '\\uFF36': 'V',\r\n '\\u1E7C': 'V',\r\n '\\u1E7E': 'V',\r\n '\\u01B2': 'V',\r\n '\\uA75E': 'V',\r\n '\\u0245': 'V',\r\n '\\uA760': 'VY',\r\n '\\u24CC': 'W',\r\n '\\uFF37': 'W',\r\n '\\u1E80': 'W',\r\n '\\u1E82': 'W',\r\n '\\u0174': 'W',\r\n '\\u1E86': 'W',\r\n '\\u1E84': 'W',\r\n '\\u1E88': 'W',\r\n '\\u2C72': 'W',\r\n '\\u24CD': 'X',\r\n '\\uFF38': 'X',\r\n '\\u1E8A': 'X',\r\n '\\u1E8C': 'X',\r\n '\\u24CE': 'Y',\r\n '\\uFF39': 'Y',\r\n '\\u1EF2': 'Y',\r\n '\\u00DD': 'Y',\r\n '\\u0176': 'Y',\r\n '\\u1EF8': 'Y',\r\n '\\u0232': 'Y',\r\n '\\u1E8E': 'Y',\r\n '\\u0178': 'Y',\r\n '\\u1EF6': 'Y',\r\n '\\u1EF4': 'Y',\r\n '\\u01B3': 'Y',\r\n '\\u024E': 'Y',\r\n '\\u1EFE': 'Y',\r\n '\\u24CF': 'Z',\r\n '\\uFF3A': 'Z',\r\n '\\u0179': 'Z',\r\n '\\u1E90': 'Z',\r\n '\\u017B': 'Z',\r\n '\\u017D': 'Z',\r\n '\\u1E92': 'Z',\r\n '\\u1E94': 'Z',\r\n '\\u01B5': 'Z',\r\n '\\u0224': 'Z',\r\n '\\u2C7F': 'Z',\r\n '\\u2C6B': 'Z',\r\n '\\uA762': 'Z',\r\n '\\u24D0': 'a',\r\n '\\uFF41': 'a',\r\n '\\u1E9A': 'a',\r\n '\\u00E0': 'a',\r\n '\\u00E1': 'a',\r\n '\\u00E2': 'a',\r\n '\\u1EA7': 'a',\r\n '\\u1EA5': 'a',\r\n '\\u1EAB': 'a',\r\n '\\u1EA9': 'a',\r\n '\\u00E3': 'a',\r\n '\\u0101': 'a',\r\n '\\u0103': 'a',\r\n '\\u1EB1': 'a',\r\n '\\u1EAF': 'a',\r\n '\\u1EB5': 'a',\r\n '\\u1EB3': 'a',\r\n '\\u0227': 'a',\r\n '\\u01E1': 'a',\r\n '\\u00E4': 'a',\r\n '\\u01DF': 'a',\r\n '\\u1EA3': 'a',\r\n '\\u00E5': 'a',\r\n '\\u01FB': 'a',\r\n '\\u01CE': 'a',\r\n '\\u0201': 'a',\r\n '\\u0203': 'a',\r\n '\\u1EA1': 'a',\r\n '\\u1EAD': 'a',\r\n '\\u1EB7': 'a',\r\n '\\u1E01': 'a',\r\n '\\u0105': 'a',\r\n '\\u2C65': 'a',\r\n '\\u0250': 'a',\r\n '\\uA733': 'aa',\r\n '\\u00E6': 'ae',\r\n '\\u01FD': 'ae',\r\n '\\u01E3': 'ae',\r\n '\\uA735': 'ao',\r\n '\\uA737': 'au',\r\n '\\uA739': 'av',\r\n '\\uA73B': 'av',\r\n '\\uA73D': 'ay',\r\n '\\u24D1': 'b',\r\n '\\uFF42': 'b',\r\n '\\u1E03': 'b',\r\n '\\u1E05': 'b',\r\n '\\u1E07': 'b',\r\n '\\u0180': 'b',\r\n '\\u0183': 'b',\r\n '\\u0253': 'b',\r\n '\\u24D2': 'c',\r\n '\\uFF43': 'c',\r\n '\\u0107': 'c',\r\n '\\u0109': 'c',\r\n '\\u010B': 'c',\r\n '\\u010D': 'c',\r\n '\\u00E7': 'c',\r\n '\\u1E09': 'c',\r\n '\\u0188': 'c',\r\n '\\u023C': 'c',\r\n '\\uA73F': 'c',\r\n '\\u2184': 'c',\r\n '\\u24D3': 'd',\r\n '\\uFF44': 'd',\r\n '\\u1E0B': 'd',\r\n '\\u010F': 'd',\r\n '\\u1E0D': 'd',\r\n '\\u1E11': 'd',\r\n '\\u1E13': 'd',\r\n '\\u1E0F': 'd',\r\n '\\u0111': 'd',\r\n '\\u018C': 'd',\r\n '\\u0256': 'd',\r\n '\\u0257': 'd',\r\n '\\uA77A': 'd',\r\n '\\u01F3': 'dz',\r\n '\\u01C6': 'dz',\r\n '\\u24D4': 'e',\r\n '\\uFF45': 'e',\r\n '\\u00E8': 'e',\r\n '\\u00E9': 'e',\r\n '\\u00EA': 'e',\r\n '\\u1EC1': 'e',\r\n '\\u1EBF': 'e',\r\n '\\u1EC5': 'e',\r\n '\\u1EC3': 'e',\r\n '\\u1EBD': 'e',\r\n '\\u0113': 'e',\r\n '\\u1E15': 'e',\r\n '\\u1E17': 'e',\r\n '\\u0115': 'e',\r\n '\\u0117': 'e',\r\n '\\u00EB': 'e',\r\n '\\u1EBB': 'e',\r\n '\\u011B': 'e',\r\n '\\u0205': 'e',\r\n '\\u0207': 'e',\r\n '\\u1EB9': 'e',\r\n '\\u1EC7': 'e',\r\n '\\u0229': 'e',\r\n '\\u1E1D': 'e',\r\n '\\u0119': 'e',\r\n '\\u1E19': 'e',\r\n '\\u1E1B': 'e',\r\n '\\u0247': 'e',\r\n '\\u025B': 'e',\r\n '\\u01DD': 'e',\r\n '\\u24D5': 'f',\r\n '\\uFF46': 'f',\r\n '\\u1E1F': 'f',\r\n '\\u0192': 'f',\r\n '\\uA77C': 'f',\r\n '\\u24D6': 'g',\r\n '\\uFF47': 'g',\r\n '\\u01F5': 'g',\r\n '\\u011D': 'g',\r\n '\\u1E21': 'g',\r\n '\\u011F': 'g',\r\n '\\u0121': 'g',\r\n '\\u01E7': 'g',\r\n '\\u0123': 'g',\r\n '\\u01E5': 'g',\r\n '\\u0260': 'g',\r\n '\\uA7A1': 'g',\r\n '\\u1D79': 'g',\r\n '\\uA77F': 'g',\r\n '\\u24D7': 'h',\r\n '\\uFF48': 'h',\r\n '\\u0125': 'h',\r\n '\\u1E23': 'h',\r\n '\\u1E27': 'h',\r\n '\\u021F': 'h',\r\n '\\u1E25': 'h',\r\n '\\u1E29': 'h',\r\n '\\u1E2B': 'h',\r\n '\\u1E96': 'h',\r\n '\\u0127': 'h',\r\n '\\u2C68': 'h',\r\n '\\u2C76': 'h',\r\n '\\u0265': 'h',\r\n '\\u0195': 'hv',\r\n '\\u24D8': 'i',\r\n '\\uFF49': 'i',\r\n '\\u00EC': 'i',\r\n '\\u00ED': 'i',\r\n '\\u00EE': 'i',\r\n '\\u0129': 'i',\r\n '\\u012B': 'i',\r\n '\\u012D': 'i',\r\n '\\u00EF': 'i',\r\n '\\u1E2F': 'i',\r\n '\\u1EC9': 'i',\r\n '\\u01D0': 'i',\r\n '\\u0209': 'i',\r\n '\\u020B': 'i',\r\n '\\u1ECB': 'i',\r\n '\\u012F': 'i',\r\n '\\u1E2D': 'i',\r\n '\\u0268': 'i',\r\n '\\u0131': 'i',\r\n '\\u24D9': 'j',\r\n '\\uFF4A': 'j',\r\n '\\u0135': 'j',\r\n '\\u01F0': 'j',\r\n '\\u0249': 'j',\r\n '\\u24DA': 'k',\r\n '\\uFF4B': 'k',\r\n '\\u1E31': 'k',\r\n '\\u01E9': 'k',\r\n '\\u1E33': 'k',\r\n '\\u0137': 'k',\r\n '\\u1E35': 'k',\r\n '\\u0199': 'k',\r\n '\\u2C6A': 'k',\r\n '\\uA741': 'k',\r\n '\\uA743': 'k',\r\n '\\uA745': 'k',\r\n '\\uA7A3': 'k',\r\n '\\u24DB': 'l',\r\n '\\uFF4C': 'l',\r\n '\\u0140': 'l',\r\n '\\u013A': 'l',\r\n '\\u013E': 'l',\r\n '\\u1E37': 'l',\r\n '\\u1E39': 'l',\r\n '\\u013C': 'l',\r\n '\\u1E3D': 'l',\r\n '\\u1E3B': 'l',\r\n '\\u017F': 'l',\r\n '\\u0142': 'l',\r\n '\\u019A': 'l',\r\n '\\u026B': 'l',\r\n '\\u2C61': 'l',\r\n '\\uA749': 'l',\r\n '\\uA781': 'l',\r\n '\\uA747': 'l',\r\n '\\u01C9': 'lj',\r\n '\\u24DC': 'm',\r\n '\\uFF4D': 'm',\r\n '\\u1E3F': 'm',\r\n '\\u1E41': 'm',\r\n '\\u1E43': 'm',\r\n '\\u0271': 'm',\r\n '\\u026F': 'm',\r\n '\\u24DD': 'n',\r\n '\\uFF4E': 'n',\r\n '\\u01F9': 'n',\r\n '\\u0144': 'n',\r\n '\\u00F1': 'n',\r\n '\\u1E45': 'n',\r\n '\\u0148': 'n',\r\n '\\u1E47': 'n',\r\n '\\u0146': 'n',\r\n '\\u1E4B': 'n',\r\n '\\u1E49': 'n',\r\n '\\u019E': 'n',\r\n '\\u0272': 'n',\r\n '\\u0149': 'n',\r\n '\\uA791': 'n',\r\n '\\uA7A5': 'n',\r\n '\\u01CC': 'nj',\r\n '\\u24DE': 'o',\r\n '\\uFF4F': 'o',\r\n '\\u00F2': 'o',\r\n '\\u00F3': 'o',\r\n '\\u00F4': 'o',\r\n '\\u1ED3': 'o',\r\n '\\u1ED1': 'o',\r\n '\\u1ED7': 'o',\r\n '\\u1ED5': 'o',\r\n '\\u00F5': 'o',\r\n '\\u1E4D': 'o',\r\n '\\u022D': 'o',\r\n '\\u1E4F': 'o',\r\n '\\u014D': 'o',\r\n '\\u1E51': 'o',\r\n '\\u1E53': 'o',\r\n '\\u014F': 'o',\r\n '\\u022F': 'o',\r\n '\\u0231': 'o',\r\n '\\u00F6': 'o',\r\n '\\u022B': 'o',\r\n '\\u1ECF': 'o',\r\n '\\u0151': 'o',\r\n '\\u01D2': 'o',\r\n '\\u020D': 'o',\r\n '\\u020F': 'o',\r\n '\\u01A1': 'o',\r\n '\\u1EDD': 'o',\r\n '\\u1EDB': 'o',\r\n '\\u1EE1': 'o',\r\n '\\u1EDF': 'o',\r\n '\\u1EE3': 'o',\r\n '\\u1ECD': 'o',\r\n '\\u1ED9': 'o',\r\n '\\u01EB': 'o',\r\n '\\u01ED': 'o',\r\n '\\u00F8': 'o',\r\n '\\u01FF': 'o',\r\n '\\u0254': 'o',\r\n '\\uA74B': 'o',\r\n '\\uA74D': 'o',\r\n '\\u0275': 'o',\r\n '\\u01A3': 'oi',\r\n '\\u0223': 'ou',\r\n '\\uA74F': 'oo',\r\n '\\u24DF': 'p',\r\n '\\uFF50': 'p',\r\n '\\u1E55': 'p',\r\n '\\u1E57': 'p',\r\n '\\u01A5': 'p',\r\n '\\u1D7D': 'p',\r\n '\\uA751': 'p',\r\n '\\uA753': 'p',\r\n '\\uA755': 'p',\r\n '\\u24E0': 'q',\r\n '\\uFF51': 'q',\r\n '\\u024B': 'q',\r\n '\\uA757': 'q',\r\n '\\uA759': 'q',\r\n '\\u24E1': 'r',\r\n '\\uFF52': 'r',\r\n '\\u0155': 'r',\r\n '\\u1E59': 'r',\r\n '\\u0159': 'r',\r\n '\\u0211': 'r',\r\n '\\u0213': 'r',\r\n '\\u1E5B': 'r',\r\n '\\u1E5D': 'r',\r\n '\\u0157': 'r',\r\n '\\u1E5F': 'r',\r\n '\\u024D': 'r',\r\n '\\u027D': 'r',\r\n '\\uA75B': 'r',\r\n '\\uA7A7': 'r',\r\n '\\uA783': 'r',\r\n '\\u24E2': 's',\r\n '\\uFF53': 's',\r\n '\\u00DF': 's',\r\n '\\u015B': 's',\r\n '\\u1E65': 's',\r\n '\\u015D': 's',\r\n '\\u1E61': 's',\r\n '\\u0161': 's',\r\n '\\u1E67': 's',\r\n '\\u1E63': 's',\r\n '\\u1E69': 's',\r\n '\\u0219': 's',\r\n '\\u015F': 's',\r\n '\\u023F': 's',\r\n '\\uA7A9': 's',\r\n '\\uA785': 's',\r\n '\\u1E9B': 's',\r\n '\\u24E3': 't',\r\n '\\uFF54': 't',\r\n '\\u1E6B': 't',\r\n '\\u1E97': 't',\r\n '\\u0165': 't',\r\n '\\u1E6D': 't',\r\n '\\u021B': 't',\r\n '\\u0163': 't',\r\n '\\u1E71': 't',\r\n '\\u1E6F': 't',\r\n '\\u0167': 't',\r\n '\\u01AD': 't',\r\n '\\u0288': 't',\r\n '\\u2C66': 't',\r\n '\\uA787': 't',\r\n '\\uA729': 'tz',\r\n '\\u24E4': 'u',\r\n '\\uFF55': 'u',\r\n '\\u00F9': 'u',\r\n '\\u00FA': 'u',\r\n '\\u00FB': 'u',\r\n '\\u0169': 'u',\r\n '\\u1E79': 'u',\r\n '\\u016B': 'u',\r\n '\\u1E7B': 'u',\r\n '\\u016D': 'u',\r\n '\\u00FC': 'u',\r\n '\\u01DC': 'u',\r\n '\\u01D8': 'u',\r\n '\\u01D6': 'u',\r\n '\\u01DA': 'u',\r\n '\\u1EE7': 'u',\r\n '\\u016F': 'u',\r\n '\\u0171': 'u',\r\n '\\u01D4': 'u',\r\n '\\u0215': 'u',\r\n '\\u0217': 'u',\r\n '\\u01B0': 'u',\r\n '\\u1EEB': 'u',\r\n '\\u1EE9': 'u',\r\n '\\u1EEF': 'u',\r\n '\\u1EED': 'u',\r\n '\\u1EF1': 'u',\r\n '\\u1EE5': 'u',\r\n '\\u1E73': 'u',\r\n '\\u0173': 'u',\r\n '\\u1E77': 'u',\r\n '\\u1E75': 'u',\r\n '\\u0289': 'u',\r\n '\\u24E5': 'v',\r\n '\\uFF56': 'v',\r\n '\\u1E7D': 'v',\r\n '\\u1E7F': 'v',\r\n '\\u028B': 'v',\r\n '\\uA75F': 'v',\r\n '\\u028C': 'v',\r\n '\\uA761': 'vy',\r\n '\\u24E6': 'w',\r\n '\\uFF57': 'w',\r\n '\\u1E81': 'w',\r\n '\\u1E83': 'w',\r\n '\\u0175': 'w',\r\n '\\u1E87': 'w',\r\n '\\u1E85': 'w',\r\n '\\u1E98': 'w',\r\n '\\u1E89': 'w',\r\n '\\u2C73': 'w',\r\n '\\u24E7': 'x',\r\n '\\uFF58': 'x',\r\n '\\u1E8B': 'x',\r\n '\\u1E8D': 'x',\r\n '\\u24E8': 'y',\r\n '\\uFF59': 'y',\r\n '\\u1EF3': 'y',\r\n '\\u00FD': 'y',\r\n '\\u0177': 'y',\r\n '\\u1EF9': 'y',\r\n '\\u0233': 'y',\r\n '\\u1E8F': 'y',\r\n '\\u00FF': 'y',\r\n '\\u1EF7': 'y',\r\n '\\u1E99': 'y',\r\n '\\u1EF5': 'y',\r\n '\\u01B4': 'y',\r\n '\\u024F': 'y',\r\n '\\u1EFF': 'y',\r\n '\\u24E9': 'z',\r\n '\\uFF5A': 'z',\r\n '\\u017A': 'z',\r\n '\\u1E91': 'z',\r\n '\\u017C': 'z',\r\n '\\u017E': 'z',\r\n '\\u1E93': 'z',\r\n '\\u1E95': 'z',\r\n '\\u01B6': 'z',\r\n '\\u0225': 'z',\r\n '\\u0240': 'z',\r\n '\\u2C6C': 'z',\r\n '\\uA763': 'z',\r\n '\\u0386': '\\u0391',\r\n '\\u0388': '\\u0395',\r\n '\\u0389': '\\u0397',\r\n '\\u038A': '\\u0399',\r\n '\\u03AA': '\\u0399',\r\n '\\u038C': '\\u039F',\r\n '\\u038E': '\\u03A5',\r\n '\\u03AB': '\\u03A5',\r\n '\\u038F': '\\u03A9',\r\n '\\u03AC': '\\u03B1',\r\n '\\u03AD': '\\u03B5',\r\n '\\u03AE': '\\u03B7',\r\n '\\u03AF': '\\u03B9',\r\n '\\u03CA': '\\u03B9',\r\n '\\u0390': '\\u03B9',\r\n '\\u03CC': '\\u03BF',\r\n '\\u03CD': '\\u03C5',\r\n '\\u03CB': '\\u03C5',\r\n '\\u03B0': '\\u03C5',\r\n '\\u03C9': '\\u03C9',\r\n '\\u03C2': '\\u03C3'\r\n };\r\n\r\n return diacritics;\r\n });\r\n\r\n S2.define('select2/data/base', [\r\n '../utils'\r\n ], function (Utils) {\r\n function BaseAdapter ($element, options) {\r\n BaseAdapter.__super__.constructor.call(this);\r\n }\r\n\r\n Utils.Extend(BaseAdapter, Utils.Observable);\r\n\r\n BaseAdapter.prototype.current = function (callback) {\r\n throw new Error('The `current` method must be defined in child classes.');\r\n };\r\n\r\n BaseAdapter.prototype.query = function (params, callback) {\r\n throw new Error('The `query` method must be defined in child classes.');\r\n };\r\n\r\n BaseAdapter.prototype.bind = function (container, $container) {\r\n // Can be implemented in subclasses\r\n };\r\n\r\n BaseAdapter.prototype.destroy = function () {\r\n // Can be implemented in subclasses\r\n };\r\n\r\n BaseAdapter.prototype.generateResultId = function (container, data) {\r\n var id = container.id + '-result-';\r\n\r\n id += Utils.generateChars(4);\r\n\r\n if (data.id != null) {\r\n id += '-' + data.id.toString();\r\n } else {\r\n id += '-' + Utils.generateChars(4);\r\n }\r\n return id;\r\n };\r\n\r\n return BaseAdapter;\r\n });\r\n\r\n S2.define('select2/data/select', [\r\n './base',\r\n '../utils',\r\n 'jquery'\r\n ], function (BaseAdapter, Utils, $) {\r\n function SelectAdapter ($element, options) {\r\n this.$element = $element;\r\n this.options = options;\r\n\r\n SelectAdapter.__super__.constructor.call(this);\r\n }\r\n\r\n Utils.Extend(SelectAdapter, BaseAdapter);\r\n\r\n SelectAdapter.prototype.current = function (callback) {\r\n var data = [];\r\n var self = this;\r\n\r\n this.$element.find(':selected').each(function () {\r\n var $option = $(this);\r\n\r\n var option = self.item($option);\r\n\r\n data.push(option);\r\n });\r\n\r\n callback(data);\r\n };\r\n\r\n SelectAdapter.prototype.select = function (data) {\r\n var self = this;\r\n\r\n data.selected = true;\r\n\r\n // If data.element is a DOM node, use it instead\r\n if ($(data.element).is('option')) {\r\n data.element.selected = true;\r\n\r\n this.$element.trigger('change');\r\n\r\n return;\r\n }\r\n\r\n if (this.$element.prop('multiple')) {\r\n this.current(function (currentData) {\r\n var val = [];\r\n\r\n data = [data];\r\n data.push.apply(data, currentData);\r\n\r\n for (var d = 0; d < data.length; d++) {\r\n var id = data[d].id;\r\n\r\n if ($.inArray(id, val) === -1) {\r\n val.push(id);\r\n }\r\n }\r\n\r\n self.$element.val(val);\r\n self.$element.trigger('change');\r\n });\r\n } else {\r\n var val = data.id;\r\n\r\n this.$element.val(val);\r\n this.$element.trigger('change');\r\n }\r\n };\r\n\r\n SelectAdapter.prototype.unselect = function (data) {\r\n var self = this;\r\n\r\n if (!this.$element.prop('multiple')) {\r\n return;\r\n }\r\n\r\n data.selected = false;\r\n\r\n if ($(data.element).is('option')) {\r\n data.element.selected = false;\r\n\r\n this.$element.trigger('change');\r\n\r\n return;\r\n }\r\n\r\n this.current(function (currentData) {\r\n var val = [];\r\n\r\n for (var d = 0; d < currentData.length; d++) {\r\n var id = currentData[d].id;\r\n\r\n if (id !== data.id && $.inArray(id, val) === -1) {\r\n val.push(id);\r\n }\r\n }\r\n\r\n self.$element.val(val);\r\n\r\n self.$element.trigger('change');\r\n });\r\n };\r\n\r\n SelectAdapter.prototype.bind = function (container, $container) {\r\n var self = this;\r\n\r\n this.container = container;\r\n\r\n container.on('select', function (params) {\r\n self.select(params.data);\r\n });\r\n\r\n container.on('unselect', function (params) {\r\n self.unselect(params.data);\r\n });\r\n };\r\n\r\n SelectAdapter.prototype.destroy = function () {\r\n // Remove anything added to child elements\r\n this.$element.find('*').each(function () {\r\n // Remove any custom data set by Select2\r\n $.removeData(this, 'data');\r\n });\r\n };\r\n\r\n SelectAdapter.prototype.query = function (params, callback) {\r\n var data = [];\r\n var self = this;\r\n\r\n var $options = this.$element.children();\r\n\r\n $options.each(function () {\r\n var $option = $(this);\r\n\r\n if (!$option.is('option') && !$option.is('optgroup')) {\r\n return;\r\n }\r\n\r\n var option = self.item($option);\r\n\r\n var matches = self.matches(params, option);\r\n\r\n if (matches !== null) {\r\n data.push(matches);\r\n }\r\n });\r\n\r\n callback({\r\n results: data\r\n });\r\n };\r\n\r\n SelectAdapter.prototype.addOptions = function ($options) {\r\n Utils.appendMany(this.$element, $options);\r\n };\r\n\r\n SelectAdapter.prototype.option = function (data) {\r\n var option;\r\n\r\n if (data.children) {\r\n option = document.createElement('optgroup');\r\n option.label = data.text;\r\n } else {\r\n option = document.createElement('option');\r\n\r\n if (option.textContent !== undefined) {\r\n option.textContent = data.text;\r\n } else {\r\n option.innerText = data.text;\r\n }\r\n }\r\n\r\n if (data.id) {\r\n option.value = data.id;\r\n }\r\n\r\n if (data.disabled) {\r\n option.disabled = true;\r\n }\r\n\r\n if (data.selected) {\r\n option.selected = true;\r\n }\r\n\r\n if (data.title) {\r\n option.title = data.title;\r\n }\r\n\r\n var $option = $(option);\r\n\r\n var normalizedData = this._normalizeItem(data);\r\n normalizedData.element = option;\r\n\r\n // Override the option's data with the combined data\r\n $.data(option, 'data', normalizedData);\r\n\r\n return $option;\r\n };\r\n\r\n SelectAdapter.prototype.item = function ($option) {\r\n var data = {};\r\n\r\n data = $.data($option[0], 'data');\r\n\r\n if (data != null) {\r\n return data;\r\n }\r\n\r\n if ($option.is('option')) {\r\n data = {\r\n id: $option.val(),\r\n text: $option.text(),\r\n disabled: $option.prop('disabled'),\r\n selected: $option.prop('selected'),\r\n title: $option.prop('title')\r\n };\r\n } else if ($option.is('optgroup')) {\r\n data = {\r\n text: $option.prop('label'),\r\n children: [],\r\n title: $option.prop('title')\r\n };\r\n\r\n var $children = $option.children('option');\r\n var children = [];\r\n\r\n for (var c = 0; c < $children.length; c++) {\r\n var $child = $($children[c]);\r\n\r\n var child = this.item($child);\r\n\r\n children.push(child);\r\n }\r\n\r\n data.children = children;\r\n }\r\n\r\n data = this._normalizeItem(data);\r\n data.element = $option[0];\r\n\r\n $.data($option[0], 'data', data);\r\n\r\n return data;\r\n };\r\n\r\n SelectAdapter.prototype._normalizeItem = function (item) {\r\n if (!$.isPlainObject(item)) {\r\n item = {\r\n id: item,\r\n text: item\r\n };\r\n }\r\n\r\n item = $.extend({}, {\r\n text: ''\r\n }, item);\r\n\r\n var defaults = {\r\n selected: false,\r\n disabled: false\r\n };\r\n\r\n if (item.id != null) {\r\n item.id = item.id.toString();\r\n }\r\n\r\n if (item.text != null) {\r\n item.text = item.text.toString();\r\n }\r\n\r\n if (item._resultId == null && item.id && this.container != null) {\r\n item._resultId = this.generateResultId(this.container, item);\r\n }\r\n\r\n return $.extend({}, defaults, item);\r\n };\r\n\r\n SelectAdapter.prototype.matches = function (params, data) {\r\n var matcher = this.options.get('matcher');\r\n\r\n return matcher(params, data);\r\n };\r\n\r\n return SelectAdapter;\r\n });\r\n\r\n S2.define('select2/data/array', [\r\n './select',\r\n '../utils',\r\n 'jquery'\r\n ], function (SelectAdapter, Utils, $) {\r\n function ArrayAdapter ($element, options) {\r\n var data = options.get('data') || [];\r\n\r\n ArrayAdapter.__super__.constructor.call(this, $element, options);\r\n\r\n this.addOptions(this.convertToOptions(data));\r\n }\r\n\r\n Utils.Extend(ArrayAdapter, SelectAdapter);\r\n\r\n ArrayAdapter.prototype.select = function (data) {\r\n var $option = this.$element.find('option').filter(function (i, elm) {\r\n return elm.value == data.id.toString();\r\n });\r\n\r\n if ($option.length === 0) {\r\n $option = this.option(data);\r\n\r\n this.addOptions($option);\r\n }\r\n\r\n ArrayAdapter.__super__.select.call(this, data);\r\n };\r\n\r\n ArrayAdapter.prototype.convertToOptions = function (data) {\r\n var self = this;\r\n\r\n var $existing = this.$element.find('option');\r\n var existingIds = $existing.map(function () {\r\n return self.item($(this)).id;\r\n }).get();\r\n\r\n var $options = [];\r\n\r\n // Filter out all items except for the one passed in the argument\r\n function onlyItem (item) {\r\n return function () {\r\n return $(this).val() == item.id;\r\n };\r\n }\r\n\r\n for (var d = 0; d < data.length; d++) {\r\n var item = this._normalizeItem(data[d]);\r\n\r\n // Skip items which were pre-loaded, only merge the data\r\n if ($.inArray(item.id, existingIds) >= 0) {\r\n var $existingOption = $existing.filter(onlyItem(item));\r\n\r\n var existingData = this.item($existingOption);\r\n var newData = $.extend(true, {}, item, existingData);\r\n\r\n var $newOption = this.option(newData);\r\n\r\n $existingOption.replaceWith($newOption);\r\n\r\n continue;\r\n }\r\n\r\n var $option = this.option(item);\r\n\r\n if (item.children) {\r\n var $children = this.convertToOptions(item.children);\r\n\r\n Utils.appendMany($option, $children);\r\n }\r\n\r\n $options.push($option);\r\n }\r\n\r\n return $options;\r\n };\r\n\r\n return ArrayAdapter;\r\n });\r\n\r\n S2.define('select2/data/ajax', [\r\n './array',\r\n '../utils',\r\n 'jquery'\r\n ], function (ArrayAdapter, Utils, $) {\r\n function AjaxAdapter ($element, options) {\r\n this.ajaxOptions = this._applyDefaults(options.get('ajax'));\r\n\r\n if (this.ajaxOptions.processResults != null) {\r\n this.processResults = this.ajaxOptions.processResults;\r\n }\r\n\r\n AjaxAdapter.__super__.constructor.call(this, $element, options);\r\n }\r\n\r\n Utils.Extend(AjaxAdapter, ArrayAdapter);\r\n\r\n AjaxAdapter.prototype._applyDefaults = function (options) {\r\n var defaults = {\r\n data: function (params) {\r\n return $.extend({}, params, {\r\n q: params.term\r\n });\r\n },\r\n transport: function (params, success, failure) {\r\n var $request = $.ajax(params);\r\n\r\n $request.then(success);\r\n $request.fail(failure);\r\n\r\n return $request;\r\n }\r\n };\r\n\r\n return $.extend({}, defaults, options, true);\r\n };\r\n\r\n AjaxAdapter.prototype.processResults = function (results) {\r\n return results;\r\n };\r\n\r\n AjaxAdapter.prototype.query = function (params, callback) {\r\n var matches = [];\r\n var self = this;\r\n\r\n if (this._request != null) {\r\n // JSONP requests cannot always be aborted\r\n if ($.isFunction(this._request.abort)) {\r\n this._request.abort();\r\n }\r\n\r\n this._request = null;\r\n }\r\n\r\n var options = $.extend({\r\n type: 'GET'\r\n }, this.ajaxOptions);\r\n\r\n if (typeof options.url === 'function') {\r\n options.url = options.url.call(this.$element, params);\r\n }\r\n\r\n if (typeof options.data === 'function') {\r\n options.data = options.data.call(this.$element, params);\r\n }\r\n\r\n function request () {\r\n var $request = options.transport(options, function (data) {\r\n var results = self.processResults(data, params);\r\n\r\n if (self.options.get('debug') && window.console && console.error) {\r\n // Check to make sure that the response included a `results` key.\r\n if (!results || !results.results || !$.isArray(results.results)) {\r\n console.error(\r\n 'Select2: The AJAX results did not return an array in the ' +\r\n '`results` key of the response.'\r\n );\r\n }\r\n }\r\n\r\n callback(results);\r\n }, function () {\r\n // Attempt to detect if a request was aborted\r\n // Only works if the transport exposes a status property\r\n if ($request.status && $request.status === '0') {\r\n return;\r\n }\r\n\r\n self.trigger('results:message', {\r\n message: 'errorLoading'\r\n });\r\n });\r\n\r\n self._request = $request;\r\n }\r\n\r\n if (this.ajaxOptions.delay && params.term != null) {\r\n if (this._queryTimeout) {\r\n window.clearTimeout(this._queryTimeout);\r\n }\r\n\r\n this._queryTimeout = window.setTimeout(request, this.ajaxOptions.delay);\r\n } else {\r\n request();\r\n }\r\n };\r\n\r\n return AjaxAdapter;\r\n });\r\n\r\n S2.define('select2/data/tags', [\r\n 'jquery'\r\n ], function ($) {\r\n function Tags (decorated, $element, options) {\r\n var tags = options.get('tags');\r\n\r\n var createTag = options.get('createTag');\r\n\r\n if (createTag !== undefined) {\r\n this.createTag = createTag;\r\n }\r\n\r\n var insertTag = options.get('insertTag');\r\n\r\n if (insertTag !== undefined) {\r\n this.insertTag = insertTag;\r\n }\r\n\r\n decorated.call(this, $element, options);\r\n\r\n if ($.isArray(tags)) {\r\n for (var t = 0; t < tags.length; t++) {\r\n var tag = tags[t];\r\n var item = this._normalizeItem(tag);\r\n\r\n var $option = this.option(item);\r\n\r\n this.$element.append($option);\r\n }\r\n }\r\n }\r\n\r\n Tags.prototype.query = function (decorated, params, callback) {\r\n var self = this;\r\n\r\n this._removeOldTags();\r\n\r\n if (params.term == null || params.page != null) {\r\n decorated.call(this, params, callback);\r\n return;\r\n }\r\n\r\n function wrapper (obj, child) {\r\n var data = obj.results;\r\n\r\n for (var i = 0; i < data.length; i++) {\r\n var option = data[i];\r\n\r\n var checkChildren = (\r\n option.children != null &&\r\n !wrapper({\r\n results: option.children\r\n }, true)\r\n );\r\n\r\n var checkText = option.text === params.term;\r\n\r\n if (checkText || checkChildren) {\r\n if (child) {\r\n return false;\r\n }\r\n\r\n obj.data = data;\r\n callback(obj);\r\n\r\n return;\r\n }\r\n }\r\n\r\n if (child) {\r\n return true;\r\n }\r\n\r\n var tag = self.createTag(params);\r\n\r\n if (tag != null) {\r\n var $option = self.option(tag);\r\n $option.attr('data-select2-tag', true);\r\n\r\n self.addOptions([$option]);\r\n\r\n self.insertTag(data, tag);\r\n }\r\n\r\n obj.results = data;\r\n\r\n callback(obj);\r\n }\r\n\r\n decorated.call(this, params, wrapper);\r\n };\r\n\r\n Tags.prototype.createTag = function (decorated, params) {\r\n var term = $.trim(params.term);\r\n\r\n if (term === '') {\r\n return null;\r\n }\r\n\r\n return {\r\n id: term,\r\n text: term\r\n };\r\n };\r\n\r\n Tags.prototype.insertTag = function (_, data, tag) {\r\n data.unshift(tag);\r\n };\r\n\r\n Tags.prototype._removeOldTags = function (_) {\r\n var tag = this._lastTag;\r\n\r\n var $options = this.$element.find('option[data-select2-tag]');\r\n\r\n $options.each(function () {\r\n if (this.selected) {\r\n return;\r\n }\r\n\r\n $(this).remove();\r\n });\r\n };\r\n\r\n return Tags;\r\n });\r\n\r\n S2.define('select2/data/tokenizer', [\r\n 'jquery'\r\n ], function ($) {\r\n function Tokenizer (decorated, $element, options) {\r\n var tokenizer = options.get('tokenizer');\r\n\r\n if (tokenizer !== undefined) {\r\n this.tokenizer = tokenizer;\r\n }\r\n\r\n decorated.call(this, $element, options);\r\n }\r\n\r\n Tokenizer.prototype.bind = function (decorated, container, $container) {\r\n decorated.call(this, container, $container);\r\n\r\n this.$search = container.dropdown.$search || container.selection.$search ||\r\n $container.find('.select2-search__field');\r\n };\r\n\r\n Tokenizer.prototype.query = function (decorated, params, callback) {\r\n var self = this;\r\n\r\n function createAndSelect (data) {\r\n // Normalize the data object so we can use it for checks\r\n var item = self._normalizeItem(data);\r\n\r\n // Check if the data object already exists as a tag\r\n // Select it if it doesn't\r\n var $existingOptions = self.$element.find('option').filter(function () {\r\n return $(this).val() === item.id;\r\n });\r\n\r\n // If an existing option wasn't found for it, create the option\r\n if (!$existingOptions.length) {\r\n var $option = self.option(item);\r\n $option.attr('data-select2-tag', true);\r\n\r\n self._removeOldTags();\r\n self.addOptions([$option]);\r\n }\r\n\r\n // Select the item, now that we know there is an option for it\r\n select(item);\r\n }\r\n\r\n function select (data) {\r\n self.trigger('select', {\r\n data: data\r\n });\r\n }\r\n\r\n params.term = params.term || '';\r\n\r\n var tokenData = this.tokenizer(params, this.options, createAndSelect);\r\n\r\n if (tokenData.term !== params.term) {\r\n // Replace the search term if we have the search box\r\n if (this.$search.length) {\r\n this.$search.val(tokenData.term);\r\n this.$search.focus();\r\n }\r\n\r\n params.term = tokenData.term;\r\n }\r\n\r\n decorated.call(this, params, callback);\r\n };\r\n\r\n Tokenizer.prototype.tokenizer = function (_, params, options, callback) {\r\n var separators = options.get('tokenSeparators') || [];\r\n var term = params.term;\r\n var i = 0;\r\n\r\n var createTag = this.createTag || function (params) {\r\n return {\r\n id: params.term,\r\n text: params.term\r\n };\r\n };\r\n\r\n while (i < term.length) {\r\n var termChar = term[i];\r\n\r\n if ($.inArray(termChar, separators) === -1) {\r\n i++;\r\n\r\n continue;\r\n }\r\n\r\n var part = term.substr(0, i);\r\n var partParams = $.extend({}, params, {\r\n term: part\r\n });\r\n\r\n var data = createTag(partParams);\r\n\r\n if (data == null) {\r\n i++;\r\n continue;\r\n }\r\n\r\n callback(data);\r\n\r\n // Reset the term to not include the tokenized portion\r\n term = term.substr(i + 1) || '';\r\n i = 0;\r\n }\r\n\r\n return {\r\n term: term\r\n };\r\n };\r\n\r\n return Tokenizer;\r\n });\r\n\r\n S2.define('select2/data/minimumInputLength', [\r\n\r\n ], function () {\r\n function MinimumInputLength (decorated, $e, options) {\r\n this.minimumInputLength = options.get('minimumInputLength');\r\n\r\n decorated.call(this, $e, options);\r\n }\r\n\r\n MinimumInputLength.prototype.query = function (decorated, params, callback) {\r\n params.term = params.term || '';\r\n\r\n if (params.term.length < this.minimumInputLength) {\r\n this.trigger('results:message', {\r\n message: 'inputTooShort',\r\n args: {\r\n minimum: this.minimumInputLength,\r\n input: params.term,\r\n params: params\r\n }\r\n });\r\n\r\n return;\r\n }\r\n\r\n decorated.call(this, params, callback);\r\n };\r\n\r\n return MinimumInputLength;\r\n });\r\n\r\n S2.define('select2/data/maximumInputLength', [\r\n\r\n ], function () {\r\n function MaximumInputLength (decorated, $e, options) {\r\n this.maximumInputLength = options.get('maximumInputLength');\r\n\r\n decorated.call(this, $e, options);\r\n }\r\n\r\n MaximumInputLength.prototype.query = function (decorated, params, callback) {\r\n params.term = params.term || '';\r\n\r\n if (this.maximumInputLength > 0 &&\r\n params.term.length > this.maximumInputLength) {\r\n this.trigger('results:message', {\r\n message: 'inputTooLong',\r\n args: {\r\n maximum: this.maximumInputLength,\r\n input: params.term,\r\n params: params\r\n }\r\n });\r\n\r\n return;\r\n }\r\n\r\n decorated.call(this, params, callback);\r\n };\r\n\r\n return MaximumInputLength;\r\n });\r\n\r\n S2.define('select2/data/maximumSelectionLength', [\r\n\r\n ], function () {\r\n function MaximumSelectionLength (decorated, $e, options) {\r\n this.maximumSelectionLength = options.get('maximumSelectionLength');\r\n\r\n decorated.call(this, $e, options);\r\n }\r\n\r\n MaximumSelectionLength.prototype.query =\r\n function (decorated, params, callback) {\r\n var self = this;\r\n\r\n this.current(function (currentData) {\r\n var count = currentData != null ? currentData.length : 0;\r\n if (self.maximumSelectionLength > 0 &&\r\n count >= self.maximumSelectionLength) {\r\n self.trigger('results:message', {\r\n message: 'maximumSelected',\r\n args: {\r\n maximum: self.maximumSelectionLength\r\n }\r\n });\r\n return;\r\n }\r\n decorated.call(self, params, callback);\r\n });\r\n };\r\n\r\n return MaximumSelectionLength;\r\n });\r\n\r\n S2.define('select2/dropdown', [\r\n 'jquery',\r\n './utils'\r\n ], function ($, Utils) {\r\n function Dropdown ($element, options) {\r\n this.$element = $element;\r\n this.options = options;\r\n\r\n Dropdown.__super__.constructor.call(this);\r\n }\r\n\r\n Utils.Extend(Dropdown, Utils.Observable);\r\n\r\n Dropdown.prototype.render = function () {\r\n var $dropdown = $(\r\n '' +\r\n '' +\r\n ''\r\n );\r\n\r\n $dropdown.attr('dir', this.options.get('dir'));\r\n\r\n this.$dropdown = $dropdown;\r\n\r\n return $dropdown;\r\n };\r\n\r\n Dropdown.prototype.bind = function () {\r\n // Should be implemented in subclasses\r\n };\r\n\r\n Dropdown.prototype.position = function ($dropdown, $container) {\r\n // Should be implmented in subclasses\r\n };\r\n\r\n Dropdown.prototype.destroy = function () {\r\n // Remove the dropdown from the DOM\r\n this.$dropdown.remove();\r\n };\r\n\r\n return Dropdown;\r\n });\r\n\r\n S2.define('select2/dropdown/search', [\r\n 'jquery',\r\n '../utils'\r\n ], function ($, Utils) {\r\n function Search () { }\r\n\r\n Search.prototype.render = function (decorated) {\r\n var $rendered = decorated.call(this);\r\n\r\n var $search = $(\r\n '' +\r\n '' +\r\n ''\r\n );\r\n\r\n this.$searchContainer = $search;\r\n this.$search = $search.find('input');\r\n\r\n $rendered.prepend($search);\r\n\r\n return $rendered;\r\n };\r\n\r\n Search.prototype.bind = function (decorated, container, $container) {\r\n var self = this;\r\n\r\n decorated.call(this, container, $container);\r\n\r\n this.$search.on('keydown', function (evt) {\r\n self.trigger('keypress', evt);\r\n\r\n self._keyUpPrevented = evt.isDefaultPrevented();\r\n });\r\n\r\n // Workaround for browsers which do not support the `input` event\r\n // This will prevent double-triggering of events for browsers which support\r\n // both the `keyup` and `input` events.\r\n this.$search.on('input', function (evt) {\r\n // Unbind the duplicated `keyup` event\r\n $(this).off('keyup');\r\n });\r\n\r\n this.$search.on('keyup input', function (evt) {\r\n self.handleSearch(evt);\r\n });\r\n\r\n container.on('open', function () {\r\n self.$search.attr('tabindex', 0);\r\n\r\n self.$search.focus();\r\n\r\n window.setTimeout(function () {\r\n self.$search.focus();\r\n }, 0);\r\n });\r\n\r\n container.on('close', function () {\r\n self.$search.attr('tabindex', -1);\r\n\r\n self.$search.val('');\r\n });\r\n\r\n container.on('focus', function () {\r\n if (container.isOpen()) {\r\n self.$search.focus();\r\n }\r\n });\r\n\r\n container.on('results:all', function (params) {\r\n if (params.query.term == null || params.query.term === '') {\r\n var showSearch = self.showSearch(params);\r\n\r\n if (showSearch) {\r\n self.$searchContainer.removeClass('select2-search--hide');\r\n } else {\r\n self.$searchContainer.addClass('select2-search--hide');\r\n }\r\n }\r\n });\r\n };\r\n\r\n Search.prototype.handleSearch = function (evt) {\r\n if (!this._keyUpPrevented) {\r\n var input = this.$search.val();\r\n\r\n this.trigger('query', {\r\n term: input\r\n });\r\n }\r\n\r\n this._keyUpPrevented = false;\r\n };\r\n\r\n Search.prototype.showSearch = function (_, params) {\r\n return true;\r\n };\r\n\r\n return Search;\r\n });\r\n\r\n S2.define('select2/dropdown/hidePlaceholder', [\r\n\r\n ], function () {\r\n function HidePlaceholder (decorated, $element, options, dataAdapter) {\r\n this.placeholder = this.normalizePlaceholder(options.get('placeholder'));\r\n\r\n decorated.call(this, $element, options, dataAdapter);\r\n }\r\n\r\n HidePlaceholder.prototype.append = function (decorated, data) {\r\n data.results = this.removePlaceholder(data.results);\r\n\r\n decorated.call(this, data);\r\n };\r\n\r\n HidePlaceholder.prototype.normalizePlaceholder = function (_, placeholder) {\r\n if (typeof placeholder === 'string') {\r\n placeholder = {\r\n id: '',\r\n text: placeholder\r\n };\r\n }\r\n\r\n return placeholder;\r\n };\r\n\r\n HidePlaceholder.prototype.removePlaceholder = function (_, data) {\r\n var modifiedData = data.slice(0);\r\n\r\n for (var d = data.length - 1; d >= 0; d--) {\r\n var item = data[d];\r\n\r\n if (this.placeholder.id === item.id) {\r\n modifiedData.splice(d, 1);\r\n }\r\n }\r\n\r\n return modifiedData;\r\n };\r\n\r\n return HidePlaceholder;\r\n });\r\n\r\n S2.define('select2/dropdown/infiniteScroll', [\r\n 'jquery'\r\n ], function ($) {\r\n function InfiniteScroll (decorated, $element, options, dataAdapter) {\r\n this.lastParams = {};\r\n\r\n decorated.call(this, $element, options, dataAdapter);\r\n\r\n this.$loadingMore = this.createLoadingMore();\r\n this.loading = false;\r\n }\r\n\r\n InfiniteScroll.prototype.append = function (decorated, data) {\r\n this.$loadingMore.remove();\r\n this.loading = false;\r\n\r\n decorated.call(this, data);\r\n\r\n if (this.showLoadingMore(data)) {\r\n this.$results.append(this.$loadingMore);\r\n }\r\n };\r\n\r\n InfiniteScroll.prototype.bind = function (decorated, container, $container) {\r\n var self = this;\r\n\r\n decorated.call(this, container, $container);\r\n\r\n container.on('query', function (params) {\r\n self.lastParams = params;\r\n self.loading = true;\r\n });\r\n\r\n container.on('query:append', function (params) {\r\n self.lastParams = params;\r\n self.loading = true;\r\n });\r\n\r\n this.$results.on('scroll', function () {\r\n var isLoadMoreVisible = $.contains(\r\n document.documentElement,\r\n self.$loadingMore[0]\r\n );\r\n\r\n if (self.loading || !isLoadMoreVisible) {\r\n return;\r\n }\r\n\r\n var currentOffset = self.$results.offset().top +\r\n self.$results.outerHeight(false);\r\n var loadingMoreOffset = self.$loadingMore.offset().top +\r\n self.$loadingMore.outerHeight(false);\r\n\r\n if (currentOffset + 50 >= loadingMoreOffset) {\r\n self.loadMore();\r\n }\r\n });\r\n };\r\n\r\n InfiniteScroll.prototype.loadMore = function () {\r\n this.loading = true;\r\n\r\n var params = $.extend({}, {page: 1}, this.lastParams);\r\n\r\n params.page++;\r\n\r\n this.trigger('query:append', params);\r\n };\r\n\r\n InfiniteScroll.prototype.showLoadingMore = function (_, data) {\r\n return data.pagination && data.pagination.more;\r\n };\r\n\r\n InfiniteScroll.prototype.createLoadingMore = function () {\r\n var $option = $(\r\n ''\r\n );\r\n\r\n var message = this.options.get('translations').get('loadingMore');\r\n\r\n $option.html(message(this.lastParams));\r\n\r\n return $option;\r\n };\r\n\r\n return InfiniteScroll;\r\n });\r\n\r\n S2.define('select2/dropdown/attachBody', [\r\n 'jquery',\r\n '../utils'\r\n ], function ($, Utils) {\r\n function AttachBody (decorated, $element, options) {\r\n this.$dropdownParent = options.get('dropdownParent') || $(document.body);\r\n\r\n decorated.call(this, $element, options);\r\n }\r\n\r\n AttachBody.prototype.bind = function (decorated, container, $container) {\r\n var self = this;\r\n\r\n var setupResultsEvents = false;\r\n\r\n decorated.call(this, container, $container);\r\n\r\n container.on('open', function () {\r\n self._showDropdown();\r\n self._attachPositioningHandler(container);\r\n\r\n if (!setupResultsEvents) {\r\n setupResultsEvents = true;\r\n\r\n container.on('results:all', function () {\r\n self._positionDropdown();\r\n self._resizeDropdown();\r\n });\r\n\r\n container.on('results:append', function () {\r\n self._positionDropdown();\r\n self._resizeDropdown();\r\n });\r\n }\r\n });\r\n\r\n container.on('close', function () {\r\n self._hideDropdown();\r\n self._detachPositioningHandler(container);\r\n });\r\n\r\n this.$dropdownContainer.on('mousedown', function (evt) {\r\n evt.stopPropagation();\r\n });\r\n };\r\n\r\n AttachBody.prototype.destroy = function (decorated) {\r\n decorated.call(this);\r\n\r\n this.$dropdownContainer.remove();\r\n };\r\n\r\n AttachBody.prototype.position = function (decorated, $dropdown, $container) {\r\n // Clone all of the container classes\r\n $dropdown.attr('class', $container.attr('class'));\r\n\r\n $dropdown.removeClass('select2');\r\n $dropdown.addClass('select2-container--open');\r\n\r\n $dropdown.css({\r\n position: 'absolute',\r\n top: -999999\r\n });\r\n\r\n this.$container = $container;\r\n };\r\n\r\n AttachBody.prototype.render = function (decorated) {\r\n var $container = $('');\r\n\r\n var $dropdown = decorated.call(this);\r\n $container.append($dropdown);\r\n\r\n this.$dropdownContainer = $container;\r\n\r\n return $container;\r\n };\r\n\r\n AttachBody.prototype._hideDropdown = function (decorated) {\r\n this.$dropdownContainer.detach();\r\n };\r\n\r\n AttachBody.prototype._attachPositioningHandler =\r\n function (decorated, container) {\r\n var self = this;\r\n\r\n var scrollEvent = 'scroll.select2.' + container.id;\r\n var resizeEvent = 'resize.select2.' + container.id;\r\n var orientationEvent = 'orientationchange.select2.' + container.id;\r\n\r\n var $watchers = this.$container.parents().filter(Utils.hasScroll);\r\n $watchers.each(function () {\r\n $(this).data('select2-scroll-position', {\r\n x: $(this).scrollLeft(),\r\n y: $(this).scrollTop()\r\n });\r\n });\r\n\r\n $watchers.on(scrollEvent, function (ev) {\r\n var position = $(this).data('select2-scroll-position');\r\n $(this).scrollTop(position.y);\r\n });\r\n\r\n $(window).on(scrollEvent + ' ' + resizeEvent + ' ' + orientationEvent,\r\n function (e) {\r\n self._positionDropdown();\r\n self._resizeDropdown();\r\n });\r\n };\r\n\r\n AttachBody.prototype._detachPositioningHandler =\r\n function (decorated, container) {\r\n var scrollEvent = 'scroll.select2.' + container.id;\r\n var resizeEvent = 'resize.select2.' + container.id;\r\n var orientationEvent = 'orientationchange.select2.' + container.id;\r\n\r\n var $watchers = this.$container.parents().filter(Utils.hasScroll);\r\n $watchers.off(scrollEvent);\r\n\r\n $(window).off(scrollEvent + ' ' + resizeEvent + ' ' + orientationEvent);\r\n };\r\n\r\n AttachBody.prototype._positionDropdown = function () {\r\n var $window = $(window);\r\n\r\n var isCurrentlyAbove = this.$dropdown.hasClass('select2-dropdown--above');\r\n var isCurrentlyBelow = this.$dropdown.hasClass('select2-dropdown--below');\r\n\r\n var newDirection = null;\r\n\r\n var offset = this.$container.offset();\r\n\r\n offset.bottom = offset.top + this.$container.outerHeight(false);\r\n\r\n var container = {\r\n height: this.$container.outerHeight(false)\r\n };\r\n\r\n container.top = offset.top;\r\n container.bottom = offset.top + container.height;\r\n\r\n var dropdown = {\r\n height: this.$dropdown.outerHeight(false)\r\n };\r\n\r\n var viewport = {\r\n top: $window.scrollTop(),\r\n bottom: $window.scrollTop() + $window.height()\r\n };\r\n\r\n var enoughRoomAbove = viewport.top < (offset.top - dropdown.height);\r\n var enoughRoomBelow = viewport.bottom > (offset.bottom + dropdown.height);\r\n\r\n var css = {\r\n left: offset.left,\r\n top: container.bottom\r\n };\r\n\r\n // Determine what the parent element is to use for calciulating the offset\r\n var $offsetParent = this.$dropdownParent;\r\n\r\n // For statically positoned elements, we need to get the element\r\n // that is determining the offset\r\n if ($offsetParent.css('position') === 'static') {\r\n $offsetParent = $offsetParent.offsetParent();\r\n }\r\n\r\n var parentOffset = $offsetParent.offset();\r\n\r\n css.top -= parentOffset.top;\r\n css.left -= parentOffset.left;\r\n\r\n if (!isCurrentlyAbove && !isCurrentlyBelow) {\r\n newDirection = 'below';\r\n }\r\n\r\n if (!enoughRoomBelow && enoughRoomAbove && !isCurrentlyAbove) {\r\n newDirection = 'above';\r\n } else if (!enoughRoomAbove && enoughRoomBelow && isCurrentlyAbove) {\r\n newDirection = 'below';\r\n }\r\n\r\n if (newDirection == 'above' ||\r\n (isCurrentlyAbove && newDirection !== 'below')) {\r\n css.top = container.top - parentOffset.top - dropdown.height;\r\n }\r\n\r\n if (newDirection != null) {\r\n this.$dropdown\r\n .removeClass('select2-dropdown--below select2-dropdown--above')\r\n .addClass('select2-dropdown--' + newDirection);\r\n this.$container\r\n .removeClass('select2-container--below select2-container--above')\r\n .addClass('select2-container--' + newDirection);\r\n }\r\n\r\n this.$dropdownContainer.css(css);\r\n };\r\n\r\n AttachBody.prototype._resizeDropdown = function () {\r\n var css = {\r\n width: this.$container.outerWidth(false) + 'px'\r\n };\r\n\r\n if (this.options.get('dropdownAutoWidth')) {\r\n css.minWidth = css.width;\r\n css.position = 'relative';\r\n css.width = 'auto';\r\n }\r\n\r\n this.$dropdown.css(css);\r\n };\r\n\r\n AttachBody.prototype._showDropdown = function (decorated) {\r\n this.$dropdownContainer.appendTo(this.$dropdownParent);\r\n\r\n this._positionDropdown();\r\n this._resizeDropdown();\r\n };\r\n\r\n return AttachBody;\r\n });\r\n\r\n S2.define('select2/dropdown/minimumResultsForSearch', [\r\n\r\n ], function () {\r\n function countResults (data) {\r\n var count = 0;\r\n\r\n for (var d = 0; d < data.length; d++) {\r\n var item = data[d];\r\n\r\n if (item.children) {\r\n count += countResults(item.children);\r\n } else {\r\n count++;\r\n }\r\n }\r\n\r\n return count;\r\n }\r\n\r\n function MinimumResultsForSearch (decorated, $element, options, dataAdapter) {\r\n this.minimumResultsForSearch = options.get('minimumResultsForSearch');\r\n\r\n if (this.minimumResultsForSearch < 0) {\r\n this.minimumResultsForSearch = Infinity;\r\n }\r\n\r\n decorated.call(this, $element, options, dataAdapter);\r\n }\r\n\r\n MinimumResultsForSearch.prototype.showSearch = function (decorated, params) {\r\n if (countResults(params.data.results) < this.minimumResultsForSearch) {\r\n return false;\r\n }\r\n\r\n return decorated.call(this, params);\r\n };\r\n\r\n return MinimumResultsForSearch;\r\n });\r\n\r\n S2.define('select2/dropdown/selectOnClose', [\r\n\r\n ], function () {\r\n function SelectOnClose () { }\r\n\r\n SelectOnClose.prototype.bind = function (decorated, container, $container) {\r\n var self = this;\r\n\r\n decorated.call(this, container, $container);\r\n\r\n container.on('close', function (params) {\r\n self._handleSelectOnClose(params);\r\n });\r\n };\r\n\r\n SelectOnClose.prototype._handleSelectOnClose = function (_, params) {\r\n if (params && params.originalSelect2Event != null) {\r\n var event = params.originalSelect2Event;\r\n\r\n // Don't select an item if the close event was triggered from a select or\r\n // unselect event\r\n if (event._type === 'select' || event._type === 'unselect') {\r\n return;\r\n }\r\n }\r\n\r\n var $highlightedResults = this.getHighlightedResults();\r\n\r\n // Only select highlighted results\r\n if ($highlightedResults.length < 1) {\r\n return;\r\n }\r\n\r\n var data = $highlightedResults.data('data');\r\n\r\n // Don't re-select already selected resulte\r\n if (\r\n (data.element != null && data.element.selected) ||\r\n (data.element == null && data.selected)\r\n ) {\r\n return;\r\n }\r\n\r\n this.trigger('select', {\r\n data: data\r\n });\r\n };\r\n\r\n return SelectOnClose;\r\n });\r\n\r\n S2.define('select2/dropdown/closeOnSelect', [\r\n\r\n ], function () {\r\n function CloseOnSelect () { }\r\n\r\n CloseOnSelect.prototype.bind = function (decorated, container, $container) {\r\n var self = this;\r\n\r\n decorated.call(this, container, $container);\r\n\r\n container.on('select', function (evt) {\r\n self._selectTriggered(evt);\r\n });\r\n\r\n container.on('unselect', function (evt) {\r\n self._selectTriggered(evt);\r\n });\r\n };\r\n\r\n CloseOnSelect.prototype._selectTriggered = function (_, evt) {\r\n var originalEvent = evt.originalEvent;\r\n\r\n // Don't close if the control key is being held\r\n if (originalEvent && originalEvent.ctrlKey) {\r\n return;\r\n }\r\n\r\n this.trigger('close', {\r\n originalEvent: originalEvent,\r\n originalSelect2Event: evt\r\n });\r\n };\r\n\r\n return CloseOnSelect;\r\n });\r\n\r\n S2.define('select2/i18n/en', [], function () {\r\n // English\r\n return {\r\n errorLoading: function () {\r\n return 'The results could not be loaded.';\r\n },\r\n inputTooLong: function (args) {\r\n var overChars = args.input.length - args.maximum;\r\n\r\n var message = 'Please delete ' + overChars + ' character';\r\n\r\n if (overChars != 1) {\r\n message += 's';\r\n }\r\n\r\n return message;\r\n },\r\n inputTooShort: function (args) {\r\n var remainingChars = args.minimum - args.input.length;\r\n\r\n var message = 'Please enter ' + remainingChars + ' or more characters';\r\n\r\n return message;\r\n },\r\n loadingMore: function () {\r\n return 'Loading more results…';\r\n },\r\n maximumSelected: function (args) {\r\n var message = 'You can only select ' + args.maximum + ' item';\r\n\r\n if (args.maximum != 1) {\r\n message += 's';\r\n }\r\n\r\n return message;\r\n },\r\n noResults: function () {\r\n return 'No results found';\r\n },\r\n searching: function () {\r\n return 'Searching…';\r\n }\r\n };\r\n });\r\n\r\n S2.define('select2/defaults', [\r\n 'jquery',\r\n 'require',\r\n\r\n './results',\r\n\r\n './selection/single',\r\n './selection/multiple',\r\n './selection/placeholder',\r\n './selection/allowClear',\r\n './selection/search',\r\n './selection/eventRelay',\r\n\r\n './utils',\r\n './translation',\r\n './diacritics',\r\n\r\n './data/select',\r\n './data/array',\r\n './data/ajax',\r\n './data/tags',\r\n './data/tokenizer',\r\n './data/minimumInputLength',\r\n './data/maximumInputLength',\r\n './data/maximumSelectionLength',\r\n\r\n './dropdown',\r\n './dropdown/search',\r\n './dropdown/hidePlaceholder',\r\n './dropdown/infiniteScroll',\r\n './dropdown/attachBody',\r\n './dropdown/minimumResultsForSearch',\r\n './dropdown/selectOnClose',\r\n './dropdown/closeOnSelect',\r\n\r\n './i18n/en'\r\n ], function ($, require,\r\n\r\n ResultsList,\r\n\r\n SingleSelection, MultipleSelection, Placeholder, AllowClear,\r\n SelectionSearch, EventRelay,\r\n\r\n Utils, Translation, DIACRITICS,\r\n\r\n SelectData, ArrayData, AjaxData, Tags, Tokenizer,\r\n MinimumInputLength, MaximumInputLength, MaximumSelectionLength,\r\n\r\n Dropdown, DropdownSearch, HidePlaceholder, InfiniteScroll,\r\n AttachBody, MinimumResultsForSearch, SelectOnClose, CloseOnSelect,\r\n\r\n EnglishTranslation) {\r\n function Defaults () {\r\n this.reset();\r\n }\r\n\r\n Defaults.prototype.apply = function (options) {\r\n options = $.extend(true, {}, this.defaults, options);\r\n\r\n if (options.dataAdapter == null) {\r\n if (options.ajax != null) {\r\n options.dataAdapter = AjaxData;\r\n } else if (options.data != null) {\r\n options.dataAdapter = ArrayData;\r\n } else {\r\n options.dataAdapter = SelectData;\r\n }\r\n\r\n if (options.minimumInputLength > 0) {\r\n options.dataAdapter = Utils.Decorate(\r\n options.dataAdapter,\r\n MinimumInputLength\r\n );\r\n }\r\n\r\n if (options.maximumInputLength > 0) {\r\n options.dataAdapter = Utils.Decorate(\r\n options.dataAdapter,\r\n MaximumInputLength\r\n );\r\n }\r\n\r\n if (options.maximumSelectionLength > 0) {\r\n options.dataAdapter = Utils.Decorate(\r\n options.dataAdapter,\r\n MaximumSelectionLength\r\n );\r\n }\r\n\r\n if (options.tags) {\r\n options.dataAdapter = Utils.Decorate(options.dataAdapter, Tags);\r\n }\r\n\r\n if (options.tokenSeparators != null || options.tokenizer != null) {\r\n options.dataAdapter = Utils.Decorate(\r\n options.dataAdapter,\r\n Tokenizer\r\n );\r\n }\r\n\r\n if (options.query != null) {\r\n var Query = require(options.amdBase + 'compat/query');\r\n\r\n options.dataAdapter = Utils.Decorate(\r\n options.dataAdapter,\r\n Query\r\n );\r\n }\r\n\r\n if (options.initSelection != null) {\r\n var InitSelection = require(options.amdBase + 'compat/initSelection');\r\n\r\n options.dataAdapter = Utils.Decorate(\r\n options.dataAdapter,\r\n InitSelection\r\n );\r\n }\r\n }\r\n\r\n if (options.resultsAdapter == null) {\r\n options.resultsAdapter = ResultsList;\r\n\r\n if (options.ajax != null) {\r\n options.resultsAdapter = Utils.Decorate(\r\n options.resultsAdapter,\r\n InfiniteScroll\r\n );\r\n }\r\n\r\n if (options.placeholder != null) {\r\n options.resultsAdapter = Utils.Decorate(\r\n options.resultsAdapter,\r\n HidePlaceholder\r\n );\r\n }\r\n\r\n if (options.selectOnClose) {\r\n options.resultsAdapter = Utils.Decorate(\r\n options.resultsAdapter,\r\n SelectOnClose\r\n );\r\n }\r\n }\r\n\r\n if (options.dropdownAdapter == null) {\r\n if (options.multiple) {\r\n options.dropdownAdapter = Dropdown;\r\n } else {\r\n var SearchableDropdown = Utils.Decorate(Dropdown, DropdownSearch);\r\n\r\n options.dropdownAdapter = SearchableDropdown;\r\n }\r\n\r\n if (options.minimumResultsForSearch !== 0) {\r\n options.dropdownAdapter = Utils.Decorate(\r\n options.dropdownAdapter,\r\n MinimumResultsForSearch\r\n );\r\n }\r\n\r\n if (options.closeOnSelect) {\r\n options.dropdownAdapter = Utils.Decorate(\r\n options.dropdownAdapter,\r\n CloseOnSelect\r\n );\r\n }\r\n\r\n if (\r\n options.dropdownCssClass != null ||\r\n options.dropdownCss != null ||\r\n options.adaptDropdownCssClass != null\r\n ) {\r\n var DropdownCSS = require(options.amdBase + 'compat/dropdownCss');\r\n\r\n options.dropdownAdapter = Utils.Decorate(\r\n options.dropdownAdapter,\r\n DropdownCSS\r\n );\r\n }\r\n\r\n options.dropdownAdapter = Utils.Decorate(\r\n options.dropdownAdapter,\r\n AttachBody\r\n );\r\n }\r\n\r\n if (options.selectionAdapter == null) {\r\n if (options.multiple) {\r\n options.selectionAdapter = MultipleSelection;\r\n } else {\r\n options.selectionAdapter = SingleSelection;\r\n }\r\n\r\n // Add the placeholder mixin if a placeholder was specified\r\n if (options.placeholder != null) {\r\n options.selectionAdapter = Utils.Decorate(\r\n options.selectionAdapter,\r\n Placeholder\r\n );\r\n }\r\n\r\n if (options.allowClear) {\r\n options.selectionAdapter = Utils.Decorate(\r\n options.selectionAdapter,\r\n AllowClear\r\n );\r\n }\r\n\r\n if (options.multiple) {\r\n options.selectionAdapter = Utils.Decorate(\r\n options.selectionAdapter,\r\n SelectionSearch\r\n );\r\n }\r\n\r\n if (\r\n options.containerCssClass != null ||\r\n options.containerCss != null ||\r\n options.adaptContainerCssClass != null\r\n ) {\r\n var ContainerCSS = require(options.amdBase + 'compat/containerCss');\r\n\r\n options.selectionAdapter = Utils.Decorate(\r\n options.selectionAdapter,\r\n ContainerCSS\r\n );\r\n }\r\n\r\n options.selectionAdapter = Utils.Decorate(\r\n options.selectionAdapter,\r\n EventRelay\r\n );\r\n }\r\n\r\n if (typeof options.language === 'string') {\r\n // Check if the language is specified with a region\r\n if (options.language.indexOf('-') > 0) {\r\n // Extract the region information if it is included\r\n var languageParts = options.language.split('-');\r\n var baseLanguage = languageParts[0];\r\n\r\n options.language = [options.language, baseLanguage];\r\n } else {\r\n options.language = [options.language];\r\n }\r\n }\r\n\r\n if ($.isArray(options.language)) {\r\n var languages = new Translation();\r\n options.language.push('en');\r\n\r\n var languageNames = options.language;\r\n\r\n for (var l = 0; l < languageNames.length; l++) {\r\n var name = languageNames[l];\r\n var language = {};\r\n\r\n try {\r\n // Try to load it with the original name\r\n language = Translation.loadPath(name);\r\n } catch (e) {\r\n try {\r\n // If we couldn't load it, check if it wasn't the full path\r\n name = this.defaults.amdLanguageBase + name;\r\n language = Translation.loadPath(name);\r\n } catch (ex) {\r\n // The translation could not be loaded at all. Sometimes this is\r\n // because of a configuration problem, other times this can be\r\n // because of how Select2 helps load all possible translation files.\r\n if (options.debug && window.console && console.warn) {\r\n console.warn(\r\n 'Select2: The language file for \"' + name + '\" could not be ' +\r\n 'automatically loaded. A fallback will be used instead.'\r\n );\r\n }\r\n\r\n continue;\r\n }\r\n }\r\n\r\n languages.extend(language);\r\n }\r\n\r\n options.translations = languages;\r\n } else {\r\n var baseTranslation = Translation.loadPath(\r\n this.defaults.amdLanguageBase + 'en'\r\n );\r\n var customTranslation = new Translation(options.language);\r\n\r\n customTranslation.extend(baseTranslation);\r\n\r\n options.translations = customTranslation;\r\n }\r\n\r\n return options;\r\n };\r\n\r\n Defaults.prototype.reset = function () {\r\n function stripDiacritics (text) {\r\n // Used 'uni range + named function' from http://jsperf.com/diacritics/18\r\n function match(a) {\r\n return DIACRITICS[a] || a;\r\n }\r\n\r\n return text.replace(/[^\\u0000-\\u007E]/g, match);\r\n }\r\n\r\n function matcher (params, data) {\r\n // Always return the object if there is nothing to compare\r\n if ($.trim(params.term) === '') {\r\n return data;\r\n }\r\n\r\n // Do a recursive check for options with children\r\n if (data.children && data.children.length > 0) {\r\n // Clone the data object if there are children\r\n // This is required as we modify the object to remove any non-matches\r\n var match = $.extend(true, {}, data);\r\n\r\n // Check each child of the option\r\n for (var c = data.children.length - 1; c >= 0; c--) {\r\n var child = data.children[c];\r\n\r\n var matches = matcher(params, child);\r\n\r\n // If there wasn't a match, remove the object in the array\r\n if (matches == null) {\r\n match.children.splice(c, 1);\r\n }\r\n }\r\n\r\n // If any children matched, return the new object\r\n if (match.children.length > 0) {\r\n return match;\r\n }\r\n\r\n // If there were no matching children, check just the plain object\r\n return matcher(params, match);\r\n }\r\n\r\n var original = stripDiacritics(data.text).toUpperCase();\r\n var term = stripDiacritics(params.term).toUpperCase();\r\n\r\n // Check if the text contains the term\r\n if (original.indexOf(term) > -1) {\r\n return data;\r\n }\r\n\r\n // If it doesn't contain the term, don't return anything\r\n return null;\r\n }\r\n\r\n this.defaults = {\r\n amdBase: './',\r\n amdLanguageBase: './i18n/',\r\n closeOnSelect: true,\r\n debug: false,\r\n dropdownAutoWidth: false,\r\n escapeMarkup: Utils.escapeMarkup,\r\n language: EnglishTranslation,\r\n matcher: matcher,\r\n minimumInputLength: 0,\r\n maximumInputLength: 0,\r\n maximumSelectionLength: 0,\r\n minimumResultsForSearch: 0,\r\n selectOnClose: false,\r\n sorter: function (data) {\r\n return data;\r\n },\r\n templateResult: function (result) {\r\n return result.text;\r\n },\r\n templateSelection: function (selection) {\r\n return selection.text;\r\n },\r\n theme: 'default',\r\n width: 'resolve'\r\n };\r\n };\r\n\r\n Defaults.prototype.set = function (key, value) {\r\n var camelKey = $.camelCase(key);\r\n\r\n var data = {};\r\n data[camelKey] = value;\r\n\r\n var convertedData = Utils._convertData(data);\r\n\r\n $.extend(this.defaults, convertedData);\r\n };\r\n\r\n var defaults = new Defaults();\r\n\r\n return defaults;\r\n });\r\n\r\n S2.define('select2/options', [\r\n 'require',\r\n 'jquery',\r\n './defaults',\r\n './utils'\r\n ], function (require, $, Defaults, Utils) {\r\n function Options (options, $element) {\r\n this.options = options;\r\n\r\n if ($element != null) {\r\n this.fromElement($element);\r\n }\r\n\r\n this.options = Defaults.apply(this.options);\r\n\r\n if ($element && $element.is('input')) {\r\n var InputCompat = require(this.get('amdBase') + 'compat/inputData');\r\n\r\n this.options.dataAdapter = Utils.Decorate(\r\n this.options.dataAdapter,\r\n InputCompat\r\n );\r\n }\r\n }\r\n\r\n Options.prototype.fromElement = function ($e) {\r\n var excludedData = ['select2'];\r\n\r\n if (this.options.multiple == null) {\r\n this.options.multiple = $e.prop('multiple');\r\n }\r\n\r\n if (this.options.disabled == null) {\r\n this.options.disabled = $e.prop('disabled');\r\n }\r\n\r\n if (this.options.language == null) {\r\n if ($e.prop('lang')) {\r\n this.options.language = $e.prop('lang').toLowerCase();\r\n } else if ($e.closest('[lang]').prop('lang')) {\r\n this.options.language = $e.closest('[lang]').prop('lang');\r\n }\r\n }\r\n\r\n if (this.options.dir == null) {\r\n if ($e.prop('dir')) {\r\n this.options.dir = $e.prop('dir');\r\n } else if ($e.closest('[dir]').prop('dir')) {\r\n this.options.dir = $e.closest('[dir]').prop('dir');\r\n } else {\r\n this.options.dir = 'ltr';\r\n }\r\n }\r\n\r\n $e.prop('disabled', this.options.disabled);\r\n $e.prop('multiple', this.options.multiple);\r\n\r\n if ($e.data('select2Tags')) {\r\n if (this.options.debug && window.console && console.warn) {\r\n console.warn(\r\n 'Select2: The `data-select2-tags` attribute has been changed to ' +\r\n 'use the `data-data` and `data-tags=\"true\"` attributes and will be ' +\r\n 'removed in future versions of Select2.'\r\n );\r\n }\r\n\r\n $e.data('data', $e.data('select2Tags'));\r\n $e.data('tags', true);\r\n }\r\n\r\n if ($e.data('ajaxUrl')) {\r\n if (this.options.debug && window.console && console.warn) {\r\n console.warn(\r\n 'Select2: The `data-ajax-url` attribute has been changed to ' +\r\n '`data-ajax--url` and support for the old attribute will be removed' +\r\n ' in future versions of Select2.'\r\n );\r\n }\r\n\r\n $e.attr('ajax--url', $e.data('ajaxUrl'));\r\n $e.data('ajax--url', $e.data('ajaxUrl'));\r\n }\r\n\r\n var dataset = {};\r\n\r\n // Prefer the element's `dataset` attribute if it exists\r\n // jQuery 1.x does not correctly handle data attributes with multiple dashes\r\n if ($.fn.jquery && $.fn.jquery.substr(0, 2) == '1.' && $e[0].dataset) {\r\n dataset = $.extend(true, {}, $e[0].dataset, $e.data());\r\n } else {\r\n dataset = $e.data();\r\n }\r\n\r\n var data = $.extend(true, {}, dataset);\r\n\r\n data = Utils._convertData(data);\r\n\r\n for (var key in data) {\r\n if ($.inArray(key, excludedData) > -1) {\r\n continue;\r\n }\r\n\r\n if ($.isPlainObject(this.options[key])) {\r\n $.extend(this.options[key], data[key]);\r\n } else {\r\n this.options[key] = data[key];\r\n }\r\n }\r\n\r\n return this;\r\n };\r\n\r\n Options.prototype.get = function (key) {\r\n return this.options[key];\r\n };\r\n\r\n Options.prototype.set = function (key, val) {\r\n this.options[key] = val;\r\n };\r\n\r\n return Options;\r\n });\r\n\r\n S2.define('select2/core', [\r\n 'jquery',\r\n './options',\r\n './utils',\r\n './keys'\r\n ], function ($, Options, Utils, KEYS) {\r\n var Select2 = function ($element, options) {\r\n if ($element.data('select2') != null) {\r\n $element.data('select2').destroy();\r\n }\r\n\r\n this.$element = $element;\r\n\r\n this.id = this._generateId($element);\r\n\r\n options = options || {};\r\n\r\n this.options = new Options(options, $element);\r\n\r\n Select2.__super__.constructor.call(this);\r\n\r\n // Set up the tabindex\r\n\r\n var tabindex = $element.attr('tabindex') || 0;\r\n $element.data('old-tabindex', tabindex);\r\n $element.attr('tabindex', '-1');\r\n\r\n // Set up containers and adapters\r\n\r\n var DataAdapter = this.options.get('dataAdapter');\r\n this.dataAdapter = new DataAdapter($element, this.options);\r\n\r\n var $container = this.render();\r\n\r\n this._placeContainer($container);\r\n\r\n var SelectionAdapter = this.options.get('selectionAdapter');\r\n this.selection = new SelectionAdapter($element, this.options);\r\n this.$selection = this.selection.render();\r\n\r\n this.selection.position(this.$selection, $container);\r\n\r\n var DropdownAdapter = this.options.get('dropdownAdapter');\r\n this.dropdown = new DropdownAdapter($element, this.options);\r\n this.$dropdown = this.dropdown.render();\r\n\r\n this.dropdown.position(this.$dropdown, $container);\r\n\r\n var ResultsAdapter = this.options.get('resultsAdapter');\r\n this.results = new ResultsAdapter($element, this.options, this.dataAdapter);\r\n this.$results = this.results.render();\r\n\r\n this.results.position(this.$results, this.$dropdown);\r\n\r\n // Bind events\r\n\r\n var self = this;\r\n\r\n // Bind the container to all of the adapters\r\n this._bindAdapters();\r\n\r\n // Register any DOM event handlers\r\n this._registerDomEvents();\r\n\r\n // Register any internal event handlers\r\n this._registerDataEvents();\r\n this._registerSelectionEvents();\r\n this._registerDropdownEvents();\r\n this._registerResultsEvents();\r\n this._registerEvents();\r\n\r\n // Set the initial state\r\n this.dataAdapter.current(function (initialData) {\r\n self.trigger('selection:update', {\r\n data: initialData\r\n });\r\n });\r\n\r\n // Hide the original select\r\n $element.addClass('select2-hidden-accessible');\r\n $element.attr('aria-hidden', 'true');\r\n\r\n // Synchronize any monitored attributes\r\n this._syncAttributes();\r\n\r\n $element.data('select2', this);\r\n };\r\n\r\n Utils.Extend(Select2, Utils.Observable);\r\n\r\n Select2.prototype._generateId = function ($element) {\r\n var id = '';\r\n\r\n if ($element.attr('id') != null) {\r\n id = $element.attr('id');\r\n } else if ($element.attr('name') != null) {\r\n id = $element.attr('name') + '-' + Utils.generateChars(2);\r\n } else {\r\n id = Utils.generateChars(4);\r\n }\r\n\r\n id = id.replace(/(:|\\.|\\[|\\]|,)/g, '');\r\n id = 'select2-' + id;\r\n\r\n return id;\r\n };\r\n\r\n Select2.prototype._placeContainer = function ($container) {\r\n $container.insertAfter(this.$element);\r\n\r\n var width = this._resolveWidth(this.$element, this.options.get('width'));\r\n\r\n if (width != null) {\r\n $container.css('width', width);\r\n }\r\n };\r\n\r\n Select2.prototype._resolveWidth = function ($element, method) {\r\n var WIDTH = /^width:(([-+]?([0-9]*\\.)?[0-9]+)(px|em|ex|%|in|cm|mm|pt|pc))/i;\r\n\r\n if (method == 'resolve') {\r\n var styleWidth = this._resolveWidth($element, 'style');\r\n\r\n if (styleWidth != null) {\r\n return styleWidth;\r\n }\r\n\r\n return this._resolveWidth($element, 'element');\r\n }\r\n\r\n if (method == 'element') {\r\n var elementWidth = $element.outerWidth(false);\r\n\r\n if (elementWidth <= 0) {\r\n return 'auto';\r\n }\r\n\r\n return elementWidth + 'px';\r\n }\r\n\r\n if (method == 'style') {\r\n var style = $element.attr('style');\r\n\r\n if (typeof (style) !== 'string') {\r\n return null;\r\n }\r\n\r\n var attrs = style.split(';');\r\n\r\n for (var i = 0, l = attrs.length; i < l; i = i + 1) {\r\n var attr = attrs[i].replace(/\\s/g, '');\r\n var matches = attr.match(WIDTH);\r\n\r\n if (matches !== null && matches.length >= 1) {\r\n return matches[1];\r\n }\r\n }\r\n\r\n return null;\r\n }\r\n\r\n return method;\r\n };\r\n\r\n Select2.prototype._bindAdapters = function () {\r\n this.dataAdapter.bind(this, this.$container);\r\n this.selection.bind(this, this.$container);\r\n\r\n this.dropdown.bind(this, this.$container);\r\n this.results.bind(this, this.$container);\r\n };\r\n\r\n Select2.prototype._registerDomEvents = function () {\r\n var self = this;\r\n\r\n this.$element.on('change.select2', function () {\r\n self.dataAdapter.current(function (data) {\r\n self.trigger('selection:update', {\r\n data: data\r\n });\r\n });\r\n });\r\n\r\n this.$element.on('focus.select2', function (evt) {\r\n self.trigger('focus', evt);\r\n });\r\n\r\n this._syncA = Utils.bind(this._syncAttributes, this);\r\n this._syncS = Utils.bind(this._syncSubtree, this);\r\n\r\n if (this.$element[0].attachEvent) {\r\n this.$element[0].attachEvent('onpropertychange', this._syncA);\r\n }\r\n\r\n var observer = window.MutationObserver ||\r\n window.WebKitMutationObserver ||\r\n window.MozMutationObserver\r\n ;\r\n\r\n if (observer != null) {\r\n this._observer = new observer(function (mutations) {\r\n $.each(mutations, self._syncA);\r\n $.each(mutations, self._syncS);\r\n });\r\n this._observer.observe(this.$element[0], {\r\n attributes: true,\r\n childList: true,\r\n subtree: false\r\n });\r\n } else if (this.$element[0].addEventListener) {\r\n this.$element[0].addEventListener(\r\n 'DOMAttrModified',\r\n self._syncA,\r\n false\r\n );\r\n this.$element[0].addEventListener(\r\n 'DOMNodeInserted',\r\n self._syncS,\r\n false\r\n );\r\n this.$element[0].addEventListener(\r\n 'DOMNodeRemoved',\r\n self._syncS,\r\n false\r\n );\r\n }\r\n };\r\n\r\n Select2.prototype._registerDataEvents = function () {\r\n var self = this;\r\n\r\n this.dataAdapter.on('*', function (name, params) {\r\n self.trigger(name, params);\r\n });\r\n };\r\n\r\n Select2.prototype._registerSelectionEvents = function () {\r\n var self = this;\r\n var nonRelayEvents = ['toggle', 'focus'];\r\n\r\n this.selection.on('toggle', function () {\r\n self.toggleDropdown();\r\n });\r\n\r\n this.selection.on('focus', function (params) {\r\n self.focus(params);\r\n });\r\n\r\n this.selection.on('*', function (name, params) {\r\n if ($.inArray(name, nonRelayEvents) !== -1) {\r\n return;\r\n }\r\n\r\n self.trigger(name, params);\r\n });\r\n };\r\n\r\n Select2.prototype._registerDropdownEvents = function () {\r\n var self = this;\r\n\r\n this.dropdown.on('*', function (name, params) {\r\n self.trigger(name, params);\r\n });\r\n };\r\n\r\n Select2.prototype._registerResultsEvents = function () {\r\n var self = this;\r\n\r\n this.results.on('*', function (name, params) {\r\n self.trigger(name, params);\r\n });\r\n };\r\n\r\n Select2.prototype._registerEvents = function () {\r\n var self = this;\r\n\r\n this.on('open', function () {\r\n self.$container.addClass('select2-container--open');\r\n });\r\n\r\n this.on('close', function () {\r\n self.$container.removeClass('select2-container--open');\r\n });\r\n\r\n this.on('enable', function () {\r\n self.$container.removeClass('select2-container--disabled');\r\n });\r\n\r\n this.on('disable', function () {\r\n self.$container.addClass('select2-container--disabled');\r\n });\r\n\r\n this.on('blur', function () {\r\n self.$container.removeClass('select2-container--focus');\r\n });\r\n\r\n this.on('query', function (params) {\r\n if (!self.isOpen()) {\r\n self.trigger('open', {});\r\n }\r\n\r\n this.dataAdapter.query(params, function (data) {\r\n self.trigger('results:all', {\r\n data: data,\r\n query: params\r\n });\r\n });\r\n });\r\n\r\n this.on('query:append', function (params) {\r\n this.dataAdapter.query(params, function (data) {\r\n self.trigger('results:append', {\r\n data: data,\r\n query: params\r\n });\r\n });\r\n });\r\n\r\n this.on('keypress', function (evt) {\r\n var key = evt.which;\r\n\r\n if (self.isOpen()) {\r\n if (key === KEYS.ESC || key === KEYS.TAB ||\r\n (key === KEYS.UP && evt.altKey)) {\r\n self.close();\r\n\r\n evt.preventDefault();\r\n } else if (key === KEYS.ENTER) {\r\n self.trigger('results:select', {});\r\n\r\n evt.preventDefault();\r\n } else if ((key === KEYS.SPACE && evt.ctrlKey)) {\r\n self.trigger('results:toggle', {});\r\n\r\n evt.preventDefault();\r\n } else if (key === KEYS.UP) {\r\n self.trigger('results:previous', {});\r\n\r\n evt.preventDefault();\r\n } else if (key === KEYS.DOWN) {\r\n self.trigger('results:next', {});\r\n\r\n evt.preventDefault();\r\n }\r\n } else {\r\n if (key === KEYS.ENTER || key === KEYS.SPACE ||\r\n (key === KEYS.DOWN && evt.altKey)) {\r\n self.open();\r\n\r\n evt.preventDefault();\r\n }\r\n }\r\n });\r\n };\r\n\r\n Select2.prototype._syncAttributes = function () {\r\n this.options.set('disabled', this.$element.prop('disabled'));\r\n\r\n if (this.options.get('disabled')) {\r\n if (this.isOpen()) {\r\n this.close();\r\n }\r\n\r\n this.trigger('disable', {});\r\n } else {\r\n this.trigger('enable', {});\r\n }\r\n };\r\n\r\n Select2.prototype._syncSubtree = function (evt, mutations) {\r\n var changed = false;\r\n var self = this;\r\n\r\n // Ignore any mutation events raised for elements that aren't options or\r\n // optgroups. This handles the case when the select element is destroyed\r\n if (\r\n evt && evt.target && (\r\n evt.target.nodeName !== 'OPTION' && evt.target.nodeName !== 'OPTGROUP'\r\n )\r\n ) {\r\n return;\r\n }\r\n\r\n if (!mutations) {\r\n // If mutation events aren't supported, then we can only assume that the\r\n // change affected the selections\r\n changed = true;\r\n } else if (mutations.addedNodes && mutations.addedNodes.length > 0) {\r\n for (var n = 0; n < mutations.addedNodes.length; n++) {\r\n var node = mutations.addedNodes[n];\r\n\r\n if (node.selected) {\r\n changed = true;\r\n }\r\n }\r\n } else if (mutations.removedNodes && mutations.removedNodes.length > 0) {\r\n changed = true;\r\n }\r\n\r\n // Only re-pull the data if we think there is a change\r\n if (changed) {\r\n this.dataAdapter.current(function (currentData) {\r\n self.trigger('selection:update', {\r\n data: currentData\r\n });\r\n });\r\n }\r\n };\r\n\r\n /**\r\n * Override the trigger method to automatically trigger pre-events when\r\n * there are events that can be prevented.\r\n */\r\n Select2.prototype.trigger = function (name, args) {\r\n var actualTrigger = Select2.__super__.trigger;\r\n var preTriggerMap = {\r\n 'open': 'opening',\r\n 'close': 'closing',\r\n 'select': 'selecting',\r\n 'unselect': 'unselecting'\r\n };\r\n\r\n if (args === undefined) {\r\n args = {};\r\n }\r\n\r\n if (name in preTriggerMap) {\r\n var preTriggerName = preTriggerMap[name];\r\n var preTriggerArgs = {\r\n prevented: false,\r\n name: name,\r\n args: args\r\n };\r\n\r\n actualTrigger.call(this, preTriggerName, preTriggerArgs);\r\n\r\n if (preTriggerArgs.prevented) {\r\n args.prevented = true;\r\n\r\n return;\r\n }\r\n }\r\n\r\n actualTrigger.call(this, name, args);\r\n };\r\n\r\n Select2.prototype.toggleDropdown = function () {\r\n if (this.options.get('disabled')) {\r\n return;\r\n }\r\n\r\n if (this.isOpen()) {\r\n this.close();\r\n } else {\r\n this.open();\r\n }\r\n };\r\n\r\n Select2.prototype.open = function () {\r\n if (this.isOpen()) {\r\n return;\r\n }\r\n\r\n this.trigger('query', {});\r\n };\r\n\r\n Select2.prototype.close = function () {\r\n if (!this.isOpen()) {\r\n return;\r\n }\r\n\r\n this.trigger('close', {});\r\n };\r\n\r\n Select2.prototype.isOpen = function () {\r\n return this.$container.hasClass('select2-container--open');\r\n };\r\n\r\n Select2.prototype.hasFocus = function () {\r\n return this.$container.hasClass('select2-container--focus');\r\n };\r\n\r\n Select2.prototype.focus = function (data) {\r\n // No need to re-trigger focus events if we are already focused\r\n if (this.hasFocus()) {\r\n return;\r\n }\r\n\r\n this.$container.addClass('select2-container--focus');\r\n this.trigger('focus', {});\r\n };\r\n\r\n Select2.prototype.enable = function (args) {\r\n if (this.options.get('debug') && window.console && console.warn) {\r\n console.warn(\r\n 'Select2: The `select2(\"enable\")` method has been deprecated and will' +\r\n ' be removed in later Select2 versions. Use $element.prop(\"disabled\")' +\r\n ' instead.'\r\n );\r\n }\r\n\r\n if (args == null || args.length === 0) {\r\n args = [true];\r\n }\r\n\r\n var disabled = !args[0];\r\n\r\n this.$element.prop('disabled', disabled);\r\n };\r\n\r\n Select2.prototype.data = function () {\r\n if (this.options.get('debug') &&\r\n arguments.length > 0 && window.console && console.warn) {\r\n console.warn(\r\n 'Select2: Data can no longer be set using `select2(\"data\")`. You ' +\r\n 'should consider setting the value instead using `$element.val()`.'\r\n );\r\n }\r\n\r\n var data = [];\r\n\r\n this.dataAdapter.current(function (currentData) {\r\n data = currentData;\r\n });\r\n\r\n return data;\r\n };\r\n\r\n Select2.prototype.val = function (args) {\r\n if (this.options.get('debug') && window.console && console.warn) {\r\n console.warn(\r\n 'Select2: The `select2(\"val\")` method has been deprecated and will be' +\r\n ' removed in later Select2 versions. Use $element.val() instead.'\r\n );\r\n }\r\n\r\n if (args == null || args.length === 0) {\r\n return this.$element.val();\r\n }\r\n\r\n var newVal = args[0];\r\n\r\n if ($.isArray(newVal)) {\r\n newVal = $.map(newVal, function (obj) {\r\n return obj.toString();\r\n });\r\n }\r\n\r\n this.$element.val(newVal).trigger('change');\r\n };\r\n\r\n Select2.prototype.destroy = function () {\r\n this.$container.remove();\r\n\r\n if (this.$element[0].detachEvent) {\r\n this.$element[0].detachEvent('onpropertychange', this._syncA);\r\n }\r\n\r\n if (this._observer != null) {\r\n this._observer.disconnect();\r\n this._observer = null;\r\n } else if (this.$element[0].removeEventListener) {\r\n this.$element[0]\r\n .removeEventListener('DOMAttrModified', this._syncA, false);\r\n this.$element[0]\r\n .removeEventListener('DOMNodeInserted', this._syncS, false);\r\n this.$element[0]\r\n .removeEventListener('DOMNodeRemoved', this._syncS, false);\r\n }\r\n\r\n this._syncA = null;\r\n this._syncS = null;\r\n\r\n this.$element.off('.select2');\r\n this.$element.attr('tabindex', this.$element.data('old-tabindex'));\r\n\r\n this.$element.removeClass('select2-hidden-accessible');\r\n this.$element.attr('aria-hidden', 'false');\r\n this.$element.removeData('select2');\r\n\r\n this.dataAdapter.destroy();\r\n this.selection.destroy();\r\n this.dropdown.destroy();\r\n this.results.destroy();\r\n\r\n this.dataAdapter = null;\r\n this.selection = null;\r\n this.dropdown = null;\r\n this.results = null;\r\n };\r\n\r\n Select2.prototype.render = function () {\r\n var $container = $(\r\n '' +\r\n '' +\r\n '' +\r\n ''\r\n );\r\n\r\n $container.attr('dir', this.options.get('dir'));\r\n\r\n this.$container = $container;\r\n\r\n this.$container.addClass('select2-container--' + this.options.get('theme'));\r\n\r\n $container.data('element', this.$element);\r\n\r\n return $container;\r\n };\r\n\r\n return Select2;\r\n });\r\n\r\n S2.define('jquery-mousewheel', [\r\n 'jquery'\r\n ], function ($) {\r\n // Used to shim jQuery.mousewheel for non-full builds.\r\n return $;\r\n });\r\n\r\n S2.define('jquery.select2', [\r\n 'jquery',\r\n 'jquery-mousewheel',\r\n\r\n './select2/core',\r\n './select2/defaults'\r\n ], function ($, _, Select2, Defaults) {\r\n if ($.fn.select2 == null) {\r\n // All methods that should return the element\r\n var thisMethods = ['open', 'close', 'destroy'];\r\n\r\n $.fn.select2 = function (options) {\r\n options = options || {};\r\n\r\n if (typeof options === 'object') {\r\n this.each(function () {\r\n var instanceOptions = $.extend(true, {}, options);\r\n\r\n var instance = new Select2($(this), instanceOptions);\r\n });\r\n\r\n return this;\r\n } else if (typeof options === 'string') {\r\n var ret;\r\n var args = Array.prototype.slice.call(arguments, 1);\r\n\r\n this.each(function () {\r\n var instance = $(this).data('select2');\r\n\r\n if (instance == null && window.console && console.error) {\r\n console.error(\r\n 'The select2(\\'' + options + '\\') method was called on an ' +\r\n 'element that is not using Select2.'\r\n );\r\n }\r\n\r\n ret = instance[options].apply(instance, args);\r\n });\r\n\r\n // Check if we should be returning `this`\r\n if ($.inArray(options, thisMethods) > -1) {\r\n return this;\r\n }\r\n\r\n return ret;\r\n } else {\r\n throw new Error('Invalid arguments for Select2: ' + options);\r\n }\r\n };\r\n }\r\n\r\n if ($.fn.select2.defaults == null) {\r\n $.fn.select2.defaults = Defaults;\r\n }\r\n\r\n return Select2;\r\n });\r\n\r\n // Return the AMD loader configuration so it can be used outside of this file\r\n return {\r\n define: S2.define,\r\n require: S2.require\r\n };\r\n}());\r\n\r\n // Autoload the jQuery bindings\r\n // We know that all of the modules exist above this, so we're safe\r\n var select2 = S2.require('jquery.select2');\r\n\r\n // Hold the AMD module references on the jQuery function that was just loaded\r\n // This allows Select2 to use the internal loader outside of this file, such\r\n // as in the language files.\r\n jQuery.fn.select2.amd = S2;\r\n\r\n // Return the Select2 instance for anyone who is importing it.\r\n return select2;\r\n}));\r\n","(function (factory) {\r\n if (typeof window.define === 'function') {\r\n if (window.define.amd) {\r\n // AMD模式\r\n window.define('WangEditor', ['jquery'], factory);\r\n } else if (window.define.cmd) {\r\n // CMD模式\r\n window.define(function (require, exports, module) {\r\n return factory;\r\n });\r\n } else {\r\n // 全局模式\r\n factory(window.jQuery);\r\n }\r\n } else if (typeof module === 'object' && typeof module.exports === 'object') {\r\n // commonjs\r\n // 引用 css —— webapck\r\n // window.wangEditorCssPath ? require(window.wangEditorCssPath) : require('../css/wangEditor.css');\r\n require('../css/wangEditor.css');\r\n module.exports = factory(\r\n // 传入 jquery ，支持使用 npm 方式或者自己定义jquery的路径\r\n // window.wangEditorJQueryPath ? require(window.wangEditorJQueryPath) : require('jquery')\r\n require('jquery')\r\n );\r\n } else {\r\n // 全局模式\r\n factory(window.jQuery);\r\n }\r\n})(function($) {\r\n // 验证是否引用jquery\r\n if (!$ || !$.fn || !$.fn.jquery) {\r\n alert('在引用wangEditor.js之前，先引用jQuery，否则无法使用 wangEditor');\r\n return;\r\n }\r\n\r\n // 定义扩展函数\r\n var _e = function (fn) {\r\n var E = window.WangEditor;\r\n if (E) {\r\n // 执行传入的函数\r\n fn(E, $);\r\n }\r\n };\r\n // 定义构造函数\r\n (function (window, $) {\r\n if (window.WangEditor) {\r\n // 重复引用\r\n alert('一个页面不能重复引用 wangEditor.js 或 wangEditor.min.js ！！！');\r\n return;\r\n }\r\n\r\n // 编辑器（整体）构造函数\r\n var E = function (elem) {\r\n // 支持 id 和 element 两种形式\r\n if (typeof elem === 'string') {\r\n elem = '#' + elem;\r\n }\r\n\r\n // ---------------获取基本节点------------------\r\n var $elem = $(elem);\r\n if ($elem.length !== 1) {\r\n return;\r\n }\r\n var nodeName = $elem[0].nodeName;\r\n if (nodeName !== 'TEXTAREA' && nodeName !== 'DIV') {\r\n // 只能是 textarea 和 div ，其他类型的元素不行\r\n return;\r\n }\r\n this.valueNodeName = nodeName.toLowerCase();\r\n this.$valueContainer = $elem;\r\n\r\n // 记录 elem 的 prev 和 parent（最后渲染 editor 要用到）\r\n this.$prev = $elem.prev();\r\n this.$parent = $elem.parent();\r\n\r\n // ------------------初始化------------------\r\n this.init();\r\n };\r\n\r\n E.fn = E.prototype;\r\n\r\n E.$body = $('body');\r\n E.$document = $(document);\r\n E.$window = $(window);\r\n E.userAgent = navigator.userAgent;\r\n E.getComputedStyle = window.getComputedStyle;\r\n E.w3cRange = typeof document.createRange === 'function';\r\n E.hostname = location.hostname.toLowerCase();\r\n E.websiteHost = 'wangeditor.github.io|www.wangeditor.com|wangeditor.coding.me';\r\n E.isOnWebsite = E.websiteHost.indexOf(E.hostname) >= 0;\r\n E.docsite = 'http://www.kancloud.cn/wangfupeng/wangeditor2/113961';\r\n\r\n // 暴露给全局对象\r\n window.WangEditor = E;\r\n\r\n // 注册 plugin 事件，用于用户自定义插件\r\n // 用户在引用 wangEditor.js 之后，还可以通过 E.plugin() 注入自定义函数，\r\n // 该函数将会在 editor.create() 方法的最后一步执行\r\n E.plugin = function (fn) {\r\n if (!E._plugins) {\r\n E._plugins = [];\r\n }\r\n\r\n if (typeof fn === 'function') {\r\n E._plugins.push(fn);\r\n }\r\n };\r\n })(window, $);\r\n // editor 绑定事件\r\n _e(function (E, $) {\r\n E.fn.init = function () {\r\n // 初始化 editor 默认配置\r\n this.initDefaultConfig();\r\n\r\n // 增加container\r\n this.addEditorContainer();\r\n\r\n // 增加编辑区域\r\n this.addTxt();\r\n\r\n // 增加menuContainer\r\n this.addMenuContainer();\r\n\r\n // 初始化菜单集合\r\n this.menus = {};\r\n\r\n // 初始化commandHooks\r\n this.commandHooks();\r\n };\r\n });\r\n // editor api\r\n _e(function (E, $) {\r\n // 预定义 ready 事件\r\n E.fn.ready = function (fn) {\r\n if (!this.readyFns) {\r\n this.readyFns = [];\r\n }\r\n\r\n this.readyFns.push(fn);\r\n };\r\n\r\n // 处理ready事件\r\n E.fn.readyHeadler = function () {\r\n var fns = this.readyFns;\r\n\r\n while (fns.length) {\r\n fns.shift().call(this);\r\n }\r\n };\r\n\r\n // 更新内容到 $valueContainer\r\n E.fn.updateValue = function () {\r\n var editor = this;\r\n var $valueContainer = editor.$valueContainer;\r\n var $txt = editor.txt.$txt;\r\n\r\n if ($valueContainer === $txt) {\r\n // 传入生成编辑器的div，即是编辑区域\r\n return;\r\n }\r\n\r\n var value = $txt.html();\r\n\r\n $valueContainer.val(value);\r\n };\r\n\r\n // 获取初始化的内容\r\n E.fn.getInitValue = function () {\r\n var editor = this;\r\n var $valueContainer = editor.$valueContainer;\r\n var currentValue = '';\r\n var nodeName = editor.valueNodeName;\r\n if (nodeName === 'div') {\r\n currentValue = $valueContainer.html();\r\n } else if (nodeName === 'textarea') {\r\n currentValue = $valueContainer.val();\r\n }\r\n\r\n return currentValue;\r\n };\r\n\r\n // 触发菜单updatestyle\r\n E.fn.updateMenuStyle = function () {\r\n var menus = this.menus;\r\n\r\n $.each(menus, function (k, menu) {\r\n menu.updateSelected();\r\n });\r\n };\r\n\r\n // 除了传入的 menuIds，其他全部启用\r\n E.fn.enableMenusExcept = function (menuIds) {\r\n if (this._disabled) {\r\n // 编辑器处于禁用状态，则不执行改操作\r\n return;\r\n }\r\n // menuIds参数：支持数组和字符串\r\n menuIds = menuIds || [];\r\n if (typeof menuIds === 'string') {\r\n menuIds = [menuIds];\r\n }\r\n\r\n $.each(this.menus, function (k, menu) {\r\n if (menuIds.indexOf(k) >= 0) {\r\n return;\r\n }\r\n menu.disabled(false);\r\n });\r\n };\r\n\r\n // 除了传入的 menuIds，其他全部禁用\r\n E.fn.disableMenusExcept = function (menuIds) {\r\n if (this._disabled) {\r\n // 编辑器处于禁用状态，则不执行改操作\r\n return;\r\n }\r\n // menuIds参数：支持数组和字符串\r\n menuIds = menuIds || [];\r\n if (typeof menuIds === 'string') {\r\n menuIds = [menuIds];\r\n }\r\n\r\n $.each(this.menus, function (k, menu) {\r\n if (menuIds.indexOf(k) >= 0) {\r\n return;\r\n }\r\n menu.disabled(true);\r\n });\r\n };\r\n\r\n // 隐藏所有 dropPanel droplist modal\r\n E.fn.hideDropPanelAndModal = function () {\r\n var menus = this.menus;\r\n\r\n $.each(menus, function (k, menu) {\r\n var m = menu.dropPanel || menu.dropList || menu.modal;\r\n if (m && m.hide) {\r\n m.hide();\r\n }\r\n });\r\n };\r\n });\r\n // selection range API\r\n _e(function (E, $) {\r\n // 用到 w3c range 的函数，如果检测到浏览器不支持 w3c range，则赋值为空函数\r\n var ieRange = !E.w3cRange;\r\n function emptyFn() {}\r\n\r\n // 设置或读取当前的range\r\n E.fn.currentRange = function (cr) {\r\n if (cr) {\r\n this._rangeData = cr;\r\n } else {\r\n return this._rangeData;\r\n }\r\n };\r\n\r\n // 将当前选区折叠\r\n E.fn.collapseRange = function (range, opt) {\r\n // opt 参数说明：'start'-折叠到开始; 'end'-折叠到结束\r\n opt = opt || 'end';\r\n opt = opt === 'start';\r\n\r\n range = range || this.currentRange();\r\n\r\n if (range) {\r\n // 合并，保存\r\n range.collapse(opt);\r\n this.currentRange(range);\r\n }\r\n };\r\n\r\n // 获取选区的文字\r\n E.fn.getRangeText = ieRange ? emptyFn : function (range) {\r\n range = range || this.currentRange();\r\n if (!range) {\r\n return;\r\n }\r\n return range.toString();\r\n };\r\n\r\n // 获取选区对应的DOM对象\r\n E.fn.getRangeElem = ieRange ? emptyFn : function (range) {\r\n range = range || this.currentRange();\r\n var dom = range.commonAncestorContainer;\r\n\r\n if (dom.nodeType === 1) {\r\n return dom;\r\n } else {\r\n return dom.parentNode;\r\n }\r\n };\r\n\r\n // 选区内容是否为空？\r\n E.fn.isRangeEmpty = ieRange ? emptyFn : function (range) {\r\n range = range || this.currentRange();\r\n\r\n if (range && range.startContainer) {\r\n if (range.startContainer === range.endContainer) {\r\n if (range.startOffset === range.endOffset) {\r\n return true;\r\n }\r\n }\r\n }\r\n\r\n return false;\r\n };\r\n\r\n // 保存选区数据\r\n E.fn.saveSelection = ieRange ? emptyFn : function (range) {\r\n var self = this,\r\n _parentElem,\r\n selection,\r\n txt = self.txt.$txt.get(0);\r\n\r\n if (range) {\r\n _parentElem = range.commonAncestorContainer;\r\n } else {\r\n selection = document.getSelection();\r\n if (selection.getRangeAt && selection.rangeCount) {\r\n range = document.getSelection().getRangeAt(0);\r\n _parentElem = range.commonAncestorContainer;\r\n }\r\n }\r\n // 确定父元素一定要包含在编辑器区域内\r\n if (_parentElem && ($.contains(txt, _parentElem) || txt === _parentElem)) {\r\n // 保存选择区域\r\n self.currentRange(range);\r\n }\r\n };\r\n\r\n // 恢复选中区域\r\n E.fn.restoreSelection = ieRange ? emptyFn : function (range) {\r\n var selection;\r\n\r\n range = range || this.currentRange();\r\n\r\n if (!range) {\r\n return;\r\n }\r\n\r\n // 使用 try catch 来防止 IE 某些情况报错\r\n try {\r\n selection = document.getSelection();\r\n selection.removeAllRanges();\r\n selection.addRange(range);\r\n } catch (ex) {\r\n E.error('执行 editor.restoreSelection 时，IE可能会有异常，不影响使用');\r\n }\r\n };\r\n\r\n // 根据elem恢复选区\r\n E.fn.restoreSelectionByElem = ieRange ? emptyFn : function (elem, opt) {\r\n // opt参数说明：'start'-折叠到开始，'end'-折叠到结束，'all'-全部选中\r\n if (!elem) {\r\n return;\r\n }\r\n opt = opt || 'end'; // 默认为折叠到结束\r\n\r\n // 根据elem获取选区\r\n this.setRangeByElem(elem);\r\n\r\n // 根据 opt 折叠选区\r\n if (opt === 'start') {\r\n this.collapseRange(this.currentRange(), 'start');\r\n }\r\n if (opt === 'end') {\r\n this.collapseRange(this.currentRange(), 'end');\r\n }\r\n\r\n // 恢复选区\r\n this.restoreSelection();\r\n };\r\n\r\n // 初始化选区\r\n E.fn.initSelection = ieRange ? emptyFn : function () {\r\n var editor = this;\r\n if (editor.currentRange()) {\r\n //如果currentRange有值，则不用再初始化\r\n return;\r\n }\r\n\r\n var range;\r\n var $txt = editor.txt.$txt;\r\n var $firstChild = $txt.children().first();\r\n\r\n if ($firstChild.length) {\r\n editor.restoreSelectionByElem($firstChild.get(0));\r\n }\r\n };\r\n\r\n // 根据元素创建选区\r\n E.fn.setRangeByElem = ieRange ? emptyFn : function (elem) {\r\n var editor = this;\r\n var txtElem = editor.txt.$txt.get(0);\r\n if (!elem || !$.contains(txtElem, elem)) {\r\n return;\r\n }\r\n\r\n // 找到elem的第一个 textNode 和 最后一个 textNode\r\n var firstTextNode = elem.firstChild;\r\n while (firstTextNode) {\r\n if (firstTextNode.nodeType === 3) {\r\n break;\r\n }\r\n // 继续向下\r\n firstTextNode = firstTextNode.firstChild;\r\n }\r\n var lastTextNode = elem.lastChild;\r\n while (lastTextNode) {\r\n if (lastTextNode.nodeType === 3) {\r\n break;\r\n }\r\n // 继续向下\r\n lastTextNode = lastTextNode.lastChild;\r\n }\r\n\r\n var range = document.createRange();\r\n if (firstTextNode && lastTextNode) {\r\n // 说明 elem 有内容，能取到子元素\r\n range.setStart(firstTextNode, 0);\r\n range.setEnd(lastTextNode, lastTextNode.textContent.length);\r\n } else {\r\n // 说明 elem 无内容\r\n range.setStart(elem, 0);\r\n range.setEnd(elem, 0);\r\n }\r\n\r\n // 保存选区\r\n editor.saveSelection(range);\r\n };\r\n });\r\n // selection range API - IE8及以下\r\n _e(function (E, $) {\r\n if (E.w3cRange) {\r\n // 说明支持 W3C 的range方法\r\n return;\r\n }\r\n\r\n // -----------------IE8时，需要重写以下方法-------------------\r\n\r\n // 获取选区的文字\r\n E.fn.getRangeText = function (range) {\r\n range = range || this.currentRange();\r\n if (!range) {\r\n return;\r\n }\r\n return range.text;\r\n };\r\n\r\n // 获取选区对应的DOM对象\r\n E.fn.getRangeElem = function (range) {\r\n range = range || this.currentRange();\r\n if (!range) {\r\n return;\r\n }\r\n var dom = range.parentElement();\r\n\r\n if (dom.nodeType === 1) {\r\n return dom;\r\n } else {\r\n return dom.parentNode;\r\n }\r\n };\r\n\r\n // 选区内容是否为空？\r\n E.fn.isRangeEmpty = function (range) {\r\n range = range || this.currentRange();\r\n\r\n if (range && range.text) {\r\n return false;\r\n }\r\n\r\n return true;\r\n };\r\n\r\n // 保存选区数据\r\n E.fn.saveSelection = function (range) {\r\n var self = this,\r\n _parentElem,\r\n selection,\r\n txt = self.txt.$txt.get(0);\r\n\r\n if (range) {\r\n _parentElem = range.parentElement();\r\n } else {\r\n range = document.selection.createRange();\r\n if (typeof range.parentElement === 'undefined') {\r\n //IE6、7中，insertImage后会执行此处\r\n //由于找不到range.parentElement，所以干脆将_parentElem赋值为null\r\n _parentElem = null;\r\n } else {\r\n _parentElem = range.parentElement();\r\n }\r\n }\r\n\r\n // 确定父元素一定要包含在编辑器区域内\r\n if (_parentElem && ($.contains(txt, _parentElem) || txt === _parentElem)) {\r\n // 保存选择区域\r\n self.currentRange(range);\r\n }\r\n };\r\n\r\n // 恢复选中区域\r\n E.fn.restoreSelection = function (currentRange) {\r\n var editor = this,\r\n selection,\r\n range;\r\n\r\n currentRange = currentRange || editor.currentRange();\r\n if (!currentRange) {\r\n return;\r\n }\r\n\r\n range = document.selection.createRange();\r\n try {\r\n // 此处，plupload上传上传图片时，IE8-会报一个『参数无效』的错误\r\n range.setEndPoint('EndToEnd', currentRange);\r\n } catch (ex) {\r\n\r\n }\r\n\r\n if (currentRange.text.length === 0) {\r\n try {\r\n // IE8 插入表情会报错\r\n range.collapse(false);\r\n } catch (ex) {\r\n\r\n }\r\n } else {\r\n range.setEndPoint('StartToStart', currentRange);\r\n }\r\n range.select();\r\n };\r\n });\r\n // editor command hooks\r\n _e(function (E, $) {\r\n E.fn.commandHooks = function () {\r\n var editor = this;\r\n var commandHooks = {};\r\n\r\n // insertHtml\r\n commandHooks.insertHtml = function (html) {\r\n var $elem = $(html);\r\n var rangeElem = editor.getRangeElem();\r\n var targetElem;\r\n\r\n targetElem = editor.getLegalTags(rangeElem);\r\n if (!targetElem) {\r\n return;\r\n }\r\n\r\n $(targetElem).after($elem);\r\n };\r\n\r\n // 保存到对象\r\n editor.commandHooks = commandHooks;\r\n };\r\n });\r\n // editor command API\r\n _e(function (E, $) {\r\n // 基本命令\r\n E.fn.command = function (e, commandName, commandValue, callback) {\r\n var editor = this;\r\n var hooks;\r\n\r\n function commandFn() {\r\n if (!commandName) {\r\n return;\r\n }\r\n if (editor.queryCommandSupported(commandName)) {\r\n // 默认命令\r\n document.execCommand(commandName, false, commandValue);\r\n } else {\r\n // hooks 命令\r\n hooks = editor.commandHooks;\r\n if (commandName in hooks) {\r\n hooks[commandName](commandValue);\r\n }\r\n }\r\n }\r\n\r\n this.customCommand(e, commandFn, callback);\r\n };\r\n\r\n // 针对一个elem对象执行基础命令\r\n E.fn.commandForElem = function (elemOpt, e, commandName, commandValue, callback) {\r\n // 取得查询elem的查询条件和验证函数\r\n var selector;\r\n var check;\r\n if (typeof elemOpt === 'string') {\r\n selector = elemOpt;\r\n } else {\r\n selector = elemOpt.selector;\r\n check = elemOpt.check;\r\n }\r\n\r\n // 查询elem\r\n var rangeElem = this.getRangeElem();\r\n rangeElem = this.getSelfOrParentByName(rangeElem, selector, check);\r\n\r\n // 根据elem设置range\r\n if (rangeElem) {\r\n this.setRangeByElem(rangeElem);\r\n }\r\n\r\n // 然后执行基础命令\r\n this.command(e, commandName, commandValue, callback);\r\n };\r\n\r\n // 自定义命令\r\n E.fn.customCommand = function (e, commandFn, callback) {\r\n var editor = this;\r\n var range = editor.currentRange();\r\n\r\n if (!range) {\r\n // 目前没有选区，则无法执行命令\r\n e && e.preventDefault();\r\n return;\r\n }\r\n // 记录内容，以便撤销（执行命令之前就要记录）\r\n editor.undoRecord();\r\n\r\n // 恢复选区（有 range 参数）\r\n this.restoreSelection(range);\r\n\r\n // 执行命令事件\r\n commandFn.call(editor);\r\n // 保存选区（无参数，要从浏览器直接获取range信息）\r\n this.saveSelection();\r\n // 重新恢复选区（无参数，要取得刚刚从浏览器得到的range信息）\r\n this.restoreSelection();\r\n\r\n // 执行 callback\r\n if (callback && typeof callback === 'function') {\r\n callback.call(editor);\r\n }\r\n\r\n // 最后插入空行\r\n editor.txt.insertEmptyP();\r\n\r\n // 包裹暴露的img和text\r\n editor.txt.wrapImgAndText();\r\n\r\n // 更新内容\r\n editor.updateValue();\r\n\r\n // 更新菜单样式\r\n editor.updateMenuStyle();\r\n\r\n // 隐藏 dropPanel dropList modal 设置 200ms 间隔\r\n function hidePanelAndModal() {\r\n editor.hideDropPanelAndModal();\r\n }\r\n setTimeout(hidePanelAndModal, 200);\r\n\r\n if (e) {\r\n e.preventDefault();\r\n }\r\n };\r\n\r\n // 封装 document.queryCommandValue 函数\r\n // IE8 直接执行偶尔会报错，因此直接用 try catch 封装一下\r\n E.fn.queryCommandValue = function (commandName) {\r\n var result = '';\r\n try {\r\n result = document.queryCommandValue(commandName);\r\n } catch (ex) {\r\n\r\n }\r\n return result;\r\n };\r\n\r\n // 封装 document.queryCommandState 函数\r\n // IE8 直接执行偶尔会报错，因此直接用 try catch 封装一下\r\n E.fn.queryCommandState = function (commandName) {\r\n var result = false;\r\n try {\r\n result = document.queryCommandState(commandName);\r\n } catch (ex) {\r\n\r\n }\r\n return result;\r\n };\r\n\r\n // 封装 document.queryCommandSupported 函数\r\n E.fn.queryCommandSupported = function (commandName) {\r\n var result = false;\r\n try {\r\n result = document.queryCommandSupported(commandName);\r\n } catch (ex) {\r\n\r\n }\r\n return result;\r\n };\r\n });\r\n // dom selector\r\n _e(function (E, $) {\r\n var matchesSelector;\r\n\r\n // matchesSelector hook\r\n function _matchesSelectorForIE(selector) {\r\n var elem = this;\r\n var $elems = $(selector);\r\n var result = false;\r\n\r\n // 用jquery查找 selector 所有对象，如果其中有一个和传入 elem 相同，则证明 elem 符合 selector\r\n $elems.each(function () {\r\n if (this === elem) {\r\n result = true;\r\n return false;\r\n }\r\n });\r\n\r\n return result;\r\n }\r\n\r\n // 从当前的elem，往上去查找合法标签 如 p head table blockquote ul ol 等\r\n E.fn.getLegalTags = function (elem) {\r\n var legalTags = this.config.legalTags;\r\n if (!legalTags) {\r\n E.error('配置项中缺少 legalTags 的配置');\r\n return;\r\n }\r\n return this.getSelfOrParentByName(elem, legalTags);\r\n };\r\n\r\n // 根据条件，查询自身或者父元素，符合即返回\r\n E.fn.getSelfOrParentByName = function (elem, selector, check) {\r\n if (!elem || !selector) {\r\n return;\r\n }\r\n\r\n if (!matchesSelector) {\r\n // 定义 matchesSelector 函数\r\n matchesSelector = elem.webkitMatchesSelector ||\r\n elem.mozMatchesSelector ||\r\n elem.oMatchesSelector ||\r\n elem.matchesSelector;\r\n }\r\n if (!matchesSelector) {\r\n // 如果浏览器本身不支持 matchesSelector 则使用自定义的hook\r\n matchesSelector = _matchesSelectorForIE;\r\n }\r\n\r\n var txt = this.txt.$txt.get(0);\r\n\r\n while (elem && txt !== elem && $.contains(txt, elem)) {\r\n if (matchesSelector.call(elem, selector)) {\r\n // 符合 selector 查询条件\r\n\r\n if (!check) {\r\n // 没有 check 验证函数，直接返回即可\r\n return elem;\r\n }\r\n\r\n if (check(elem)) {\r\n // 如果有 check 验证函数，还需 check 函数的确认\r\n return elem;\r\n }\r\n }\r\n\r\n // 如果上一步没经过验证，则将跳转到父元素\r\n elem = elem.parentNode;\r\n }\r\n };\r\n });\r\n // undo redo\r\n _e(function (E, $) {\r\n var length = 20; // 缓存的最大长度\r\n function _getRedoList(editor) {\r\n if (editor._redoList == null) {\r\n editor._redoList = [];\r\n }\r\n return editor._redoList;\r\n }\r\n function _getUndoList(editor) {\r\n if (editor._undoList == null) {\r\n editor._undoList = [];\r\n }\r\n return editor._undoList;\r\n }\r\n\r\n // 数据处理\r\n function _handle(editor, data, type) {\r\n // var range = data.range;\r\n // var range2 = range.cloneRange && range.cloneRange();\r\n var val = data.val;\r\n var html = editor.txt.$txt.html();\r\n\r\n if (val == null) {\r\n return;\r\n }\r\n\r\n if (val === html) {\r\n if (type === 'redo') {\r\n editor.redo();\r\n return;\r\n } else if (type === 'undo') {\r\n editor.undo();\r\n return;\r\n } else {\r\n return;\r\n }\r\n }\r\n\r\n // 保存数据\r\n editor.txt.$txt.html(val);\r\n // 更新数据到textarea（有必要的话）\r\n editor.updateValue();\r\n\r\n // onchange 事件\r\n if (editor.onchange && typeof editor.onchange === 'function') {\r\n editor.onchange.call(editor);\r\n }\r\n\r\n // ?????\r\n // 注释：$txt 被重新赋值之后，range会被重置，cloneRange() 也不好使\r\n // // 重置选区\r\n // if (range2) {\r\n // editor.restoreSelection(range2);\r\n // }\r\n }\r\n\r\n // 记录\r\n E.fn.undoRecord = function () {\r\n var editor = this;\r\n var $txt = editor.txt.$txt;\r\n var val = $txt.html();\r\n var undoList = _getUndoList(editor);\r\n var redoList = _getRedoList(editor);\r\n var currentVal = undoList.length ? undoList[0] : '';\r\n\r\n if (val === currentVal.val) {\r\n return;\r\n }\r\n\r\n // 清空 redolist\r\n if (redoList.length) {\r\n redoList = [];\r\n }\r\n\r\n // 添加数据到 undoList\r\n undoList.unshift({\r\n range: editor.currentRange(), // 将当前的range也记录下\r\n val: val\r\n });\r\n\r\n // 限制 undoList 长度\r\n if (undoList.length > length) {\r\n undoList.pop();\r\n }\r\n };\r\n\r\n // undo 操作\r\n E.fn.undo = function () {\r\n var editor = this;\r\n var undoList = _getUndoList(editor);\r\n var redoList = _getRedoList(editor);\r\n\r\n if (!undoList.length) {\r\n return;\r\n }\r\n\r\n // 取出 undolist 第一个值，加入 redolist\r\n var data = undoList.shift();\r\n redoList.unshift(data);\r\n\r\n // 并修改编辑器的内容\r\n _handle(this, data, 'undo');\r\n };\r\n\r\n // redo 操作\r\n E.fn.redo = function () {\r\n var editor = this;\r\n var undoList = _getUndoList(editor);\r\n var redoList = _getRedoList(editor);\r\n if (!redoList.length) {\r\n return;\r\n }\r\n\r\n // 取出 redolist 第一个值，加入 undolist\r\n var data = redoList.shift();\r\n undoList.unshift(data);\r\n\r\n // 并修改编辑器的内容\r\n _handle(this, data, 'redo');\r\n };\r\n });\r\n // 暴露给用户的 API\r\n _e(function (E, $) {\r\n // 创建编辑器\r\n E.fn.create = function () {\r\n var editor = this;\r\n\r\n // 检查 E.$body 是否有值\r\n // 如果在 body 之前引用了 js 文件，body 尚未加载，可能没有值\r\n if (!E.$body || E.$body.length === 0) {\r\n E.$body = $('body');\r\n E.$document = $(document);\r\n E.$window = $(window);\r\n }\r\n\r\n // 执行 addMenus 之前：\r\n // 1. 允许用户修改 editor.UI 自定义配置UI\r\n // 2. 允许用户通过修改 editor.menus 来自定义配置菜单\r\n // 因此要在 create 时执行，而不是 init\r\n editor.addMenus();\r\n\r\n // 渲染\r\n editor.renderMenus();\r\n editor.renderMenuContainer();\r\n editor.renderTxt();\r\n editor.renderEditorContainer();\r\n\r\n // 绑定事件\r\n editor.eventMenus();\r\n editor.eventMenuContainer();\r\n editor.eventTxt();\r\n\r\n // 处理ready事件\r\n editor.readyHeadler();\r\n\r\n // 初始化选区\r\n editor.initSelection();\r\n\r\n // $txt 快捷方式\r\n editor.$txt = editor.txt.$txt;\r\n\r\n // 执行用户自定义事件，通过 E.ready() 添加\r\n var _plugins = E._plugins;\r\n if (_plugins && _plugins.length) {\r\n $.each(_plugins, function (k, val) {\r\n val.call(editor);\r\n });\r\n }\r\n };\r\n\r\n // 禁用编辑器\r\n E.fn.disable = function () {\r\n this.txt.$txt.removeAttr('contenteditable');\r\n this.disableMenusExcept();\r\n\r\n // 先禁用，再记录状态\r\n this._disabled = true;\r\n };\r\n // 启用编辑器\r\n E.fn.enable = function () {\r\n // 先解除状态记录，再启用\r\n this._disabled = false;\r\n this.txt.$txt.attr('contenteditable', 'true');\r\n this.enableMenusExcept();\r\n };\r\n\r\n // 销毁编辑器\r\n E.fn.destroy = function () {\r\n var self = this;\r\n var $valueContainer = self.$valueContainer;\r\n var $editorContainer = self.$editorContainer;\r\n var valueNodeName = self.valueNodeName;\r\n\r\n if (valueNodeName === 'div') {\r\n // div 生成的编辑器\r\n $valueContainer.removeAttr('contenteditable');\r\n $editorContainer.after($valueContainer);\r\n $editorContainer.hide();\r\n } else {\r\n // textarea 生成的编辑器\r\n $valueContainer.show();\r\n $editorContainer.hide();\r\n }\r\n };\r\n\r\n // 撤销 销毁编辑器\r\n E.fn.undestroy = function () {\r\n var self = this;\r\n var $valueContainer = self.$valueContainer;\r\n var $editorContainer = self.$editorContainer;\r\n var $menuContainer = self.menuContainer.$menuContainer;\r\n var valueNodeName = self.valueNodeName;\r\n\r\n if (valueNodeName === 'div') {\r\n // div 生成的编辑器\r\n $valueContainer.attr('contenteditable', 'true');\r\n $menuContainer.after($valueContainer);\r\n $editorContainer.show();\r\n } else {\r\n // textarea 生成的编辑器\r\n $valueContainer.hide();\r\n $editorContainer.show();\r\n }\r\n };\r\n\r\n // 清空内容的快捷方式\r\n E.fn.clear = function () {\r\n var editor = this;\r\n var $txt = editor.txt.$txt;\r\n $txt.html('
');\r\n editor.restoreSelectionByElem($txt.find('p').get(0));\r\n };\r\n });\r\n // menuContainer 构造函数\r\n _e(function (E, $) {\r\n // 定义构造函数\r\n var MenuContainer = function (editor) {\r\n this.editor = editor;\r\n this.init();\r\n };\r\n\r\n MenuContainer.fn = MenuContainer.prototype;\r\n\r\n // 暴露给 E 即 window.WangEditor\r\n E.MenuContainer = MenuContainer;\r\n });\r\n // MenuContainer.fn bind fn\r\n _e(function (E, $) {\r\n var MenuContainer = E.MenuContainer;\r\n\r\n // 初始化\r\n MenuContainer.fn.init = function () {\r\n var self = this;\r\n var $menuContainer = $('');\r\n\r\n self.$menuContainer = $menuContainer;\r\n\r\n // change shadow\r\n self.changeShadow();\r\n };\r\n\r\n // 编辑区域滚动时，增加shadow\r\n MenuContainer.fn.changeShadow = function () {\r\n var $menuContainer = this.$menuContainer;\r\n var editor = this.editor;\r\n var $txt = editor.txt.$txt;\r\n\r\n $txt.on('scroll', function () {\r\n if ($txt.scrollTop() > 10) {\r\n $menuContainer.addClass('wangEditor-menu-shadow');\r\n } else {\r\n $menuContainer.removeClass('wangEditor-menu-shadow');\r\n }\r\n });\r\n };\r\n });\r\n // MenuContainer.fn API\r\n _e(function (E, $) {\r\n var MenuContainer = E.MenuContainer;\r\n\r\n MenuContainer.fn.render = function () {\r\n var $menuContainer = this.$menuContainer;\r\n var $editorContainer = this.editor.$editorContainer;\r\n\r\n $editorContainer.append($menuContainer);\r\n };\r\n\r\n // 获取菜单栏的高度\r\n MenuContainer.fn.height = function () {\r\n var $menuContainer = this.$menuContainer;\r\n return $menuContainer.height();\r\n };\r\n\r\n // 添加菜单\r\n MenuContainer.fn.appendMenu = function (groupIdx, menu) {\r\n // 判断是否需要新增一个菜单组\r\n this._addGroup(groupIdx);\r\n // 增加菜单（返回 $menuItem）\r\n return this._addOneMenu(menu);\r\n };\r\n MenuContainer.fn._addGroup = function (groupIdx) {\r\n var $menuContainer = this.$menuContainer;\r\n var $menuGroup;\r\n if (!this.$currentGroup || this.currentGroupIdx !== groupIdx) {\r\n $menuGroup = $('');\r\n $menuContainer.append($menuGroup);\r\n\r\n this.$currentGroup = $menuGroup;\r\n this.currentGroupIdx = groupIdx;\r\n }\r\n };\r\n MenuContainer.fn._addOneMenu = function (menu) {\r\n var $menuNormal = menu.$domNormal;\r\n var $menuSelected = menu.$domSelected;\r\n\r\n var $menuGroup = this.$currentGroup;\r\n var $item = $('');\r\n $menuSelected.hide();\r\n $item.append($menuNormal).append($menuSelected);\r\n $menuGroup.append($item);\r\n\r\n return $item;\r\n };\r\n });\r\n // menu 构造函数\r\n _e(function (E, $) {\r\n // 定义构造函数\r\n var Menu = function (opt) {\r\n this.editor = opt.editor;\r\n this.id = opt.id;\r\n this.title = opt.title;\r\n this.$domNormal = opt.$domNormal;\r\n this.$domSelected = opt.$domSelected || opt.$domNormal;\r\n\r\n // document.execCommand 的参数\r\n this.commandName = opt.commandName;\r\n this.commandValue = opt.commandValue;\r\n this.commandNameSelected = opt.commandNameSelected || opt.commandName;\r\n this.commandValueSelected = opt.commandValueSelected || opt.commandValue;\r\n };\r\n\r\n Menu.fn = Menu.prototype;\r\n\r\n // 暴露给 E 即 window.WangEditor\r\n E.Menu = Menu;\r\n });\r\n // Menu.fn 初始化绑定的事件\r\n _e(function (E, $) {\r\n var Menu = E.Menu;\r\n\r\n // 初始化UI\r\n Menu.fn.initUI = function () {\r\n var editor = this.editor;\r\n var uiConfig = editor.UI.menus;\r\n var menuId = this.id;\r\n var menuUI = uiConfig[menuId];\r\n\r\n if (this.$domNormal && this.$domSelected) {\r\n // 自定义的菜单中，已经传入了 $dom 无需从配置文件中查找生成\r\n return;\r\n }\r\n\r\n if (menuUI == null) {\r\n E.warn('editor.UI配置中，没有菜单 \"' + menuId + '\" 的UI配置，只能取默认值');\r\n\r\n // 必须写成 uiConfig['default'];\r\n // 写成 uiConfig.default IE8会报错\r\n menuUI = uiConfig['default'];\r\n }\r\n\r\n // 正常状态\r\n this.$domNormal = $(menuUI.normal);\r\n\r\n // 选中状态\r\n if (/^\\./.test(menuUI.selected)) {\r\n // 增加一个样式\r\n this.$domSelected = this.$domNormal.clone().addClass(menuUI.selected.slice(1));\r\n } else {\r\n // 一个新的dom对象\r\n this.$domSelected = $(menuUI.selected);\r\n }\r\n };\r\n });\r\n // Menu.fn API\r\n _e(function (E, $) {\r\n var Menu = E.Menu;\r\n\r\n // 渲染菜单\r\n Menu.fn.render = function (groupIdx) {\r\n // 渲染UI\r\n this.initUI();\r\n\r\n var editor = this.editor;\r\n var menuContainer = editor.menuContainer;\r\n var $menuItem = menuContainer.appendMenu(groupIdx, this);\r\n var onRender = this.onRender;\r\n\r\n // 渲染tip\r\n this._renderTip($menuItem);\r\n\r\n // 执行 onRender 函数\r\n if (onRender && typeof onRender === 'function') {\r\n onRender.call(this);\r\n }\r\n };\r\n Menu.fn._renderTip = function ($menuItem) {\r\n var self = this;\r\n var editor = self.editor;\r\n var title = self.title;\r\n var $tip = $('');\r\n // var $triangle = $(''); // 小三角\r\n\r\n // 计算 tip 宽度\r\n var $tempDiv;\r\n if (!self.tipWidth) {\r\n // 设置一个纯透明的 p（absolute;top:-10000px;不会显示在内容区域）\r\n // 内容赋值为 title ，为了计算tip宽度\r\n $tempDiv = $('
' + title + '
');\r\n // 先添加到body，计算完再 remove\r\n E.$body.append($tempDiv);\r\n editor.ready(function () {\r\n var editor = this;\r\n var titleWidth = $tempDiv.outerWidth() + 5; // 多出 5px 的冗余\r\n var currentWidth = $tip.outerWidth();\r\n var currentMarginLeft = parseFloat($tip.css('margin-left'), 10);\r\n // 计算完，拿到数据，则弃用\r\n $tempDiv.remove();\r\n $tempDiv = null;\r\n\r\n // 重新设置样式\r\n $tip.css({\r\n width: titleWidth,\r\n 'margin-left': currentMarginLeft + (currentWidth - titleWidth) / 2\r\n });\r\n\r\n // 存储\r\n self.tipWidth = titleWidth;\r\n });\r\n }\r\n\r\n // $tip.append($triangle);\r\n $tip.append(title);\r\n $menuItem.append($tip);\r\n\r\n function show() {\r\n $tip.show();\r\n }\r\n function hide() {\r\n $tip.hide();\r\n }\r\n\r\n var timeoutId;\r\n $menuItem.find('a').on('mouseenter', function (e) {\r\n if (!self.active() && !self.disabled()) {\r\n timeoutId = setTimeout(show, 200);\r\n }\r\n }).on('mouseleave', function (e) {\r\n timeoutId && clearTimeout(timeoutId);\r\n hide();\r\n }).on('click', hide);\r\n };\r\n\r\n // 绑定事件\r\n Menu.fn.bindEvent = function () {\r\n var self = this;\r\n\r\n var $domNormal = self.$domNormal;\r\n var $domSelected = self.$domSelected;\r\n\r\n // 试图获取该菜单定义的事件（未selected），没有则自己定义\r\n var clickEvent = self.clickEvent;\r\n if (!clickEvent) {\r\n clickEvent = function (e) {\r\n // -----------dropPanel dropList modal-----------\r\n var dropObj = self.dropPanel || self.dropList || self.modal;\r\n if (dropObj && dropObj.show) {\r\n if (dropObj.isShowing) {\r\n dropObj.hide();\r\n } else {\r\n dropObj.show();\r\n }\r\n return;\r\n }\r\n\r\n // -----------command-----------\r\n var editor = self.editor;\r\n var commandName;\r\n var commandValue;\r\n\r\n var selected = self.selected;\r\n if (selected) {\r\n commandName = self.commandNameSelected;\r\n commandValue = self.commandValueSelected;\r\n } else {\r\n commandName = self.commandName;\r\n commandValue = self.commandValue;\r\n }\r\n\r\n if (commandName) {\r\n // 执行命令\r\n editor.command(e, commandName, commandValue);\r\n } else {\r\n // 提示\r\n E.warn('菜单 \"' + self.id + '\" 未定义click事件');\r\n e.preventDefault();\r\n }\r\n };\r\n }\r\n // 获取菜单定义的selected情况下的点击事件\r\n var clickEventSelected = self.clickEventSelected || clickEvent;\r\n\r\n // 将事件绑定到菜单dom上\r\n $domNormal.click(function (e) {\r\n if (!self.disabled()) {\r\n clickEvent.call(self, e);\r\n self.updateSelected();\r\n }\r\n e.preventDefault();\r\n });\r\n $domSelected.click(function (e) {\r\n if (!self.disabled()) {\r\n clickEventSelected.call(self, e);\r\n self.updateSelected();\r\n }\r\n e.preventDefault();\r\n });\r\n };\r\n\r\n // 更新选中状态\r\n Menu.fn.updateSelected = function () {\r\n var self = this;\r\n var editor = self.editor;\r\n\r\n // 试图获取用户自定义的判断事件\r\n var updateSelectedEvent = self.updateSelectedEvent;\r\n if (!updateSelectedEvent) {\r\n // 用户未自定义，则设置默认值\r\n updateSelectedEvent = function () {\r\n var self = this;\r\n var editor = self.editor;\r\n var commandName = self.commandName;\r\n var commandValue = self.commandValue;\r\n\r\n if (commandValue) {\r\n if (editor.queryCommandValue(commandName).toLowerCase() === commandValue.toLowerCase()) {\r\n return true;\r\n }\r\n } else if (editor.queryCommandState(commandName)) {\r\n return true;\r\n }\r\n\r\n return false;\r\n };\r\n }\r\n\r\n // 获取结果\r\n var result = updateSelectedEvent.call(self);\r\n result = !!result;\r\n\r\n // 存储结果、显示效果\r\n self.changeSelectedState(result);\r\n };\r\n\r\n // 切换选中状态、显示效果\r\n Menu.fn.changeSelectedState = function (state) {\r\n var self = this;\r\n var selected = self.selected;\r\n\r\n if (state != null && typeof state === 'boolean') {\r\n if (selected === state) {\r\n // 计算结果和当前的状态一样\r\n return;\r\n }\r\n // 存储结果\r\n self.selected = state;\r\n\r\n // 切换菜单的显示\r\n if (state) {\r\n // 选中\r\n self.$domNormal.hide();\r\n self.$domSelected.show();\r\n } else {\r\n // 未选中\r\n self.$domNormal.show();\r\n self.$domSelected.hide();\r\n }\r\n } // if\r\n };\r\n\r\n // 点击菜单，显示了 dropPanel modal 时，菜单的状态\r\n Menu.fn.active = function (active) {\r\n if (active == null) {\r\n return this._activeState;\r\n }\r\n this._activeState = active;\r\n };\r\n Menu.fn.activeStyle = function (active) {\r\n var selected = this.selected;\r\n var $dom = this.$domNormal;\r\n var $domSelected = this.$domSelected;\r\n\r\n if (active) {\r\n $dom.addClass('active');\r\n $domSelected.addClass('active');\r\n } else {\r\n $dom.removeClass('active');\r\n $domSelected.removeClass('active');\r\n }\r\n\r\n // 记录状态 （ menu hover 时会取状态用 ）\r\n this.active(active);\r\n };\r\n\r\n // 菜单的启用和禁用\r\n Menu.fn.disabled = function (opt) {\r\n // 参数为空，取值\r\n if (opt == null) {\r\n return !!this._disabled;\r\n }\r\n\r\n if (this._disabled === opt) {\r\n // 要设置的参数值和当前参数只一样，无需再次设置\r\n return;\r\n }\r\n\r\n var $dom = this.$domNormal;\r\n var $domSelected = this.$domSelected;\r\n\r\n // 设置样式\r\n if (opt) {\r\n $dom.addClass('disable');\r\n $domSelected.addClass('disable');\r\n } else {\r\n $dom.removeClass('disable');\r\n $domSelected.removeClass('disable');\r\n }\r\n\r\n // 存储\r\n this._disabled = opt;\r\n };\r\n });\r\n // dropList 构造函数\r\n _e(function (E, $) {\r\n // 定义构造函数\r\n var DropList = function (editor, menu, opt) {\r\n this.editor = editor;\r\n this.menu = menu;\r\n\r\n // list 的数据源，格式 {'commandValue': 'title', ...}\r\n this.data = opt.data;\r\n // 要为每个item自定义的模板\r\n this.tpl = opt.tpl;\r\n // 为了执行 editor.commandForElem 而传入的elem查询方式\r\n this.selectorForELemCommand = opt.selectorForELemCommand;\r\n\r\n // 执行事件前后的钩子\r\n this.beforeEvent = opt.beforeEvent;\r\n this.afterEvent = opt.afterEvent;\r\n\r\n // 初始化\r\n this.init();\r\n };\r\n\r\n DropList.fn = DropList.prototype;\r\n\r\n // 暴露给 E 即 window.WangEditor\r\n E.DropList = DropList;\r\n });\r\n // dropList fn bind\r\n _e(function (E, $) {\r\n var DropList = E.DropList;\r\n\r\n // init\r\n DropList.fn.init = function () {\r\n var self = this;\r\n\r\n // 生成dom对象\r\n self.initDOM();\r\n\r\n // 绑定command事件\r\n self.bindEvent();\r\n\r\n // 声明隐藏的事件\r\n self.initHideEvent();\r\n };\r\n\r\n // 初始化dom结构\r\n DropList.fn.initDOM = function () {\r\n var self = this;\r\n var data = self.data;\r\n var tpl = self.tpl || '{#title}';\r\n var $list = $('');\r\n\r\n var itemContent;\r\n var $item;\r\n $.each(data, function (commandValue, title) {\r\n itemContent = tpl.replace(/{#commandValue}/ig, commandValue).replace(/{#title}/ig, title);\r\n $item = $('');\r\n $item.append(itemContent);\r\n $list.append($item);\r\n });\r\n\r\n self.$list = $list;\r\n };\r\n\r\n // 绑定事件\r\n DropList.fn.bindEvent = function () {\r\n var self = this;\r\n var editor = self.editor;\r\n var menu = self.menu;\r\n var commandName = menu.commandName;\r\n var selectorForELemCommand = self.selectorForELemCommand;\r\n var $list = self.$list;\r\n\r\n // 执行事件前后的钩子函数\r\n var beforeEvent = self.beforeEvent;\r\n var afterEvent = self.afterEvent;\r\n\r\n $list.on('click', 'a[commandValue]', function (e) {\r\n // 正式命令执行之前\r\n if (beforeEvent && typeof beforeEvent === 'function') {\r\n beforeEvent.call(e);\r\n }\r\n\r\n // 执行命令\r\n var commandValue = $(e.currentTarget).attr('commandValue');\r\n if (menu.selected && editor.isRangeEmpty() && selectorForELemCommand) {\r\n // 当前处于选中状态，并且选中内容为空\r\n editor.commandForElem(selectorForELemCommand, e, commandName, commandValue);\r\n } else {\r\n // 当前未处于选中状态，或者有选中内容。则执行默认命令\r\n editor.command(e, commandName, commandValue);\r\n }\r\n\r\n // 正式命令之后的钩子\r\n if (afterEvent && typeof afterEvent === 'function') {\r\n afterEvent.call(e);\r\n }\r\n });\r\n };\r\n\r\n // 点击其他地方，立即隐藏 droplist\r\n DropList.fn.initHideEvent = function () {\r\n var self = this;\r\n\r\n // 获取 list elem\r\n var thisList = self.$list.get(0);\r\n\r\n E.$body.on('click', function (e) {\r\n if (!self.isShowing) {\r\n return;\r\n }\r\n var trigger = e.target;\r\n\r\n // 获取菜单elem\r\n var menu = self.menu;\r\n var menuDom;\r\n if (menu.selected) {\r\n menuDom = menu.$domSelected.get(0);\r\n } else {\r\n menuDom = menu.$domNormal.get(0);\r\n }\r\n\r\n if (menuDom === trigger || $.contains(menuDom, trigger)) {\r\n // 说明由本菜单点击触发的\r\n return;\r\n }\r\n\r\n if (thisList === trigger || $.contains(thisList, trigger)) {\r\n // 说明由本list点击触发的\r\n return;\r\n }\r\n\r\n // 其他情况，隐藏 list\r\n self.hide();\r\n });\r\n\r\n E.$window.scroll(function () {\r\n self.hide();\r\n });\r\n\r\n E.$window.on('resize', function () {\r\n self.hide();\r\n });\r\n };\r\n });\r\n // dropListfn api\r\n _e(function (E, $) {\r\n var DropList = E.DropList;\r\n\r\n // 渲染\r\n DropList.fn._render = function () {\r\n var self = this;\r\n var editor = self.editor;\r\n var $list = self.$list;\r\n\r\n // 渲染到页面\r\n editor.$editorContainer.append($list);\r\n\r\n // 记录状态\r\n self.rendered = true;\r\n };\r\n\r\n // 定位\r\n DropList.fn._position = function () {\r\n var self = this;\r\n var $list = self.$list;\r\n var editor = self.editor;\r\n var menu = self.menu;\r\n var $menuContainer = editor.menuContainer.$menuContainer;\r\n var $menuDom = menu.selected ? menu.$domSelected : menu.$domNormal;\r\n // 注意这里的 offsetParent() 要返回 .menu-item 的 position\r\n // 因为 .menu-item 是 position:relative\r\n var menuPosition = $menuDom.offsetParent().position();\r\n\r\n // 取得 menu 的位置、尺寸属性\r\n var menuTop = menuPosition.top;\r\n var menuLeft = menuPosition.left;\r\n var menuHeight = $menuDom.offsetParent().height();\r\n var menuWidth = $menuDom.offsetParent().width();\r\n\r\n // 取得 list 的尺寸属性\r\n var listWidth = $list.outerWidth();\r\n // var listHeight = $list.outerHeight();\r\n\r\n // 取得 $txt 的尺寸\r\n var txtWidth = editor.txt.$txt.outerWidth();\r\n\r\n // ------------开始计算-------------\r\n\r\n // 初步计算 list 位置属性\r\n var top = menuTop + menuHeight;\r\n var left = menuLeft + menuWidth / 2;\r\n var marginLeft = 0 - menuWidth / 2;\r\n\r\n // 如果超出了有边界，则要左移（且和右侧有间隙）\r\n var valWithTxt = (left + listWidth) - txtWidth;\r\n if (valWithTxt > -10) {\r\n marginLeft = marginLeft - valWithTxt - 10;\r\n }\r\n // 设置样式\r\n $list.css({\r\n top: top,\r\n left: left,\r\n 'margin-left': marginLeft\r\n });\r\n\r\n // 如果因为向下滚动而导致菜单fixed，则再加一步处理\r\n if (editor._isMenufixed) {\r\n top = top + (($menuContainer.offset().top + $menuContainer.outerHeight()) - $list.offset().top);\r\n\r\n // 重新设置top\r\n $list.css({\r\n top: top\r\n });\r\n }\r\n };\r\n\r\n // 显示\r\n DropList.fn.show = function () {\r\n var self = this;\r\n var menu = self.menu;\r\n if (!self.rendered) {\r\n // 第一次show之前，先渲染\r\n self._render();\r\n }\r\n\r\n if (self.isShowing) {\r\n return;\r\n }\r\n\r\n var $list = self.$list;\r\n $list.show();\r\n\r\n // 定位\r\n self._position();\r\n\r\n // 记录状态\r\n self.isShowing = true;\r\n\r\n // 菜单状态\r\n menu.activeStyle(true);\r\n };\r\n\r\n // 隐藏\r\n DropList.fn.hide = function () {\r\n var self = this;\r\n var menu = self.menu;\r\n if (!self.isShowing) {\r\n return;\r\n }\r\n\r\n var $list = self.$list;\r\n $list.hide();\r\n\r\n // 记录状态\r\n self.isShowing = false;\r\n\r\n // 菜单状态\r\n menu.activeStyle(false);\r\n };\r\n });\r\n // dropPanel 构造函数\r\n _e(function (E, $) {\r\n // 定义构造函数\r\n var DropPanel = function (editor, menu, opt) {\r\n this.editor = editor;\r\n this.menu = menu;\r\n this.$content = opt.$content;\r\n this.width = opt.width || 200;\r\n this.height = opt.height;\r\n this.onRender = opt.onRender;\r\n\r\n // init\r\n this.init();\r\n };\r\n\r\n DropPanel.fn = DropPanel.prototype;\r\n\r\n // 暴露给 E 即 window.WangEditor\r\n E.DropPanel = DropPanel;\r\n });\r\n // dropPanel fn bind\r\n _e(function (E, $) {\r\n var DropPanel = E.DropPanel;\r\n\r\n // init\r\n DropPanel.fn.init = function () {\r\n var self = this;\r\n\r\n // 生成dom对象\r\n self.initDOM();\r\n\r\n // 声明隐藏的事件\r\n self.initHideEvent();\r\n };\r\n\r\n // init DOM\r\n DropPanel.fn.initDOM = function () {\r\n var self = this;\r\n var $content = self.$content;\r\n var width = self.width;\r\n var height = self.height;\r\n var $panel = $('');\r\n var $triangle = $('');\r\n\r\n $panel.css({\r\n width: width,\r\n height: height || 'auto'\r\n });\r\n $panel.append($triangle);\r\n $panel.append($content);\r\n\r\n // 添加对象数据\r\n self.$panel = $panel;\r\n self.$triangle = $triangle;\r\n };\r\n\r\n // 点击其他地方，立即隐藏 dropPanel\r\n DropPanel.fn.initHideEvent = function () {\r\n var self = this;\r\n\r\n // 获取 panel elem\r\n var thisPanle = self.$panel.get(0);\r\n\r\n E.$body.on('click', function (e) {\r\n if (!self.isShowing) {\r\n return;\r\n }\r\n var trigger = e.target;\r\n\r\n // 获取菜单elem\r\n var menu = self.menu;\r\n var menuDom;\r\n if (menu.selected) {\r\n menuDom = menu.$domSelected.get(0);\r\n } else {\r\n menuDom = menu.$domNormal.get(0);\r\n }\r\n\r\n if (menuDom === trigger || $.contains(menuDom, trigger)) {\r\n // 说明由本菜单点击触发的\r\n return;\r\n }\r\n\r\n if (thisPanle === trigger || $.contains(thisPanle, trigger)) {\r\n // 说明由本panel点击触发的\r\n return;\r\n }\r\n\r\n // 其他情况，隐藏 panel\r\n self.hide();\r\n });\r\n\r\n E.$window.scroll(function (e) {\r\n self.hide();\r\n });\r\n\r\n E.$window.on('resize', function () {\r\n self.hide();\r\n });\r\n };\r\n });\r\n // dropPanel fn api\r\n _e(function (E, $) {\r\n var DropPanel = E.DropPanel;\r\n\r\n // 渲染\r\n DropPanel.fn._render = function () {\r\n var self = this;\r\n var onRender = self.onRender;\r\n var editor = self.editor;\r\n var $panel = self.$panel;\r\n\r\n // 渲染到页面\r\n editor.$editorContainer.append($panel);\r\n\r\n // 渲染后的回调事件\r\n onRender && onRender.call(self);\r\n\r\n // 记录状态\r\n self.rendered = true;\r\n };\r\n\r\n // 定位\r\n DropPanel.fn._position = function () {\r\n var self = this;\r\n var $panel = self.$panel;\r\n var $triangle = self.$triangle;\r\n var editor = self.editor;\r\n var $menuContainer = editor.menuContainer.$menuContainer;\r\n var menu = self.menu;\r\n var $menuDom = menu.selected ? menu.$domSelected : menu.$domNormal;\r\n // 注意这里的 offsetParent() 要返回 .menu-item 的 position\r\n // 因为 .menu-item 是 position:relative\r\n var menuPosition = $menuDom.offsetParent().position();\r\n\r\n // 取得 menu 的位置、尺寸属性\r\n var menuTop = menuPosition.top;\r\n var menuLeft = menuPosition.left;\r\n var menuHeight = $menuDom.offsetParent().height();\r\n var menuWidth = $menuDom.offsetParent().width();\r\n\r\n // 取得 panel 的尺寸属性\r\n var panelWidth = $panel.outerWidth();\r\n // var panelHeight = $panel.outerHeight();\r\n\r\n // 取得 $txt 的尺寸\r\n var txtWidth = editor.txt.$txt.outerWidth();\r\n\r\n // ------------开始计算-------------\r\n\r\n // 初步计算 panel 位置属性\r\n var top = menuTop + menuHeight + 2;\r\n var left = menuLeft + menuWidth / 2;\r\n var marginLeft = 0 - panelWidth / 2;\r\n var marginLeft2 = marginLeft; // 下文用于和 marginLeft 比较，来设置三角形tip的位置\r\n\r\n // 如果超出了左边界，则移动回来（要和左侧有10px间隙）\r\n if ((0 - marginLeft) > (left - 10)) {\r\n marginLeft = 0 - (left - 10);\r\n }\r\n\r\n // 如果超出了有边界，则要左移（且和右侧有10px间隙）\r\n var valWithTxt = (left + panelWidth + marginLeft) - txtWidth;\r\n if (valWithTxt > -10) {\r\n marginLeft = marginLeft - valWithTxt - 10;\r\n }\r\n\r\n // 设置样式\r\n $panel.css({\r\n top: top,\r\n left: left,\r\n 'margin-left': marginLeft\r\n });\r\n\r\n // 如果因为向下滚动而导致菜单fixed，则再加一步处理\r\n if (editor._isMenufixed) {\r\n top = top + (($menuContainer.offset().top + $menuContainer.outerHeight()) - $panel.offset().top);\r\n\r\n // 重新设置top\r\n $panel.css({\r\n top: top\r\n });\r\n }\r\n\r\n // 设置三角形 tip 的位置\r\n $triangle.css({\r\n 'margin-left': marginLeft2 - marginLeft - 5\r\n });\r\n };\r\n\r\n // focus 第一个 input\r\n DropPanel.fn.focusFirstInput = function () {\r\n var self = this;\r\n var $panel = self.$panel;\r\n $panel.find('input[type=text],textarea').each(function () {\r\n var $input = $(this);\r\n if ($input.attr('disabled') == null) {\r\n $input.focus();\r\n return false;\r\n }\r\n });\r\n };\r\n\r\n // 显示\r\n DropPanel.fn.show = function () {\r\n var self = this;\r\n var menu = self.menu;\r\n if (!self.rendered) {\r\n // 第一次show之前，先渲染\r\n self._render();\r\n }\r\n\r\n if (self.isShowing) {\r\n return;\r\n }\r\n\r\n var $panel = self.$panel;\r\n $panel.show();\r\n\r\n // 定位\r\n self._position();\r\n\r\n // 记录状态\r\n self.isShowing = true;\r\n\r\n // 菜单状态\r\n menu.activeStyle(true);\r\n\r\n if (E.w3cRange) {\r\n // 高级浏览器\r\n self.focusFirstInput();\r\n } else {\r\n // 兼容 IE8 input placeholder\r\n E.placeholderForIE8($panel);\r\n }\r\n };\r\n\r\n // 隐藏\r\n DropPanel.fn.hide = function () {\r\n var self = this;\r\n var menu = self.menu;\r\n if (!self.isShowing) {\r\n return;\r\n }\r\n\r\n var $panel = self.$panel;\r\n $panel.hide();\r\n\r\n // 记录状态\r\n self.isShowing = false;\r\n\r\n // 菜单状态\r\n menu.activeStyle(false);\r\n };\r\n });\r\n // modal 构造函数\r\n _e(function (E, $) {\r\n // 定义构造函数\r\n var Modal = function (editor, menu, opt) {\r\n this.editor = editor;\r\n this.menu = menu;\r\n this.$content = opt.$content;\r\n\r\n this.init();\r\n };\r\n\r\n Modal.fn = Modal.prototype;\r\n\r\n // 暴露给 E 即 window.WangEditor\r\n E.Modal = Modal;\r\n });\r\n // modal fn bind\r\n _e(function (E, $) {\r\n var Modal = E.Modal;\r\n\r\n Modal.fn.init = function () {\r\n var self = this;\r\n\r\n // 初始化dom\r\n self.initDom();\r\n\r\n // 初始化隐藏事件\r\n self.initHideEvent();\r\n };\r\n\r\n // 初始化dom\r\n Modal.fn.initDom = function () {\r\n var self = this;\r\n var $content = self.$content;\r\n var $modal = $('');\r\n var $close = $('
');\r\n\r\n $modal.append($close);\r\n $modal.append($content);\r\n\r\n // 记录数据\r\n self.$modal = $modal;\r\n self.$close = $close;\r\n };\r\n\r\n // 初始化隐藏事件\r\n Modal.fn.initHideEvent = function () {\r\n var self = this;\r\n var $close = self.$close;\r\n var modal = self.$modal.get(0);\r\n\r\n // 点击 $close 按钮，隐藏\r\n $close.click(function () {\r\n self.hide();\r\n });\r\n\r\n // 点击其他部分，隐藏\r\n E.$body.on('click', function (e) {\r\n if (!self.isShowing) {\r\n return;\r\n }\r\n var trigger = e.target;\r\n\r\n // 获取菜单elem\r\n var menu = self.menu;\r\n var menuDom;\r\n if (menu) {\r\n if (menu.selected) {\r\n menuDom = menu.$domSelected.get(0);\r\n } else {\r\n menuDom = menu.$domNormal.get(0);\r\n }\r\n\r\n if (menuDom === trigger || $.contains(menuDom, trigger)) {\r\n // 说明由本菜单点击触发的\r\n return;\r\n }\r\n }\r\n\r\n if (modal === trigger || $.contains(modal, trigger)) {\r\n // 说明由本panel点击触发的\r\n return;\r\n }\r\n\r\n // 其他情况，隐藏 panel\r\n self.hide();\r\n });\r\n };\r\n });\r\n // modal fn api\r\n _e(function (E, $) {\r\n var Modal = E.Modal;\r\n\r\n // 渲染\r\n Modal.fn._render = function () {\r\n var self = this;\r\n var editor = self.editor;\r\n var $modal = self.$modal;\r\n\r\n // $modal的z-index，在配置的z-index基础上再 +10\r\n $modal.css('z-index', editor.config.zindex + 10 + '');\r\n\r\n // 渲染到body最后面\r\n E.$body.append($modal);\r\n\r\n // 记录状态\r\n self.rendered = true;\r\n };\r\n\r\n // 定位\r\n Modal.fn._position = function () {\r\n var self = this;\r\n var $modal = self.$modal;\r\n var top = $modal.offset().top;\r\n var width = $modal.outerWidth();\r\n var height = $modal.outerHeight();\r\n var marginLeft = 0 - (width / 2);\r\n var marginTop = 0 - (height / 2);\r\n var sTop = E.$window.scrollTop();\r\n\r\n // 保证modal最顶部，不超过浏览器上边框\r\n if ((height / 2) > top) {\r\n marginTop = 0 - top;\r\n }\r\n\r\n $modal.css({\r\n 'margin-left': marginLeft + 'px',\r\n 'margin-top': (marginTop + sTop) + 'px'\r\n });\r\n };\r\n\r\n // 显示\r\n Modal.fn.show = function () {\r\n var self = this;\r\n var menu = self.menu;\r\n if (!self.rendered) {\r\n // 第一次show之前，先渲染\r\n self._render();\r\n }\r\n\r\n if (self.isShowing) {\r\n return;\r\n }\r\n // 记录状态\r\n self.isShowing = true;\r\n\r\n var $modal = self.$modal;\r\n $modal.show();\r\n\r\n // 定位\r\n self._position();\r\n\r\n // 激活菜单状态\r\n menu && menu.activeStyle(true);\r\n };\r\n\r\n // 隐藏\r\n Modal.fn.hide = function () {\r\n var self = this;\r\n var menu = self.menu;\r\n if (!self.isShowing) {\r\n return;\r\n }\r\n // 记录状态\r\n self.isShowing = false;\r\n\r\n // 隐藏\r\n var $modal = self.$modal;\r\n $modal.hide();\r\n\r\n // 菜单状态\r\n menu && menu.activeStyle(false);\r\n };\r\n });\r\n // txt 构造函数\r\n _e(function (E, $) {\r\n // 定义构造函数\r\n var Txt = function (editor) {\r\n this.editor = editor;\r\n\r\n // 初始化\r\n this.init();\r\n };\r\n\r\n Txt.fn = Txt.prototype;\r\n\r\n // 暴露给 E 即 window.WangEditor\r\n E.Txt = Txt;\r\n });\r\n // Txt.fn bind fn\r\n _e(function (E, $) {\r\n var Txt = E.Txt;\r\n\r\n // 初始化\r\n Txt.fn.init = function () {\r\n var self = this;\r\n var editor = self.editor;\r\n var $valueContainer = editor.$valueContainer;\r\n var currentValue = editor.getInitValue();\r\n var $txt;\r\n\r\n if ($valueContainer.get(0).nodeName === 'DIV') {\r\n // 如果传入生成编辑器的元素就是div，则直接使用\r\n $txt = $valueContainer;\r\n $txt.addClass('wangEditor-txt');\r\n $txt.attr('contentEditable', 'true');\r\n } else {\r\n // 如果不是div（是textarea），则创建一个div\r\n $txt = $(\r\n '
\r\n Txt.fn.contentEmptyHandle = function () {\r\n var self = this;\r\n var editor = self.editor;\r\n var $txt = self.$txt;\r\n var $p;\r\n\r\n $txt.on('keydown', function (e) {\r\n if (e.keyCode !== 8) {\r\n return;\r\n }\r\n var txtHtml = $.trim($txt.html().toLowerCase());\r\n if (txtHtml === '
');\r\n $txt.html(''); // 一定要先清空，否则在 ff 下有问题\r\n $txt.append($p);\r\n editor.restoreSelectionByElem($p.get(0));\r\n }\r\n });\r\n };\r\n\r\n // enter时，不能使用 div 换行\r\n Txt.fn.bindEnterForDiv = function () {\r\n var tags = E.config.legalTags; // 配置中编辑器要求的合法标签，如 p head table blockquote ul ol 等\r\n var self = this;\r\n var editor = self.editor;\r\n var $txt = self.$txt;\r\n\r\n var $keydownDivElem;\r\n function divHandler() {\r\n if (!$keydownDivElem) {\r\n return;\r\n }\r\n\r\n var $pElem = $('
' + $keydownDivElem.html() + '
');\r\n $keydownDivElem.after($pElem);\r\n $keydownDivElem.remove();\r\n }\r\n\r\n $txt.on('keydown keyup', function (e) {\r\n if (e.keyCode !== 13) {\r\n return;\r\n }\r\n // 查找合法标签\r\n var rangeElem = editor.getRangeElem();\r\n var targetElem = editor.getLegalTags(rangeElem);\r\n var $targetElem;\r\n var $pElem;\r\n\r\n if (!targetElem) {\r\n // 没找到合法标签，就去查找 div\r\n targetElem = editor.getSelfOrParentByName(rangeElem, 'div');\r\n if (!targetElem) {\r\n return;\r\n }\r\n $targetElem = $(targetElem);\r\n\r\n if (e.type === 'keydown') {\r\n // 异步执行（同步执行会出现问题）\r\n $keydownDivElem = $targetElem;\r\n setTimeout(divHandler, 0);\r\n }\r\n\r\n if (e.type === 'keyup') {\r\n // 将 div 的内容移动到 p 里面，并移除 div\r\n $pElem = $('
' + $targetElem.html() + '
');\r\n $targetElem.after($pElem);\r\n $targetElem.remove();\r\n\r\n // 如果是回车结束，将选区定位到行首\r\n editor.restoreSelectionByElem($pElem.get(0), 'start');\r\n }\r\n }\r\n });\r\n };\r\n\r\n // enter时，用 p 包裹 text\r\n Txt.fn.bindEnterForText = function () {\r\n var self = this;\r\n var $txt = self.$txt;\r\n var handle;\r\n $txt.on('keyup', function (e) {\r\n if (e.keyCode !== 13) {\r\n return;\r\n }\r\n if (!handle) {\r\n handle = function() {\r\n self.wrapImgAndText();\r\n };\r\n }\r\n setTimeout(handle);\r\n });\r\n };\r\n\r\n // tab 时，插入4个空格\r\n Txt.fn.bindTabEvent = function () {\r\n var self = this;\r\n var editor = self.editor;\r\n var $txt = self.$txt;\r\n\r\n $txt.on('keydown', function (e) {\r\n if (e.keyCode !== 9) {\r\n // 只监听 tab 按钮\r\n return;\r\n }\r\n // 如果浏览器支持 insertHtml 则插入4个空格。如果不支持，就不管了\r\n if (editor.queryCommandSupported('insertHtml')) {\r\n editor.command(e, 'insertHtml', ' ');\r\n }\r\n });\r\n };\r\n\r\n // 处理粘贴内容\r\n Txt.fn.bindPasteFilter = function () {\r\n var self = this;\r\n var editor = self.editor;\r\n var resultHtml = ''; //存储最终的结果\r\n var $txt = self.$txt;\r\n var legalTags = editor.config.legalTags;\r\n var legalTagArr = legalTags.split(',');\r\n\r\n $txt.on('paste', function (e) {\r\n if (!editor.config.pasteFilter) {\r\n // 配置中取消了粘贴过滤\r\n return;\r\n }\r\n\r\n var currentNodeName = editor.getRangeElem().nodeName;\r\n if (currentNodeName === 'TD' || currentNodeName === 'TH') {\r\n // 在表格的单元格中粘贴，忽略所有内容。否则会出现异常情况\r\n return;\r\n }\r\n\r\n resultHtml = ''; // 先清空 resultHtml\r\n\r\n var pasteHtml, $paste;\r\n var data = e.clipboardData || e.originalEvent.clipboardData;\r\n var ieData = window.clipboardData;\r\n\r\n if (editor.config.pasteText) {\r\n // 只粘贴纯文本\r\n\r\n if (data && data.getData) {\r\n // w3c\r\n pasteHtml = data.getData('text/plain');\r\n } else if (ieData && ieData.getData) {\r\n // IE\r\n pasteHtml = ieData.getData('text');\r\n } else {\r\n // 其他情况\r\n return;\r\n }\r\n\r\n // 拼接为
');\r\n var $row = $('0');\r\n var $rowspan = $(' 行 ');\r\n var $col = $('0');\r\n var $colspan = $(' 列');\r\n var $tr;\r\n var i, j;\r\n\r\n // 创建一个n行n列的表格\r\n for (i = 0; i < 15; i++) {\r\n $tr = $('
';\r\n\r\n // -------- 执行命令 --------\r\n editor.command(e, 'insertHtml', tableHtml);\r\n });\r\n\r\n // 创建 panel\r\n menu.dropPanel = new E.DropPanel(editor, menu, {\r\n $content: $content,\r\n width: 262\r\n });\r\n\r\n // 增加到editor对象中\r\n editor.menus[menuId] = menu;\r\n });\r\n });\r\n // emotion 菜单\r\n _e(function (E, $) {\r\n E.createMenu(function (check) {\r\n var menuId = 'emotion';\r\n if (!check(menuId)) {\r\n return;\r\n }\r\n var editor = this;\r\n var config = editor.config;\r\n var lang = config.lang;\r\n var configEmotions = config.emotions;\r\n var emotionsShow = config.emotionsShow;\r\n\r\n // 记录每一个表情图片的地址\r\n editor.emotionUrls = [];\r\n\r\n // 创建 menu 对象\r\n var menu = new E.Menu({\r\n editor: editor,\r\n id: menuId,\r\n title: lang.emotion\r\n });\r\n\r\n // 添加表情图片的函数\r\n function insertEmotionImgs(data, $tabContent) {\r\n // 添加表情图片\r\n $.each(data, function (k, emotion) {\r\n var src = emotion.icon || emotion.url;\r\n var value = emotion.value || emotion.title;\r\n // 通过配置 editor.config.emotionsShow 的值来修改插入到编辑器的内容（图片/value）\r\n var commandValue = emotionsShow === 'icon' ? src : value;\r\n var $command = $('');\r\n var $img = $('');\r\n $img.attr('_src', src); // 先将 src 复制到 '_src' 属性，先不加载\r\n\r\n $command.append($img);\r\n $tabContent.append($command);\r\n\r\n // 记录下每一个表情图片的地址\r\n editor.emotionUrls.push(src);\r\n });\r\n }\r\n\r\n // 拼接 dropPanel 内容\r\n var $panelContent = $('');\r\n var $tabContainer = $('');\r\n var $contentContainer = $('');\r\n $.each(configEmotions, function (k, emotion) {\r\n var title = emotion.title;\r\n var data = emotion.data;\r\n\r\n E.log('正在处理 ' + title + ' 表情的数据...');\r\n\r\n // 增加该组表情的tab和content\r\n var $tab = $('' + title + ' ');\r\n $tabContainer.append($tab);\r\n var $tabContent = $('');\r\n $contentContainer.append($tabContent);\r\n\r\n // tab 切换事件\r\n $tab.click(function (e) {\r\n $tabContainer.children().removeClass('selected');\r\n $contentContainer.children().removeClass('selected');\r\n $tabContent.addClass('selected');\r\n $tab.addClass('selected');\r\n e.preventDefault();\r\n });\r\n\r\n // 处理data\r\n if (typeof data === 'string') {\r\n // url 形式，需要通过ajax从该url获取数据\r\n E.log('将通过 ' + data + ' 地址ajax下载表情包');\r\n $.get(data, function (result) {\r\n result = $.parseJSON(result);\r\n E.log('下载完毕，得到 ' + result.length + ' 个表情');\r\n insertEmotionImgs(result, $tabContent);\r\n });\r\n } else if (Object.prototype.toString.call(data).toLowerCase().indexOf('array') > 0) {\r\n // 数组，即 data 直接就是表情包数据\r\n insertEmotionImgs(data, $tabContent);\r\n } else {\r\n // 其他情况，data格式不对\r\n E.error('data 数据格式错误，请修改为正确格式，参考文档：' + E.docsite);\r\n }\r\n });\r\n $panelContent.append($tabContainer).append($contentContainer);\r\n\r\n // 默认显示第一个tab\r\n $tabContainer.children().first().addClass('selected');\r\n $contentContainer.children().first().addClass('selected');\r\n\r\n // 插入表情command事件\r\n $contentContainer.on('click', 'a[commandValue]', function (e) {\r\n var $a = $(e.currentTarget);\r\n var commandValue = $a.attr('commandValue');\r\n var img;\r\n\r\n // commandValue 有可能是图片url，也有可能是表情的 value，需要区别对待\r\n\r\n if (emotionsShow === 'icon') {\r\n // 插入图片\r\n editor.command(e, 'InsertImage', commandValue);\r\n } else {\r\n // 插入value\r\n editor.command(e, 'insertHtml', '' + commandValue + '');\r\n }\r\n\r\n e.preventDefault();\r\n });\r\n\r\n // 添加panel\r\n menu.dropPanel = new E.DropPanel(editor, menu, {\r\n $content: $panelContent,\r\n width: 350\r\n });\r\n\r\n // 定义click事件（异步加载表情图片）\r\n menu.clickEvent = function (e) {\r\n var menu = this;\r\n var dropPanel = menu.dropPanel;\r\n\r\n // -------------隐藏-------------\r\n if (dropPanel.isShowing) {\r\n dropPanel.hide();\r\n return;\r\n }\r\n\r\n // -------------显示-------------\r\n dropPanel.show();\r\n\r\n // 异步加载图片\r\n if (menu.imgLoaded) {\r\n return;\r\n }\r\n $contentContainer.find('img').each(function () {\r\n var $img = $(this);\r\n var _src = $img.attr('_src');\r\n $img.on('error', function () {\r\n E.error('加载不出表情图片 ' + _src);\r\n });\r\n $img.attr('src', _src);\r\n $img.removeAttr('_src');\r\n });\r\n menu.imgLoaded = true;\r\n };\r\n\r\n // 增加到editor对象中\r\n editor.menus[menuId] = menu;\r\n });\r\n });\r\n // img 菜单\r\n _e(function (E, $) {\r\n E.createMenu(function (check) {\r\n var menuId = 'img';\r\n if (!check(menuId)) {\r\n return;\r\n }\r\n var editor = this;\r\n var lang = editor.config.lang;\r\n\r\n // 创建 menu 对象\r\n var menu = new E.Menu({\r\n editor: editor,\r\n id: menuId,\r\n title: lang.img\r\n });\r\n\r\n // 创建 panel content\r\n var $panelContent = $('');\r\n var $tabContainer = $('');\r\n var $contentContainer = $('');\r\n $panelContent.append($tabContainer).append($contentContainer);\r\n\r\n // tab\r\n var $uploadTab = $('上传图片');\r\n var $linkTab = $('网络图片');\r\n $tabContainer.append($uploadTab).append($linkTab);\r\n\r\n // 上传图片 content\r\n var $uploadContent = $('');\r\n $contentContainer.append($uploadContent);\r\n\r\n // 网络图片 content\r\n var $linkContent = $('');\r\n $contentContainer.append($linkContent);\r\n linkContentHandler(editor, menu, $linkContent);\r\n\r\n // 添加panel\r\n menu.dropPanel = new E.DropPanel(editor, menu, {\r\n $content: $panelContent,\r\n width: 400,\r\n onRender: function () {\r\n // 渲染后的回调事件，用于执行自定义上传的init\r\n // 因为渲染之后，上传面板的dom才会被渲染到页面，才能让第三方空间获取到\r\n var init = editor.config.customUploadInit;\r\n init && init.call(editor);\r\n }\r\n });\r\n\r\n // 增加到editor对象中\r\n editor.menus[menuId] = menu;\r\n\r\n // tab 切换事件\r\n function tabToggle() {\r\n $uploadTab.click(function (e) {\r\n $tabContainer.children().removeClass('selected');\r\n $contentContainer.children().removeClass('selected');\r\n $uploadContent.addClass('selected');\r\n $uploadTab.addClass('selected');\r\n e.preventDefault();\r\n });\r\n $linkTab.click(function (e) {\r\n $tabContainer.children().removeClass('selected');\r\n $contentContainer.children().removeClass('selected');\r\n $linkContent.addClass('selected');\r\n $linkTab.addClass('selected');\r\n e.preventDefault();\r\n\r\n // focus input\r\n if (E.placeholder) {\r\n $linkContent.find('input[type=text]').focus();\r\n }\r\n });\r\n\r\n // 默认情况\r\n // $uploadTab.addClass('selected');\r\n // $uploadContent.addClass('selected');\r\n $uploadTab.click();\r\n }\r\n\r\n // 隐藏上传图片\r\n function hideUploadImg() {\r\n $tabContainer.remove();\r\n $uploadContent.remove();\r\n $linkContent.addClass('selected');\r\n }\r\n\r\n // 隐藏网络图片\r\n function hideLinkImg() {\r\n $tabContainer.remove();\r\n $linkContent.remove();\r\n $uploadContent.addClass('selected');\r\n }\r\n\r\n // 判断用户是否配置了上传图片\r\n editor.ready(function () {\r\n var editor = this;\r\n var config = editor.config;\r\n var uploadImgUrl = config.uploadImgUrl;\r\n var customUpload = config.customUpload;\r\n var linkImg = config.hideLinkImg;\r\n var $uploadImgPanel;\r\n\r\n if (uploadImgUrl || customUpload) {\r\n // 第一，暴露出 $uploadContent 以便用户自定义 ！！！重要\r\n editor.$uploadContent = $uploadContent;\r\n\r\n // 第二，绑定tab切换事件\r\n tabToggle();\r\n\r\n if (linkImg) {\r\n // 隐藏网络图片\r\n hideLinkImg();\r\n }\r\n } else {\r\n // 未配置上传图片功能\r\n hideUploadImg();\r\n }\r\n\r\n // 点击 $uploadContent 立即隐藏 dropPanel\r\n // 为了兼容IE8、9的上传，因为IE8、9使用 modal 上传\r\n // 这里使用异步，为了不妨碍高级浏览器通过点击 $uploadContent 选择文件\r\n function hidePanel() {\r\n menu.dropPanel.hide();\r\n }\r\n $uploadContent.click(function () {\r\n setTimeout(hidePanel);\r\n });\r\n });\r\n });\r\n\r\n // --------------- 处理网络图片content ---------------\r\n function linkContentHandler (editor, menu, $linkContent) {\r\n var lang = editor.config.lang;\r\n var $urlContainer = $('');\r\n var $urlInput = $('');\r\n $urlContainer.append($urlInput);\r\n var $btnSubmit = $('');\r\n var $btnCancel = $('');\r\n\r\n $linkContent.append($urlContainer).append($btnSubmit).append($btnCancel);\r\n\r\n // 取消\r\n $btnCancel.click(function (e) {\r\n e.preventDefault();\r\n menu.dropPanel.hide();\r\n });\r\n\r\n // callback\r\n function callback() {\r\n $urlInput.val('');\r\n }\r\n\r\n // 确定\r\n $btnSubmit.click(function (e) {\r\n e.preventDefault();\r\n var url = $.trim($urlInput.val());\r\n if (!url) {\r\n // 无内容\r\n $urlInput.focus();\r\n return;\r\n }\r\n\r\n var imgHtml = '';\r\n editor.command(e, 'insertHtml', imgHtml, callback);\r\n });\r\n }\r\n });\r\n // video 菜单\r\n _e(function (E, $) {\r\n E.createMenu(function (check) {\r\n var menuId = 'video';\r\n if (!check(menuId)) {\r\n return;\r\n }\r\n var editor = this;\r\n var lang = editor.config.lang;\r\n var reg = /^<(iframe)|(embed)/i; // ');\r\n var $linkInputContainer = $('');\r\n var $linkInput = $('\\'/>');\r\n $linkInputContainer.append($linkInput);\r\n var $sizeContainer = $('');\r\n var $widthInput = $('');\r\n var $heightInput = $('');\r\n $sizeContainer.append(' ' + lang.width + ' ')\r\n .append($widthInput)\r\n .append(' px ')\r\n .append(' ' + lang.height + ' ')\r\n .append($heightInput)\r\n .append(' px ');\r\n var $btnContainer = $('');\r\n var $howToCopy = $('如何复制视频链接？');\r\n var $btnSubmit = $('');\r\n var $btnCancel = $('');\r\n $btnContainer.append($howToCopy).append($btnSubmit).append($btnCancel);\r\n $content.append($linkInputContainer).append($sizeContainer).append($btnContainer);\r\n\r\n // 取消按钮\r\n $btnCancel.click(function (e) {\r\n e.preventDefault();\r\n $linkInput.val('');\r\n menu.dropPanel.hide();\r\n });\r\n\r\n // 确定按钮\r\n $btnSubmit.click(function (e) {\r\n e.preventDefault();\r\n var link = $.trim($linkInput.val());\r\n var $link;\r\n var width = parseInt($widthInput.val());\r\n var height = parseInt($heightInput.val());\r\n var $div = $('
');\r\n var html = '
{content}
';\r\n\r\n // 验证数据\r\n if (!link) {\r\n menu.dropPanel.focusFirstInput();\r\n return;\r\n }\r\n\r\n if (!reg.test(link)) {\r\n alert('视频链接格式错误！');\r\n menu.dropPanel.focusFirstInput();\r\n return;\r\n }\r\n\r\n if (isNaN(width) || isNaN(height)) {\r\n alert('宽度或高度不是数字！');\r\n return;\r\n }\r\n\r\n $link = $(link);\r\n\r\n // 设置高度和宽度\r\n $link.attr('width', width)\r\n .attr('height', height);\r\n\r\n // 拼接字符串\r\n html = html.replace('{content}', $div.append($link).html());\r\n\r\n // 执行命令\r\n editor.command(e, 'insertHtml', html);\r\n $linkInput.val('');\r\n });\r\n\r\n // 创建panel\r\n menu.dropPanel = new E.DropPanel(editor, menu, {\r\n $content: $content,\r\n width: 400\r\n });\r\n\r\n // 增加到editor对象中\r\n editor.menus[menuId] = menu;\r\n });\r\n });\r\n // location 菜单\r\n _e(function (E, $) {\r\n // 判断浏览器的 input 是否支持 keyup\r\n var inputKeyup = (function (input) {\r\n return 'onkeyup' in input;\r\n })(document.createElement('input'));\r\n\r\n // 百度地图的key\r\n E.baiduMapAk = 'TVhjYjq1ICT2qqL5LdS8mwas';\r\n\r\n // 一个页面中，如果有多个编辑器，地图会出现问题。这个参数记录一下，如果超过 1 就提示\r\n E.numberOfLocation = 0;\r\n\r\n E.createMenu(function (check) {\r\n var menuId = 'location';\r\n if (!check(menuId)) {\r\n return;\r\n }\r\n\r\n if (++E.numberOfLocation > 1) {\r\n E.error('目前不支持在一个页面多个编辑器上同时使用地图，可通过自定义菜单配置去掉地图菜单');\r\n return;\r\n }\r\n\r\n var editor = this;\r\n var config = editor.config;\r\n var lang = config.lang;\r\n var ak = config.mapAk;\r\n\r\n // 地图的变量存储到这个地方\r\n editor.mapData = {};\r\n var mapData = editor.mapData;\r\n\r\n // ---------- 地图事件 ----------\r\n mapData.markers = [];\r\n mapData.mapContainerId = 'map' + E.random();\r\n\r\n mapData.clearLocations = function () {\r\n var map = mapData.map;\r\n if (!map) {\r\n return;\r\n }\r\n map.clearOverlays();\r\n\r\n //同时，清空marker数组\r\n mapData.markers = [];\r\n };\r\n\r\n mapData.searchMap = function () {\r\n var map = mapData.map;\r\n if (!map) {\r\n return;\r\n }\r\n\r\n var BMap = window.BMap;\r\n var cityName = $cityInput.val();\r\n var locationName = $searchInput.val();\r\n var myGeo, marker;\r\n\r\n if (cityName !== '') {\r\n if (!locationName || locationName === '') {\r\n map.centerAndZoom(cityName, 11);\r\n }\r\n\r\n //地址解析\r\n if (locationName && locationName !== '') {\r\n myGeo = new BMap.Geocoder();\r\n // 将地址解析结果显示在地图上,并调整地图视野\r\n myGeo.getPoint(locationName, function(point) {\r\n if (point) {\r\n map.centerAndZoom(point, 13);\r\n marker = new BMap.Marker(point);\r\n map.addOverlay(marker);\r\n marker.enableDragging(); //允许拖拽\r\n mapData.markers.push(marker); //将marker加入到数组中\r\n } else {\r\n // alert('未找到');\r\n map.centerAndZoom(cityName, 11); //找不到则重新定位到城市\r\n }\r\n }, cityName);\r\n }\r\n } // if(cityName !== '')\r\n };\r\n\r\n // load script 之后的 callback\r\n var hasCallback = false;\r\n window.baiduMapCallBack = function() {\r\n // 避免重复加载\r\n if (hasCallback) {\r\n return;\r\n } else {\r\n hasCallback = true;\r\n }\r\n\r\n var BMap = window.BMap;\r\n if (!mapData.map) {\r\n // 创建Map实例\r\n mapData.map = new BMap.Map(mapData.mapContainerId);\r\n }\r\n var map = mapData.map;\r\n\r\n map.centerAndZoom(new BMap.Point(116.404, 39.915), 11); // 初始化地图,设置中心点坐标和地图级别\r\n map.addControl(new BMap.MapTypeControl()); //添加地图类型控件\r\n map.setCurrentCity('北京'); // 设置地图显示的城市 此项是必须设置的\r\n map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放\r\n\r\n //根据IP定位\r\n function locationFun(result) {\r\n var cityName = result.name;\r\n map.setCenter(cityName);\r\n\r\n // 设置城市名称\r\n $cityInput.val(cityName);\r\n if (E.placeholder) {\r\n $searchInput.focus();\r\n }\r\n var timeoutId, searchFn;\r\n if (inputKeyup) {\r\n // 并绑定搜索事件 - input 支持 keyup\r\n searchFn = function (e) {\r\n if (e.type === 'keyup' && e.keyCode === 13) {\r\n e.preventDefault();\r\n }\r\n if (timeoutId) {\r\n clearTimeout(timeoutId);\r\n }\r\n timeoutId = setTimeout(mapData.searchMap, 500);\r\n };\r\n $cityInput.on('keyup change paste', searchFn);\r\n $searchInput.on('keyup change paste', searchFn);\r\n } else {\r\n // 并绑定搜索事件 - input 不支持 keyup\r\n searchFn = function () {\r\n if (!$content.is(':visible')) {\r\n // panel 不显示了，就不用再监控了\r\n clearTimeout(timeoutId);\r\n return;\r\n }\r\n\r\n var currentCity = '';\r\n var currentSearch = '';\r\n var city = $cityInput.val();\r\n var search = $searchInput.val();\r\n\r\n if (city !== currentCity || search !== currentSearch) {\r\n // 刚获取的数据和之前的数据不一致，执行查询\r\n mapData.searchMap();\r\n // 更新数据\r\n currentCity = city;\r\n currentSearch = search;\r\n }\r\n\r\n // 继续监控\r\n if (timeoutId) {\r\n clearTimeout(timeoutId);\r\n }\r\n timeoutId = setTimeout(searchFn, 1000);\r\n };\r\n // 开始监控\r\n timeoutId = setTimeout(searchFn, 1000);\r\n }\r\n }\r\n var myCity = new BMap.LocalCity();\r\n myCity.get(locationFun);\r\n\r\n //鼠标点击，创建位置\r\n map.addEventListener('click', function(e) {\r\n var marker = new BMap.Marker(new BMap.Point(e.point.lng, e.point.lat));\r\n map.addOverlay(marker);\r\n marker.enableDragging();\r\n mapData.markers.push(marker); //加入到数组中\r\n }, false);\r\n };\r\n\r\n mapData.loadMapScript = function () {\r\n var script = document.createElement('script');\r\n script.type = 'text/javascript';\r\n script.src = 'https://api.map.baidu.com/api?v=2.0&ak=' + ak + '&s=1&callback=baiduMapCallBack'; // baiduMapCallBack是一个本地函数\r\n try {\r\n // IE10- 报错\r\n document.body.appendChild(script);\r\n } catch (ex) {\r\n E.error('加载地图过程中发生错误');\r\n }\r\n };\r\n\r\n // 初始化地图\r\n mapData.initMap = function () {\r\n if (window.BMap) {\r\n // 不是第一次，直接处理地图即可\r\n window.baiduMapCallBack();\r\n } else {\r\n // 第一次，先加载地图 script，再处理地图（script加载完自动执行处理）\r\n mapData.loadMapScript();\r\n }\r\n };\r\n\r\n // ---------- 创建 menu 对象 ----------\r\n\r\n var menu = new E.Menu({\r\n editor: editor,\r\n id: menuId,\r\n title: lang.location\r\n });\r\n\r\n editor.menus[menuId] = menu;\r\n\r\n // ---------- 构建UI ----------\r\n\r\n // panel content\r\n var $content = $('');\r\n\r\n // 搜索框\r\n var $inputContainer = $('');\r\n var $cityInput = $('');\r\n $cityInput.css({\r\n width: '80px',\r\n 'text-align': 'center'\r\n });\r\n var $searchInput = $('');\r\n $searchInput.css({\r\n width: '300px',\r\n 'margin-left': '10px'\r\n }).attr('placeholder', lang.searchlocation);\r\n var $clearBtn = $('');\r\n $inputContainer.append($clearBtn)\r\n .append($cityInput)\r\n .append($searchInput);\r\n $content.append($inputContainer);\r\n\r\n // 清除位置按钮\r\n $clearBtn.click(function (e) {\r\n $searchInput.val('');\r\n $searchInput.focus();\r\n mapData.clearLocations();\r\n e.preventDefault();\r\n });\r\n\r\n // 地图\r\n var $map = $('');\r\n $map.css({\r\n height: '260px',\r\n width: '100%',\r\n position: 'relative',\r\n 'margin-top': '10px',\r\n border: '1px solid #f1f1f1'\r\n });\r\n var $mapLoading = $('' + lang.loading + '');\r\n $mapLoading.css({\r\n position: 'absolute',\r\n width: '100px',\r\n 'text-align': 'center',\r\n top: '45%',\r\n left: '50%',\r\n 'margin-left': '-50px'\r\n });\r\n $map.append($mapLoading);\r\n $content.append($map);\r\n\r\n // 按钮\r\n var $btnContainer = $('');\r\n var $btnSubmit = $('');\r\n var $btnCancel = $('');\r\n var $checkLabel = $('');\r\n var $check = $('');\r\n $checkLabel.append($check).append(' ' + lang.dynamicMap + '');\r\n $btnContainer.append($checkLabel)\r\n .append($btnSubmit)\r\n .append($btnCancel);\r\n $content.append($btnContainer);\r\n\r\n function callback() {\r\n $searchInput.val('');\r\n }\r\n\r\n // 『取消』按钮事件\r\n $btnCancel.click(function (e) {\r\n e.preventDefault();\r\n callback();\r\n menu.dropPanel.hide();\r\n });\r\n\r\n // 『确定』按钮事件\r\n $btnSubmit.click(function (e) {\r\n e.preventDefault();\r\n var map = mapData.map,\r\n isDynamic = $check.is(':checked'),\r\n markers = mapData.markers,\r\n\r\n center = map.getCenter(),\r\n centerLng = center.lng,\r\n centerLat = center.lat,\r\n\r\n zoom = map.getZoom(),\r\n\r\n size = map.getSize(),\r\n sizeWidth = size.width,\r\n sizeHeight = size.height,\r\n\r\n position,\r\n src,\r\n iframe;\r\n\r\n if (isDynamic) {\r\n //动态地址\r\n src = 'http://ueditor.baidu.com/ueditor/dialogs/map/show.html#';\r\n } else {\r\n //静态地址\r\n src = 'http://api.map.baidu.com/staticimage?';\r\n }\r\n\r\n //src参数\r\n src = src + 'center=' + centerLng + ',' + centerLat +\r\n '&zoom=' + zoom +\r\n '&width=' + sizeWidth +\r\n '&height=' + sizeHeight;\r\n if (markers.length > 0) {\r\n src = src + '&markers=';\r\n\r\n //添加所有的marker\r\n $.each(markers, function(key, value) {\r\n position = value.getPosition();\r\n if (key > 0) {\r\n src = src + '|';\r\n }\r\n src = src + position.lng + ',' + position.lat;\r\n });\r\n }\r\n\r\n if (isDynamic) {\r\n if (markers.length > 1) {\r\n alert(lang.langDynamicOneLocation);\r\n return;\r\n }\r\n\r\n src += '&markerStyles=l,A';\r\n\r\n //插入iframe\r\n iframe = '';\r\n iframe = iframe.replace('{src}', src);\r\n editor.command(e, 'insertHtml', iframe, callback);\r\n } else {\r\n //插入图片\r\n editor.command(e, 'insertHtml', '', callback);\r\n }\r\n });\r\n\r\n // 根据 UI 创建菜单 panel\r\n menu.dropPanel = new E.DropPanel(editor, menu, {\r\n $content: $content,\r\n width: 500\r\n });\r\n\r\n // ---------- 事件 ----------\r\n\r\n // render 时执行事件\r\n menu.onRender = function () {\r\n if (ak === E.baiduMapAk) {\r\n E.warn('建议在配置中自定义百度地图的mapAk，否则可能影响地图功能，文档：' + E.docsite);\r\n }\r\n };\r\n\r\n // click 事件\r\n menu.clickEvent = function (e) {\r\n var menu = this;\r\n var dropPanel = menu.dropPanel;\r\n var firstTime = false;\r\n\r\n // -------------隐藏-------------\r\n if (dropPanel.isShowing) {\r\n dropPanel.hide();\r\n return;\r\n }\r\n\r\n // -------------显示-------------\r\n if (!mapData.map) {\r\n // 第一次，先加载地图\r\n firstTime = true;\r\n }\r\n\r\n dropPanel.show();\r\n mapData.initMap();\r\n\r\n if (!firstTime) {\r\n $searchInput.focus();\r\n }\r\n };\r\n });\r\n });\r\n // insertcode 菜单\r\n _e(function (E, $) {\r\n // 加载 highlightjs 代码\r\n function loadHljs() {\r\n if (E.userAgent.indexOf('MSIE 8') > 0) {\r\n // 不支持 IE8\r\n return;\r\n }\r\n if (window.hljs) {\r\n // 不要重复加载\r\n return;\r\n }\r\n var script = document.createElement('script');\r\n script.type = 'text/javascript';\r\n script.src = '//cdn.bootcss.com/highlight.js/9.2.0/highlight.min.js';\r\n document.body.appendChild(script);\r\n }\r\n\r\n E.createMenu(function (check) {\r\n var menuId = 'insertcode';\r\n if (!check(menuId)) {\r\n return;\r\n }\r\n\r\n // 加载 highlightjs 代码\r\n setTimeout(loadHljs, 0);\r\n\r\n var editor = this;\r\n var config = editor.config;\r\n var lang = config.lang;\r\n var $txt = editor.txt.$txt;\r\n\r\n // 创建 menu 对象\r\n var menu = new E.Menu({\r\n editor: editor,\r\n id: menuId,\r\n title: lang.insertcode\r\n });\r\n\r\n // click 事件\r\n menu.clickEvent = function (e) {\r\n var menu = this;\r\n var dropPanel = menu.dropPanel;\r\n\r\n // 隐藏\r\n if (dropPanel.isShowing) {\r\n dropPanel.hide();\r\n return;\r\n }\r\n\r\n // 显示\r\n $textarea.val('');\r\n dropPanel.show();\r\n\r\n // highlightjs 语言列表\r\n var hljs = window.hljs;\r\n if (hljs && hljs.listLanguages) {\r\n if ($langSelect.children().length !== 0) {\r\n return;\r\n }\r\n $langSelect.css({\r\n 'margin-top': '9px',\r\n 'margin-left': '5px'\r\n });\r\n $.each(hljs.listLanguages(), function (key, lang) {\r\n if (lang === 'xml') {\r\n lang = 'html';\r\n }\r\n if (lang === config.codeDefaultLang) {\r\n $langSelect.append('');\r\n } else {\r\n $langSelect.append('');\r\n }\r\n });\r\n } else {\r\n $langSelect.hide();\r\n }\r\n };\r\n\r\n // 选中状态下的 click 事件\r\n menu.clickEventSelected = function (e) {\r\n var menu = this;\r\n var dropPanel = menu.dropPanel;\r\n\r\n // 隐藏\r\n if (dropPanel.isShowing) {\r\n dropPanel.hide();\r\n return;\r\n }\r\n\r\n // 显示\r\n dropPanel.show();\r\n\r\n var rangeElem = editor.getRangeElem();\r\n var targetElem = editor.getSelfOrParentByName(rangeElem, 'pre');\r\n var $targetElem;\r\n var className;\r\n if (targetElem) {\r\n // 确定找到 pre 之后，再找 code\r\n targetElem = editor.getSelfOrParentByName(rangeElem, 'code');\r\n }\r\n if (!targetElem) {\r\n return;\r\n }\r\n $targetElem = $(targetElem);\r\n\r\n // 赋值内容\r\n $textarea.val($targetElem.text());\r\n if ($langSelect) {\r\n // 赋值语言\r\n className = $targetElem.attr('class');\r\n if (className) {\r\n $langSelect.val(className.split(' ')[0]);\r\n }\r\n }\r\n };\r\n\r\n // 定义更新选中状态的事件\r\n menu.updateSelectedEvent = function () {\r\n var self = this; //菜单对象\r\n var editor = self.editor;\r\n var rangeElem;\r\n\r\n rangeElem = editor.getRangeElem();\r\n rangeElem = editor.getSelfOrParentByName(rangeElem, 'pre');\r\n\r\n if (rangeElem) {\r\n return true;\r\n }\r\n\r\n return false;\r\n };\r\n\r\n // 创建 panel\r\n var $content = $('');\r\n var $textarea = $('');\r\n var $langSelect = $('');\r\n contentHandle($content);\r\n menu.dropPanel = new E.DropPanel(editor, menu, {\r\n $content: $content,\r\n width: 500\r\n });\r\n\r\n // 增加到editor对象中\r\n editor.menus[menuId] = menu;\r\n\r\n // ------ 增加 content 内容 ------\r\n function contentHandle($content) {\r\n // textarea 区域\r\n var $textareaContainer = $('');\r\n $textareaContainer.css({\r\n margin: '15px 5px 5px 5px',\r\n height: '160px',\r\n 'text-align': 'center'\r\n });\r\n $textarea.css({\r\n width: '100%',\r\n height: '100%',\r\n padding: '10px'\r\n });\r\n $textarea.on('keydown', function (e) {\r\n // 取消 tab 键默认行为\r\n if (e.keyCode === 9) {\r\n e.preventDefault();\r\n }\r\n });\r\n $textareaContainer.append($textarea);\r\n $content.append($textareaContainer);\r\n\r\n // 按钮区域\r\n var $btnContainer = $('');\r\n var $btnSubmit = $('');\r\n var $btnCancel = $('');\r\n\r\n $btnContainer.append($btnSubmit).append($btnCancel).append($langSelect);\r\n $content.append($btnContainer);\r\n\r\n // 取消按钮\r\n $btnCancel.click(function (e) {\r\n e.preventDefault();\r\n menu.dropPanel.hide();\r\n });\r\n\r\n // 确定按钮\r\n var codeTpl = '
{#content}
';\r\n $btnSubmit.click(function (e) {\r\n e.preventDefault();\r\n var val = $textarea.val();\r\n if (!val) {\r\n // 无内容\r\n $textarea.focus();\r\n return;\r\n }\r\n\r\n var rangeElem = editor.getRangeElem();\r\n if ($.trim($(rangeElem).text()) && codeTpl.indexOf('
') !== 0) {\r\n codeTpl = '
' + codeTpl;\r\n }\r\n\r\n var lang = $langSelect ? $langSelect.val() : ''; // 获取高亮语言\r\n var langClass = '';\r\n var doHightlight = function () {\r\n $txt.find('pre code').each(function (i, block) {\r\n var $block = $(block);\r\n if ($block.attr('codemark')) {\r\n // 有 codemark 标记的代码块，就不再重新格式化了\r\n\r\n } else if (window.hljs) {\r\n // 新代码块，格式化之后，立即标记 codemark\r\n window.hljs.highlightBlock(block);\r\n $block.attr('codemark', '1');\r\n }\r\n });\r\n };\r\n\r\n // 语言高亮样式\r\n if (lang) {\r\n langClass = ' class=\"' + lang + ' hljs\"';\r\n }\r\n\r\n // 替换标签\r\n val = val.replace(/&/gm, '&')\r\n .replace(//gm, '>');\r\n\r\n // ---- menu 未选中状态 ----\r\n if (!menu.selected) {\r\n // 拼接html\r\n var html = codeTpl.replace('{#langClass}', langClass).replace('{#content}', val);\r\n editor.command(e, 'insertHtml', html, doHightlight);\r\n return;\r\n }\r\n\r\n // ---- menu 选中状态 ----\r\n var targetElem = editor.getSelfOrParentByName(rangeElem, 'pre');\r\n var $targetElem;\r\n if (targetElem) {\r\n // 确定找到 pre 之后，再找 code\r\n targetElem = editor.getSelfOrParentByName(rangeElem, 'code');\r\n }\r\n if (!targetElem) {\r\n return;\r\n }\r\n $targetElem = $(targetElem);\r\n\r\n function commandFn() {\r\n var className;\r\n if (lang) {\r\n className = $targetElem.attr('class');\r\n if (className !== lang + ' hljs') {\r\n $targetElem.attr('class', lang + ' hljs');\r\n }\r\n }\r\n $targetElem.html(val);\r\n }\r\n function callback() {\r\n editor.restoreSelectionByElem(targetElem);\r\n doHightlight();\r\n }\r\n editor.customCommand(e, commandFn, callback);\r\n });\r\n }\r\n\r\n // ------ enter 时，不另起标签，只换行 ------\r\n $txt.on('keydown', function (e) {\r\n if (e.keyCode !== 13) {\r\n return;\r\n }\r\n var rangeElem = editor.getRangeElem();\r\n var targetElem = editor.getSelfOrParentByName(rangeElem, 'code');\r\n if (!targetElem) {\r\n return;\r\n }\r\n\r\n editor.command(e, 'insertHtml', '\\n');\r\n });\r\n\r\n // ------ 点击时，禁用其他标签 ------\r\n function updateMenu() {\r\n var rangeElem = editor.getRangeElem();\r\n var targetElem = editor.getSelfOrParentByName(rangeElem, 'code');\r\n if (targetElem) {\r\n // 在 code 之内，禁用其他菜单\r\n editor.disableMenusExcept('insertcode');\r\n } else {\r\n // 不是在 code 之内，启用其他菜单\r\n editor.enableMenusExcept('insertcode');\r\n }\r\n }\r\n $txt.on('keydown click', function (e) {\r\n // 此处必须使用 setTimeout 异步处理，否则不对\r\n setTimeout(updateMenu);\r\n });\r\n });\r\n });\r\n // undo 菜单\r\n _e(function (E, $) {\r\n E.createMenu(function (check) {\r\n var menuId = 'undo';\r\n if (!check(menuId)) {\r\n return;\r\n }\r\n var editor = this;\r\n var lang = editor.config.lang;\r\n\r\n // 创建 menu 对象\r\n var menu = new E.Menu({\r\n editor: editor,\r\n id: menuId,\r\n title: lang.undo\r\n });\r\n\r\n // click 事件\r\n menu.clickEvent = function (e) {\r\n editor.undo();\r\n };\r\n\r\n // 增加到editor对象中\r\n editor.menus[menuId] = menu;\r\n\r\n // ------------ 初始化时、enter 时、打字中断时，做记录 ------------\r\n // ------------ ctrl + z 是调用记录撤销，而不是使用浏览器默认的撤销 ------------\r\n editor.ready(function () {\r\n var editor = this;\r\n var $txt = editor.txt.$txt;\r\n var timeoutId;\r\n\r\n // 执行undo记录\r\n function undo() {\r\n editor.undoRecord();\r\n }\r\n\r\n $txt.on('keydown', function (e) {\r\n var keyCode = e.keyCode;\r\n\r\n // 撤销 ctrl + z\r\n if (e.ctrlKey && keyCode === 90) {\r\n editor.undo();\r\n return;\r\n }\r\n\r\n if (keyCode === 13) {\r\n // enter 做记录\r\n undo();\r\n } else {\r\n // keyup 之后 1s 之内不操作，则做一次记录\r\n if (timeoutId) {\r\n clearTimeout(timeoutId);\r\n }\r\n timeoutId = setTimeout(undo, 1000);\r\n }\r\n });\r\n\r\n // 初始化做记录\r\n editor.undoRecord();\r\n });\r\n });\r\n });\r\n // redo 菜单\r\n _e(function (E, $) {\r\n E.createMenu(function (check) {\r\n var menuId = 'redo';\r\n if (!check(menuId)) {\r\n return;\r\n }\r\n var editor = this;\r\n var lang = editor.config.lang;\r\n\r\n // 创建 menu 对象\r\n var menu = new E.Menu({\r\n editor: editor,\r\n id: menuId,\r\n title: lang.redo\r\n });\r\n\r\n // click 事件\r\n menu.clickEvent = function (e) {\r\n editor.redo();\r\n };\r\n\r\n // 增加到editor对象中\r\n editor.menus[menuId] = menu;\r\n });\r\n });\r\n // 全屏 菜单\r\n _e(function (E, $) {\r\n // 记录全屏时的scrollTop\r\n var scrollTopWhenFullScreen;\r\n\r\n E.createMenu(function (check) {\r\n var menuId = 'fullscreen';\r\n if (!check(menuId)) {\r\n return;\r\n }\r\n var editor = this;\r\n var $txt = editor.txt.$txt;\r\n var config = editor.config;\r\n var zIndexConfig = config.zindex || 10000;\r\n var lang = config.lang;\r\n\r\n var isSelected = false;\r\n var zIndex;\r\n\r\n var maxHeight;\r\n\r\n // 创建 menu 对象\r\n var menu = new E.Menu({\r\n editor: editor,\r\n id: menuId,\r\n title: lang.fullscreen\r\n });\r\n\r\n // 定义click事件\r\n menu.clickEvent = function (e) {\r\n // 增加样式\r\n var $editorContainer = editor.$editorContainer;\r\n $editorContainer.addClass('wangEditor-fullscreen');\r\n\r\n // （先保存当前的）再设置z-index\r\n zIndex = $editorContainer.css('z-index');\r\n $editorContainer.css('z-index', zIndexConfig);\r\n\r\n var $wrapper;\r\n var txtHeight = $txt.height();\r\n var txtOuterHeight = $txt.outerHeight();\r\n\r\n if (editor.useMaxHeight) {\r\n // 记录 max-height，并暂时去掉maxheight\r\n maxHeight = $txt.css('max-height');\r\n $txt.css('max-height', 'none');\r\n\r\n // 如果使用了maxHeight， 将$txt从它的父元素中移出来\r\n $wrapper = $txt.parent();\r\n $wrapper.after($txt);\r\n $wrapper.remove();\r\n $txt.css('overflow-y', 'auto');\r\n }\r\n\r\n // 设置高度到全屏\r\n var menuContainer = editor.menuContainer;\r\n $txt.height(\r\n E.$window.height() -\r\n menuContainer.height() -\r\n (txtOuterHeight - txtHeight) // 去掉内边距和外边距\r\n );\r\n\r\n // 取消menuContainer的内联样式（menu吸顶时，会为 menuContainer 设置一些内联样式）\r\n editor.menuContainer.$menuContainer.attr('style', '');\r\n\r\n // 保存状态\r\n isSelected = true;\r\n\r\n // 记录编辑器是否全屏\r\n editor.isFullScreen = true;\r\n\r\n // 记录设置全屏时的高度\r\n scrollTopWhenFullScreen = E.$window.scrollTop();\r\n };\r\n\r\n // 定义选中状态的 click 事件\r\n menu.clickEventSelected = function (e) {\r\n // 取消样式\r\n var $editorContainer = editor.$editorContainer;\r\n $editorContainer.removeClass('wangEditor-fullscreen');\r\n $editorContainer.css('z-index', zIndex);\r\n\r\n // 还原height\r\n if (editor.useMaxHeight) {\r\n $txt.css('max-height', maxHeight);\r\n } else {\r\n // editor.valueContainerHeight 在 editor.txt.initHeight() 中事先保存了\r\n editor.$valueContainer.css('height', editor.valueContainerHeight);\r\n }\r\n\r\n // 重新计算高度\r\n editor.txt.initHeight();\r\n\r\n // 保存状态\r\n isSelected = false;\r\n\r\n // 记录编辑器是否全屏\r\n editor.isFullScreen = false;\r\n\r\n // 还原scrollTop\r\n if (scrollTopWhenFullScreen != null) {\r\n E.$window.scrollTop(scrollTopWhenFullScreen);\r\n }\r\n };\r\n\r\n // 定义选中事件\r\n menu.updateSelectedEvent = function (e) {\r\n return isSelected;\r\n };\r\n\r\n // 增加到editor对象中\r\n editor.menus[menuId] = menu;\r\n });\r\n });\r\n // 渲染menus\r\n _e(function (E, $) {\r\n E.fn.renderMenus = function () {\r\n var editor = this;\r\n var menus = editor.menus;\r\n var menuIds = editor.config.menus;\r\n var menuContainer = editor.menuContainer;\r\n\r\n var menu;\r\n var groupIdx = 0;\r\n $.each(menuIds, function (k, v) {\r\n if (v === '|') {\r\n groupIdx++;\r\n return;\r\n }\r\n\r\n menu = menus[v];\r\n if (menu) {\r\n menu.render(groupIdx);\r\n }\r\n });\r\n };\r\n });\r\n // 渲染menus\r\n _e(function (E, $) {\r\n E.fn.renderMenuContainer = function () {\r\n var editor = this;\r\n var menuContainer = editor.menuContainer;\r\n var $editorContainer = editor.$editorContainer;\r\n\r\n menuContainer.render();\r\n };\r\n });\r\n // 渲染 txt\r\n _e(function (E, $) {\r\n E.fn.renderTxt = function () {\r\n var editor = this;\r\n var txt = editor.txt;\r\n\r\n txt.render();\r\n\r\n // ready 时候，计算txt的高度\r\n editor.ready(function () {\r\n txt.initHeight();\r\n });\r\n };\r\n });\r\n // 渲染 container\r\n _e(function (E, $) {\r\n E.fn.renderEditorContainer = function () {\r\n var editor = this;\r\n var $valueContainer = editor.$valueContainer;\r\n var $editorContainer = editor.$editorContainer;\r\n var $txt = editor.txt.$txt;\r\n var $prev, $parent;\r\n\r\n // 将编辑器渲染到页面中\r\n if ($valueContainer === $txt) {\r\n $prev = editor.$prev;\r\n $parent = editor.$parent;\r\n\r\n if ($prev && $prev.length) {\r\n // 有前置节点，就插入到前置节点的后面\r\n $prev.after($editorContainer);\r\n } else {\r\n // 没有前置节点，就直接插入到父元素\r\n $parent.prepend($editorContainer);\r\n }\r\n } else {\r\n $valueContainer.after($editorContainer);\r\n $valueContainer.hide();\r\n }\r\n\r\n // 设置宽度（这样设置宽度有问题）\r\n // $editorContainer.css('width', $valueContainer.css('width'));\r\n };\r\n });\r\n // 菜单事件\r\n _e(function (E, $) {\r\n // 绑定每个菜单的click事件\r\n E.fn.eventMenus = function () {\r\n var menus = this.menus;\r\n\r\n // 绑定菜单的点击事件\r\n $.each(menus, function (k, v) {\r\n v.bindEvent();\r\n });\r\n };\r\n });\r\n // 菜单container事件\r\n _e(function (E, $) {\r\n E.fn.eventMenuContainer = function () {\r\n\r\n };\r\n });\r\n // 编辑区域事件\r\n _e(function (E, $) {\r\n E.fn.eventTxt = function () {\r\n var txt = this.txt;\r\n\r\n // txt内容变化时，保存选区\r\n txt.saveSelectionEvent();\r\n\r\n // txt内容变化时，随时更新 value\r\n txt.updateValueEvent();\r\n\r\n // txt内容变化时，随时更新 menu style\r\n txt.updateMenuStyleEvent();\r\n\r\n // // 鼠标hover时，显示 p head 高度（暂时关闭这个功能）\r\n // if (!/ie/i.test(E.userAgent)) {\r\n // // 暂时不支持IE\r\n // txt.showHeightOnHover();\r\n // }\r\n };\r\n });\r\n // 上传图片事件\r\n _e(function (E, $) {\r\n E.plugin(function () {\r\n var editor = this;\r\n var fns = editor.config.uploadImgFns; // editor.config.uploadImgFns = {} 在config文件中定义了\r\n\r\n // -------- 定义load函数 --------\r\n fns.onload || (fns.onload = function (resultText, xhr) {\r\n E.log('上传结束，返回结果为 ' + resultText);\r\n\r\n var editor = this;\r\n var originalName = editor.uploadImgOriginalName || ''; // 上传图片时，已经将图片的名字存在 editor.uploadImgOriginalName\r\n var img;\r\n if (resultText.indexOf('error|') === 0) {\r\n // 提示错误\r\n E.warn('上传失败：' + resultText.split('|')[1]);\r\n alert(resultText.split('|')[1]);\r\n } else {\r\n E.log('上传成功，即将插入编辑区域，结果为：' + resultText);\r\n\r\n // 将结果插入编辑器\r\n img = document.createElement('img');\r\n img.onload = function () {\r\n var html = '';\r\n editor.command(null, 'insertHtml', html);\r\n\r\n E.log('已插入图片，地址 ' + resultText);\r\n img = null;\r\n };\r\n img.onerror = function () {\r\n E.error('使用返回的结果获取图片，发生错误。请确认以下结果是否正确：' + resultText);\r\n img = null;\r\n };\r\n img.src = resultText;\r\n }\r\n });\r\n\r\n // -------- 定义tiemout函数 --------\r\n fns.ontimeout || (fns.ontimeout = function (xhr) {\r\n E.error('上传图片超时');\r\n alert('上传图片超时');\r\n });\r\n\r\n // -------- 定义error函数 --------\r\n fns.onerror || (fns.onerror = function (xhr) {\r\n E.error('上传上图片发生错误');\r\n alert('上传上图片发生错误');\r\n });\r\n });\r\n });\r\n // xhr 上传图片\r\n _e(function (E, $) {\r\n if (!window.FileReader || !window.FormData) {\r\n // 如果不支持html5的文档操作，直接返回\r\n return;\r\n }\r\n\r\n E.plugin(function () {\r\n var editor = this;\r\n var config = editor.config;\r\n var uploadImgUrl = config.uploadImgUrl;\r\n var uploadTimeout = config.uploadTimeout;\r\n\r\n // 获取配置中的上传事件\r\n var uploadImgFns = config.uploadImgFns;\r\n var onload = uploadImgFns.onload;\r\n var ontimeout = uploadImgFns.ontimeout;\r\n var onerror = uploadImgFns.onerror;\r\n\r\n if (!uploadImgUrl) {\r\n return;\r\n }\r\n\r\n // -------- 将以base64的图片url数据转换为Blob --------\r\n function convertBase64UrlToBlob(urlData, filetype) {\r\n //去掉url的头，并转换为byte\r\n var bytes = window.atob(urlData.split(',')[1]);\r\n\r\n //处理异常,将ascii码小于0的转换为大于0\r\n var ab = new ArrayBuffer(bytes.length);\r\n var ia = new Uint8Array(ab);\r\n var i;\r\n for (i = 0; i < bytes.length; i++) {\r\n ia[i] = bytes.charCodeAt(i);\r\n }\r\n\r\n return new Blob([ab], {type: filetype});\r\n }\r\n\r\n // -------- 插入图片的方法 --------\r\n function insertImg(src, event) {\r\n var img = document.createElement('img');\r\n img.onload = function () {\r\n var html = '';\r\n editor.command(event, 'insertHtml', html);\r\n\r\n E.log('已插入图片，地址 ' + src);\r\n img = null;\r\n };\r\n img.onerror = function () {\r\n E.error('使用返回的结果获取图片，发生错误。请确认以下结果是否正确：' + src);\r\n img = null;\r\n };\r\n img.src = src;\r\n }\r\n\r\n // -------- onprogress 事件 --------\r\n function updateProgress(e) {\r\n if (e.lengthComputable) {\r\n var percentComplete = e.loaded / e.total;\r\n editor.showUploadProgress(percentComplete * 100);\r\n }\r\n }\r\n\r\n // -------- xhr 上传图片 --------\r\n editor.xhrUploadImg = function (opt) {\r\n // opt 数据\r\n var event = opt.event;\r\n var fileName = opt.filename || '';\r\n var base64 = opt.base64;\r\n var fileType = opt.fileType || 'image/png'; // 无扩展名则默认使用 png\r\n var name = opt.name || 'wangEditor_upload_file';\r\n var loadfn = opt.loadfn || onload;\r\n var errorfn = opt.errorfn || onerror;\r\n var timeoutfn = opt.timeoutfn || ontimeout;\r\n\r\n // 上传参数（如 token）\r\n var params = editor.config.uploadParams || {};\r\n\r\n // headers\r\n var headers = editor.config.uploadHeaders || {};\r\n\r\n // 获取文件扩展名\r\n var fileExt = 'png'; // 默认为 png\r\n if (fileName.indexOf('.') > 0) {\r\n // 原来的文件名有扩展名\r\n fileExt = fileName.slice(fileName.lastIndexOf('.') - fileName.length + 1);\r\n } else if (fileType.indexOf('/') > 0 && fileType.split('/')[1]) {\r\n // 文件名没有扩展名，通过类型获取，如从 'image/png' 取 'png'\r\n fileExt = fileType.split('/')[1];\r\n }\r\n\r\n // ------------ begin 预览模拟上传 ------------\r\n // if (true) {\r\n // E.log('预览模拟上传');\r\n // insertImg(base64, event);\r\n // return;\r\n // }\r\n if (E.isOnWebsite) {\r\n E.log('预览模拟上传');\r\n insertImg(base64, event);\r\n return;\r\n }\r\n // ------------ end 预览模拟上传 ------------\r\n\r\n // 变量声明\r\n\r\n var xhr = new XMLHttpRequest();\r\n var timeoutId;\r\n var src;\r\n var formData = new FormData();\r\n\r\n // 超时处理\r\n function timeoutCallback() {\r\n if (timeoutId) {\r\n clearTimeout(timeoutId);\r\n }\r\n if (xhr && xhr.abort) {\r\n xhr.abort();\r\n }\r\n\r\n // 超时了就阻止默认行为\r\n event.preventDefault();\r\n\r\n // 执行回调函数，提示什么内容，都应该在回调函数中定义\r\n timeoutfn && timeoutfn.call(editor, xhr);\r\n\r\n // 隐藏进度条\r\n editor.hideUploadProgress();\r\n }\r\n\r\n xhr.onload = function () {\r\n if (timeoutId) {\r\n clearTimeout(timeoutId);\r\n }\r\n\r\n // 记录文件名到 editor.uploadImgOriginalName ，插入图片时，可做 alt 属性用\r\n editor.uploadImgOriginalName = fileName;\r\n if (fileName.indexOf('.') > 0) {\r\n editor.uploadImgOriginalName = fileName.split('.')[0];\r\n }\r\n\r\n // 执行load函数，任何操作，都应该在load函数中定义\r\n loadfn && loadfn.call(editor, xhr.responseText, xhr);\r\n\r\n // 隐藏进度条\r\n editor.hideUploadProgress();\r\n };\r\n xhr.onerror = function () {\r\n if (timeoutId) {\r\n clearTimeout(timeoutId);\r\n }\r\n\r\n // 超时了就阻止默认行为\r\n event.preventDefault();\r\n\r\n // 执行error函数，错误提示，应该在error函数中定义\r\n errorfn && errorfn.call(editor, xhr);\r\n\r\n // 隐藏进度条\r\n editor.hideUploadProgress();\r\n };\r\n // xhr.onprogress = updateProgress;\r\n xhr.upload.onprogress = updateProgress;\r\n\r\n // 填充数据\r\n formData.append(name, convertBase64UrlToBlob(base64, fileType), E.random() + '.' + fileExt);\r\n\r\n // 添加参数\r\n $.each(params, function (key, value) {\r\n formData.append(key, value);\r\n });\r\n\r\n // 开始上传\r\n xhr.open('POST', uploadImgUrl, true);\r\n // xhr.setRequestHeader(\"Content-type\",\"application/x-www-form-urlencoded\"); // 将参数解析成传统form的方式上传\r\n\r\n // 修改自定义配置的headers\r\n $.each(headers, function (key, value) {\r\n xhr.setRequestHeader(key, value);\r\n });\r\n\r\n // 跨域上传时，传cookie\r\n xhr.withCredentials = true;\r\n\r\n // 发送数据\r\n xhr.send(formData);\r\n timeoutId = setTimeout(timeoutCallback, uploadTimeout);\r\n\r\n E.log('开始上传...并开始超时计算');\r\n };\r\n });\r\n });\r\n // 进度条\r\n _e(function (E, $) {\r\n E.plugin(function () {\r\n var editor = this;\r\n var menuContainer = editor.menuContainer;\r\n var menuHeight = menuContainer.height();\r\n var $editorContainer = editor.$editorContainer;\r\n var width = $editorContainer.width();\r\n var $progress = $('');\r\n\r\n // 渲染事件\r\n var isRender = false;\r\n function render() {\r\n if (isRender) {\r\n return;\r\n }\r\n isRender = true;\r\n\r\n $progress.css({\r\n top: menuHeight + 'px'\r\n });\r\n $editorContainer.append($progress);\r\n }\r\n\r\n // ------ 显示进度 ------\r\n editor.showUploadProgress = function (progress) {\r\n if (timeoutId) {\r\n clearTimeout(timeoutId);\r\n }\r\n\r\n // 显示之前，先判断是否渲染\r\n render();\r\n\r\n $progress.show();\r\n $progress.width(progress * width / 100);\r\n };\r\n\r\n // ------ 隐藏进度条 ------\r\n var timeoutId;\r\n function hideProgress() {\r\n $progress.hide();\r\n timeoutId = null;\r\n }\r\n editor.hideUploadProgress = function (time) {\r\n if (timeoutId) {\r\n clearTimeout(timeoutId);\r\n }\r\n time = time || 750;\r\n timeoutId = setTimeout(hideProgress, time);\r\n };\r\n });\r\n });\r\n // upload img 插件\r\n _e(function (E, $) {\r\n E.plugin(function () {\r\n var editor = this;\r\n var config = editor.config;\r\n var uploadImgUrl = config.uploadImgUrl;\r\n var uploadTimeout = config.uploadTimeout;\r\n var event;\r\n\r\n if (!uploadImgUrl) {\r\n return;\r\n }\r\n\r\n // 获取editor的上传dom\r\n var $uploadContent = editor.$uploadContent;\r\n if (!$uploadContent) {\r\n return;\r\n }\r\n\r\n // 自定义UI，并添加到上传dom节点上\r\n var $uploadIcon = $('
');\r\n $uploadContent.append($uploadIcon);\r\n\r\n // ---------- 构建上传对象 ----------\r\n var upfile = new E.UploadFile({\r\n editor: editor,\r\n uploadUrl: uploadImgUrl,\r\n timeout: uploadTimeout,\r\n fileAccept: 'image/jpg,image/jpeg,image/png,image/gif,image/bmp' // 只允许选择图片\r\n });\r\n\r\n // 选择本地文件，上传\r\n $uploadIcon.click(function (e) {\r\n event = e;\r\n upfile.selectFiles();\r\n });\r\n });\r\n });\r\n // h5 方式上传图片\r\n _e(function (E, $) {\r\n if (!window.FileReader || !window.FormData) {\r\n // 如果不支持html5的文档操作，直接返回\r\n return;\r\n }\r\n\r\n // 构造函数\r\n var UploadFile = function (opt) {\r\n this.editor = opt.editor;\r\n this.uploadUrl = opt.uploadUrl;\r\n this.timeout = opt.timeout;\r\n this.fileAccept = opt.fileAccept;\r\n this.multiple = true;\r\n };\r\n\r\n UploadFile.fn = UploadFile.prototype;\r\n\r\n // clear\r\n UploadFile.fn.clear = function () {\r\n this.$input.val('');\r\n E.log('input value 已清空');\r\n };\r\n\r\n // 渲染\r\n UploadFile.fn.render = function () {\r\n var self = this;\r\n if (self._hasRender) {\r\n // 不要重复渲染\r\n return;\r\n }\r\n\r\n E.log('渲染dom');\r\n\r\n var fileAccept = self.fileAccept;\r\n var acceptTpl = fileAccept ? 'accept=\"' + fileAccept + '\"' : '';\r\n var multiple = self.multiple;\r\n var multipleTpl = multiple ? 'multiple=\"multiple\"' : '';\r\n var $input = $('');\r\n var $container = $('');\r\n\r\n $container.append($input);\r\n E.$body.append($container);\r\n\r\n // onchange 事件\r\n $input.on('change', function (e) {\r\n self.selected(e, $input.get(0));\r\n });\r\n\r\n // 记录对象数据\r\n self.$input = $input;\r\n\r\n // 记录\r\n self._hasRender = true;\r\n };\r\n\r\n // 选择\r\n UploadFile.fn.selectFiles = function () {\r\n var self = this;\r\n\r\n E.log('使用 html5 方式上传');\r\n\r\n // 先渲染\r\n self.render();\r\n\r\n // 选择\r\n E.log('选择文件');\r\n self.$input.click();\r\n };\r\n\r\n // 选中文件之后\r\n UploadFile.fn.selected = function (e, input) {\r\n var self = this;\r\n var files = input.files || [];\r\n if (files.length === 0) {\r\n return;\r\n }\r\n\r\n E.log('选中 ' + files.length + ' 个文件');\r\n\r\n // 遍历选中的文件，预览、上传\r\n $.each(files, function (key, value) {\r\n self.upload(value);\r\n });\r\n };\r\n\r\n // 上传单个文件\r\n UploadFile.fn.upload = function (file) {\r\n var self = this;\r\n var editor = self.editor;\r\n var filename = file.name || '';\r\n var fileType = file.type || '';\r\n var uploadImgFns = editor.config.uploadImgFns;\r\n var uploadFileName = editor.config.uploadImgFileName || 'wangEditorH5File';\r\n var onload = uploadImgFns.onload;\r\n var ontimeout = uploadImgFns.ontimeout;\r\n var onerror = uploadImgFns.onerror;\r\n var reader = new FileReader();\r\n\r\n if (!onload || !ontimeout || !onerror) {\r\n E.error('请为编辑器配置上传图片的 onload ontimeout onerror 回调事件');\r\n return;\r\n }\r\n\r\n E.log('开始执行 ' + filename + ' 文件的上传');\r\n\r\n // 清空 input 数据\r\n function clearInput() {\r\n self.clear();\r\n }\r\n\r\n // onload事件\r\n reader.onload = function (e) {\r\n E.log('已读取' + filename + '文件');\r\n\r\n var base64 = e.target.result || this.result;\r\n\r\n editor.xhrUploadImg({\r\n event: e,\r\n filename: filename,\r\n base64: base64,\r\n fileType: fileType,\r\n name: uploadFileName,\r\n loadfn: function (resultText, xhr) {\r\n clearInput();\r\n // 执行配置中的方法\r\n var editor = this;\r\n onload.call(editor, resultText, xhr);\r\n },\r\n errorfn: function (xhr) {\r\n clearInput();\r\n if (E.isOnWebsite) {\r\n alert('wangEditor官网暂时没有服务端，因此报错。实际项目中不会发生');\r\n }\r\n // 执行配置中的方法\r\n var editor = this;\r\n onerror.call(editor, xhr);\r\n },\r\n timeoutfn: function (xhr) {\r\n clearInput();\r\n if (E.isOnWebsite) {\r\n alert('wangEditor官网暂时没有服务端，因此超时。实际项目中不会发生');\r\n }\r\n // 执行配置中的方法\r\n var editor = this;\r\n ontimeout(editor, xhr);\r\n }\r\n });\r\n };\r\n\r\n // 开始取文件\r\n reader.readAsDataURL(file);\r\n };\r\n\r\n // 暴露给 E\r\n E.UploadFile = UploadFile;\r\n });\r\n // form方式上传图片\r\n _e(function (E, $) {\r\n if (window.FileReader && window.FormData) {\r\n // 如果支持 html5 上传，则返回\r\n return;\r\n }\r\n\r\n // 构造函数\r\n var UploadFile = function (opt) {\r\n this.editor = opt.editor;\r\n this.uploadUrl = opt.uploadUrl;\r\n this.timeout = opt.timeout;\r\n this.fileAccept = opt.fileAccept;\r\n this.multiple = false;\r\n };\r\n\r\n UploadFile.fn = UploadFile.prototype;\r\n\r\n // clear\r\n UploadFile.fn.clear = function () {\r\n this.$input.val('');\r\n E.log('input value 已清空');\r\n };\r\n\r\n // 隐藏modal\r\n UploadFile.fn.hideModal = function () {\r\n this.modal.hide();\r\n };\r\n\r\n // 渲染\r\n UploadFile.fn.render = function () {\r\n var self = this;\r\n var editor = self.editor;\r\n var uploadFileName = editor.config.uploadImgFileName || 'wangEditorFormFile';\r\n if (self._hasRender) {\r\n // 不要重复渲染\r\n return;\r\n }\r\n\r\n // 服务器端路径\r\n var uploadUrl = self.uploadUrl;\r\n\r\n E.log('渲染dom');\r\n\r\n // 创建 form 和 iframe\r\n var iframeId = 'iframe' + E.random();\r\n var $iframe = $('');\r\n var multiple = self.multiple;\r\n var multipleTpl = multiple ? 'multiple=\"multiple\"' : '';\r\n var $p = $('
选择图片并上传
');\r\n var $input = $('');\r\n var $btn = $('');\r\n var $form = $('');\r\n var $container = $('');\r\n\r\n $form.append($p).append($input).append($btn);\r\n\r\n // 增加用户配置的参数，如 token\r\n $.each(editor.config.uploadParams, function (key, value) {\r\n $form.append($(''));\r\n });\r\n\r\n $container.append($form);\r\n $container.append($iframe);\r\n\r\n self.$input = $input;\r\n self.$iframe = $iframe;\r\n\r\n // 生成 modal\r\n var modal = new E.Modal(editor, undefined, {\r\n $content: $container\r\n });\r\n self.modal = modal;\r\n\r\n // 记录\r\n self._hasRender = true;\r\n };\r\n\r\n // 绑定 iframe load 事件\r\n UploadFile.fn.bindLoadEvent = function () {\r\n var self = this;\r\n if (self._hasBindLoad) {\r\n // 不要重复绑定\r\n return;\r\n }\r\n\r\n var editor = self.editor;\r\n var $iframe = self.$iframe;\r\n var iframe = $iframe.get(0);\r\n var iframeWindow = iframe.contentWindow;\r\n var onload = editor.config.uploadImgFns.onload;\r\n\r\n // 定义load事件\r\n function onloadFn() {\r\n var resultText = $.trim(iframeWindow.document.body.innerHTML);\r\n if (!resultText) {\r\n return;\r\n }\r\n\r\n // 获取文件名\r\n var fileFullName = self.$input.val(); // 结果如 C:\\folder\\abc.png 格式\r\n var fileOriginalName = fileFullName;\r\n if (fileFullName.lastIndexOf('\\\\') >= 0) {\r\n // 获取 abc.png 格式\r\n fileOriginalName = fileFullName.slice(fileFullName.lastIndexOf('\\\\') + 1);\r\n if (fileOriginalName.indexOf('.') > 0) {\r\n // 获取 abc （即不带扩展名的文件名）\r\n fileOriginalName = fileOriginalName.split('.')[0];\r\n }\r\n }\r\n\r\n // 将文件名暂存到 editor.uploadImgOriginalName ，插入图片时，可作为 alt 属性来用\r\n editor.uploadImgOriginalName = fileOriginalName;\r\n\r\n // 执行load函数，插入图片的操作，应该在load函数中执行\r\n onload.call(editor, resultText);\r\n\r\n // 清空 input 数据\r\n self.clear();\r\n\r\n // 隐藏modal\r\n self.hideModal();\r\n }\r\n\r\n // 绑定 load 事件\r\n if (iframe.attachEvent) {\r\n iframe.attachEvent('onload', onloadFn);\r\n } else {\r\n iframe.onload = onloadFn;\r\n }\r\n\r\n // 记录\r\n self._hasBindLoad = true;\r\n };\r\n\r\n UploadFile.fn.show = function () {\r\n var self = this;\r\n var modal = self.modal;\r\n\r\n function show() {\r\n modal.show();\r\n self.bindLoadEvent();\r\n }\r\n setTimeout(show);\r\n };\r\n\r\n // 选择\r\n UploadFile.fn.selectFiles = function () {\r\n var self = this;\r\n\r\n E.log('使用 form 方式上传');\r\n\r\n // 先渲染\r\n self.render();\r\n\r\n // 先清空\r\n self.clear();\r\n\r\n // 显示\r\n self.show();\r\n };\r\n\r\n // 暴露给 E\r\n E.UploadFile = UploadFile;\r\n });\r\n // upload img 插件 粘贴图片\r\n _e(function (E, $) {\r\n E.plugin(function () {\r\n var editor = this;\r\n var txt = editor.txt;\r\n var $txt = txt.$txt;\r\n var config = editor.config;\r\n var uploadImgUrl = config.uploadImgUrl;\r\n var uploadFileName = config.uploadImgFileName || 'wangEditorPasteFile';\r\n var pasteEvent;\r\n var $imgsBeforePaste;\r\n\r\n // 未配置上传图片url，则忽略\r\n if (!uploadImgUrl) {\r\n return;\r\n }\r\n\r\n // -------- 非 chrome 下，通过查找粘贴的图片的方式上传 --------\r\n function findPasteImgAndUpload() {\r\n var reg = /^data:(image\\/\\w+);base64/;\r\n var $imgs = $txt.find('img');\r\n\r\n E.log('粘贴后，检查到编辑器有' + $imgs.length + '个图片。开始遍历图片，试图找到刚刚粘贴过来的图片');\r\n\r\n $.each($imgs, function () {\r\n var img = this;\r\n var $img = $(img);\r\n var flag;\r\n var base64 = $img.attr('src');\r\n var type;\r\n\r\n // 判断当前图片是否是粘贴之前的\r\n $imgsBeforePaste.each(function () {\r\n if (img === this) {\r\n // 当前图片是粘贴之前的\r\n flag = true;\r\n return false;\r\n }\r\n });\r\n\r\n // 当前图片是粘贴之前的，则忽略\r\n if (flag) {\r\n return;\r\n }\r\n\r\n E.log('找到一个粘贴过来的图片');\r\n\r\n if (reg.test(base64)) {\r\n // 得到的粘贴的图片是 base64 格式，符合要求\r\n E.log('src 是 base64 格式，可以上传');\r\n type = base64.match(reg)[1];\r\n editor.xhrUploadImg({\r\n event: pasteEvent,\r\n base64: base64,\r\n fileType: type,\r\n name: uploadFileName\r\n });\r\n } else {\r\n E.log('src 为 ' + base64 + ' ，不是 base64 格式，暂时不支持上传');\r\n }\r\n\r\n // 最终移除原图片\r\n $img.remove();\r\n });\r\n\r\n E.log('遍历结束');\r\n }\r\n\r\n // 开始监控粘贴事件\r\n $txt.on('paste', function (e) {\r\n pasteEvent = e;\r\n var data = pasteEvent.clipboardData || pasteEvent.originalEvent.clipboardData;\r\n var text;\r\n var items;\r\n\r\n // -------- 试图获取剪切板中的文字，有文字的情况下，就不处理图片粘贴 --------\r\n if (data == null) {\r\n text = window.clipboardData && window.clipboardData.getData('text');\r\n } else {\r\n text = data.getData('text/plain') || data.getData('text/html');\r\n }\r\n if (text) {\r\n return;\r\n }\r\n\r\n items = data && data.items;\r\n if (items) {\r\n // -------- chrome 可以用 data.items 取出图片 -----\r\n E.log('通过 data.items 得到了数据');\r\n\r\n $.each(items, function (key, value) {\r\n var fileType = value.type || '';\r\n if (fileType.indexOf('image') < 0) {\r\n // 不是图片\r\n return;\r\n }\r\n\r\n var file = value.getAsFile();\r\n var reader = new FileReader();\r\n\r\n E.log('得到一个粘贴图片');\r\n\r\n reader.onload = function (e) {\r\n E.log('读取到粘贴的图片');\r\n\r\n // 执行上传\r\n var base64 = e.target.result || this.result;\r\n editor.xhrUploadImg({\r\n event: pasteEvent,\r\n base64: base64,\r\n fileType: fileType,\r\n name: uploadFileName\r\n });\r\n };\r\n\r\n //读取粘贴的文件\r\n reader.readAsDataURL(file);\r\n });\r\n } else {\r\n // -------- 非 chrome 不能用 data.items 取图片 -----\r\n\r\n E.log('未从 data.items 得到数据，使用检测粘贴图片的方式');\r\n\r\n // 获取\r\n $imgsBeforePaste = $txt.find('img');\r\n E.log('粘贴前，检查到编辑器有' + $imgsBeforePaste.length + '个图片');\r\n\r\n // 异步上传找到的图片\r\n setTimeout(findPasteImgAndUpload, 0);\r\n }\r\n });\r\n });\r\n });\r\n // 拖拽上传图片 插件\r\n _e(function (E, $) {\r\n E.plugin(function () {\r\n var editor = this;\r\n var txt = editor.txt;\r\n var $txt = txt.$txt;\r\n var config = editor.config;\r\n var uploadImgUrl = config.uploadImgUrl;\r\n var uploadFileName = config.uploadImgFileName || 'wangEditorDragFile';\r\n\r\n // 未配置上传图片url，则忽略\r\n if (!uploadImgUrl) {\r\n return;\r\n }\r\n\r\n // 阻止浏览器默认行为\r\n E.$document.on('dragleave drop dragenter dragover', function (e) {\r\n e.preventDefault();\r\n });\r\n\r\n // 监控 $txt drop 事件\r\n $txt.on('drop', function (dragEvent) {\r\n dragEvent.preventDefault();\r\n\r\n var originalEvent = dragEvent.originalEvent;\r\n var files = originalEvent.dataTransfer && originalEvent.dataTransfer.files;\r\n\r\n if (!files || !files.length) {\r\n return;\r\n }\r\n\r\n $.each(files, function (k, file) {\r\n var type = file.type;\r\n var name = file.name;\r\n\r\n if (type.indexOf('image/') < 0) {\r\n // 只接收图片\r\n return;\r\n }\r\n\r\n E.log('得到图片 ' + name);\r\n\r\n var reader = new FileReader();\r\n reader.onload = function (e) {\r\n E.log('读取到图片 ' + name);\r\n\r\n // 执行上传\r\n var base64 = e.target.result || this.result;\r\n\r\n editor.xhrUploadImg({\r\n event: dragEvent,\r\n base64: base64,\r\n fileType: type,\r\n name: uploadFileName\r\n });\r\n };\r\n\r\n //读取粘贴的文件\r\n reader.readAsDataURL(file);\r\n });\r\n });\r\n });\r\n });\r\n // 编辑器区域 table toolbar\r\n _e(function (E, $) {\r\n E.plugin(function () {\r\n var editor = this;\r\n var txt = editor.txt;\r\n var $txt = txt.$txt;\r\n var html = '';\r\n // 说明：设置了 max-height 之后，$txt.parent() 负责滚动处理\r\n var $currentTxt = editor.useMaxHeight ? $txt.parent() : $txt;\r\n var $currentTable;\r\n\r\n // 用到的dom节点\r\n var isRendered = false;\r\n var $toolbar = $('');\r\n var $triangle = $('');\r\n var $delete = $('');\r\n var $zoomSmall = $('');\r\n var $zoomBig = $('');\r\n\r\n // 渲染到页面\r\n function render() {\r\n if (isRendered) {\r\n return;\r\n }\r\n\r\n // 绑定事件\r\n bindEvent();\r\n\r\n // 拼接 渲染到页面上\r\n $toolbar.append($triangle)\r\n .append($delete)\r\n .append($zoomSmall)\r\n .append($zoomBig);\r\n editor.$editorContainer.append($toolbar);\r\n isRendered = true;\r\n }\r\n\r\n // 绑定事件\r\n function bindEvent() {\r\n // 统一执行命令的方法\r\n var commandFn;\r\n function command(e, callback) {\r\n // 执行命令之前，先存储html内容\r\n html = $txt.html();\r\n // 监控内容变化\r\n var cb = function () {\r\n if (callback) {\r\n callback();\r\n }\r\n if (html !== $txt.html()) {\r\n $txt.change();\r\n }\r\n };\r\n // 执行命令\r\n if (commandFn) {\r\n editor.customCommand(e, commandFn, cb);\r\n }\r\n }\r\n\r\n // 删除\r\n $delete.click(function (e) {\r\n commandFn = function () {\r\n $currentTable.remove();\r\n };\r\n command(e, function () {\r\n setTimeout(hide, 100);\r\n });\r\n });\r\n\r\n // 放大\r\n $zoomBig.click(function (e) {\r\n commandFn = function () {\r\n $currentTable.css({\r\n width: '100%'\r\n });\r\n };\r\n command(e, function () {\r\n setTimeout(show);\r\n });\r\n });\r\n\r\n // 缩小\r\n $zoomSmall.click(function (e) {\r\n commandFn = function () {\r\n $currentTable.css({\r\n width: 'auto'\r\n });\r\n };\r\n command(e, function () {\r\n setTimeout(show);\r\n });\r\n });\r\n }\r\n\r\n // 显示 toolbar\r\n function show() {\r\n if (editor._disabled) {\r\n // 编辑器已经被禁用，则不让显示\r\n return;\r\n }\r\n if ($currentTable == null) {\r\n return;\r\n }\r\n $currentTable.addClass('clicked');\r\n var tablePosition = $currentTable.position();\r\n var tableTop = tablePosition.top;\r\n var tableLeft = tablePosition.left;\r\n var tableHeight = $currentTable.outerHeight();\r\n var tableWidth = $currentTable.outerWidth();\r\n\r\n // --- 定位 toolbar ---\r\n\r\n // 计算初步结果\r\n var top = tableTop + tableHeight;\r\n var left = tableLeft;\r\n var marginLeft = 0;\r\n\r\n var txtTop = $currentTxt.position().top;\r\n var txtHeight = $currentTxt.outerHeight();\r\n if (top > (txtTop + txtHeight)) {\r\n // top 不得超出编辑范围\r\n top = txtTop + txtHeight;\r\n }\r\n\r\n // 显示（方便计算 margin）\r\n $toolbar.show();\r\n\r\n // 计算 margin\r\n var width = $toolbar.outerWidth();\r\n marginLeft = tableWidth / 2 - width / 2;\r\n\r\n // 定位\r\n $toolbar.css({\r\n top: top + 5,\r\n left: left,\r\n 'margin-left': marginLeft\r\n });\r\n // 如果定位太靠左了\r\n if (marginLeft < 0) {\r\n // 得到三角形的margin-left\r\n $toolbar.css('margin-left', '0');\r\n $triangle.hide();\r\n } else {\r\n $triangle.show();\r\n }\r\n }\r\n\r\n // 隐藏 toolbar\r\n function hide() {\r\n if ($currentTable == null) {\r\n return;\r\n }\r\n $currentTable.removeClass('clicked');\r\n $currentTable = null;\r\n $toolbar.hide();\r\n }\r\n\r\n // click table 事件\r\n $currentTxt.on('click', 'table', function (e) {\r\n var $table = $(e.currentTarget);\r\n\r\n // 渲染\r\n render();\r\n\r\n if ($currentTable && ($currentTable.get(0) === $table.get(0))) {\r\n setTimeout(hide, 100);\r\n return;\r\n }\r\n\r\n // 显示 toolbar\r\n $currentTable = $table;\r\n show();\r\n\r\n // 阻止冒泡\r\n e.preventDefault();\r\n e.stopPropagation();\r\n }).on('click keydown scroll', function (e) {\r\n setTimeout(hide, 100);\r\n });\r\n E.$body.on('click keydown scroll', function (e) {\r\n setTimeout(hide, 100);\r\n });\r\n });\r\n });\r\n // 编辑器区域 img toolbar\r\n _e(function (E, $) {\r\n if (E.userAgent.indexOf('MSIE 8') > 0) {\r\n return;\r\n }\r\n\r\n E.plugin(function () {\r\n var editor = this;\r\n var lang = editor.config.lang;\r\n var txt = editor.txt;\r\n var $txt = txt.$txt;\r\n var html = '';\r\n // 说明：设置了 max-height 之后，$txt.parent() 负责滚动处理\r\n var $currentTxt = editor.useMaxHeight ? $txt.parent() : $txt;\r\n var $editorContainer = editor.$editorContainer;\r\n var $currentImg;\r\n var currentLink = '';\r\n\r\n // 用到的dom节点\r\n var isRendered = false;\r\n var $dragPoint = $('');\r\n\r\n var $toolbar = $('');\r\n var $triangle = $('');\r\n\r\n var $menuContainer = $('');\r\n var $delete = $('');\r\n var $zoomSmall = $('');\r\n var $zoomBig = $('');\r\n // var $floatLeft = $('');\r\n // var $noFloat = $('');\r\n // var $floatRight = $('');\r\n var $alignLeft = $('');\r\n var $alignCenter = $('');\r\n var $alignRight = $('');\r\n var $link = $('');\r\n var $unLink = $('');\r\n\r\n var $linkInputContainer = $('');\r\n var $linkInput = $('');\r\n var $linkBtnSubmit = $('');\r\n var $linkBtnCancel = $('');\r\n\r\n // 记录是否正在拖拽\r\n var isOnDrag = false;\r\n\r\n // 获取 / 设置 链接\r\n function imgLink(e, url) {\r\n if (!$currentImg) {\r\n return;\r\n }\r\n var commandFn;\r\n var callback = function () {\r\n // 及时保存currentLink\r\n if (url != null) {\r\n currentLink = url;\r\n }\r\n if (html !== $txt.html()) {\r\n $txt.change();\r\n }\r\n };\r\n var $link;\r\n var inLink = false;\r\n var $parent = $currentImg.parent();\r\n if ($parent.get(0).nodeName.toLowerCase() === 'a') {\r\n // 父元素就是图片链接\r\n $link = $parent;\r\n inLink = true;\r\n } else {\r\n // 父元素不是图片链接，则重新创建一个链接\r\n $link = $('');\r\n }\r\n\r\n if (url == null) {\r\n // url 无值，是获取链接\r\n return $link.attr('href') || '';\r\n } else if (url === '') {\r\n // url 是空字符串，是取消链接\r\n if (inLink) {\r\n commandFn = function () {\r\n $currentImg.unwrap();\r\n };\r\n }\r\n } else {\r\n // url 有值，是设置链接\r\n if (url === currentLink) {\r\n return;\r\n }\r\n commandFn = function () {\r\n $link.attr('href', url);\r\n\r\n if (!inLink) {\r\n // 当前图片未包含在链接中，则包含进来\r\n $currentImg.wrap($link);\r\n }\r\n };\r\n }\r\n\r\n // 执行命令\r\n if (commandFn) {\r\n // 记录下执行命令之前的html内容\r\n html = $txt.html();\r\n // 执行命令\r\n editor.customCommand(e, commandFn, callback);\r\n }\r\n }\r\n\r\n // 渲染到页面\r\n function render() {\r\n if (isRendered) {\r\n return;\r\n }\r\n\r\n // 绑定事件\r\n bindToolbarEvent();\r\n bindDragEvent();\r\n\r\n // 菜单放入 container\r\n $menuContainer.append($delete)\r\n .append($zoomSmall)\r\n .append($zoomBig)\r\n // .append($floatLeft)\r\n // .append($noFloat)\r\n // .append($floatRight);\r\n .append($alignLeft)\r\n .append($alignCenter)\r\n .append($alignRight)\r\n .append($link)\r\n .append($unLink);\r\n\r\n // 链接input放入container\r\n $linkInputContainer.append($linkInput)\r\n .append($linkBtnCancel)\r\n .append($linkBtnSubmit);\r\n\r\n // 拼接 渲染到页面上\r\n $toolbar.append($triangle)\r\n .append($menuContainer)\r\n .append($linkInputContainer);\r\n\r\n editor.$editorContainer.append($toolbar).append($dragPoint);\r\n isRendered = true;\r\n }\r\n\r\n // 绑定toolbar事件\r\n function bindToolbarEvent() {\r\n // 统一执行命令的方法\r\n var commandFn;\r\n function customCommand(e, callback) {\r\n var cb;\r\n // 记录下执行命令之前的html内容\r\n html = $txt.html();\r\n cb = function () {\r\n if (callback) {\r\n callback();\r\n }\r\n if (html !== $txt.html()) {\r\n $txt.change();\r\n }\r\n };\r\n // 执行命令\r\n if (commandFn) {\r\n editor.customCommand(e, commandFn, cb);\r\n }\r\n }\r\n\r\n // 删除\r\n $delete.click(function (e) {\r\n // 删除之前先unlink\r\n imgLink(e, '');\r\n\r\n // 删除图片\r\n commandFn = function () {\r\n $currentImg.remove();\r\n };\r\n customCommand(e, function () {\r\n setTimeout(hide, 100);\r\n });\r\n });\r\n\r\n // 放大\r\n $zoomBig.click(function (e) {\r\n commandFn = function () {\r\n var img = $currentImg.get(0);\r\n var width = img.width;\r\n var height = img.height;\r\n width = width * 1.1;\r\n height = height * 1.1;\r\n\r\n $currentImg.css({\r\n width: width + 'px',\r\n height: height + 'px'\r\n });\r\n };\r\n customCommand(e, function () {\r\n setTimeout(show);\r\n });\r\n });\r\n\r\n // 缩小\r\n $zoomSmall.click(function (e) {\r\n commandFn = function () {\r\n var img = $currentImg.get(0);\r\n var width = img.width;\r\n var height = img.height;\r\n width = width * 0.9;\r\n height = height * 0.9;\r\n\r\n $currentImg.css({\r\n width: width + 'px',\r\n height: height + 'px'\r\n });\r\n };\r\n customCommand(e, function () {\r\n setTimeout(show);\r\n });\r\n });\r\n\r\n // // 左浮动\r\n // $floatLeft.click(function (e) {\r\n // commandFn = function () {\r\n // $currentImg.css({\r\n // float: 'left'\r\n // });\r\n // };\r\n // customCommand(e, function () {\r\n // setTimeout(hide, 100);\r\n // });\r\n // });\r\n\r\n // alignLeft\r\n $alignLeft.click(function (e) {\r\n commandFn = function () {\r\n // 如果 img 增加了链接，那么 img.parent() 就是 a 标签，设置 align 没用的，因此必须找到 P 父节点来设置 align\r\n $currentImg.parents('p').css({\r\n 'text-align': 'left'\r\n }).attr('align', 'left');\r\n };\r\n customCommand(e, function () {\r\n setTimeout(hide, 100);\r\n });\r\n });\r\n\r\n // // 右浮动\r\n // $floatRight.click(function (e) {\r\n // commandFn = function () {\r\n // $currentImg.css({\r\n // float: 'right'\r\n // });\r\n // };\r\n // customCommand(e, function () {\r\n // setTimeout(hide, 100);\r\n // });\r\n // });\r\n\r\n // alignRight\r\n $alignRight.click(function (e) {\r\n commandFn = function () {\r\n // 如果 img 增加了链接，那么 img.parent() 就是 a 标签，设置 align 没用的，因此必须找到 P 父节点来设置 align\r\n $currentImg.parents('p').css({\r\n 'text-align': 'right'\r\n }).attr('align', 'right');\r\n };\r\n customCommand(e, function () {\r\n setTimeout(hide, 100);\r\n });\r\n });\r\n\r\n // // 无浮动\r\n // $noFloat.click(function (e) {\r\n // commandFn = function () {\r\n // $currentImg.css({\r\n // float: 'none'\r\n // });\r\n // };\r\n // customCommand(e, function () {\r\n // setTimeout(hide, 100);\r\n // });\r\n // });\r\n\r\n // alignCenter\r\n $alignCenter.click(function (e) {\r\n commandFn = function () {\r\n // 如果 img 增加了链接，那么 img.parent() 就是 a 标签，设置 align 没用的，因此必须找到 P 父节点来设置 align\r\n $currentImg.parents('p').css({\r\n 'text-align': 'center'\r\n }).attr('align', 'center');\r\n };\r\n customCommand(e, function () {\r\n setTimeout(hide, 100);\r\n });\r\n });\r\n\r\n // link\r\n // 显示链接input\r\n $link.click(function (e) {\r\n e.preventDefault();\r\n\r\n // 获取当前链接，并显示\r\n currentLink = imgLink(e);\r\n $linkInput.val(currentLink);\r\n\r\n $menuContainer.hide();\r\n $linkInputContainer.show();\r\n });\r\n // 设置链接\r\n $linkBtnSubmit.click(function (e) {\r\n e.preventDefault();\r\n\r\n var url = $.trim($linkInput.val());\r\n if (url) {\r\n // 设置链接，同时会自动更新 currentLink 的值\r\n imgLink(e, url);\r\n }\r\n\r\n // 隐藏 toolbar\r\n setTimeout(hide);\r\n });\r\n // 取消设置链接\r\n $linkBtnCancel.click(function (e) {\r\n e.preventDefault();\r\n\r\n // 重置链接 input\r\n $linkInput.val(currentLink);\r\n\r\n $menuContainer.show();\r\n $linkInputContainer.hide();\r\n });\r\n\r\n // unlink\r\n $unLink.click(function (e) {\r\n e.preventDefault();\r\n\r\n // 执行 unlink\r\n imgLink(e, '');\r\n\r\n // 隐藏 toolbar\r\n setTimeout(hide);\r\n });\r\n }\r\n\r\n // 绑定drag事件\r\n function bindDragEvent() {\r\n var _x, _y;\r\n var dragMarginLeft, dragMarginTop;\r\n var imgWidth, imgHeight;\r\n\r\n function mousemove (e) {\r\n var diffX, diffY;\r\n\r\n // 计算差额\r\n diffX = e.pageX - _x;\r\n diffY = e.pageY - _y;\r\n\r\n // --------- 计算拖拽点的位置 ---------\r\n var currentDragMarginLeft = dragMarginLeft + diffX;\r\n var currentDragMarginTop = dragMarginTop + diffY;\r\n $dragPoint.css({\r\n 'margin-left': currentDragMarginLeft,\r\n 'margin-top': currentDragMarginTop\r\n });\r\n\r\n // --------- 计算图片的大小 ---------\r\n var currentImgWidth = imgWidth + diffX;\r\n var currentImggHeight = imgHeight + diffY;\r\n $currentImg && $currentImg.css({\r\n width: currentImgWidth,\r\n height: currentImggHeight\r\n });\r\n }\r\n\r\n $dragPoint.on('mousedown', function(e) {\r\n if (!$currentImg) {\r\n return;\r\n }\r\n // 当前鼠标位置\r\n _x = e.pageX;\r\n _y = e.pageY;\r\n\r\n // 当前拖拽点的位置\r\n dragMarginLeft = parseFloat($dragPoint.css('margin-left'), 10);\r\n dragMarginTop = parseFloat($dragPoint.css('margin-top'), 10);\r\n\r\n // 当前图片的大小\r\n imgWidth = $currentImg.width();\r\n imgHeight = $currentImg.height();\r\n\r\n // 隐藏 $toolbar\r\n $toolbar.hide();\r\n\r\n // 绑定计算事件\r\n E.$document.on('mousemove._dragResizeImg', mousemove);\r\n E.$document.on('mouseup._dragResizeImg', function (e) {\r\n // 取消绑定\r\n E.$document.off('mousemove._dragResizeImg');\r\n E.$document.off('mouseup._dragResizeImg');\r\n\r\n // 隐藏，并还原拖拽点的位置\r\n hide();\r\n $dragPoint.css({\r\n 'margin-left': dragMarginLeft,\r\n 'margin-top': dragMarginTop\r\n });\r\n\r\n // 记录\r\n isOnDrag = false;\r\n });\r\n\r\n // 记录\r\n isOnDrag = true;\r\n });\r\n }\r\n\r\n // 显示 toolbar\r\n function show() {\r\n if (editor._disabled) {\r\n // 编辑器已经被禁用，则不让显示\r\n return;\r\n }\r\n if ($currentImg == null) {\r\n return;\r\n }\r\n $currentImg.addClass('clicked');\r\n var imgPosition = $currentImg.position();\r\n var imgTop = imgPosition.top;\r\n var imgLeft = imgPosition.left;\r\n var imgHeight = $currentImg.outerHeight();\r\n var imgWidth = $currentImg.outerWidth();\r\n\r\n // --- 定位 dragpoint ---\r\n $dragPoint.css({\r\n top: imgTop + imgHeight,\r\n left: imgLeft + imgWidth\r\n });\r\n\r\n // --- 定位 toolbar ---\r\n\r\n // 计算初步结果\r\n var top = imgTop + imgHeight;\r\n var left = imgLeft;\r\n var marginLeft = 0;\r\n\r\n var txtTop = $currentTxt.position().top;\r\n var txtHeight = $currentTxt.outerHeight();\r\n if (top > (txtTop + txtHeight)) {\r\n // top 不得超出编辑范围\r\n top = txtTop + txtHeight;\r\n } else {\r\n // top 超出编辑范围，dragPoint就不显示了\r\n $dragPoint.show();\r\n }\r\n\r\n // 显示（方便计算 margin）\r\n $toolbar.show();\r\n\r\n // 计算 margin\r\n var width = $toolbar.outerWidth();\r\n marginLeft = imgWidth / 2 - width / 2;\r\n\r\n // 定位\r\n $toolbar.css({\r\n top: top + 5,\r\n left: left,\r\n 'margin-left': marginLeft\r\n });\r\n // 如果定位太靠左了\r\n if (marginLeft < 0) {\r\n // 得到三角形的margin-left\r\n $toolbar.css('margin-left', '0');\r\n $triangle.hide();\r\n } else {\r\n $triangle.show();\r\n }\r\n\r\n // disable 菜单\r\n editor.disableMenusExcept();\r\n }\r\n\r\n // 隐藏 toolbar\r\n function hide() {\r\n if ($currentImg == null) {\r\n return;\r\n }\r\n $currentImg.removeClass('clicked');\r\n $currentImg = null;\r\n\r\n $toolbar.hide();\r\n $dragPoint.hide();\r\n\r\n // enable 菜单\r\n editor.enableMenusExcept();\r\n }\r\n\r\n // 判断img是否是一个表情\r\n function isEmotion(imgSrc) {\r\n var result = false;\r\n if (!editor.emotionUrls) {\r\n return result;\r\n }\r\n $.each(editor.emotionUrls, function (index, url) {\r\n var flag = false;\r\n if (imgSrc === url) {\r\n result = true;\r\n flag = true;\r\n }\r\n if (flag) {\r\n return false; // break 循环\r\n }\r\n });\r\n return result;\r\n }\r\n\r\n // click img 事件\r\n $currentTxt.on('mousedown', 'img', function (e) {\r\n e.preventDefault();\r\n }).on('click', 'img', function (e) {\r\n var $img = $(e.currentTarget);\r\n var src = $img.attr('src');\r\n\r\n if (!src || isEmotion(src)) {\r\n // 是一个表情图标\r\n return;\r\n }\r\n\r\n // ---------- 不是表情图标 ----------\r\n\r\n // 渲染\r\n render();\r\n\r\n if ($currentImg && ($currentImg.get(0) === $img.get(0))) {\r\n setTimeout(hide, 100);\r\n return;\r\n }\r\n\r\n // 显示 toolbar\r\n $currentImg = $img;\r\n show();\r\n\r\n // 默认显示menuContainer，其他默认隐藏\r\n $menuContainer.show();\r\n $linkInputContainer.hide();\r\n\r\n // 阻止冒泡\r\n e.preventDefault();\r\n e.stopPropagation();\r\n }).on('click keydown scroll', function (e) {\r\n if (!isOnDrag) {\r\n setTimeout(hide, 100);\r\n }\r\n });\r\n });\r\n });\r\n // 编辑区域 link toolbar\r\n _e(function (E, $) {\r\n E.plugin(function () {\r\n var editor = this;\r\n var lang = editor.config.lang;\r\n var $txt = editor.txt.$txt;\r\n\r\n // 当前命中的链接\r\n var $currentLink;\r\n\r\n var $toolbar = $('');\r\n var $triangle = $('');\r\n var $triggerLink = $(' ' + lang.openLink + '');\r\n var isRendered;\r\n\r\n // 记录当前的显示/隐藏状态\r\n var isShow = false;\r\n\r\n var showTimeoutId, hideTimeoutId;\r\n var showTimeoutIdByToolbar, hideTimeoutIdByToolbar;\r\n\r\n // 渲染 dom\r\n function render() {\r\n if (isRendered) {\r\n return;\r\n }\r\n\r\n $toolbar.append($triangle)\r\n .append($triggerLink);\r\n\r\n editor.$editorContainer.append($toolbar);\r\n\r\n isRendered = true;\r\n }\r\n\r\n // 定位\r\n function setPosition() {\r\n if (!$currentLink) {\r\n return;\r\n }\r\n\r\n var position = $currentLink.position();\r\n var left = position.left;\r\n var top = position.top;\r\n var height = $currentLink.height();\r\n\r\n // 初步计算top值\r\n var topResult = top + height + 5;\r\n\r\n // 判断 toolbar 是否超过了编辑器区域的下边界\r\n var menuHeight = editor.menuContainer.height();\r\n var txtHeight = editor.txt.$txt.outerHeight();\r\n if (topResult > menuHeight + txtHeight) {\r\n topResult = menuHeight + txtHeight + 5;\r\n }\r\n\r\n // 最终设置\r\n $toolbar.css({\r\n top: topResult,\r\n left: left\r\n });\r\n }\r\n\r\n // 显示 toolbar\r\n function show() {\r\n if (isShow) {\r\n return;\r\n }\r\n\r\n if (!$currentLink) {\r\n return;\r\n }\r\n\r\n render();\r\n\r\n $toolbar.show();\r\n\r\n // 设置链接\r\n var href = $currentLink.attr('href');\r\n $triggerLink.attr('href', href);\r\n\r\n // 定位\r\n setPosition();\r\n\r\n isShow = true;\r\n }\r\n\r\n // 隐藏 toolbar\r\n function hide() {\r\n if (!isShow) {\r\n return;\r\n }\r\n\r\n if (!$currentLink) {\r\n return;\r\n }\r\n\r\n $toolbar.hide();\r\n isShow = false;\r\n }\r\n\r\n // $txt 绑定事件\r\n $txt.on('mouseenter', 'a', function (e) {\r\n // 延时 500ms 显示toolbar\r\n if (showTimeoutId) {\r\n clearTimeout(showTimeoutId);\r\n }\r\n showTimeoutId = setTimeout(function () {\r\n var a = e.currentTarget;\r\n var $a = $(a);\r\n $currentLink = $a;\r\n\r\n var $img = $a.children('img');\r\n if ($img.length) {\r\n // 该链接下包含一个图片\r\n\r\n // 图片点击时，隐藏toolbar\r\n $img.click(function (e) {\r\n hide();\r\n });\r\n\r\n if ($img.hasClass('clicked')) {\r\n // 图片还处于clicked状态，则不显示toolbar\r\n return;\r\n }\r\n }\r\n\r\n // 显示toolbar\r\n show();\r\n }, 500);\r\n }).on('mouseleave', 'a', function (e) {\r\n // 延时 500ms 隐藏toolbar\r\n if (hideTimeoutId) {\r\n clearTimeout(hideTimeoutId);\r\n }\r\n hideTimeoutId = setTimeout(hide, 500);\r\n }).on('click keydown scroll', function (e) {\r\n setTimeout(hide, 100);\r\n });\r\n // $toolbar 绑定事件\r\n $toolbar.on('mouseenter', function (e) {\r\n // 先中断掉 $txt.mouseleave 导致的隐藏\r\n if (hideTimeoutId) {\r\n clearTimeout(hideTimeoutId);\r\n }\r\n }).on('mouseleave', function (e) {\r\n // 延时 500ms 显示toolbar\r\n if (showTimeoutIdByToolbar) {\r\n clearTimeout(showTimeoutIdByToolbar);\r\n }\r\n showTimeoutIdByToolbar = setTimeout(hide, 500);\r\n });\r\n });\r\n });\r\n // menu吸顶\r\n _e(function (E, $) {\r\n E.plugin(function () {\r\n var editor = this;\r\n var menuFixed = editor.config.menuFixed;\r\n if (menuFixed === false || typeof menuFixed !== 'number') {\r\n // 没有配置菜单吸顶\r\n return;\r\n }\r\n var bodyMarginTop = parseFloat(E.$body.css('margin-top'), 10);\r\n if (isNaN(bodyMarginTop)) {\r\n bodyMarginTop = 0;\r\n }\r\n\r\n var $editorContainer = editor.$editorContainer;\r\n var editorTop = $editorContainer.offset().top;\r\n var editorHeight = $editorContainer.outerHeight();\r\n\r\n var $menuContainer = editor.menuContainer.$menuContainer;\r\n var menuCssPosition = $menuContainer.css('position');\r\n var menuCssTop = $menuContainer.css('top');\r\n var menuTop = $menuContainer.offset().top;\r\n var menuHeight = $menuContainer.outerHeight();\r\n\r\n var $txt = editor.txt.$txt;\r\n\r\n E.$window.scroll(function () {\r\n //全屏模式不支持\r\n if (editor.isFullScreen) {\r\n return;\r\n }\r\n\r\n var sTop = E.$window.scrollTop();\r\n\r\n // 需要重新计算宽度，因为浏览器可能此时出现滚动条\r\n var menuWidth = $menuContainer.width();\r\n\r\n // 如果 menuTop === 0 说明此前编辑器一直隐藏，后来显示出来了，要重新计算相关数据\r\n if (menuTop === 0) {\r\n menuTop = $menuContainer.offset().top;\r\n editorTop = $editorContainer.offset().top;\r\n editorHeight = $editorContainer.outerHeight();\r\n menuHeight = $menuContainer.outerHeight();\r\n }\r\n\r\n if (sTop >= menuTop && sTop + menuFixed + menuHeight + 30 < editorTop + editorHeight) {\r\n // 吸顶\r\n $menuContainer.css({\r\n position: 'fixed',\r\n top: menuFixed\r\n });\r\n\r\n // 固定宽度\r\n $menuContainer.width(menuWidth);\r\n\r\n // 增加body margin-top\r\n E.$body.css({\r\n 'margin-top': bodyMarginTop + menuHeight\r\n });\r\n\r\n // 记录\r\n if (!editor._isMenufixed) {\r\n editor._isMenufixed = true;\r\n }\r\n } else {\r\n // 取消吸顶\r\n $menuContainer.css({\r\n position: menuCssPosition,\r\n top: menuCssTop\r\n });\r\n\r\n // 取消宽度固定\r\n $menuContainer.css('width', '100%');\r\n\r\n // 还原 body margin-top\r\n E.$body.css({\r\n 'margin-top': bodyMarginTop\r\n });\r\n\r\n // 撤销记录\r\n if (editor._isMenufixed) {\r\n editor._isMenufixed = false;\r\n }\r\n }\r\n });\r\n });\r\n });\r\n // 缩进 菜单插件\r\n _e(function (E, $) {\r\n // 用 createMenu 方法创建菜单\r\n E.createMenu(function (check) {\r\n // 定义菜单id，不要和其他菜单id重复。编辑器自带的所有菜单id，可通过『参数配置-自定义菜单』一节查看\r\n var menuId = 'indent';\r\n\r\n // check将检查菜单配置（『参数配置-自定义菜单』一节描述）中是否该菜单id，如果没有，则忽略下面的代码。\r\n if (!check(menuId)) {\r\n return;\r\n }\r\n\r\n // this 指向 editor 对象自身\r\n var editor = this;\r\n\r\n // 创建 menu 对象\r\n var menu = new E.Menu({\r\n editor: editor, // 编辑器对象\r\n id: menuId, // 菜单id\r\n title: '缩进', // 菜单标题\r\n\r\n // 正常状态和选中装下的dom对象，样式需要自定义\r\n $domNormal: $(''),\r\n $domSelected: $('')\r\n });\r\n\r\n // 菜单正常状态下，点击将触发该事件\r\n menu.clickEvent = function (e) {\r\n var elem = editor.getRangeElem();\r\n var p = editor.getSelfOrParentByName(elem, 'p');\r\n var $p;\r\n\r\n if (!p) {\r\n // 未找到 p 元素，则忽略\r\n return e.preventDefault();\r\n }\r\n $p = $(p);\r\n\r\n // 使用自定义命令\r\n function commandFn() {\r\n $p.css('text-indent', '2em');\r\n }\r\n editor.customCommand(e, commandFn);\r\n };\r\n\r\n // 菜单选中状态下，点击将触发该事件\r\n menu.clickEventSelected = function (e) {\r\n var elem = editor.getRangeElem();\r\n var p = editor.getSelfOrParentByName(elem, 'p');\r\n var $p;\r\n\r\n if (!p) {\r\n // 未找到 p 元素，则忽略\r\n return e.preventDefault();\r\n }\r\n $p = $(p);\r\n\r\n // 使用自定义命令\r\n function commandFn() {\r\n $p.css('text-indent', '0');\r\n }\r\n editor.customCommand(e, commandFn);\r\n };\r\n\r\n // 根据当前选区，自定义更新菜单的选中状态或者正常状态\r\n menu.updateSelectedEvent = function () {\r\n // 获取当前选区所在的父元素\r\n var elem = editor.getRangeElem();\r\n var p = editor.getSelfOrParentByName(elem, 'p');\r\n var $p;\r\n var indent;\r\n\r\n if (!p) {\r\n // 未找到 p 元素，则标记为未处于选中状态\r\n return false;\r\n }\r\n $p = $(p);\r\n indent = $p.css('text-indent');\r\n\r\n if (!indent || indent === '0px') {\r\n // 得到的p，text-indent 属性是 0，则标记为未处于选中状态\r\n return false;\r\n }\r\n\r\n // 找到 p 元素，并且 text-indent 不是 0，则标记为选中状态\r\n return true;\r\n };\r\n\r\n // 增加到editor对象中\r\n editor.menus[menuId] = menu;\r\n });\r\n });\r\n // 行高 菜单插件\r\n _e(function (E, $) {\r\n // 用 createMenu 方法创建菜单\r\n E.createMenu(function (check) {\r\n // 定义菜单id，不要和其他菜单id重复。编辑器自带的所有菜单id，可通过『参数配置-自定义菜单』一节查看\r\n var menuId = 'lineheight';\r\n\r\n // check将检查菜单配置（『参数配置-自定义菜单』一节描述）中是否该菜单id，如果没有，则忽略下面的代码。\r\n if (!check(menuId)) {\r\n return;\r\n }\r\n\r\n // this 指向 editor 对象自身\r\n var editor = this;\r\n\r\n // 由于浏览器自身不支持 lineHeight 命令，因此要做一个hook\r\n editor.commandHooks.lineHeight = function (value) {\r\n var rangeElem = editor.getRangeElem();\r\n var targetElem = editor.getSelfOrParentByName(rangeElem, 'p,h1,h2,h3,h4,h5,pre');\r\n if (!targetElem) {\r\n return;\r\n }\r\n $(targetElem).css('line-height', value + '');\r\n };\r\n\r\n // 创建 menu 对象\r\n var menu = new E.Menu({\r\n editor: editor, // 编辑器对象\r\n id: menuId, // 菜单id\r\n title: '行高', // 菜单标题\r\n commandName: 'lineHeight', // 命令名称\r\n\r\n // 正常状态和选中装下的dom对象，样式需要自定义\r\n $domNormal: $(''),\r\n $domSelected: $('')\r\n });\r\n\r\n // 数据源\r\n var data = {\r\n // 格式： 'value' : 'title'\r\n '1.0': '1.0倍',\r\n '1.5': '1.5倍',\r\n '1.8': '1.8倍',\r\n '2.0': '2.0倍',\r\n '2.5': '2.5倍',\r\n '3.0': '3.0倍'\r\n };\r\n\r\n // 为menu创建droplist对象\r\n var tpl = '{#title}';\r\n menu.dropList = new E.DropList(editor, menu, {\r\n data: data, // 传入数据源\r\n tpl: tpl // 传入模板\r\n });\r\n\r\n // 增加到editor对象中\r\n editor.menus[menuId] = menu;\r\n });\r\n });\r\n // 自定义上传\r\n _e(function (E, $) {\r\n E.plugin(function () {\r\n var editor = this;\r\n var customUpload = editor.config.customUpload;\r\n if (!customUpload) {\r\n return;\r\n } else if (editor.config.uploadImgUrl) {\r\n alert('自定义上传无效，详看浏览器日志console.log');\r\n E.error('已经配置了 uploadImgUrl ，就不能再配置 customUpload ，两者冲突。将导致自定义上传无效。');\r\n return;\r\n }\r\n\r\n var $uploadContent = editor.$uploadContent;\r\n if (!$uploadContent) {\r\n E.error('自定义上传，无法获取 editor.$uploadContent');\r\n }\r\n\r\n // UI\r\n var $uploadIcon = $('
');\r\n $uploadContent.append($uploadIcon);\r\n\r\n // 设置id，并暴露\r\n var btnId = 'upload' + E.random();\r\n var containerId = 'upload' + E.random();\r\n $uploadIcon.attr('id', btnId);\r\n $uploadContent.attr('id', containerId);\r\n\r\n editor.customUploadBtnId = btnId;\r\n editor.customUploadContainerId = containerId;\r\n });\r\n });\r\n // 版权提示\r\n _e(function (E, $) {\r\n E.info('本页面富文本编辑器由 wangEditor 提供 http://wangeditor.github.io/ ');\r\n });\r\n\r\n // 最终返回wangEditor构造函数\r\n return window.WangEditor;\r\n});\r\n","/*!\r\n * FullCalendar v2.3.2\r\n * Docs & License: http://fullcalendar.io/\r\n * (c) 2015 Adam Shaw\r\n */\r\n\r\n(function(factory) {\r\n if (typeof define === 'function' && define.amd) {\r\n define([ 'jquery', 'moment' ], factory);\r\n } else if (typeof exports === 'object') { // Node/CommonJS\r\n module.exports = factory(require('jquery'), require('moment'));\r\n } else {\r\n factory(jQuery, moment);\r\n }\r\n})(function($, moment) {\r\n ;;\r\n\r\n var fc = $.fullCalendar = { version: '2.3.2' };\r\n var fcViews = fc.views = {};\r\n\r\n $.fn.fullCalendar = function(options) {\r\n var args = Array.prototype.slice.call(arguments, 1); // for a possible method call\r\n var res = this; // what this function will return (this jQuery object by default)\r\n\r\n this.each(function(i, _element) { // loop each DOM element involved\r\n var element = $(_element);\r\n var calendar = element.data('fullCalendar'); // get the existing calendar object (if any)\r\n var singleRes; // the returned value of this single method call\r\n\r\n // a method call\r\n if (typeof options === 'string') {\r\n if (calendar && $.isFunction(calendar[options])) {\r\n singleRes = calendar[options].apply(calendar, args);\r\n if (!i) {\r\n res = singleRes; // record the first method call result\r\n }\r\n if (options === 'destroy') { // for the destroy method, must remove Calendar object data\r\n element.removeData('fullCalendar');\r\n }\r\n }\r\n }\r\n // a new calendar initialization\r\n else if (!calendar) { // don't initialize twice\r\n calendar = new Calendar(element, options);\r\n element.data('fullCalendar', calendar);\r\n calendar.render();\r\n }\r\n });\r\n\r\n return res;\r\n };\r\n\r\n var complexOptions = [ // names of options that are objects whose properties should be combined\r\n 'header',\r\n 'buttonText',\r\n 'buttonIcons',\r\n 'themeButtonIcons'\r\n ];\r\n\r\n // Merges an array of option objects into a single object\r\n function mergeOptions(optionObjs) {\r\n return mergeProps(optionObjs, complexOptions);\r\n }\r\n\r\n // Given options specified for the calendar's constructor, massages any legacy options into a non-legacy form.\r\n // Converts View-Option-Hashes into the View-Specific-Options format.\r\n function massageOverrides(input) {\r\n var overrides = { views: input.views || {} }; // the output. ensure a `views` hash\r\n var subObj;\r\n\r\n // iterate through all option override properties (except `views`)\r\n $.each(input, function(name, val) {\r\n if (name != 'views') {\r\n // could the value be a legacy View-Option-Hash?\r\n if (\r\n $.isPlainObject(val) &&\r\n\t\t\t\t!/(time|duration|interval)$/i.test(name) && // exclude duration options. might be given as objects\r\n\t\t\t\t$.inArray(name, complexOptions) == -1 // complex options aren't allowed to be View-Option-Hashes\r\n ) {\r\n subObj = null;\r\n\r\n // iterate through the properties of this possible View-Option-Hash value\r\n $.each(val, function(subName, subVal) {\r\n // is the property targeting a view?\r\n if (/^(month|week|day|default|basic(Week|Day)?|agenda(Week|Day)?)$/.test(subName)) {\r\n if (!overrides.views[subName]) { // ensure the view-target entry exists\r\n overrides.views[subName] = {};\r\n }\r\n overrides.views[subName][name] = subVal; // record the value in the `views` object\r\n } else { // a non-View-Option-Hash property\r\n if (!subObj) {\r\n subObj = {};\r\n }\r\n subObj[subName] = subVal; // accumulate these unrelated values for later\r\n }\r\n });\r\n\r\n if (subObj) { // non-View-Option-Hash properties? transfer them as-is\r\n overrides[name] = subObj;\r\n }\r\n } else {\r\n overrides[name] = val; // transfer normal options as-is\r\n }\r\n }\r\n });\r\n\r\n return overrides;\r\n }\r\n\r\n ;;\r\n\r\n // exports\r\n fc.intersectionToSeg = intersectionToSeg;\r\n fc.applyAll = applyAll;\r\n fc.debounce = debounce;\r\n fc.isInt = isInt;\r\n fc.htmlEscape = htmlEscape;\r\n fc.cssToStr = cssToStr;\r\n fc.proxy = proxy;\r\n fc.capitaliseFirstLetter = capitaliseFirstLetter;\r\n\r\n /* FullCalendar-specific DOM Utilities\r\n----------------------------------------------------------------------------------------------------------------------*/\r\n\r\n // Given the scrollbar widths of some other container, create borders/margins on rowEls in order to match the left\r\n // and right space that was offset by the scrollbars. A 1-pixel border first, then margin beyond that.\r\n function compensateScroll(rowEls, scrollbarWidths) {\r\n if (scrollbarWidths.left) {\r\n rowEls.css({\r\n 'border-left-width': 1,\r\n 'margin-left': scrollbarWidths.left - 1\r\n });\r\n }\r\n if (scrollbarWidths.right) {\r\n rowEls.css({\r\n 'border-right-width': 1,\r\n 'margin-right': scrollbarWidths.right - 1\r\n });\r\n }\r\n }\r\n\r\n // Undoes compensateScroll and restores all borders/margins\r\n function uncompensateScroll(rowEls) {\r\n rowEls.css({\r\n 'margin-left': '',\r\n 'margin-right': '',\r\n 'border-left-width': '',\r\n 'border-right-width': ''\r\n });\r\n }\r\n\r\n // Make the mouse cursor express that an event is not allowed in the current area\r\n function disableCursor() {\r\n $('body').addClass('fc-not-allowed');\r\n }\r\n\r\n // Returns the mouse cursor to its original look\r\n function enableCursor() {\r\n $('body').removeClass('fc-not-allowed');\r\n }\r\n\r\n // Given a total available height to fill, have `els` (essentially child rows) expand to accomodate.\r\n // By default, all elements that are shorter than the recommended height are expanded uniformly, not considering\r\n // any other els that are already too tall. if `shouldRedistribute` is on, it considers these tall rows and\r\n // reduces the available height.\r\n function distributeHeight(els, availableHeight, shouldRedistribute) {\r\n // *FLOORING NOTE*: we floor in certain places because zoom can give inaccurate floating-point dimensions,\r\n // and it is better to be shorter than taller, to avoid creating unnecessary scrollbars.\r\n\r\n var minOffset1 = Math.floor(availableHeight / els.length); // for non-last element\r\n var minOffset2 = Math.floor(availableHeight - minOffset1 * (els.length - 1)); // for last element *FLOORING NOTE*\r\n var flexEls = []; // elements that are allowed to expand. array of DOM nodes\r\n var flexOffsets = []; // amount of vertical space it takes up\r\n var flexHeights = []; // actual css height\r\n var usedHeight = 0;\r\n\r\n undistributeHeight(els); // give all elements their natural height\r\n\r\n // find elements that are below the recommended height (expandable).\r\n // important to query for heights in a single first pass (to avoid reflow oscillation).\r\n els.each(function(i, el) {\r\n var minOffset = i === els.length - 1 ? minOffset2 : minOffset1;\r\n var naturalOffset = $(el).outerHeight(true);\r\n\r\n if (naturalOffset < minOffset) {\r\n flexEls.push(el);\r\n flexOffsets.push(naturalOffset);\r\n flexHeights.push($(el).height());\r\n } else {\r\n // this element stretches past recommended height (non-expandable). mark the space as occupied.\r\n usedHeight += naturalOffset;\r\n }\r\n });\r\n\r\n // readjust the recommended height to only consider the height available to non-maxed-out rows.\r\n if (shouldRedistribute) {\r\n availableHeight -= usedHeight;\r\n minOffset1 = Math.floor(availableHeight / flexEls.length);\r\n minOffset2 = Math.floor(availableHeight - minOffset1 * (flexEls.length - 1)); // *FLOORING NOTE*\r\n }\r\n\r\n // assign heights to all expandable elements\r\n $(flexEls).each(function(i, el) {\r\n var minOffset = i === flexEls.length - 1 ? minOffset2 : minOffset1;\r\n var naturalOffset = flexOffsets[i];\r\n var naturalHeight = flexHeights[i];\r\n var newHeight = minOffset - (naturalOffset - naturalHeight); // subtract the margin/padding\r\n\r\n if (naturalOffset < minOffset) { // we check this again because redistribution might have changed things\r\n $(el).height(newHeight);\r\n }\r\n });\r\n }\r\n\r\n // Undoes distrubuteHeight, restoring all els to their natural height\r\n function undistributeHeight(els) {\r\n els.height('');\r\n }\r\n\r\n // Given `els`, a jQuery set of
cells, find the cell with the largest natural width and set the widths of all the\r\n // cells to be that width.\r\n // PREREQUISITE: if you want a cell to take up width, it needs to have a single inner element w/ display:inline\r\n function matchCellWidths(els) {\r\n var maxInnerWidth = 0;\r\n\r\n els.find('> *').each(function(i, innerEl) {\r\n var innerWidth = $(innerEl).outerWidth();\r\n if (innerWidth > maxInnerWidth) {\r\n maxInnerWidth = innerWidth;\r\n }\r\n });\r\n\r\n maxInnerWidth++; // sometimes not accurate of width the text needs to stay on one line. insurance\r\n\r\n els.width(maxInnerWidth);\r\n\r\n return maxInnerWidth;\r\n }\r\n\r\n // Turns a container element into a scroller if its contents is taller than the allotted height.\r\n // Returns true if the element is now a scroller, false otherwise.\r\n // NOTE: this method is best because it takes weird zooming dimensions into account\r\n function setPotentialScroller(containerEl, height) {\r\n containerEl.height(height).addClass('fc-scroller');\r\n\r\n // are scrollbars needed?\r\n if (containerEl[0].scrollHeight - 1 > containerEl[0].clientHeight) { // !!! -1 because IE is often off-by-one :(\r\n return true;\r\n }\r\n\r\n unsetScroller(containerEl); // undo\r\n return false;\r\n }\r\n\r\n // Takes an element that might have been a scroller, and turns it back into a normal element.\r\n function unsetScroller(containerEl) {\r\n containerEl.height('').removeClass('fc-scroller');\r\n }\r\n\r\n /* General DOM Utilities\r\n----------------------------------------------------------------------------------------------------------------------*/\r\n\r\n fc.getClientRect = getClientRect;\r\n fc.getContentRect = getContentRect;\r\n fc.getScrollbarWidths = getScrollbarWidths;\r\n\r\n // borrowed from https://github.com/jquery/jquery-ui/blob/1.11.0/ui/core.js#L51\r\n function getScrollParent(el) {\r\n var position = el.css('position'),\r\n scrollParent = el.parents().filter(function() {\r\n var parent = $(this);\r\n return (/(auto|scroll)/).test(\r\n parent.css('overflow') + parent.css('overflow-y') + parent.css('overflow-x')\r\n );\r\n }).eq(0);\r\n\r\n return position === 'fixed' || !scrollParent.length ? $(el[0].ownerDocument || document) : scrollParent;\r\n }\r\n\r\n // Queries the outer bounding area of a jQuery element.\r\n // Returns a rectangle with absolute coordinates: left, right (exclusive), top, bottom (exclusive).\r\n function getOuterRect(el) {\r\n var offset = el.offset();\r\n\r\n return {\r\n left: offset.left,\r\n right: offset.left + el.outerWidth(),\r\n top: offset.top,\r\n bottom: offset.top + el.outerHeight()\r\n };\r\n }\r\n\r\n // Queries the area within the margin/border/scrollbars of a jQuery element. Does not go within the padding.\r\n // Returns a rectangle with absolute coordinates: left, right (exclusive), top, bottom (exclusive).\r\n // NOTE: should use clientLeft/clientTop, but very unreliable cross-browser.\r\n function getClientRect(el) {\r\n var offset = el.offset();\r\n var scrollbarWidths = getScrollbarWidths(el);\r\n var left = offset.left + getCssFloat(el, 'border-left-width') + scrollbarWidths.left;\r\n var top = offset.top + getCssFloat(el, 'border-top-width') + scrollbarWidths.top;\r\n\r\n return {\r\n left: left,\r\n right: left + el[0].clientWidth, // clientWidth includes padding but NOT scrollbars\r\n top: top,\r\n bottom: top + el[0].clientHeight // clientHeight includes padding but NOT scrollbars\r\n };\r\n }\r\n\r\n // Queries the area within the margin/border/padding of a jQuery element. Assumed not to have scrollbars.\r\n // Returns a rectangle with absolute coordinates: left, right (exclusive), top, bottom (exclusive).\r\n function getContentRect(el) {\r\n var offset = el.offset(); // just outside of border, margin not included\r\n var left = offset.left + getCssFloat(el, 'border-left-width') + getCssFloat(el, 'padding-left');\r\n var top = offset.top + getCssFloat(el, 'border-top-width') + getCssFloat(el, 'padding-top');\r\n\r\n return {\r\n left: left,\r\n right: left + el.width(),\r\n top: top,\r\n bottom: top + el.height()\r\n };\r\n }\r\n\r\n // Returns the computed left/right/top/bottom scrollbar widths for the given jQuery element.\r\n // NOTE: should use clientLeft/clientTop, but very unreliable cross-browser.\r\n function getScrollbarWidths(el) {\r\n var leftRightWidth = el.innerWidth() - el[0].clientWidth; // the paddings cancel out, leaving the scrollbars\r\n var widths = {\r\n left: 0,\r\n right: 0,\r\n top: 0,\r\n bottom: el.innerHeight() - el[0].clientHeight // the paddings cancel out, leaving the bottom scrollbar\r\n };\r\n\r\n if (getIsLeftRtlScrollbars() && el.css('direction') == 'rtl') { // is the scrollbar on the left side?\r\n widths.left = leftRightWidth;\r\n } else {\r\n widths.right = leftRightWidth;\r\n }\r\n\r\n return widths;\r\n }\r\n\r\n // Logic for determining if, when the element is right-to-left, the scrollbar appears on the left side\r\n\r\n var _isLeftRtlScrollbars = null;\r\n\r\n function getIsLeftRtlScrollbars() { // responsible for caching the computation\r\n if (_isLeftRtlScrollbars === null) {\r\n _isLeftRtlScrollbars = computeIsLeftRtlScrollbars();\r\n }\r\n return _isLeftRtlScrollbars;\r\n }\r\n\r\n function computeIsLeftRtlScrollbars() { // creates an offscreen test element, then removes it\r\n var el = $('
')\r\n .css({\r\n position: 'absolute',\r\n top: -1000,\r\n left: 0,\r\n border: 0,\r\n padding: 0,\r\n overflow: 'scroll',\r\n direction: 'rtl'\r\n })\r\n .appendTo('body');\r\n var innerEl = el.children();\r\n var res = innerEl.offset().left > el.offset().left; // is the inner div shifted to accommodate a left scrollbar?\r\n el.remove();\r\n return res;\r\n }\r\n\r\n // Retrieves a jQuery element's computed CSS value as a floating-point number.\r\n // If the queried value is non-numeric (ex: IE can return \"medium\" for border width), will just return zero.\r\n function getCssFloat(el, prop) {\r\n return parseFloat(el.css(prop)) || 0;\r\n }\r\n\r\n // Returns a boolean whether this was a left mouse click and no ctrl key (which means right click on Mac)\r\n function isPrimaryMouseButton(ev) {\r\n return ev.which == 1 && !ev.ctrlKey;\r\n }\r\n\r\n /* Geometry\r\n----------------------------------------------------------------------------------------------------------------------*/\r\n\r\n // Returns a new rectangle that is the intersection of the two rectangles. If they don't intersect, returns false\r\n function intersectRects(rect1, rect2) {\r\n var res = {\r\n left: Math.max(rect1.left, rect2.left),\r\n right: Math.min(rect1.right, rect2.right),\r\n top: Math.max(rect1.top, rect2.top),\r\n bottom: Math.min(rect1.bottom, rect2.bottom)\r\n };\r\n\r\n if (res.left < res.right && res.top < res.bottom) {\r\n return res;\r\n }\r\n return false;\r\n }\r\n\r\n // Returns a new point that will have been moved to reside within the given rectangle\r\n function constrainPoint(point, rect) {\r\n return {\r\n left: Math.min(Math.max(point.left, rect.left), rect.right),\r\n top: Math.min(Math.max(point.top, rect.top), rect.bottom)\r\n };\r\n }\r\n\r\n // Returns a point that is the center of the given rectangle\r\n function getRectCenter(rect) {\r\n return {\r\n left: (rect.left + rect.right) / 2,\r\n top: (rect.top + rect.bottom) / 2\r\n };\r\n }\r\n\r\n // Subtracts point2's coordinates from point1's coordinates, returning a delta\r\n function diffPoints(point1, point2) {\r\n return {\r\n left: point1.left - point2.left,\r\n top: point1.top - point2.top\r\n };\r\n }\r\n\r\n /* FullCalendar-specific Misc Utilities\r\n----------------------------------------------------------------------------------------------------------------------*/\r\n\r\n // Creates a basic segment with the intersection of the two ranges. Returns undefined if no intersection.\r\n // Expects all dates to be normalized to the same timezone beforehand.\r\n // TODO: move to date section?\r\n function intersectionToSeg(subjectRange, constraintRange) {\r\n var subjectStart = subjectRange.start;\r\n var subjectEnd = subjectRange.end;\r\n var constraintStart = constraintRange.start;\r\n var constraintEnd = constraintRange.end;\r\n var segStart, segEnd;\r\n var isStart, isEnd;\r\n\r\n if (subjectEnd > constraintStart && subjectStart < constraintEnd) { // in bounds at all?\r\n if (subjectStart >= constraintStart) {\r\n segStart = subjectStart.clone();\r\n isStart = true;\r\n } else {\r\n segStart = constraintStart.clone();\r\n isStart = false;\r\n }\r\n\r\n if (subjectEnd <= constraintEnd) {\r\n segEnd = subjectEnd.clone();\r\n isEnd = true;\r\n } else {\r\n segEnd = constraintEnd.clone();\r\n isEnd = false;\r\n }\r\n\r\n return {\r\n start: segStart,\r\n end: segEnd,\r\n isStart: isStart,\r\n isEnd: isEnd\r\n };\r\n }\r\n }\r\n\r\n /* Date Utilities\r\n----------------------------------------------------------------------------------------------------------------------*/\r\n\r\n fc.computeIntervalUnit = computeIntervalUnit;\r\n fc.durationHasTime = durationHasTime;\r\n\r\n var dayIDs = [ 'sun', 'mon', 'tue', 'wed', 'thu', 'fri', 'sat' ];\r\n var intervalUnits = [ 'year', 'month', 'week', 'day', 'hour', 'minute', 'second', 'millisecond' ];\r\n\r\n // Diffs the two moments into a Duration where full-days are recorded first, then the remaining time.\r\n // Moments will have their timezones normalized.\r\n function diffDayTime(a, b) {\r\n return moment.duration({\r\n days: a.clone().stripTime().diff(b.clone().stripTime(), 'days'),\r\n ms: a.time() - b.time() // time-of-day from day start. disregards timezone\r\n });\r\n }\r\n\r\n // Diffs the two moments via their start-of-day (regardless of timezone). Produces whole-day durations.\r\n function diffDay(a, b) {\r\n return moment.duration({\r\n days: a.clone().stripTime().diff(b.clone().stripTime(), 'days')\r\n });\r\n }\r\n\r\n // Diffs two moments, producing a duration, made of a whole-unit-increment of the given unit. Uses rounding.\r\n function diffByUnit(a, b, unit) {\r\n return moment.duration(\r\n Math.round(a.diff(b, unit, true)), // returnFloat=true\r\n unit\r\n );\r\n }\r\n\r\n // Computes the unit name of the largest whole-unit period of time.\r\n // For example, 48 hours will be \"days\" whereas 49 hours will be \"hours\".\r\n // Accepts start/end, a range object, or an original duration object.\r\n function computeIntervalUnit(start, end) {\r\n var i, unit;\r\n var val;\r\n\r\n for (i = 0; i < intervalUnits.length; i++) {\r\n unit = intervalUnits[i];\r\n val = computeRangeAs(unit, start, end);\r\n\r\n if (val >= 1 && isInt(val)) {\r\n break;\r\n }\r\n }\r\n\r\n return unit; // will be \"milliseconds\" if nothing else matches\r\n }\r\n\r\n // Computes the number of units (like \"hours\") in the given range.\r\n // Range can be a {start,end} object, separate start/end args, or a Duration.\r\n // Results are based on Moment's .as() and .diff() methods, so results can depend on internal handling\r\n // of month-diffing logic (which tends to vary from version to version).\r\n function computeRangeAs(unit, start, end) {\r\n if (end != null) { // given start, end\r\n return end.diff(start, unit, true);\r\n } else if (moment.isDuration(start)) { // given duration\r\n return start.as(unit);\r\n } else { // given { start, end } range object\r\n return start.end.diff(start.start, unit, true);\r\n }\r\n }\r\n\r\n // Returns a boolean about whether the given duration has any time parts (hours/minutes/seconds/ms)\r\n function durationHasTime(dur) {\r\n return Boolean(dur.hours() || dur.minutes() || dur.seconds() || dur.milliseconds());\r\n }\r\n\r\n function isNativeDate(input) {\r\n return Object.prototype.toString.call(input) === '[object Date]' || input instanceof Date;\r\n }\r\n\r\n // Returns a boolean about whether the given input is a time string, like \"06:40:00\" or \"06:00\"\r\n function isTimeString(str) {\r\n return /^\\d+\\:\\d+(?:\\:\\d+\\.?(?:\\d{3})?)?$/.test(str);\r\n }\r\n\r\n /* General Utilities\r\n----------------------------------------------------------------------------------------------------------------------*/\r\n\r\n var hasOwnPropMethod = {}.hasOwnProperty;\r\n\r\n // Merges an array of objects into a single object.\r\n // The second argument allows for an array of property names who's object values will be merged together.\r\n function mergeProps(propObjs, complexProps) {\r\n var dest = {};\r\n var i, name;\r\n var complexObjs;\r\n var j, val;\r\n var props;\r\n\r\n if (complexProps) {\r\n for (i = 0; i < complexProps.length; i++) {\r\n name = complexProps[i];\r\n complexObjs = [];\r\n\r\n // collect the trailing object values, stopping when a non-object is discovered\r\n for (j = propObjs.length - 1; j >= 0; j--) {\r\n val = propObjs[j][name];\r\n\r\n if (typeof val === 'object') {\r\n complexObjs.unshift(val);\r\n } else if (val !== undefined) {\r\n dest[name] = val; // if there were no objects, this value will be used\r\n break;\r\n }\r\n }\r\n\r\n // if the trailing values were objects, use the merged value\r\n if (complexObjs.length) {\r\n dest[name] = mergeProps(complexObjs);\r\n }\r\n }\r\n }\r\n\r\n // copy values into the destination, going from last to first\r\n for (i = propObjs.length - 1; i >= 0; i--) {\r\n props = propObjs[i];\r\n\r\n for (name in props) {\r\n if (!(name in dest)) { // if already assigned by previous props or complex props, don't reassign\r\n dest[name] = props[name];\r\n }\r\n }\r\n }\r\n\r\n return dest;\r\n }\r\n\r\n // Create an object that has the given prototype. Just like Object.create\r\n function createObject(proto) {\r\n var f = function() {};\r\n f.prototype = proto;\r\n return new f();\r\n }\r\n\r\n function copyOwnProps(src, dest) {\r\n for (var name in src) {\r\n if (hasOwnProp(src, name)) {\r\n dest[name] = src[name];\r\n }\r\n }\r\n }\r\n\r\n // Copies over certain methods with the same names as Object.prototype methods. Overcomes an IE<=8 bug:\r\n // https://developer.mozilla.org/en-US/docs/ECMAScript_DontEnum_attribute#JScript_DontEnum_Bug\r\n function copyNativeMethods(src, dest) {\r\n var names = [ 'constructor', 'toString', 'valueOf' ];\r\n var i, name;\r\n\r\n for (i = 0; i < names.length; i++) {\r\n name = names[i];\r\n\r\n if (src[name] !== Object.prototype[name]) {\r\n dest[name] = src[name];\r\n }\r\n }\r\n }\r\n\r\n function hasOwnProp(obj, name) {\r\n return hasOwnPropMethod.call(obj, name);\r\n }\r\n\r\n // Is the given value a non-object non-function value?\r\n function isAtomic(val) {\r\n return /undefined|null|boolean|number|string/.test($.type(val));\r\n }\r\n\r\n function applyAll(functions, thisObj, args) {\r\n if ($.isFunction(functions)) {\r\n functions = [ functions ];\r\n }\r\n if (functions) {\r\n var i;\r\n var ret;\r\n for (i = 0; i < functions.length; i++) {\r\n ret = functions[i].apply(thisObj, args) || ret;\r\n }\r\n return ret;\r\n }\r\n }\r\n\r\n function firstDefined() {\r\n for (var i = 0; i < arguments.length; i++) {\r\n if (arguments[i] !== undefined) {\r\n return arguments[i];\r\n }\r\n }\r\n }\r\n\r\n function htmlEscape(s) {\r\n return (s + '').replace(/&/g, '&')\r\n .replace(//g, '>')\r\n .replace(/'/g, ''')\r\n .replace(/\"/g, '"')\r\n .replace(/\\n/g, ' ');\r\n }\r\n\r\n function stripHtmlEntities(text) {\r\n return text.replace(/&.*?;/g, '');\r\n }\r\n\r\n // Given a hash of CSS properties, returns a string of CSS.\r\n // Uses property names as-is (no camel-case conversion). Will not make statements for null/undefined values.\r\n function cssToStr(cssProps) {\r\n var statements = [];\r\n\r\n $.each(cssProps, function(name, val) {\r\n if (val != null) {\r\n statements.push(name + ':' + val);\r\n }\r\n });\r\n\r\n return statements.join(';');\r\n }\r\n\r\n function capitaliseFirstLetter(str) {\r\n return str.charAt(0).toUpperCase() + str.slice(1);\r\n }\r\n\r\n function compareNumbers(a, b) { // for .sort()\r\n return a - b;\r\n }\r\n\r\n function isInt(n) {\r\n return n % 1 === 0;\r\n }\r\n\r\n // Returns a method bound to the given object context.\r\n // Just like one of the jQuery.proxy signatures, but without the undesired behavior of treating the same method with\r\n // different contexts as identical when binding/unbinding events.\r\n function proxy(obj, methodName) {\r\n var method = obj[methodName];\r\n\r\n return function() {\r\n return method.apply(obj, arguments);\r\n };\r\n }\r\n\r\n // Returns a function, that, as long as it continues to be invoked, will not\r\n // be triggered. The function will be called after it stops being called for\r\n // N milliseconds.\r\n // https://github.com/jashkenas/underscore/blob/1.6.0/underscore.js#L714\r\n function debounce(func, wait) {\r\n var timeoutId;\r\n var args;\r\n var context;\r\n var timestamp; // of most recent call\r\n var later = function() {\r\n var last = +new Date() - timestamp;\r\n if (last < wait && last > 0) {\r\n timeoutId = setTimeout(later, wait - last);\r\n } else {\r\n timeoutId = null;\r\n func.apply(context, args);\r\n if (!timeoutId) {\r\n context = args = null;\r\n }\r\n }\r\n };\r\n\r\n return function() {\r\n context = this;\r\n args = arguments;\r\n timestamp = +new Date();\r\n if (!timeoutId) {\r\n timeoutId = setTimeout(later, wait);\r\n }\r\n };\r\n }\r\n\r\n ;;\r\n\r\n var ambigDateOfMonthRegex = /^\\s*\\d{4}-\\d\\d$/;\r\n var ambigTimeOrZoneRegex =\r\n\t/^\\s*\\d{4}-(?:(\\d\\d-\\d\\d)|(W\\d\\d$)|(W\\d\\d-\\d)|(\\d\\d\\d))((T| )(\\d\\d(:\\d\\d(:\\d\\d(\\.\\d+)?)?)?)?)?$/;\r\n var newMomentProto = moment.fn; // where we will attach our new methods\r\n var oldMomentProto = $.extend({}, newMomentProto); // copy of original moment methods\r\n var allowValueOptimization;\r\n var setUTCValues; // function defined below\r\n var setLocalValues; // function defined below\r\n\r\n // Creating\r\n // -------------------------------------------------------------------------------------------------\r\n\r\n // Creates a new moment, similar to the vanilla moment(...) constructor, but with\r\n // extra features (ambiguous time, enhanced formatting). When given an existing moment,\r\n // it will function as a clone (and retain the zone of the moment). Anything else will\r\n // result in a moment in the local zone.\r\n fc.moment = function() {\r\n return makeMoment(arguments);\r\n };\r\n\r\n // Sames as fc.moment, but forces the resulting moment to be in the UTC timezone.\r\n fc.moment.utc = function() {\r\n var mom = makeMoment(arguments, true);\r\n\r\n // Force it into UTC because makeMoment doesn't guarantee it\r\n // (if given a pre-existing moment for example)\r\n if (mom.hasTime()) { // don't give ambiguously-timed moments a UTC zone\r\n mom.utc();\r\n }\r\n\r\n return mom;\r\n };\r\n\r\n // Same as fc.moment, but when given an ISO8601 string, the timezone offset is preserved.\r\n // ISO8601 strings with no timezone offset will become ambiguously zoned.\r\n fc.moment.parseZone = function() {\r\n return makeMoment(arguments, true, true);\r\n };\r\n\r\n // Builds an enhanced moment from args. When given an existing moment, it clones. When given a\r\n // native Date, or called with no arguments (the current time), the resulting moment will be local.\r\n // Anything else needs to be \"parsed\" (a string or an array), and will be affected by:\r\n // parseAsUTC - if there is no zone information, should we parse the input in UTC?\r\n // parseZone - if there is zone information, should we force the zone of the moment?\r\n function makeMoment(args, parseAsUTC, parseZone) {\r\n var input = args[0];\r\n var isSingleString = args.length == 1 && typeof input === 'string';\r\n var isAmbigTime;\r\n var isAmbigZone;\r\n var ambigMatch;\r\n var mom;\r\n\r\n if (moment.isMoment(input)) {\r\n mom = moment.apply(null, args); // clone it\r\n transferAmbigs(input, mom); // the ambig flags weren't transfered with the clone\r\n } else if (isNativeDate(input) || input === undefined) {\r\n mom = moment.apply(null, args); // will be local\r\n } else { // \"parsing\" is required\r\n isAmbigTime = false;\r\n isAmbigZone = false;\r\n\r\n if (isSingleString) {\r\n if (ambigDateOfMonthRegex.test(input)) {\r\n // accept strings like '2014-05', but convert to the first of the month\r\n input += '-01';\r\n args = [ input ]; // for when we pass it on to moment's constructor\r\n isAmbigTime = true;\r\n isAmbigZone = true;\r\n } else if ((ambigMatch = ambigTimeOrZoneRegex.exec(input))) {\r\n isAmbigTime = !ambigMatch[5]; // no time part?\r\n isAmbigZone = true;\r\n }\r\n } else if ($.isArray(input)) {\r\n // arrays have no timezone information, so assume ambiguous zone\r\n isAmbigZone = true;\r\n }\r\n // otherwise, probably a string with a format\r\n\r\n if (parseAsUTC || isAmbigTime) {\r\n mom = moment.utc.apply(moment, args);\r\n } else {\r\n mom = moment.apply(null, args);\r\n }\r\n\r\n if (isAmbigTime) {\r\n mom._ambigTime = true;\r\n mom._ambigZone = true; // ambiguous time always means ambiguous zone\r\n } else if (parseZone) { // let's record the inputted zone somehow\r\n if (isAmbigZone) {\r\n mom._ambigZone = true;\r\n } else if (isSingleString) {\r\n if (mom.utcOffset) {\r\n mom.utcOffset(input); // if not a valid zone, will assign UTC\r\n } else {\r\n mom.zone(input); // for moment-pre-2.9\r\n }\r\n }\r\n }\r\n }\r\n\r\n mom._fullCalendar = true; // flag for extended functionality\r\n\r\n return mom;\r\n }\r\n\r\n // A clone method that works with the flags related to our enhanced functionality.\r\n // In the future, use moment.momentProperties\r\n newMomentProto.clone = function() {\r\n var mom = oldMomentProto.clone.apply(this, arguments);\r\n\r\n // these flags weren't transfered with the clone\r\n transferAmbigs(this, mom);\r\n if (this._fullCalendar) {\r\n mom._fullCalendar = true;\r\n }\r\n\r\n return mom;\r\n };\r\n\r\n // Week Number\r\n // -------------------------------------------------------------------------------------------------\r\n\r\n // Returns the week number, considering the locale's custom week number calcuation\r\n // `weeks` is an alias for `week`\r\n newMomentProto.week = newMomentProto.weeks = function(input) {\r\n var weekCalc = (this._locale || this._lang) // works pre-moment-2.8\r\n ._fullCalendar_weekCalc;\r\n\r\n if (input == null && typeof weekCalc === 'function') { // custom function only works for getter\r\n return weekCalc(this);\r\n } else if (weekCalc === 'ISO') {\r\n return oldMomentProto.isoWeek.apply(this, arguments); // ISO getter/setter\r\n }\r\n\r\n return oldMomentProto.week.apply(this, arguments); // local getter/setter\r\n };\r\n\r\n // Time-of-day\r\n // -------------------------------------------------------------------------------------------------\r\n\r\n // GETTER\r\n // Returns a Duration with the hours/minutes/seconds/ms values of the moment.\r\n // If the moment has an ambiguous time, a duration of 00:00 will be returned.\r\n //\r\n // SETTER\r\n // You can supply a Duration, a Moment, or a Duration-like argument.\r\n // When setting the time, and the moment has an ambiguous time, it then becomes unambiguous.\r\n newMomentProto.time = function(time) {\r\n // Fallback to the original method (if there is one) if this moment wasn't created via FullCalendar.\r\n // `time` is a generic enough method name where this precaution is necessary to avoid collisions w/ other plugins.\r\n if (!this._fullCalendar) {\r\n return oldMomentProto.time.apply(this, arguments);\r\n }\r\n\r\n if (time == null) { // getter\r\n return moment.duration({\r\n hours: this.hours(),\r\n minutes: this.minutes(),\r\n seconds: this.seconds(),\r\n milliseconds: this.milliseconds()\r\n });\r\n } else { // setter\r\n this._ambigTime = false; // mark that the moment now has a time\r\n\r\n if (!moment.isDuration(time) && !moment.isMoment(time)) {\r\n time = moment.duration(time);\r\n }\r\n\r\n // The day value should cause overflow (so 24 hours becomes 00:00:00 of next day).\r\n // Only for Duration times, not Moment times.\r\n var dayHours = 0;\r\n if (moment.isDuration(time)) {\r\n dayHours = Math.floor(time.asDays()) * 24;\r\n }\r\n\r\n // We need to set the individual fields.\r\n // Can't use startOf('day') then add duration. In case of DST at start of day.\r\n return this.hours(dayHours + time.hours())\r\n .minutes(time.minutes())\r\n .seconds(time.seconds())\r\n .milliseconds(time.milliseconds());\r\n }\r\n };\r\n\r\n // Converts the moment to UTC, stripping out its time-of-day and timezone offset,\r\n // but preserving its YMD. A moment with a stripped time will display no time\r\n // nor timezone offset when .format() is called.\r\n newMomentProto.stripTime = function() {\r\n var a;\r\n\r\n if (!this._ambigTime) {\r\n // get the values before any conversion happens\r\n a = this.toArray(); // array of y/m/d/h/m/s/ms\r\n\r\n // TODO: use keepLocalTime in the future\r\n this.utc(); // set the internal UTC flag (will clear the ambig flags)\r\n setUTCValues(this, a.slice(0, 3)); // set the year/month/date. time will be zero\r\n\r\n // Mark the time as ambiguous. This needs to happen after the .utc() call, which might call .utcOffset(),\r\n // which clears all ambig flags. Same with setUTCValues with moment-timezone.\r\n this._ambigTime = true;\r\n this._ambigZone = true; // if ambiguous time, also ambiguous timezone offset\r\n }\r\n\r\n return this; // for chaining\r\n };\r\n\r\n // Returns if the moment has a non-ambiguous time (boolean)\r\n newMomentProto.hasTime = function() {\r\n return !this._ambigTime;\r\n };\r\n\r\n // Timezone\r\n // -------------------------------------------------------------------------------------------------\r\n\r\n // Converts the moment to UTC, stripping out its timezone offset, but preserving its\r\n // YMD and time-of-day. A moment with a stripped timezone offset will display no\r\n // timezone offset when .format() is called.\r\n // TODO: look into Moment's keepLocalTime functionality\r\n newMomentProto.stripZone = function() {\r\n var a, wasAmbigTime;\r\n\r\n if (!this._ambigZone) {\r\n // get the values before any conversion happens\r\n a = this.toArray(); // array of y/m/d/h/m/s/ms\r\n wasAmbigTime = this._ambigTime;\r\n\r\n this.utc(); // set the internal UTC flag (might clear the ambig flags, depending on Moment internals)\r\n setUTCValues(this, a); // will set the year/month/date/hours/minutes/seconds/ms\r\n\r\n // the above call to .utc()/.utcOffset() unfortunately might clear the ambig flags, so restore\r\n this._ambigTime = wasAmbigTime || false;\r\n\r\n // Mark the zone as ambiguous. This needs to happen after the .utc() call, which might call .utcOffset(),\r\n // which clears the ambig flags. Same with setUTCValues with moment-timezone.\r\n this._ambigZone = true;\r\n }\r\n\r\n return this; // for chaining\r\n };\r\n\r\n // Returns of the moment has a non-ambiguous timezone offset (boolean)\r\n newMomentProto.hasZone = function() {\r\n return !this._ambigZone;\r\n };\r\n\r\n // this method implicitly marks a zone\r\n newMomentProto.local = function() {\r\n var a = this.toArray(); // year,month,date,hours,minutes,seconds,ms as an array\r\n var wasAmbigZone = this._ambigZone;\r\n\r\n oldMomentProto.local.apply(this, arguments);\r\n\r\n // ensure non-ambiguous\r\n // this probably already happened via local() -> utcOffset(), but don't rely on Moment's internals\r\n this._ambigTime = false;\r\n this._ambigZone = false;\r\n\r\n if (wasAmbigZone) {\r\n // If the moment was ambiguously zoned, the date fields were stored as UTC.\r\n // We want to preserve these, but in local time.\r\n // TODO: look into Moment's keepLocalTime functionality\r\n setLocalValues(this, a);\r\n }\r\n\r\n return this; // for chaining\r\n };\r\n\r\n // implicitly marks a zone\r\n newMomentProto.utc = function() {\r\n oldMomentProto.utc.apply(this, arguments);\r\n\r\n // ensure non-ambiguous\r\n // this probably already happened via utc() -> utcOffset(), but don't rely on Moment's internals\r\n this._ambigTime = false;\r\n this._ambigZone = false;\r\n\r\n return this;\r\n };\r\n\r\n // methods for arbitrarily manipulating timezone offset.\r\n // should clear time/zone ambiguity when called.\r\n $.each([\r\n 'zone', // only in moment-pre-2.9. deprecated afterwards\r\n 'utcOffset'\r\n ], function(i, name) {\r\n if (oldMomentProto[name]) { // original method exists?\r\n // this method implicitly marks a zone (will probably get called upon .utc() and .local())\r\n newMomentProto[name] = function(tzo) {\r\n if (tzo != null) { // setter\r\n // these assignments needs to happen before the original zone method is called.\r\n // I forget why, something to do with a browser crash.\r\n this._ambigTime = false;\r\n this._ambigZone = false;\r\n }\r\n\r\n return oldMomentProto[name].apply(this, arguments);\r\n };\r\n }\r\n });\r\n\r\n // Formatting\r\n // -------------------------------------------------------------------------------------------------\r\n\r\n newMomentProto.format = function() {\r\n if (this._fullCalendar && arguments[0]) { // an enhanced moment? and a format string provided?\r\n return formatDate(this, arguments[0]); // our extended formatting\r\n }\r\n if (this._ambigTime) {\r\n return oldMomentFormat(this, 'YYYY-MM-DD');\r\n }\r\n if (this._ambigZone) {\r\n return oldMomentFormat(this, 'YYYY-MM-DD[T]HH:mm:ss');\r\n }\r\n return oldMomentProto.format.apply(this, arguments);\r\n };\r\n\r\n newMomentProto.toISOString = function() {\r\n if (this._ambigTime) {\r\n return oldMomentFormat(this, 'YYYY-MM-DD');\r\n }\r\n if (this._ambigZone) {\r\n return oldMomentFormat(this, 'YYYY-MM-DD[T]HH:mm:ss');\r\n }\r\n return oldMomentProto.toISOString.apply(this, arguments);\r\n };\r\n\r\n // Querying\r\n // -------------------------------------------------------------------------------------------------\r\n\r\n // Is the moment within the specified range? `end` is exclusive.\r\n // FYI, this method is not a standard Moment method, so always do our enhanced logic.\r\n newMomentProto.isWithin = function(start, end) {\r\n var a = commonlyAmbiguate([ this, start, end ]);\r\n return a[0] >= a[1] && a[0] < a[2];\r\n };\r\n\r\n // When isSame is called with units, timezone ambiguity is normalized before the comparison happens.\r\n // If no units specified, the two moments must be identically the same, with matching ambig flags.\r\n newMomentProto.isSame = function(input, units) {\r\n var a;\r\n\r\n // only do custom logic if this is an enhanced moment\r\n if (!this._fullCalendar) {\r\n return oldMomentProto.isSame.apply(this, arguments);\r\n }\r\n\r\n if (units) {\r\n a = commonlyAmbiguate([ this, input ], true); // normalize timezones but don't erase times\r\n return oldMomentProto.isSame.call(a[0], a[1], units);\r\n } else {\r\n input = fc.moment.parseZone(input); // normalize input\r\n return oldMomentProto.isSame.call(this, input) &&\r\n\t\t\tBoolean(this._ambigTime) === Boolean(input._ambigTime) &&\r\n\t\t\tBoolean(this._ambigZone) === Boolean(input._ambigZone);\r\n }\r\n };\r\n\r\n // Make these query methods work with ambiguous moments\r\n $.each([\r\n 'isBefore',\r\n 'isAfter'\r\n ], function(i, methodName) {\r\n newMomentProto[methodName] = function(input, units) {\r\n var a;\r\n\r\n // only do custom logic if this is an enhanced moment\r\n if (!this._fullCalendar) {\r\n return oldMomentProto[methodName].apply(this, arguments);\r\n }\r\n\r\n a = commonlyAmbiguate([ this, input ]);\r\n return oldMomentProto[methodName].call(a[0], a[1], units);\r\n };\r\n });\r\n\r\n // Misc Internals\r\n // -------------------------------------------------------------------------------------------------\r\n\r\n // given an array of moment-like inputs, return a parallel array w/ moments similarly ambiguated.\r\n // for example, of one moment has ambig time, but not others, all moments will have their time stripped.\r\n // set `preserveTime` to `true` to keep times, but only normalize zone ambiguity.\r\n // returns the original moments if no modifications are necessary.\r\n function commonlyAmbiguate(inputs, preserveTime) {\r\n var anyAmbigTime = false;\r\n var anyAmbigZone = false;\r\n var len = inputs.length;\r\n var moms = [];\r\n var i, mom;\r\n\r\n // parse inputs into real moments and query their ambig flags\r\n for (i = 0; i < len; i++) {\r\n mom = inputs[i];\r\n if (!moment.isMoment(mom)) {\r\n mom = fc.moment.parseZone(mom);\r\n }\r\n anyAmbigTime = anyAmbigTime || mom._ambigTime;\r\n anyAmbigZone = anyAmbigZone || mom._ambigZone;\r\n moms.push(mom);\r\n }\r\n\r\n // strip each moment down to lowest common ambiguity\r\n // use clones to avoid modifying the original moments\r\n for (i = 0; i < len; i++) {\r\n mom = moms[i];\r\n if (!preserveTime && anyAmbigTime && !mom._ambigTime) {\r\n moms[i] = mom.clone().stripTime();\r\n } else if (anyAmbigZone && !mom._ambigZone) {\r\n moms[i] = mom.clone().stripZone();\r\n }\r\n }\r\n\r\n return moms;\r\n }\r\n\r\n // Transfers all the flags related to ambiguous time/zone from the `src` moment to the `dest` moment\r\n // TODO: look into moment.momentProperties for this.\r\n function transferAmbigs(src, dest) {\r\n if (src._ambigTime) {\r\n dest._ambigTime = true;\r\n } else if (dest._ambigTime) {\r\n dest._ambigTime = false;\r\n }\r\n\r\n if (src._ambigZone) {\r\n dest._ambigZone = true;\r\n } else if (dest._ambigZone) {\r\n dest._ambigZone = false;\r\n }\r\n }\r\n\r\n // Sets the year/month/date/etc values of the moment from the given array.\r\n // Inefficient because it calls each individual setter.\r\n function setMomentValues(mom, a) {\r\n mom.year(a[0] || 0)\r\n .month(a[1] || 0)\r\n .date(a[2] || 0)\r\n .hours(a[3] || 0)\r\n .minutes(a[4] || 0)\r\n .seconds(a[5] || 0)\r\n .milliseconds(a[6] || 0);\r\n }\r\n\r\n // Can we set the moment's internal date directly?\r\n allowValueOptimization = '_d' in moment() && 'updateOffset' in moment;\r\n\r\n // Utility function. Accepts a moment and an array of the UTC year/month/date/etc values to set.\r\n // Assumes the given moment is already in UTC mode.\r\n setUTCValues = allowValueOptimization ? function(mom, a) {\r\n // simlate what moment's accessors do\r\n mom._d.setTime(Date.UTC.apply(Date, a));\r\n moment.updateOffset(mom, false); // keepTime=false\r\n } : setMomentValues;\r\n\r\n // Utility function. Accepts a moment and an array of the local year/month/date/etc values to set.\r\n // Assumes the given moment is already in local mode.\r\n setLocalValues = allowValueOptimization ? function(mom, a) {\r\n // simlate what moment's accessors do\r\n mom._d.setTime(+new Date( // FYI, there is now way to apply an array of args to a constructor\r\n a[0] || 0,\r\n a[1] || 0,\r\n a[2] || 0,\r\n a[3] || 0,\r\n a[4] || 0,\r\n a[5] || 0,\r\n a[6] || 0\r\n ));\r\n moment.updateOffset(mom, false); // keepTime=false\r\n } : setMomentValues;\r\n\r\n ;;\r\n\r\n // Single Date Formatting\r\n // -------------------------------------------------------------------------------------------------\r\n\r\n // call this if you want Moment's original format method to be used\r\n function oldMomentFormat(mom, formatStr) {\r\n return oldMomentProto.format.call(mom, formatStr); // oldMomentProto defined in moment-ext.js\r\n }\r\n\r\n // Formats `date` with a Moment formatting string, but allow our non-zero areas and\r\n // additional token.\r\n function formatDate(date, formatStr) {\r\n return formatDateWithChunks(date, getFormatStringChunks(formatStr));\r\n }\r\n\r\n function formatDateWithChunks(date, chunks) {\r\n var s = '';\r\n var i;\r\n\r\n for (i = 0; i < chunks.length; i++) {\r\n s += formatDateWithChunk(date, chunks[i]);\r\n }\r\n\r\n return s;\r\n }\r\n\r\n // addition formatting tokens we want recognized\r\n var tokenOverrides = {\r\n t: function(date) { // \"a\" or \"p\"\r\n return oldMomentFormat(date, 'a').charAt(0);\r\n },\r\n T: function(date) { // \"A\" or \"P\"\r\n return oldMomentFormat(date, 'A').charAt(0);\r\n }\r\n };\r\n\r\n function formatDateWithChunk(date, chunk) {\r\n var token;\r\n var maybeStr;\r\n\r\n if (typeof chunk === 'string') { // a literal string\r\n return chunk;\r\n } else if ((token = chunk.token)) { // a token, like \"YYYY\"\r\n if (tokenOverrides[token]) {\r\n return tokenOverrides[token](date); // use our custom token\r\n }\r\n return oldMomentFormat(date, token);\r\n } else if (chunk.maybe) { // a grouping of other chunks that must be non-zero\r\n maybeStr = formatDateWithChunks(date, chunk.maybe);\r\n if (maybeStr.match(/[1-9]/)) {\r\n return maybeStr;\r\n }\r\n }\r\n\r\n return '';\r\n }\r\n\r\n // Date Range Formatting\r\n // -------------------------------------------------------------------------------------------------\r\n // TODO: make it work with timezone offset\r\n\r\n // Using a formatting string meant for a single date, generate a range string, like\r\n // \"Sep 2 - 9 2013\", that intelligently inserts a separator where the dates differ.\r\n // If the dates are the same as far as the format string is concerned, just return a single\r\n // rendering of one date, without any separator.\r\n function formatRange(date1, date2, formatStr, separator, isRTL) {\r\n var localeData;\r\n\r\n date1 = fc.moment.parseZone(date1);\r\n date2 = fc.moment.parseZone(date2);\r\n\r\n localeData = (date1.localeData || date1.lang).call(date1); // works with moment-pre-2.8\r\n\r\n // Expand localized format strings, like \"LL\" -> \"MMMM D YYYY\"\r\n formatStr = localeData.longDateFormat(formatStr) || formatStr;\r\n // BTW, this is not important for `formatDate` because it is impossible to put custom tokens\r\n // or non-zero areas in Moment's localized format strings.\r\n\r\n separator = separator || ' - ';\r\n\r\n return formatRangeWithChunks(\r\n date1,\r\n date2,\r\n getFormatStringChunks(formatStr),\r\n separator,\r\n isRTL\r\n );\r\n }\r\n fc.formatRange = formatRange; // expose\r\n\r\n function formatRangeWithChunks(date1, date2, chunks, separator, isRTL) {\r\n var chunkStr; // the rendering of the chunk\r\n var leftI;\r\n var leftStr = '';\r\n var rightI;\r\n var rightStr = '';\r\n var middleI;\r\n var middleStr1 = '';\r\n var middleStr2 = '';\r\n var middleStr = '';\r\n\r\n // Start at the leftmost side of the formatting string and continue until you hit a token\r\n // that is not the same between dates.\r\n for (leftI = 0; leftI < chunks.length; leftI++) {\r\n chunkStr = formatSimilarChunk(date1, date2, chunks[leftI]);\r\n if (chunkStr === false) {\r\n break;\r\n }\r\n leftStr += chunkStr;\r\n }\r\n\r\n // Similarly, start at the rightmost side of the formatting string and move left\r\n for (rightI = chunks.length - 1; rightI > leftI; rightI--) {\r\n chunkStr = formatSimilarChunk(date1, date2, chunks[rightI]);\r\n if (chunkStr === false) {\r\n break;\r\n }\r\n rightStr = chunkStr + rightStr;\r\n }\r\n\r\n // The area in the middle is different for both of the dates.\r\n // Collect them distinctly so we can jam them together later.\r\n for (middleI = leftI; middleI <= rightI; middleI++) {\r\n middleStr1 += formatDateWithChunk(date1, chunks[middleI]);\r\n middleStr2 += formatDateWithChunk(date2, chunks[middleI]);\r\n }\r\n\r\n if (middleStr1 || middleStr2) {\r\n if (isRTL) {\r\n middleStr = middleStr2 + separator + middleStr1;\r\n } else {\r\n middleStr = middleStr1 + separator + middleStr2;\r\n }\r\n }\r\n\r\n return leftStr + middleStr + rightStr;\r\n }\r\n\r\n var similarUnitMap = {\r\n Y: 'year',\r\n M: 'month',\r\n D: 'day', // day of month\r\n d: 'day', // day of week\r\n // prevents a separator between anything time-related...\r\n A: 'second', // AM/PM\r\n a: 'second', // am/pm\r\n T: 'second', // A/P\r\n t: 'second', // a/p\r\n H: 'second', // hour (24)\r\n h: 'second', // hour (12)\r\n m: 'second', // minute\r\n s: 'second' // second\r\n };\r\n // TODO: week maybe?\r\n\r\n // Given a formatting chunk, and given that both dates are similar in the regard the\r\n // formatting chunk is concerned, format date1 against `chunk`. Otherwise, return `false`.\r\n function formatSimilarChunk(date1, date2, chunk) {\r\n var token;\r\n var unit;\r\n\r\n if (typeof chunk === 'string') { // a literal string\r\n return chunk;\r\n } else if ((token = chunk.token)) {\r\n unit = similarUnitMap[token.charAt(0)];\r\n // are the dates the same for this unit of measurement?\r\n if (unit && date1.isSame(date2, unit)) {\r\n return oldMomentFormat(date1, token); // would be the same if we used `date2`\r\n // BTW, don't support custom tokens\r\n }\r\n }\r\n\r\n return false; // the chunk is NOT the same for the two dates\r\n // BTW, don't support splitting on non-zero areas\r\n }\r\n\r\n // Chunking Utils\r\n // -------------------------------------------------------------------------------------------------\r\n\r\n var formatStringChunkCache = {};\r\n\r\n function getFormatStringChunks(formatStr) {\r\n if (formatStr in formatStringChunkCache) {\r\n return formatStringChunkCache[formatStr];\r\n }\r\n return (formatStringChunkCache[formatStr] = chunkFormatString(formatStr));\r\n }\r\n\r\n // Break the formatting string into an array of chunks\r\n function chunkFormatString(formatStr) {\r\n var chunks = [];\r\n var chunker = /\\[([^\\]]*)\\]|\\(([^\\)]*)\\)|(LTS|LT|(\\w)\\4*o?)|([^\\w\\[\\(]+)/g; // TODO: more descrimination\r\n var match;\r\n\r\n while ((match = chunker.exec(formatStr))) {\r\n if (match[1]) { // a literal string inside [ ... ]\r\n chunks.push(match[1]);\r\n } else if (match[2]) { // non-zero formatting inside ( ... )\r\n chunks.push({ maybe: chunkFormatString(match[2]) });\r\n } else if (match[3]) { // a formatting token\r\n chunks.push({ token: match[3] });\r\n } else if (match[5]) { // an unenclosed literal string\r\n chunks.push(match[5]);\r\n }\r\n }\r\n\r\n return chunks;\r\n }\r\n\r\n ;;\r\n\r\n fc.Class = Class; // export\r\n\r\n // class that all other classes will inherit from\r\n function Class() { }\r\n\r\n // called upon a class to create a subclass\r\n Class.extend = function(members) {\r\n var superClass = this;\r\n var subClass;\r\n\r\n members = members || {};\r\n\r\n // ensure a constructor for the subclass, forwarding all arguments to the super-constructor if it doesn't exist\r\n if (hasOwnProp(members, 'constructor')) {\r\n subClass = members.constructor;\r\n }\r\n if (typeof subClass !== 'function') {\r\n subClass = members.constructor = function() {\r\n superClass.apply(this, arguments);\r\n };\r\n }\r\n\r\n // build the base prototype for the subclass, which is an new object chained to the superclass's prototype\r\n subClass.prototype = createObject(superClass.prototype);\r\n\r\n // copy each member variable/method onto the the subclass's prototype\r\n copyOwnProps(members, subClass.prototype);\r\n copyNativeMethods(members, subClass.prototype); // hack for IE8\r\n\r\n // copy over all class variables/methods to the subclass, such as `extend` and `mixin`\r\n copyOwnProps(superClass, subClass);\r\n\r\n return subClass;\r\n };\r\n\r\n // adds new member variables/methods to the class's prototype.\r\n // can be called with another class, or a plain object hash containing new members.\r\n Class.mixin = function(members) {\r\n copyOwnProps(members.prototype || members, this.prototype); // TODO: copyNativeMethods?\r\n };\r\n ;;\r\n\r\n /* A rectangular panel that is absolutely positioned over other content\r\n------------------------------------------------------------------------------------------------------------------------\r\nOptions:\r\n\t- className (string)\r\n\t- content (HTML string or jQuery element set)\r\n\t- parentEl\r\n\t- top\r\n\t- left\r\n\t- right (the x coord of where the right edge should be. not a \"CSS\" right)\r\n\t- autoHide (boolean)\r\n\t- show (callback)\r\n\t- hide (callback)\r\n*/\r\n\r\n var Popover = Class.extend({\r\n\r\n isHidden: true,\r\n options: null,\r\n el: null, // the container element for the popover. generated by this object\r\n documentMousedownProxy: null, // document mousedown handler bound to `this`\r\n margin: 10, // the space required between the popover and the edges of the scroll container\r\n\r\n constructor: function(options) {\r\n this.options = options || {};\r\n },\r\n\r\n // Shows the popover on the specified position. Renders it if not already\r\n show: function() {\r\n if (this.isHidden) {\r\n if (!this.el) {\r\n this.render();\r\n }\r\n this.el.show();\r\n this.position();\r\n this.isHidden = false;\r\n this.trigger('show');\r\n }\r\n },\r\n\r\n // Hides the popover, through CSS, but does not remove it from the DOM\r\n hide: function() {\r\n if (!this.isHidden) {\r\n this.el.hide();\r\n this.isHidden = true;\r\n this.trigger('hide');\r\n }\r\n },\r\n\r\n // Creates `this.el` and renders content inside of it\r\n render: function() {\r\n var _this = this;\r\n var options = this.options;\r\n\r\n this.el = $('
element\r\n // `row` is an optional row number.\r\n bookendCells: function(cells, rowType, row) {\r\n var intro = this.getHtmlRenderer('intro', rowType)(row || 0);\r\n var outro = this.getHtmlRenderer('outro', rowType)(row || 0);\r\n var prependHtml = this.isRTL ? outro : intro;\r\n var appendHtml = this.isRTL ? intro : outro;\r\n\r\n if (typeof cells === 'string') {\r\n return prependHtml + cells + appendHtml;\r\n } else { // a jQuery
element\r\n return cells.prepend(prependHtml).append(appendHtml);\r\n }\r\n },\r\n\r\n // Returns an HTML-rendering function given a specific `rendererName` (like cell, intro, or outro) and a specific\r\n // `rowType` (like day, eventSkeleton, helperSkeleton), which is optional.\r\n // If a renderer for the specific rowType doesn't exist, it will fall back to a generic renderer.\r\n // We will query the View object first for any custom rendering functions, then the methods of the subclass.\r\n getHtmlRenderer: function(rendererName, rowType) {\r\n var view = this.view;\r\n var generalName; // like \"cellHtml\"\r\n var specificName; // like \"dayCellHtml\". based on rowType\r\n var provider; // either the View or the RowRenderer subclass, whichever provided the method\r\n var renderer;\r\n\r\n generalName = rendererName + 'Html';\r\n if (rowType) {\r\n specificName = rowType + capitaliseFirstLetter(rendererName) + 'Html';\r\n }\r\n\r\n if (specificName && (renderer = view[specificName])) {\r\n provider = view;\r\n } else if (specificName && (renderer = this[specificName])) {\r\n provider = this;\r\n } else if ((renderer = view[generalName])) {\r\n provider = view;\r\n } else if ((renderer = this[generalName])) {\r\n provider = this;\r\n }\r\n\r\n if (typeof renderer === 'function') {\r\n return function() {\r\n return renderer.apply(provider, arguments) || ''; // use correct `this` and always return a string\r\n };\r\n }\r\n\r\n // the rendered can be a plain string as well. if not specified, always an empty string.\r\n return function() {\r\n return renderer || '';\r\n };\r\n }\r\n\r\n });\r\n\r\n ;;\r\n\r\n /* An abstract class comprised of a \"grid\" of cells that each represent a specific datetime\r\n----------------------------------------------------------------------------------------------------------------------*/\r\n\r\n var Grid = fc.Grid = RowRenderer.extend({\r\n\r\n start: null, // the date of the first cell\r\n end: null, // the date after the last cell\r\n\r\n rowCnt: 0, // number of rows\r\n colCnt: 0, // number of cols\r\n\r\n el: null, // the containing element\r\n coordMap: null, // a GridCoordMap that converts pixel values to datetimes\r\n elsByFill: null, // a hash of jQuery element sets used for rendering each fill. Keyed by fill name.\r\n\r\n externalDragStartProxy: null, // binds the Grid's scope to externalDragStart (in DayGrid.events)\r\n\r\n // derived from options\r\n colHeadFormat: null, // TODO: move to another class. not applicable to all Grids\r\n eventTimeFormat: null,\r\n displayEventTime: null,\r\n displayEventEnd: null,\r\n\r\n // if all cells are the same length of time, the duration they all share. optional.\r\n // when defined, allows the computeCellRange shortcut, as well as improved resizing behavior.\r\n cellDuration: null,\r\n\r\n // if defined, holds the unit identified (ex: \"year\" or \"month\") that determines the level of granularity\r\n // of the date cells. if not defined, assumes to be day and time granularity.\r\n largeUnit: null,\r\n\r\n constructor: function() {\r\n RowRenderer.apply(this, arguments); // call the super-constructor\r\n\r\n this.coordMap = new GridCoordMap(this);\r\n this.elsByFill = {};\r\n this.externalDragStartProxy = proxy(this, 'externalDragStart');\r\n },\r\n\r\n /* Options\r\n\t------------------------------------------------------------------------------------------------------------------*/\r\n\r\n // Generates the format string used for the text in column headers, if not explicitly defined by 'columnFormat'\r\n // TODO: move to another class. not applicable to all Grids\r\n computeColHeadFormat: function() {\r\n // subclasses must implement if they want to use headHtml()\r\n },\r\n\r\n // Generates the format string used for event time text, if not explicitly defined by 'timeFormat'\r\n computeEventTimeFormat: function() {\r\n return this.view.opt('smallTimeFormat');\r\n },\r\n\r\n // Determines whether events should have their end times displayed, if not explicitly defined by 'displayEventTime'.\r\n // Only applies to non-all-day events.\r\n computeDisplayEventTime: function() {\r\n return true;\r\n },\r\n\r\n // Determines whether events should have their end times displayed, if not explicitly defined by 'displayEventEnd'\r\n computeDisplayEventEnd: function() {\r\n return true;\r\n },\r\n\r\n /* Dates\r\n\t------------------------------------------------------------------------------------------------------------------*/\r\n\r\n // Tells the grid about what period of time to display.\r\n // Any date-related cell system internal data should be generated.\r\n setRange: function(range) {\r\n this.start = range.start.clone();\r\n this.end = range.end.clone();\r\n\r\n this.rangeUpdated();\r\n this.processRangeOptions();\r\n },\r\n\r\n // Called when internal variables that rely on the range should be updated\r\n rangeUpdated: function() {\r\n },\r\n\r\n // Updates values that rely on options and also relate to range\r\n processRangeOptions: function() {\r\n var view = this.view;\r\n var displayEventTime;\r\n var displayEventEnd;\r\n\r\n // Populate option-derived settings. Look for override first, then compute if necessary.\r\n this.colHeadFormat = view.opt('columnFormat') || this.computeColHeadFormat();\r\n\r\n this.eventTimeFormat =\r\n\t\t\tview.opt('eventTimeFormat') ||\r\n\t\t\tview.opt('timeFormat') || // deprecated\r\n\t\t\tthis.computeEventTimeFormat();\r\n\r\n displayEventTime = view.opt('displayEventTime');\r\n if (displayEventTime == null) {\r\n displayEventTime = this.computeDisplayEventTime(); // might be based off of range\r\n }\r\n\r\n displayEventEnd = view.opt('displayEventEnd');\r\n if (displayEventEnd == null) {\r\n displayEventEnd = this.computeDisplayEventEnd(); // might be based off of range\r\n }\r\n\r\n this.displayEventTime = displayEventTime;\r\n this.displayEventEnd = displayEventEnd;\r\n },\r\n\r\n // Called before the grid's coordinates will need to be queried for cells.\r\n // Any non-date-related cell system internal data should be built.\r\n build: function() {\r\n },\r\n\r\n // Called after the grid's coordinates are done being relied upon.\r\n // Any non-date-related cell system internal data should be cleared.\r\n clear: function() {\r\n },\r\n\r\n // Converts a range with an inclusive `start` and an exclusive `end` into an array of segment objects\r\n rangeToSegs: function(range) {\r\n // subclasses must implement\r\n },\r\n\r\n // Diffs the two dates, returning a duration, based on granularity of the grid\r\n diffDates: function(a, b) {\r\n if (this.largeUnit) {\r\n return diffByUnit(a, b, this.largeUnit);\r\n } else {\r\n return diffDayTime(a, b);\r\n }\r\n },\r\n\r\n /* Cells\r\n\t------------------------------------------------------------------------------------------------------------------*/\r\n // NOTE: columns are ordered left-to-right\r\n\r\n // Gets an object containing row/col number, misc data, and range information about the cell.\r\n // Accepts row/col values, an object with row/col properties, or a single-number offset from the first cell.\r\n getCell: function(row, col) {\r\n var cell;\r\n\r\n if (col == null) {\r\n if (typeof row === 'number') { // a single-number offset\r\n col = row % this.colCnt;\r\n row = Math.floor(row / this.colCnt);\r\n } else { // an object with row/col properties\r\n col = row.col;\r\n row = row.row;\r\n }\r\n }\r\n\r\n cell = { row: row, col: col };\r\n\r\n $.extend(cell, this.getRowData(row), this.getColData(col));\r\n $.extend(cell, this.computeCellRange(cell));\r\n\r\n return cell;\r\n },\r\n\r\n // Given a cell object with index and misc data, generates a range object\r\n // If the grid is leveraging cellDuration, this doesn't need to be defined. Only computeCellDate does.\r\n // If being overridden, should return a range with reference-free date copies.\r\n computeCellRange: function(cell) {\r\n var date = this.computeCellDate(cell);\r\n\r\n return {\r\n start: date,\r\n end: date.clone().add(this.cellDuration)\r\n };\r\n },\r\n\r\n // Given a cell, returns its start date. Should return a reference-free date copy.\r\n computeCellDate: function(cell) {\r\n // subclasses can implement\r\n },\r\n\r\n // Retrieves misc data about the given row\r\n getRowData: function(row) {\r\n return {};\r\n },\r\n\r\n // Retrieves misc data baout the given column\r\n getColData: function(col) {\r\n return {};\r\n },\r\n\r\n // Retrieves the element representing the given row\r\n getRowEl: function(row) {\r\n // subclasses should implement if leveraging the default getCellDayEl() or computeRowCoords()\r\n },\r\n\r\n // Retrieves the element representing the given column\r\n getColEl: function(col) {\r\n // subclasses should implement if leveraging the default getCellDayEl() or computeColCoords()\r\n },\r\n\r\n // Given a cell object, returns the element that represents the cell's whole-day\r\n getCellDayEl: function(cell) {\r\n return this.getColEl(cell.col) || this.getRowEl(cell.row);\r\n },\r\n\r\n /* Cell Coordinates\r\n\t------------------------------------------------------------------------------------------------------------------*/\r\n\r\n // Computes the top/bottom coordinates of all rows.\r\n // By default, queries the dimensions of the element provided by getRowEl().\r\n computeRowCoords: function() {\r\n var items = [];\r\n var i, el;\r\n var top;\r\n\r\n for (i = 0; i < this.rowCnt; i++) {\r\n el = this.getRowEl(i);\r\n top = el.offset().top;\r\n items.push({\r\n top: top,\r\n bottom: top + el.outerHeight()\r\n });\r\n }\r\n\r\n return items;\r\n },\r\n\r\n // Computes the left/right coordinates of all rows.\r\n // By default, queries the dimensions of the element provided by getColEl(). Columns can be LTR or RTL.\r\n computeColCoords: function() {\r\n var items = [];\r\n var i, el;\r\n var left;\r\n\r\n for (i = 0; i < this.colCnt; i++) {\r\n el = this.getColEl(i);\r\n left = el.offset().left;\r\n items.push({\r\n left: left,\r\n right: left + el.outerWidth()\r\n });\r\n }\r\n\r\n return items;\r\n },\r\n\r\n /* Rendering\r\n\t------------------------------------------------------------------------------------------------------------------*/\r\n\r\n // Sets the container element that the grid should render inside of.\r\n // Does other DOM-related initializations.\r\n setElement: function(el) {\r\n var _this = this;\r\n\r\n this.el = el;\r\n\r\n // attach a handler to the grid's root element.\r\n // jQuery will take care of unregistering them when removeElement gets called.\r\n el.on('mousedown', function(ev) {\r\n if (\r\n !$(ev.target).is('.fc-event-container *, .fc-more') && // not an an event element, or \"more..\" link\r\n\t\t\t\t!$(ev.target).closest('.fc-popover').length // not on a popover (like the \"more..\" events one)\r\n ) {\r\n _this.dayMousedown(ev);\r\n }\r\n });\r\n\r\n // attach event-element-related handlers. in Grid.events\r\n // same garbage collection note as above.\r\n this.bindSegHandlers();\r\n\r\n this.bindGlobalHandlers();\r\n },\r\n\r\n // Removes the grid's container element from the DOM. Undoes any other DOM-related attachments.\r\n // DOES NOT remove any content beforehand (doesn't clear events or call unrenderDates), unlike View\r\n removeElement: function() {\r\n this.unbindGlobalHandlers();\r\n\r\n this.el.remove();\r\n\r\n // NOTE: we don't null-out this.el for the same reasons we don't do it within View::removeElement\r\n },\r\n\r\n // Renders the basic structure of grid view before any content is rendered\r\n renderSkeleton: function() {\r\n // subclasses should implement\r\n },\r\n\r\n // Renders the grid's date-related content (like cells that represent days/times).\r\n // Assumes setRange has already been called and the skeleton has already been rendered.\r\n renderDates: function() {\r\n // subclasses should implement\r\n },\r\n\r\n // Unrenders the grid's date-related content\r\n unrenderDates: function() {\r\n // subclasses should implement\r\n },\r\n\r\n /* Handlers\r\n\t------------------------------------------------------------------------------------------------------------------*/\r\n\r\n // Binds DOM handlers to elements that reside outside the grid, such as the document\r\n bindGlobalHandlers: function() {\r\n $(document).on('dragstart sortstart', this.externalDragStartProxy); // jqui\r\n },\r\n\r\n // Unbinds DOM handlers from elements that reside outside the grid\r\n unbindGlobalHandlers: function() {\r\n $(document).off('dragstart sortstart', this.externalDragStartProxy); // jqui\r\n },\r\n\r\n // Process a mousedown on an element that represents a day. For day clicking and selecting.\r\n dayMousedown: function(ev) {\r\n var _this = this;\r\n var view = this.view;\r\n var isSelectable = view.opt('selectable');\r\n var dayClickCell; // null if invalid dayClick\r\n var selectionRange; // null if invalid selection\r\n\r\n // this listener tracks a mousedown on a day element, and a subsequent drag.\r\n // if the drag ends on the same day, it is a 'dayClick'.\r\n // if 'selectable' is enabled, this listener also detects selections.\r\n var dragListener = new CellDragListener(this.coordMap, {\r\n //distance: 5, // needs more work if we want dayClick to fire correctly\r\n scroll: view.opt('dragScroll'),\r\n dragStart: function() {\r\n view.unselect(); // since we could be rendering a new selection, we want to clear any old one\r\n },\r\n cellOver: function(cell, isOrig, origCell) {\r\n if (origCell) { // click needs to have started on a cell\r\n dayClickCell = isOrig ? cell : null; // single-cell selection is a day click\r\n if (isSelectable) {\r\n selectionRange = _this.computeSelection(origCell, cell);\r\n if (selectionRange) {\r\n _this.renderSelection(selectionRange);\r\n } else {\r\n disableCursor();\r\n }\r\n }\r\n }\r\n },\r\n cellOut: function(cell) {\r\n dayClickCell = null;\r\n selectionRange = null;\r\n _this.unrenderSelection();\r\n enableCursor();\r\n },\r\n listenStop: function(ev) {\r\n if (dayClickCell) {\r\n view.triggerDayClick(dayClickCell, _this.getCellDayEl(dayClickCell), ev);\r\n }\r\n if (selectionRange) {\r\n // the selection will already have been rendered. just report it\r\n view.reportSelection(selectionRange, ev);\r\n }\r\n enableCursor();\r\n }\r\n });\r\n\r\n dragListener.mousedown(ev); // start listening, which will eventually initiate a dragStart\r\n },\r\n\r\n /* Event Helper\r\n\t------------------------------------------------------------------------------------------------------------------*/\r\n // TODO: should probably move this to Grid.events, like we did event dragging / resizing\r\n\r\n // Renders a mock event over the given range\r\n renderRangeHelper: function(range, sourceSeg) {\r\n var fakeEvent = this.fabricateHelperEvent(range, sourceSeg);\r\n\r\n this.renderHelper(fakeEvent, sourceSeg); // do the actual rendering\r\n },\r\n\r\n // Builds a fake event given a date range it should cover, and a segment is should be inspired from.\r\n // The range's end can be null, in which case the mock event that is rendered will have a null end time.\r\n // `sourceSeg` is the internal segment object involved in the drag. If null, something external is dragging.\r\n fabricateHelperEvent: function(range, sourceSeg) {\r\n var fakeEvent = sourceSeg ? createObject(sourceSeg.event) : {}; // mask the original event object if possible\r\n\r\n fakeEvent.start = range.start.clone();\r\n fakeEvent.end = range.end ? range.end.clone() : null;\r\n fakeEvent.allDay = null; // force it to be freshly computed by normalizeEventRange\r\n this.view.calendar.normalizeEventRange(fakeEvent);\r\n\r\n // this extra className will be useful for differentiating real events from mock events in CSS\r\n fakeEvent.className = (fakeEvent.className || []).concat('fc-helper');\r\n\r\n // if something external is being dragged in, don't render a resizer\r\n if (!sourceSeg) {\r\n fakeEvent.editable = false;\r\n }\r\n\r\n return fakeEvent;\r\n },\r\n\r\n // Renders a mock event\r\n renderHelper: function(event, sourceSeg) {\r\n // subclasses must implement\r\n },\r\n\r\n // Unrenders a mock event\r\n unrenderHelper: function() {\r\n // subclasses must implement\r\n },\r\n\r\n /* Selection\r\n\t------------------------------------------------------------------------------------------------------------------*/\r\n\r\n // Renders a visual indication of a selection. Will highlight by default but can be overridden by subclasses.\r\n renderSelection: function(range) {\r\n this.renderHighlight(this.selectionRangeToSegs(range));\r\n },\r\n\r\n // Unrenders any visual indications of a selection. Will unrender a highlight by default.\r\n unrenderSelection: function() {\r\n this.unrenderHighlight();\r\n },\r\n\r\n // Given the first and last cells of a selection, returns a range object.\r\n // Will return something falsy if the selection is invalid (when outside of selectionConstraint for example).\r\n // Subclasses can override and provide additional data in the range object. Will be passed to renderSelection().\r\n computeSelection: function(firstCell, lastCell) {\r\n var dates = [\r\n firstCell.start,\r\n firstCell.end,\r\n lastCell.start,\r\n lastCell.end\r\n ];\r\n var range;\r\n\r\n dates.sort(compareNumbers); // sorts chronologically. works with Moments\r\n\r\n range = {\r\n start: dates[0].clone(),\r\n end: dates[3].clone()\r\n };\r\n\r\n if (!this.view.calendar.isSelectionRangeAllowed(range)) {\r\n return null;\r\n }\r\n\r\n return range;\r\n },\r\n\r\n selectionRangeToSegs: function(range) {\r\n return this.rangeToSegs(range);\r\n },\r\n\r\n /* Highlight\r\n\t------------------------------------------------------------------------------------------------------------------*/\r\n\r\n // Renders an emphasis on the given date range. Given an array of segments.\r\n renderHighlight: function(segs) {\r\n this.renderFill('highlight', segs);\r\n },\r\n\r\n // Unrenders the emphasis on a date range\r\n unrenderHighlight: function() {\r\n this.unrenderFill('highlight');\r\n },\r\n\r\n // Generates an array of classNames for rendering the highlight. Used by the fill system.\r\n highlightSegClasses: function() {\r\n return [ 'fc-highlight' ];\r\n },\r\n\r\n /* Fill System (highlight, background events, business hours)\r\n\t------------------------------------------------------------------------------------------------------------------*/\r\n\r\n // Renders a set of rectangles over the given segments of time.\r\n // MUST RETURN a subset of segs, the segs that were actually rendered.\r\n // Responsible for populating this.elsByFill. TODO: better API for expressing this requirement\r\n renderFill: function(type, segs) {\r\n // subclasses must implement\r\n },\r\n\r\n // Unrenders a specific type of fill that is currently rendered on the grid\r\n unrenderFill: function(type) {\r\n var el = this.elsByFill[type];\r\n\r\n if (el) {\r\n el.remove();\r\n delete this.elsByFill[type];\r\n }\r\n },\r\n\r\n // Renders and assigns an `el` property for each fill segment. Generic enough to work with different types.\r\n // Only returns segments that successfully rendered.\r\n // To be harnessed by renderFill (implemented by subclasses).\r\n // Analagous to renderFgSegEls.\r\n renderFillSegEls: function(type, segs) {\r\n var _this = this;\r\n var segElMethod = this[type + 'SegEl'];\r\n var html = '';\r\n var renderedSegs = [];\r\n var i;\r\n\r\n if (segs.length) {\r\n // build a large concatenation of segment HTML\r\n for (i = 0; i < segs.length; i++) {\r\n html += this.fillSegHtml(type, segs[i]);\r\n }\r\n\r\n // Grab individual elements from the combined HTML string. Use each as the default rendering.\r\n // Then, compute the 'el' for each segment.\r\n $(html).each(function(i, node) {\r\n var seg = segs[i];\r\n var el = $(node);\r\n\r\n // allow custom filter methods per-type\r\n if (segElMethod) {\r\n el = segElMethod.call(_this, seg, el);\r\n }\r\n\r\n if (el) { // custom filters did not cancel the render\r\n el = $(el); // allow custom filter to return raw DOM node\r\n\r\n // correct element type? (would be bad if a non-TD were inserted into a table for example)\r\n if (el.is(_this.fillSegTag)) {\r\n seg.el = el;\r\n renderedSegs.push(seg);\r\n }\r\n }\r\n });\r\n }\r\n\r\n return renderedSegs;\r\n },\r\n\r\n fillSegTag: 'div', // subclasses can override\r\n\r\n // Builds the HTML needed for one fill segment. Generic enought o work with different types.\r\n fillSegHtml: function(type, seg) {\r\n // custom hooks per-type\r\n var classesMethod = this[type + 'SegClasses'];\r\n var cssMethod = this[type + 'SegCss'];\r\n\r\n var classes = classesMethod ? classesMethod.call(this, seg) : [];\r\n var css = cssToStr(cssMethod ? cssMethod.call(this, seg) : {});\r\n\r\n return '<' + this.fillSegTag +\r\n\t\t\t(classes.length ? ' class=\"' + classes.join(' ') + '\"' : '') +\r\n\t\t\t(css ? ' style=\"' + css + '\"' : '') +\r\n\t\t\t' />';\r\n },\r\n\r\n /* Generic rendering utilities for subclasses\r\n\t------------------------------------------------------------------------------------------------------------------*/\r\n\r\n // Renders a day-of-week header row.\r\n // TODO: move to another class. not applicable to all Grids\r\n headHtml: function() {\r\n return '' +\r\n\t\t\t'
';\r\n },\r\n\r\n // Used by the `headHtml` method, via RowRenderer, for rendering the HTML of a day-of-week header cell\r\n // TODO: move to another class. not applicable to all Grids\r\n headCellHtml: function(cell) {\r\n var view = this.view;\r\n var date = cell.start;\r\n\r\n return '' +\r\n\t\t\t'
';\r\n },\r\n\r\n // Renders the HTML for a single-day background cell\r\n bgCellHtml: function(cell) {\r\n var view = this.view;\r\n var date = cell.start;\r\n var classes = this.getDayClasses(date);\r\n\r\n classes.unshift('fc-day', view.widgetContentClass);\r\n\r\n return '
';\r\n },\r\n\r\n // Computes HTML classNames for a single-day cell\r\n getDayClasses: function(date) {\r\n var view = this.view;\r\n var today = view.calendar.getNow().stripTime();\r\n var classes = [ 'fc-' + dayIDs[date.day()] ];\r\n\r\n if (\r\n view.intervalDuration.as('months') == 1 &&\r\n\t\t\tdate.month() != view.intervalStart.month()\r\n ) {\r\n classes.push('fc-other-month');\r\n }\r\n\r\n if (date.isSame(today, 'day')) {\r\n classes.push(\r\n 'fc-today',\r\n view.highlightStateClass\r\n );\r\n } else if (date < today) {\r\n classes.push('fc-past');\r\n } else {\r\n classes.push('fc-future');\r\n }\r\n\r\n return classes;\r\n }\r\n\r\n });\r\n\r\n ;;\r\n\r\n /* Event-rendering and event-interaction methods for the abstract Grid class\r\n----------------------------------------------------------------------------------------------------------------------*/\r\n\r\n Grid.mixin({\r\n\r\n mousedOverSeg: null, // the segment object the user's mouse is over. null if over nothing\r\n isDraggingSeg: false, // is a segment being dragged? boolean\r\n isResizingSeg: false, // is a segment being resized? boolean\r\n isDraggingExternal: false, // jqui-dragging an external element? boolean\r\n segs: null, // the event segments currently rendered in the grid\r\n\r\n // Renders the given events onto the grid\r\n renderEvents: function(events) {\r\n var segs = this.eventsToSegs(events);\r\n var bgSegs = [];\r\n var fgSegs = [];\r\n var i, seg;\r\n\r\n for (i = 0; i < segs.length; i++) {\r\n seg = segs[i];\r\n\r\n if (isBgEvent(seg.event)) {\r\n bgSegs.push(seg);\r\n } else {\r\n fgSegs.push(seg);\r\n }\r\n }\r\n\r\n // Render each different type of segment.\r\n // Each function may return a subset of the segs, segs that were actually rendered.\r\n bgSegs = this.renderBgSegs(bgSegs) || bgSegs;\r\n fgSegs = this.renderFgSegs(fgSegs) || fgSegs;\r\n\r\n this.segs = bgSegs.concat(fgSegs);\r\n },\r\n\r\n // Unrenders all events currently rendered on the grid\r\n unrenderEvents: function() {\r\n this.triggerSegMouseout(); // trigger an eventMouseout if user's mouse is over an event\r\n\r\n this.unrenderFgSegs();\r\n this.unrenderBgSegs();\r\n\r\n this.segs = null;\r\n },\r\n\r\n // Retrieves all rendered segment objects currently rendered on the grid\r\n getEventSegs: function() {\r\n return this.segs || [];\r\n },\r\n\r\n /* Foreground Segment Rendering\r\n\t------------------------------------------------------------------------------------------------------------------*/\r\n\r\n // Renders foreground event segments onto the grid. May return a subset of segs that were rendered.\r\n renderFgSegs: function(segs) {\r\n // subclasses must implement\r\n },\r\n\r\n // Unrenders all currently rendered foreground segments\r\n unrenderFgSegs: function() {\r\n // subclasses must implement\r\n },\r\n\r\n // Renders and assigns an `el` property for each foreground event segment.\r\n // Only returns segments that successfully rendered.\r\n // A utility that subclasses may use.\r\n renderFgSegEls: function(segs, disableResizing) {\r\n var view = this.view;\r\n var html = '';\r\n var renderedSegs = [];\r\n var i;\r\n\r\n if (segs.length) { // don't build an empty html string\r\n // build a large concatenation of event segment HTML\r\n for (i = 0; i < segs.length; i++) {\r\n html += this.fgSegHtml(segs[i], disableResizing);\r\n }\r\n\r\n // Grab individual elements from the combined HTML string. Use each as the default rendering.\r\n // Then, compute the 'el' for each segment. An el might be null if the eventRender callback returned false.\r\n $(html).each(function(i, node) {\r\n var seg = segs[i];\r\n var el = view.resolveEventEl(seg.event, $(node));\r\n\r\n if (el) {\r\n el.data('fc-seg', seg); // used by handlers\r\n seg.el = el;\r\n renderedSegs.push(seg);\r\n }\r\n });\r\n }\r\n\r\n return renderedSegs;\r\n },\r\n\r\n // Generates the HTML for the default rendering of a foreground event segment. Used by renderFgSegEls()\r\n fgSegHtml: function(seg, disableResizing) {\r\n // subclasses should implement\r\n },\r\n\r\n /* Background Segment Rendering\r\n\t------------------------------------------------------------------------------------------------------------------*/\r\n\r\n // Renders the given background event segments onto the grid.\r\n // Returns a subset of the segs that were actually rendered.\r\n renderBgSegs: function(segs) {\r\n return this.renderFill('bgEvent', segs);\r\n },\r\n\r\n // Unrenders all the currently rendered background event segments\r\n unrenderBgSegs: function() {\r\n this.unrenderFill('bgEvent');\r\n },\r\n\r\n // Renders a background event element, given the default rendering. Called by the fill system.\r\n bgEventSegEl: function(seg, el) {\r\n return this.view.resolveEventEl(seg.event, el); // will filter through eventRender\r\n },\r\n\r\n // Generates an array of classNames to be used for the default rendering of a background event.\r\n // Called by the fill system.\r\n bgEventSegClasses: function(seg) {\r\n var event = seg.event;\r\n var source = event.source || {};\r\n\r\n return [ 'fc-bgevent' ].concat(\r\n event.className,\r\n source.className || []\r\n );\r\n },\r\n\r\n // Generates a semicolon-separated CSS string to be used for the default rendering of a background event.\r\n // Called by the fill system.\r\n // TODO: consolidate with getEventSkinCss?\r\n bgEventSegCss: function(seg) {\r\n var view = this.view;\r\n var event = seg.event;\r\n var source = event.source || {};\r\n\r\n return {\r\n 'background-color':\r\n\t\t\t\tevent.backgroundColor ||\r\n\t\t\t\tevent.color ||\r\n\t\t\t\tsource.backgroundColor ||\r\n\t\t\t\tsource.color ||\r\n\t\t\t\tview.opt('eventBackgroundColor') ||\r\n\t\t\t\tview.opt('eventColor')\r\n };\r\n },\r\n\r\n // Generates an array of classNames to be used for the rendering business hours overlay. Called by the fill system.\r\n businessHoursSegClasses: function(seg) {\r\n return [ 'fc-nonbusiness', 'fc-bgevent' ];\r\n },\r\n\r\n /* Handlers\r\n\t------------------------------------------------------------------------------------------------------------------*/\r\n\r\n // Attaches event-element-related handlers to the container element and leverage bubbling\r\n bindSegHandlers: function() {\r\n var _this = this;\r\n var view = this.view;\r\n\r\n $.each(\r\n {\r\n mouseenter: function(seg, ev) {\r\n _this.triggerSegMouseover(seg, ev);\r\n },\r\n mouseleave: function(seg, ev) {\r\n _this.triggerSegMouseout(seg, ev);\r\n },\r\n click: function(seg, ev) {\r\n return view.trigger('eventClick', this, seg.event, ev); // can return `false` to cancel\r\n },\r\n mousedown: function(seg, ev) {\r\n if ($(ev.target).is('.fc-resizer') && view.isEventResizable(seg.event)) {\r\n _this.segResizeMousedown(seg, ev, $(ev.target).is('.fc-start-resizer'));\r\n } else if (view.isEventDraggable(seg.event)) {\r\n _this.segDragMousedown(seg, ev);\r\n }\r\n }\r\n },\r\n function(name, func) {\r\n // attach the handler to the container element and only listen for real event elements via bubbling\r\n _this.el.on(name, '.fc-event-container > *', function(ev) {\r\n var seg = $(this).data('fc-seg'); // grab segment data. put there by View::renderEvents\r\n\r\n // only call the handlers if there is not a drag/resize in progress\r\n if (seg && !_this.isDraggingSeg && !_this.isResizingSeg) {\r\n return func.call(this, seg, ev); // `this` will be the event element\r\n }\r\n });\r\n }\r\n );\r\n },\r\n\r\n // Updates internal state and triggers handlers for when an event element is moused over\r\n triggerSegMouseover: function(seg, ev) {\r\n if (!this.mousedOverSeg) {\r\n this.mousedOverSeg = seg;\r\n this.view.trigger('eventMouseover', seg.el[0], seg.event, ev);\r\n }\r\n },\r\n\r\n // Updates internal state and triggers handlers for when an event element is moused out.\r\n // Can be given no arguments, in which case it will mouseout the segment that was previously moused over.\r\n triggerSegMouseout: function(seg, ev) {\r\n ev = ev || {}; // if given no args, make a mock mouse event\r\n\r\n if (this.mousedOverSeg) {\r\n seg = seg || this.mousedOverSeg; // if given no args, use the currently moused-over segment\r\n this.mousedOverSeg = null;\r\n this.view.trigger('eventMouseout', seg.el[0], seg.event, ev);\r\n }\r\n },\r\n\r\n /* Event Dragging\r\n\t------------------------------------------------------------------------------------------------------------------*/\r\n\r\n // Called when the user does a mousedown on an event, which might lead to dragging.\r\n // Generic enough to work with any type of Grid.\r\n segDragMousedown: function(seg, ev) {\r\n var _this = this;\r\n var view = this.view;\r\n var calendar = view.calendar;\r\n var el = seg.el;\r\n var event = seg.event;\r\n var dropLocation;\r\n\r\n // A clone of the original element that will move with the mouse\r\n var mouseFollower = new MouseFollower(seg.el, {\r\n parentEl: view.el,\r\n opacity: view.opt('dragOpacity'),\r\n revertDuration: view.opt('dragRevertDuration'),\r\n zIndex: 2 // one above the .fc-view\r\n });\r\n\r\n // Tracks mouse movement over the *view's* coordinate map. Allows dragging and dropping between subcomponents\r\n // of the view.\r\n var dragListener = new CellDragListener(view.coordMap, {\r\n distance: 5,\r\n scroll: view.opt('dragScroll'),\r\n subjectEl: el,\r\n subjectCenter: true,\r\n listenStart: function(ev) {\r\n mouseFollower.hide(); // don't show until we know this is a real drag\r\n mouseFollower.start(ev);\r\n },\r\n dragStart: function(ev) {\r\n _this.triggerSegMouseout(seg, ev); // ensure a mouseout on the manipulated event has been reported\r\n _this.segDragStart(seg, ev);\r\n view.hideEvent(event); // hide all event segments. our mouseFollower will take over\r\n },\r\n cellOver: function(cell, isOrig, origCell) {\r\n // starting cell could be forced (DayGrid.limit)\r\n if (seg.cell) {\r\n origCell = seg.cell;\r\n }\r\n\r\n dropLocation = _this.computeEventDrop(origCell, cell, event);\r\n\r\n if (dropLocation && !calendar.isEventRangeAllowed(dropLocation, event)) {\r\n disableCursor();\r\n dropLocation = null;\r\n }\r\n\r\n // if a valid drop location, have the subclass render a visual indication\r\n if (dropLocation && view.renderDrag(dropLocation, seg)) {\r\n mouseFollower.hide(); // if the subclass is already using a mock event \"helper\", hide our own\r\n } else {\r\n mouseFollower.show(); // otherwise, have the helper follow the mouse (no snapping)\r\n }\r\n\r\n if (isOrig) {\r\n dropLocation = null; // needs to have moved cells to be a valid drop\r\n }\r\n },\r\n cellOut: function() { // called before mouse moves to a different cell OR moved out of all cells\r\n view.unrenderDrag(); // unrender whatever was done in renderDrag\r\n mouseFollower.show(); // show in case we are moving out of all cells\r\n dropLocation = null;\r\n },\r\n cellDone: function() { // Called after a cellOut OR before a dragStop\r\n enableCursor();\r\n },\r\n dragStop: function(ev) {\r\n // do revert animation if hasn't changed. calls a callback when finished (whether animation or not)\r\n mouseFollower.stop(!dropLocation, function() {\r\n view.unrenderDrag();\r\n view.showEvent(event);\r\n _this.segDragStop(seg, ev);\r\n\r\n if (dropLocation) {\r\n view.reportEventDrop(event, dropLocation, this.largeUnit, el, ev);\r\n }\r\n });\r\n },\r\n listenStop: function() {\r\n mouseFollower.stop(); // put in listenStop in case there was a mousedown but the drag never started\r\n }\r\n });\r\n\r\n dragListener.mousedown(ev); // start listening, which will eventually lead to a dragStart\r\n },\r\n\r\n // Called before event segment dragging starts\r\n segDragStart: function(seg, ev) {\r\n this.isDraggingSeg = true;\r\n this.view.trigger('eventDragStart', seg.el[0], seg.event, ev, {}); // last argument is jqui dummy\r\n },\r\n\r\n // Called after event segment dragging stops\r\n segDragStop: function(seg, ev) {\r\n this.isDraggingSeg = false;\r\n this.view.trigger('eventDragStop', seg.el[0], seg.event, ev, {}); // last argument is jqui dummy\r\n },\r\n\r\n // Given the cell an event drag began, and the cell event was dropped, calculates the new start/end/allDay\r\n // values for the event. Subclasses may override and set additional properties to be used by renderDrag.\r\n // A falsy returned value indicates an invalid drop.\r\n computeEventDrop: function(startCell, endCell, event) {\r\n var calendar = this.view.calendar;\r\n var dragStart = startCell.start;\r\n var dragEnd = endCell.start;\r\n var delta;\r\n var dropLocation;\r\n\r\n if (dragStart.hasTime() === dragEnd.hasTime()) {\r\n delta = this.diffDates(dragEnd, dragStart);\r\n\r\n // if an all-day event was in a timed area and it was dragged to a different time,\r\n // guarantee an end and adjust start/end to have times\r\n if (event.allDay && durationHasTime(delta)) {\r\n dropLocation = {\r\n start: event.start.clone(),\r\n end: calendar.getEventEnd(event), // will be an ambig day\r\n allDay: false // for normalizeEventRangeTimes\r\n };\r\n calendar.normalizeEventRangeTimes(dropLocation);\r\n }\r\n // othewise, work off existing values\r\n else {\r\n dropLocation = {\r\n start: event.start.clone(),\r\n end: event.end ? event.end.clone() : null,\r\n allDay: event.allDay // keep it the same\r\n };\r\n }\r\n\r\n dropLocation.start.add(delta);\r\n if (dropLocation.end) {\r\n dropLocation.end.add(delta);\r\n }\r\n } else {\r\n // if switching from day <-> timed, start should be reset to the dropped date, and the end cleared\r\n dropLocation = {\r\n start: dragEnd.clone(),\r\n end: null, // end should be cleared\r\n allDay: !dragEnd.hasTime()\r\n };\r\n }\r\n\r\n return dropLocation;\r\n },\r\n\r\n // Utility for apply dragOpacity to a jQuery set\r\n applyDragOpacity: function(els) {\r\n var opacity = this.view.opt('dragOpacity');\r\n\r\n if (opacity != null) {\r\n els.each(function(i, node) {\r\n // Don't use jQuery (will set an IE filter), do it the old fashioned way.\r\n // In IE8, a helper element will disappears if there's a filter.\r\n node.style.opacity = opacity;\r\n });\r\n }\r\n },\r\n\r\n /* External Element Dragging\r\n\t------------------------------------------------------------------------------------------------------------------*/\r\n\r\n // Called when a jQuery UI drag is initiated anywhere in the DOM\r\n externalDragStart: function(ev, ui) {\r\n var view = this.view;\r\n var el;\r\n var accept;\r\n\r\n if (view.opt('droppable')) { // only listen if this setting is on\r\n el = $((ui ? ui.item : null) || ev.target);\r\n\r\n // Test that the dragged element passes the dropAccept selector or filter function.\r\n // FYI, the default is \"*\" (matches all)\r\n accept = view.opt('dropAccept');\r\n if ($.isFunction(accept) ? accept.call(el[0], el) : el.is(accept)) {\r\n if (!this.isDraggingExternal) { // prevent double-listening if fired twice\r\n this.listenToExternalDrag(el, ev, ui);\r\n }\r\n }\r\n }\r\n },\r\n\r\n // Called when a jQuery UI drag starts and it needs to be monitored for cell dropping\r\n listenToExternalDrag: function(el, ev, ui) {\r\n var _this = this;\r\n var meta = getDraggedElMeta(el); // extra data about event drop, including possible event to create\r\n var dragListener;\r\n var dropLocation; // a null value signals an unsuccessful drag\r\n\r\n // listener that tracks mouse movement over date-associated pixel regions\r\n dragListener = new CellDragListener(this.coordMap, {\r\n listenStart: function() {\r\n _this.isDraggingExternal = true;\r\n },\r\n cellOver: function(cell) {\r\n dropLocation = _this.computeExternalDrop(cell, meta);\r\n if (dropLocation) {\r\n _this.renderDrag(dropLocation); // called without a seg parameter\r\n } else { // invalid drop cell\r\n disableCursor();\r\n }\r\n },\r\n cellOut: function() {\r\n dropLocation = null; // signal unsuccessful\r\n _this.unrenderDrag();\r\n enableCursor();\r\n },\r\n dragStop: function() {\r\n _this.unrenderDrag();\r\n enableCursor();\r\n\r\n if (dropLocation) { // element was dropped on a valid date/time cell\r\n _this.view.reportExternalDrop(meta, dropLocation, el, ev, ui);\r\n }\r\n },\r\n listenStop: function() {\r\n _this.isDraggingExternal = false;\r\n }\r\n });\r\n\r\n dragListener.startDrag(ev); // start listening immediately\r\n },\r\n\r\n // Given a cell to be dropped upon, and misc data associated with the jqui drag (guaranteed to be a plain object),\r\n // returns start/end dates for the event that would result from the hypothetical drop. end might be null.\r\n // Returning a null value signals an invalid drop cell.\r\n computeExternalDrop: function(cell, meta) {\r\n var dropLocation = {\r\n start: cell.start.clone(),\r\n end: null\r\n };\r\n\r\n // if dropped on an all-day cell, and element's metadata specified a time, set it\r\n if (meta.startTime && !dropLocation.start.hasTime()) {\r\n dropLocation.start.time(meta.startTime);\r\n }\r\n\r\n if (meta.duration) {\r\n dropLocation.end = dropLocation.start.clone().add(meta.duration);\r\n }\r\n\r\n if (!this.view.calendar.isExternalDropRangeAllowed(dropLocation, meta.eventProps)) {\r\n return null;\r\n }\r\n\r\n return dropLocation;\r\n },\r\n\r\n /* Drag Rendering (for both events and an external elements)\r\n\t------------------------------------------------------------------------------------------------------------------*/\r\n\r\n // Renders a visual indication of an event or external element being dragged.\r\n // `dropLocation` contains hypothetical start/end/allDay values the event would have if dropped. end can be null.\r\n // `seg` is the internal segment object that is being dragged. If dragging an external element, `seg` is null.\r\n // A truthy returned value indicates this method has rendered a helper element.\r\n renderDrag: function(dropLocation, seg) {\r\n // subclasses must implement\r\n },\r\n\r\n // Unrenders a visual indication of an event or external element being dragged\r\n unrenderDrag: function() {\r\n // subclasses must implement\r\n },\r\n\r\n /* Resizing\r\n\t------------------------------------------------------------------------------------------------------------------*/\r\n\r\n // Called when the user does a mousedown on an event's resizer, which might lead to resizing.\r\n // Generic enough to work with any type of Grid.\r\n segResizeMousedown: function(seg, ev, isStart) {\r\n var _this = this;\r\n var view = this.view;\r\n var calendar = view.calendar;\r\n var el = seg.el;\r\n var event = seg.event;\r\n var eventEnd = calendar.getEventEnd(event);\r\n var dragListener;\r\n var resizeLocation; // falsy if invalid resize\r\n\r\n // Tracks mouse movement over the *grid's* coordinate map\r\n dragListener = new CellDragListener(this.coordMap, {\r\n distance: 5,\r\n scroll: view.opt('dragScroll'),\r\n subjectEl: el,\r\n dragStart: function(ev) {\r\n _this.triggerSegMouseout(seg, ev); // ensure a mouseout on the manipulated event has been reported\r\n _this.segResizeStart(seg, ev);\r\n },\r\n cellOver: function(cell, isOrig, origCell) {\r\n resizeLocation = isStart\r\n ? _this.computeEventStartResize(origCell, cell, event)\r\n : _this.computeEventEndResize(origCell, cell, event);\r\n\r\n if (resizeLocation) {\r\n if (!calendar.isEventRangeAllowed(resizeLocation, event)) {\r\n disableCursor();\r\n resizeLocation = null;\r\n }\r\n // no change? (TODO: how does this work with timezones?)\r\n else if (resizeLocation.start.isSame(event.start) && resizeLocation.end.isSame(eventEnd)) {\r\n resizeLocation = null;\r\n }\r\n }\r\n\r\n if (resizeLocation) {\r\n view.hideEvent(event);\r\n _this.renderEventResize(resizeLocation, seg);\r\n }\r\n },\r\n cellOut: function() { // called before mouse moves to a different cell OR moved out of all cells\r\n resizeLocation = null;\r\n },\r\n cellDone: function() { // resets the rendering to show the original event\r\n _this.unrenderEventResize();\r\n view.showEvent(event);\r\n enableCursor();\r\n },\r\n dragStop: function(ev) {\r\n _this.segResizeStop(seg, ev);\r\n\r\n if (resizeLocation) { // valid date to resize to?\r\n view.reportEventResize(event, resizeLocation, this.largeUnit, el, ev);\r\n }\r\n }\r\n });\r\n\r\n dragListener.mousedown(ev); // start listening, which will eventually lead to a dragStart\r\n },\r\n\r\n // Called before event segment resizing starts\r\n segResizeStart: function(seg, ev) {\r\n this.isResizingSeg = true;\r\n this.view.trigger('eventResizeStart', seg.el[0], seg.event, ev, {}); // last argument is jqui dummy\r\n },\r\n\r\n // Called after event segment resizing stops\r\n segResizeStop: function(seg, ev) {\r\n this.isResizingSeg = false;\r\n this.view.trigger('eventResizeStop', seg.el[0], seg.event, ev, {}); // last argument is jqui dummy\r\n },\r\n\r\n // Returns new date-information for an event segment being resized from its start\r\n computeEventStartResize: function(startCell, endCell, event) {\r\n return this.computeEventResize('start', startCell, endCell, event);\r\n },\r\n\r\n // Returns new date-information for an event segment being resized from its end\r\n computeEventEndResize: function(startCell, endCell, event) {\r\n return this.computeEventResize('end', startCell, endCell, event);\r\n },\r\n\r\n // Returns new date-information for an event segment being resized from its start OR end\r\n // `type` is either 'start' or 'end'\r\n computeEventResize: function(type, startCell, endCell, event) {\r\n var calendar = this.view.calendar;\r\n var delta = this.diffDates(endCell[type], startCell[type]);\r\n var range;\r\n var defaultDuration;\r\n\r\n // build original values to work from, guaranteeing a start and end\r\n range = {\r\n start: event.start.clone(),\r\n end: calendar.getEventEnd(event),\r\n allDay: event.allDay\r\n };\r\n\r\n // if an all-day event was in a timed area and was resized to a time, adjust start/end to have times\r\n if (range.allDay && durationHasTime(delta)) {\r\n range.allDay = false;\r\n calendar.normalizeEventRangeTimes(range);\r\n }\r\n\r\n range[type].add(delta); // apply delta to start or end\r\n\r\n // if the event was compressed too small, find a new reasonable duration for it\r\n if (!range.start.isBefore(range.end)) {\r\n defaultDuration = event.allDay\r\n ? calendar.defaultAllDayEventDuration\r\n : calendar.defaultTimedEventDuration;\r\n\r\n // between the cell's duration and the event's default duration, use the smaller of the two.\r\n // example: if year-length slots, and compressed to one slot, we don't want the event to be a year long\r\n if (this.cellDuration && this.cellDuration < defaultDuration) {\r\n defaultDuration = this.cellDuration;\r\n }\r\n\r\n if (type == 'start') { // resizing the start?\r\n range.start = range.end.clone().subtract(defaultDuration);\r\n } else { // resizing the end?\r\n range.end = range.start.clone().add(defaultDuration);\r\n }\r\n }\r\n\r\n return range;\r\n },\r\n\r\n // Renders a visual indication of an event being resized.\r\n // `range` has the updated dates of the event. `seg` is the original segment object involved in the drag.\r\n renderEventResize: function(range, seg) {\r\n // subclasses must implement\r\n },\r\n\r\n // Unrenders a visual indication of an event being resized.\r\n unrenderEventResize: function() {\r\n // subclasses must implement\r\n },\r\n\r\n /* Rendering Utils\r\n\t------------------------------------------------------------------------------------------------------------------*/\r\n\r\n // Compute the text that should be displayed on an event's element.\r\n // `range` can be the Event object itself, or something range-like, with at least a `start`.\r\n // If event times are disabled, or the event has no time, will return a blank string.\r\n // If not specified, formatStr will default to the eventTimeFormat setting,\r\n // and displayEnd will default to the displayEventEnd setting.\r\n getEventTimeText: function(range, formatStr, displayEnd) {\r\n if (formatStr == null) {\r\n formatStr = this.eventTimeFormat;\r\n }\r\n\r\n if (displayEnd == null) {\r\n displayEnd = this.displayEventEnd;\r\n }\r\n\r\n if (this.displayEventTime && range.start.hasTime()) {\r\n if (displayEnd && range.end) {\r\n return this.view.formatRange(range, formatStr);\r\n } else {\r\n return range.start.format(formatStr);\r\n }\r\n }\r\n\r\n return '';\r\n },\r\n\r\n // Generic utility for generating the HTML classNames for an event segment's element\r\n getSegClasses: function(seg, isDraggable, isResizable) {\r\n var event = seg.event;\r\n var classes = [\r\n 'fc-event',\r\n seg.isStart ? 'fc-start' : 'fc-not-start',\r\n seg.isEnd ? 'fc-end' : 'fc-not-end'\r\n ].concat(\r\n event.className,\r\n event.source ? event.source.className : []\r\n );\r\n\r\n if (isDraggable) {\r\n classes.push('fc-draggable');\r\n }\r\n if (isResizable) {\r\n classes.push('fc-resizable');\r\n }\r\n\r\n return classes;\r\n },\r\n\r\n // Utility for generating event skin-related CSS properties\r\n getEventSkinCss: function(event) {\r\n var view = this.view;\r\n var source = event.source || {};\r\n var eventColor = event.color;\r\n var sourceColor = source.color;\r\n var optionColor = view.opt('eventColor');\r\n\r\n return {\r\n 'background-color':\r\n\t\t\t\tevent.backgroundColor ||\r\n\t\t\t\teventColor ||\r\n\t\t\t\tsource.backgroundColor ||\r\n\t\t\t\tsourceColor ||\r\n\t\t\t\tview.opt('eventBackgroundColor') ||\r\n\t\t\t\toptionColor,\r\n 'border-color':\r\n\t\t\t\tevent.borderColor ||\r\n\t\t\t\teventColor ||\r\n\t\t\t\tsource.borderColor ||\r\n\t\t\t\tsourceColor ||\r\n\t\t\t\tview.opt('eventBorderColor') ||\r\n\t\t\t\toptionColor,\r\n color:\r\n\t\t\t\tevent.textColor ||\r\n\t\t\t\tsource.textColor ||\r\n\t\t\t\tview.opt('eventTextColor')\r\n };\r\n },\r\n\r\n /* Converting events -> ranges -> segs\r\n\t------------------------------------------------------------------------------------------------------------------*/\r\n\r\n // Converts an array of event objects into an array of event segment objects.\r\n // A custom `rangeToSegsFunc` may be given for arbitrarily slicing up events.\r\n // Doesn't guarantee an order for the resulting array.\r\n eventsToSegs: function(events, rangeToSegsFunc) {\r\n var eventRanges = this.eventsToRanges(events);\r\n var segs = [];\r\n var i;\r\n\r\n for (i = 0; i < eventRanges.length; i++) {\r\n segs.push.apply(\r\n segs,\r\n this.eventRangeToSegs(eventRanges[i], rangeToSegsFunc)\r\n );\r\n }\r\n\r\n return segs;\r\n },\r\n\r\n // Converts an array of events into an array of \"range\" objects.\r\n // A \"range\" object is a plain object with start/end properties denoting the time it covers. Also an event property.\r\n // For \"normal\" events, this will be identical to the event's start/end, but for \"inverse-background\" events,\r\n // will create an array of ranges that span the time *not* covered by the given event.\r\n // Doesn't guarantee an order for the resulting array.\r\n eventsToRanges: function(events) {\r\n var _this = this;\r\n var eventsById = groupEventsById(events);\r\n var ranges = [];\r\n\r\n // group by ID so that related inverse-background events can be rendered together\r\n $.each(eventsById, function(id, eventGroup) {\r\n if (eventGroup.length) {\r\n ranges.push.apply(\r\n ranges,\r\n isInverseBgEvent(eventGroup[0])\r\n ? _this.eventsToInverseRanges(eventGroup)\r\n : _this.eventsToNormalRanges(eventGroup)\r\n );\r\n }\r\n });\r\n\r\n return ranges;\r\n },\r\n\r\n // Converts an array of \"normal\" events (not inverted rendering) into a parallel array of ranges\r\n eventsToNormalRanges: function(events) {\r\n var calendar = this.view.calendar;\r\n var ranges = [];\r\n var i, event;\r\n var eventStart, eventEnd;\r\n\r\n for (i = 0; i < events.length; i++) {\r\n event = events[i];\r\n\r\n // make copies and normalize by stripping timezone\r\n eventStart = event.start.clone().stripZone();\r\n eventEnd = calendar.getEventEnd(event).stripZone();\r\n\r\n ranges.push({\r\n event: event,\r\n start: eventStart,\r\n end: eventEnd,\r\n eventStartMS: +eventStart,\r\n eventDurationMS: eventEnd - eventStart\r\n });\r\n }\r\n\r\n return ranges;\r\n },\r\n\r\n // Converts an array of events, with inverse-background rendering, into an array of range objects.\r\n // The range objects will cover all the time NOT covered by the events.\r\n eventsToInverseRanges: function(events) {\r\n var view = this.view;\r\n var viewStart = view.start.clone().stripZone(); // normalize timezone\r\n var viewEnd = view.end.clone().stripZone(); // normalize timezone\r\n var normalRanges = this.eventsToNormalRanges(events); // will give us normalized dates we can use w/o copies\r\n var inverseRanges = [];\r\n var event0 = events[0]; // assign this to each range's `.event`\r\n var start = viewStart; // the end of the previous range. the start of the new range\r\n var i, normalRange;\r\n\r\n // ranges need to be in order. required for our date-walking algorithm\r\n normalRanges.sort(compareNormalRanges);\r\n\r\n for (i = 0; i < normalRanges.length; i++) {\r\n normalRange = normalRanges[i];\r\n\r\n // add the span of time before the event (if there is any)\r\n if (normalRange.start > start) { // compare millisecond time (skip any ambig logic)\r\n inverseRanges.push({\r\n event: event0,\r\n start: start,\r\n end: normalRange.start\r\n });\r\n }\r\n\r\n start = normalRange.end;\r\n }\r\n\r\n // add the span of time after the last event (if there is any)\r\n if (start < viewEnd) { // compare millisecond time (skip any ambig logic)\r\n inverseRanges.push({\r\n event: event0,\r\n start: start,\r\n end: viewEnd\r\n });\r\n }\r\n\r\n return inverseRanges;\r\n },\r\n\r\n // Slices the given event range into one or more segment objects.\r\n // A `rangeToSegsFunc` custom slicing function can be given.\r\n eventRangeToSegs: function(eventRange, rangeToSegsFunc) {\r\n var segs;\r\n var i, seg;\r\n\r\n eventRange = this.view.calendar.ensureVisibleEventRange(eventRange);\r\n\r\n if (rangeToSegsFunc) {\r\n segs = rangeToSegsFunc(eventRange);\r\n } else {\r\n segs = this.rangeToSegs(eventRange); // defined by the subclass\r\n }\r\n\r\n for (i = 0; i < segs.length; i++) {\r\n seg = segs[i];\r\n seg.event = eventRange.event;\r\n seg.eventStartMS = eventRange.eventStartMS;\r\n seg.eventDurationMS = eventRange.eventDurationMS;\r\n }\r\n\r\n return segs;\r\n }\r\n\r\n });\r\n\r\n /* Utilities\r\n----------------------------------------------------------------------------------------------------------------------*/\r\n\r\n function isBgEvent(event) { // returns true if background OR inverse-background\r\n var rendering = getEventRendering(event);\r\n return rendering === 'background' || rendering === 'inverse-background';\r\n }\r\n\r\n function isInverseBgEvent(event) {\r\n return getEventRendering(event) === 'inverse-background';\r\n }\r\n\r\n function getEventRendering(event) {\r\n return firstDefined((event.source || {}).rendering, event.rendering);\r\n }\r\n\r\n function groupEventsById(events) {\r\n var eventsById = {};\r\n var i, event;\r\n\r\n for (i = 0; i < events.length; i++) {\r\n event = events[i];\r\n (eventsById[event._id] || (eventsById[event._id] = [])).push(event);\r\n }\r\n\r\n return eventsById;\r\n }\r\n\r\n // A cmp function for determining which non-inverted \"ranges\" (see above) happen earlier\r\n function compareNormalRanges(range1, range2) {\r\n return range1.eventStartMS - range2.eventStartMS; // earlier ranges go first\r\n }\r\n\r\n // A cmp function for determining which segments should take visual priority\r\n // DOES NOT WORK ON INVERTED BACKGROUND EVENTS because they have no eventStartMS/eventDurationMS\r\n function compareSegs(seg1, seg2) {\r\n return seg1.eventStartMS - seg2.eventStartMS || // earlier events go first\r\n\t\tseg2.eventDurationMS - seg1.eventDurationMS || // tie? longer events go first\r\n\t\tseg2.event.allDay - seg1.event.allDay || // tie? put all-day events first (booleans cast to 0/1)\r\n\t\t(seg1.event.title || '').localeCompare(seg2.event.title); // tie? alphabetically by title\r\n }\r\n\r\n fc.compareSegs = compareSegs; // export\r\n\r\n /* External-Dragging-Element Data\r\n----------------------------------------------------------------------------------------------------------------------*/\r\n\r\n // Require all HTML5 data-* attributes used by FullCalendar to have this prefix.\r\n // A value of '' will query attributes like data-event. A value of 'fc' will query attributes like data-fc-event.\r\n fc.dataAttrPrefix = '';\r\n\r\n // Given a jQuery element that might represent a dragged FullCalendar event, returns an intermediate data structure\r\n // to be used for Event Object creation.\r\n // A defined `.eventProps`, even when empty, indicates that an event should be created.\r\n function getDraggedElMeta(el) {\r\n var prefix = fc.dataAttrPrefix;\r\n var eventProps; // properties for creating the event, not related to date/time\r\n var startTime; // a Duration\r\n var duration;\r\n var stick;\r\n\r\n if (prefix) { prefix += '-'; }\r\n eventProps = el.data(prefix + 'event') || null;\r\n\r\n if (eventProps) {\r\n if (typeof eventProps === 'object') {\r\n eventProps = $.extend({}, eventProps); // make a copy\r\n } else { // something like 1 or true. still signal event creation\r\n eventProps = {};\r\n }\r\n\r\n // pluck special-cased date/time properties\r\n startTime = eventProps.start;\r\n if (startTime == null) { startTime = eventProps.time; } // accept 'time' as well\r\n duration = eventProps.duration;\r\n stick = eventProps.stick;\r\n delete eventProps.start;\r\n delete eventProps.time;\r\n delete eventProps.duration;\r\n delete eventProps.stick;\r\n }\r\n\r\n // fallback to standalone attribute values for each of the date/time properties\r\n if (startTime == null) { startTime = el.data(prefix + 'start'); }\r\n if (startTime == null) { startTime = el.data(prefix + 'time'); } // accept 'time' as well\r\n if (duration == null) { duration = el.data(prefix + 'duration'); }\r\n if (stick == null) { stick = el.data(prefix + 'stick'); }\r\n\r\n // massage into correct data types\r\n startTime = startTime != null ? moment.duration(startTime) : null;\r\n duration = duration != null ? moment.duration(duration) : null;\r\n stick = Boolean(stick);\r\n\r\n return { eventProps: eventProps, startTime: startTime, duration: duration, stick: stick };\r\n }\r\n\r\n ;;\r\n\r\n /* A component that renders a grid of whole-days that runs horizontally. There can be multiple rows, one per week.\r\n----------------------------------------------------------------------------------------------------------------------*/\r\n\r\n var DayGrid = Grid.extend({\r\n\r\n numbersVisible: false, // should render a row for day/week numbers? set by outside view. TODO: make internal\r\n bottomCoordPadding: 0, // hack for extending the hit area for the last row of the coordinate grid\r\n breakOnWeeks: null, // should create a new row for each week? set by outside view\r\n\r\n cellDates: null, // flat chronological array of each cell's dates\r\n dayToCellOffsets: null, // maps days offsets from grid's start date, to cell offsets\r\n\r\n rowEls: null, // set of fake row elements\r\n dayEls: null, // set of whole-day elements comprising the row's background\r\n helperEls: null, // set of cell skeleton elements for rendering the mock event \"helper\"\r\n\r\n constructor: function() {\r\n Grid.apply(this, arguments);\r\n\r\n this.cellDuration = moment.duration(1, 'day'); // for Grid system\r\n },\r\n\r\n // Renders the rows and columns into the component's `this.el`, which should already be assigned.\r\n // isRigid determins whether the individual rows should ignore the contents and be a constant height.\r\n // Relies on the view's colCnt and rowCnt. In the future, this component should probably be self-sufficient.\r\n renderDates: function(isRigid) {\r\n var view = this.view;\r\n var rowCnt = this.rowCnt;\r\n var colCnt = this.colCnt;\r\n var cellCnt = rowCnt * colCnt;\r\n var html = '';\r\n var row;\r\n var i, cell;\r\n\r\n for (row = 0; row < rowCnt; row++) {\r\n html += this.dayRowHtml(row, isRigid);\r\n }\r\n this.el.html(html);\r\n\r\n this.rowEls = this.el.find('.fc-row');\r\n this.dayEls = this.el.find('.fc-day');\r\n\r\n // trigger dayRender with each cell's element\r\n for (i = 0; i < cellCnt; i++) {\r\n cell = this.getCell(i);\r\n view.trigger('dayRender', null, cell.start, this.dayEls.eq(i));\r\n }\r\n },\r\n\r\n unrenderDates: function() {\r\n this.removeSegPopover();\r\n },\r\n\r\n renderBusinessHours: function() {\r\n var events = this.view.calendar.getBusinessHoursEvents(true); // wholeDay=true\r\n var segs = this.eventsToSegs(events);\r\n\r\n this.renderFill('businessHours', segs, 'bgevent');\r\n },\r\n\r\n // Generates the HTML for a single row. `row` is the row number.\r\n dayRowHtml: function(row, isRigid) {\r\n var view = this.view;\r\n var classes = [ 'fc-row', 'fc-week', view.widgetContentClass ];\r\n\r\n if (isRigid) {\r\n classes.push('fc-rigid');\r\n }\r\n\r\n return '' +\r\n\t\t\t'
';\r\n },\r\n\r\n // Renders the HTML for a whole-day cell. Will eventually end up in the day-row's background.\r\n // We go through a 'day' row type instead of just doing a 'bg' row type so that the View can do custom rendering\r\n // specifically for whole-day rows, whereas a 'bg' might also be used for other purposes (TimeGrid bg for example).\r\n dayCellHtml: function(cell) {\r\n return this.bgCellHtml(cell);\r\n },\r\n\r\n /* Options\r\n\t------------------------------------------------------------------------------------------------------------------*/\r\n\r\n // Computes a default column header formatting string if `colFormat` is not explicitly defined\r\n computeColHeadFormat: function() {\r\n if (this.rowCnt > 1) { // more than one week row. day numbers will be in each cell\r\n return 'ddd'; // \"Sat\"\r\n } else if (this.colCnt > 1) { // multiple days, so full single date string WON'T be in title text\r\n return this.view.opt('dayOfMonthFormat'); // \"Sat 12/10\"\r\n } else { // single day, so full single date string will probably be in title text\r\n return 'dddd'; // \"Saturday\"\r\n }\r\n },\r\n\r\n // Computes a default event time formatting string if `timeFormat` is not explicitly defined\r\n computeEventTimeFormat: function() {\r\n return this.view.opt('extraSmallTimeFormat'); // like \"6p\" or \"6:30p\"\r\n },\r\n\r\n // Computes a default `displayEventEnd` value if one is not expliclty defined\r\n computeDisplayEventEnd: function() {\r\n return this.colCnt == 1; // we'll likely have space if there's only one day\r\n },\r\n\r\n /* Cell System\r\n\t------------------------------------------------------------------------------------------------------------------*/\r\n\r\n rangeUpdated: function() {\r\n var cellDates;\r\n var firstDay;\r\n var rowCnt;\r\n var colCnt;\r\n\r\n this.updateCellDates(); // populates cellDates and dayToCellOffsets\r\n cellDates = this.cellDates;\r\n\r\n if (this.breakOnWeeks) {\r\n // count columns until the day-of-week repeats\r\n firstDay = cellDates[0].day();\r\n for (colCnt = 1; colCnt < cellDates.length; colCnt++) {\r\n if (cellDates[colCnt].day() == firstDay) {\r\n break;\r\n }\r\n }\r\n rowCnt = Math.ceil(cellDates.length / colCnt);\r\n } else {\r\n rowCnt = 1;\r\n colCnt = cellDates.length;\r\n }\r\n\r\n this.rowCnt = rowCnt;\r\n this.colCnt = colCnt;\r\n },\r\n\r\n // Populates cellDates and dayToCellOffsets\r\n updateCellDates: function() {\r\n var view = this.view;\r\n var date = this.start.clone();\r\n var dates = [];\r\n var offset = -1;\r\n var offsets = [];\r\n\r\n while (date.isBefore(this.end)) { // loop each day from start to end\r\n if (view.isHiddenDay(date)) {\r\n offsets.push(offset + 0.5); // mark that it's between offsets\r\n } else {\r\n offset++;\r\n offsets.push(offset);\r\n dates.push(date.clone());\r\n }\r\n date.add(1, 'days');\r\n }\r\n\r\n this.cellDates = dates;\r\n this.dayToCellOffsets = offsets;\r\n },\r\n\r\n // Given a cell object, generates its start date. Returns a reference-free copy.\r\n computeCellDate: function(cell) {\r\n var colCnt = this.colCnt;\r\n var index = cell.row * colCnt + (this.isRTL ? colCnt - cell.col - 1 : cell.col);\r\n\r\n return this.cellDates[index].clone();\r\n },\r\n\r\n // Retrieves the element representing the given row\r\n getRowEl: function(row) {\r\n return this.rowEls.eq(row);\r\n },\r\n\r\n // Retrieves the element representing the given column\r\n getColEl: function(col) {\r\n return this.dayEls.eq(col);\r\n },\r\n\r\n // Gets the whole-day element associated with the cell\r\n getCellDayEl: function(cell) {\r\n return this.dayEls.eq(cell.row * this.colCnt + cell.col);\r\n },\r\n\r\n // Overrides Grid's method for when row coordinates are computed\r\n computeRowCoords: function() {\r\n var rowCoords = Grid.prototype.computeRowCoords.call(this); // call the super-method\r\n\r\n // hack for extending last row (used by AgendaView)\r\n rowCoords[rowCoords.length - 1].bottom += this.bottomCoordPadding;\r\n\r\n return rowCoords;\r\n },\r\n\r\n /* Dates\r\n\t------------------------------------------------------------------------------------------------------------------*/\r\n\r\n // Slices up a date range by row into an array of segments\r\n rangeToSegs: function(range) {\r\n var isRTL = this.isRTL;\r\n var rowCnt = this.rowCnt;\r\n var colCnt = this.colCnt;\r\n var segs = [];\r\n var first, last; // inclusive cell-offset range for given range\r\n var row;\r\n var rowFirst, rowLast; // inclusive cell-offset range for current row\r\n var isStart, isEnd;\r\n var segFirst, segLast; // inclusive cell-offset range for segment\r\n var seg;\r\n\r\n range = this.view.computeDayRange(range); // make whole-day range, considering nextDayThreshold\r\n first = this.dateToCellOffset(range.start);\r\n last = this.dateToCellOffset(range.end.subtract(1, 'days')); // offset of inclusive end date\r\n\r\n for (row = 0; row < rowCnt; row++) {\r\n rowFirst = row * colCnt;\r\n rowLast = rowFirst + colCnt - 1;\r\n\r\n // intersect segment's offset range with the row's\r\n segFirst = Math.max(rowFirst, first);\r\n segLast = Math.min(rowLast, last);\r\n\r\n // deal with in-between indices\r\n segFirst = Math.ceil(segFirst); // in-between starts round to next cell\r\n segLast = Math.floor(segLast); // in-between ends round to prev cell\r\n\r\n if (segFirst <= segLast) { // was there any intersection with the current row?\r\n // must be matching integers to be the segment's start/end\r\n isStart = segFirst === first;\r\n isEnd = segLast === last;\r\n\r\n // translate offsets to be relative to start-of-row\r\n segFirst -= rowFirst;\r\n segLast -= rowFirst;\r\n\r\n seg = { row: row, isStart: isStart, isEnd: isEnd };\r\n if (isRTL) {\r\n seg.leftCol = colCnt - segLast - 1;\r\n seg.rightCol = colCnt - segFirst - 1;\r\n } else {\r\n seg.leftCol = segFirst;\r\n seg.rightCol = segLast;\r\n }\r\n segs.push(seg);\r\n }\r\n }\r\n\r\n return segs;\r\n },\r\n\r\n // Given a date, returns its chronolocial cell-offset from the first cell of the grid.\r\n // If the date lies between cells (because of hiddenDays), returns a floating-point value between offsets.\r\n // If before the first offset, returns a negative number.\r\n // If after the last offset, returns an offset past the last cell offset.\r\n // Only works for *start* dates of cells. Will not work for exclusive end dates for cells.\r\n dateToCellOffset: function(date) {\r\n var offsets = this.dayToCellOffsets;\r\n var day = date.diff(this.start, 'days');\r\n\r\n if (day < 0) {\r\n return offsets[0] - 1;\r\n } else if (day >= offsets.length) {\r\n return offsets[offsets.length - 1] + 1;\r\n } else {\r\n return offsets[day];\r\n }\r\n },\r\n\r\n /* Event Drag Visualization\r\n\t------------------------------------------------------------------------------------------------------------------*/\r\n // TODO: move to DayGrid.event, similar to what we did with Grid's drag methods\r\n\r\n // Renders a visual indication of an event or external element being dragged.\r\n // The dropLocation's end can be null. seg can be null. See Grid::renderDrag for more info.\r\n renderDrag: function(dropLocation, seg) {\r\n // always render a highlight underneath\r\n this.renderHighlight(this.eventRangeToSegs(dropLocation));\r\n\r\n // if a segment from the same calendar but another component is being dragged, render a helper event\r\n if (seg && !seg.el.closest(this.el).length) {\r\n this.renderRangeHelper(dropLocation, seg);\r\n this.applyDragOpacity(this.helperEls);\r\n\r\n return true; // a helper has been rendered\r\n }\r\n },\r\n\r\n // Unrenders any visual indication of a hovering event\r\n unrenderDrag: function() {\r\n this.unrenderHighlight();\r\n this.unrenderHelper();\r\n },\r\n\r\n /* Event Resize Visualization\r\n\t------------------------------------------------------------------------------------------------------------------*/\r\n\r\n // Renders a visual indication of an event being resized\r\n renderEventResize: function(range, seg) {\r\n this.renderHighlight(this.eventRangeToSegs(range));\r\n this.renderRangeHelper(range, seg);\r\n },\r\n\r\n // Unrenders a visual indication of an event being resized\r\n unrenderEventResize: function() {\r\n this.unrenderHighlight();\r\n this.unrenderHelper();\r\n },\r\n\r\n /* Event Helper\r\n\t------------------------------------------------------------------------------------------------------------------*/\r\n\r\n // Renders a mock \"helper\" event. `sourceSeg` is the associated internal segment object. It can be null.\r\n renderHelper: function(event, sourceSeg) {\r\n var helperNodes = [];\r\n var segs = this.eventsToSegs([ event ]);\r\n var rowStructs;\r\n\r\n segs = this.renderFgSegEls(segs); // assigns each seg's el and returns a subset of segs that were rendered\r\n rowStructs = this.renderSegRows(segs);\r\n\r\n // inject each new event skeleton into each associated row\r\n this.rowEls.each(function(row, rowNode) {\r\n var rowEl = $(rowNode); // the .fc-row\r\n var skeletonEl = $('
'); // will be absolutely positioned\r\n var skeletonTop;\r\n\r\n // If there is an original segment, match the top position. Otherwise, put it at the row's top level\r\n if (sourceSeg && sourceSeg.row === row) {\r\n skeletonTop = sourceSeg.el.position().top;\r\n } else {\r\n skeletonTop = rowEl.find('.fc-content-skeleton tbody').position().top;\r\n }\r\n\r\n skeletonEl.css('top', skeletonTop)\r\n .find('table')\r\n .append(rowStructs[row].tbodyEl);\r\n\r\n rowEl.append(skeletonEl);\r\n helperNodes.push(skeletonEl[0]);\r\n });\r\n\r\n this.helperEls = $(helperNodes); // array -> jQuery set\r\n },\r\n\r\n // Unrenders any visual indication of a mock helper event\r\n unrenderHelper: function() {\r\n if (this.helperEls) {\r\n this.helperEls.remove();\r\n this.helperEls = null;\r\n }\r\n },\r\n\r\n /* Fill System (highlight, background events, business hours)\r\n\t------------------------------------------------------------------------------------------------------------------*/\r\n\r\n fillSegTag: 'td', // override the default tag name\r\n\r\n // Renders a set of rectangles over the given segments of days.\r\n // Only returns segments that successfully rendered.\r\n renderFill: function(type, segs, className) {\r\n var nodes = [];\r\n var i, seg;\r\n var skeletonEl;\r\n\r\n segs = this.renderFillSegEls(type, segs); // assignes `.el` to each seg. returns successfully rendered segs\r\n\r\n for (i = 0; i < segs.length; i++) {\r\n seg = segs[i];\r\n skeletonEl = this.renderFillRow(type, seg, className);\r\n this.rowEls.eq(seg.row).append(skeletonEl);\r\n nodes.push(skeletonEl[0]);\r\n }\r\n\r\n this.elsByFill[type] = $(nodes);\r\n\r\n return segs;\r\n },\r\n\r\n // Generates the HTML needed for one row of a fill. Requires the seg's el to be rendered.\r\n renderFillRow: function(type, seg, className) {\r\n var colCnt = this.colCnt;\r\n var startCol = seg.leftCol;\r\n var endCol = seg.rightCol + 1;\r\n var skeletonEl;\r\n var trEl;\r\n\r\n className = className || type.toLowerCase();\r\n\r\n skeletonEl = $(\r\n '
');\r\n }\r\n\r\n this.bookendCells(trEl, type);\r\n\r\n return skeletonEl;\r\n }\r\n\r\n });\r\n\r\n ;;\r\n\r\n /* Event-rendering methods for the DayGrid class\r\n----------------------------------------------------------------------------------------------------------------------*/\r\n\r\n DayGrid.mixin({\r\n\r\n rowStructs: null, // an array of objects, each holding information about a row's foreground event-rendering\r\n\r\n // Unrenders all events currently rendered on the grid\r\n unrenderEvents: function() {\r\n this.removeSegPopover(); // removes the \"more..\" events popover\r\n Grid.prototype.unrenderEvents.apply(this, arguments); // calls the super-method\r\n },\r\n\r\n // Retrieves all rendered segment objects currently rendered on the grid\r\n getEventSegs: function() {\r\n return Grid.prototype.getEventSegs.call(this) // get the segments from the super-method\r\n .concat(this.popoverSegs || []); // append the segments from the \"more...\" popover\r\n },\r\n\r\n // Renders the given background event segments onto the grid\r\n renderBgSegs: function(segs) {\r\n // don't render timed background events\r\n var allDaySegs = $.grep(segs, function(seg) {\r\n return seg.event.allDay;\r\n });\r\n\r\n return Grid.prototype.renderBgSegs.call(this, allDaySegs); // call the super-method\r\n },\r\n\r\n // Renders the given foreground event segments onto the grid\r\n renderFgSegs: function(segs) {\r\n var rowStructs;\r\n\r\n // render an `.el` on each seg\r\n // returns a subset of the segs. segs that were actually rendered\r\n segs = this.renderFgSegEls(segs);\r\n\r\n rowStructs = this.rowStructs = this.renderSegRows(segs);\r\n\r\n // append to each row's content skeleton\r\n this.rowEls.each(function(i, rowNode) {\r\n $(rowNode).find('.fc-content-skeleton > table').append(\r\n rowStructs[i].tbodyEl\r\n );\r\n });\r\n\r\n return segs; // return only the segs that were actually rendered\r\n },\r\n\r\n // Unrenders all currently rendered foreground event segments\r\n unrenderFgSegs: function() {\r\n var rowStructs = this.rowStructs || [];\r\n var rowStruct;\r\n\r\n while ((rowStruct = rowStructs.pop())) {\r\n rowStruct.tbodyEl.remove();\r\n }\r\n\r\n this.rowStructs = null;\r\n },\r\n\r\n // Uses the given events array to generate
elements that should be appended to each row's content skeleton.\r\n // Returns an array of rowStruct objects (see the bottom of `renderSegRow`).\r\n // PRECONDITION: each segment shoud already have a rendered and assigned `.el`\r\n renderSegRows: function(segs) {\r\n var rowStructs = [];\r\n var segRows;\r\n var row;\r\n\r\n segRows = this.groupSegRows(segs); // group into nested arrays\r\n\r\n // iterate each row of segment groupings\r\n for (row = 0; row < segRows.length; row++) {\r\n rowStructs.push(\r\n this.renderSegRow(row, segRows[row])\r\n );\r\n }\r\n\r\n return rowStructs;\r\n },\r\n\r\n // Builds the HTML to be used for the default element for an individual segment\r\n fgSegHtml: function(seg, disableResizing) {\r\n var view = this.view;\r\n var event = seg.event;\r\n var isDraggable = view.isEventDraggable(event);\r\n var isResizableFromStart = !disableResizing && event.allDay &&\r\n\t\t\tseg.isStart && view.isEventResizableFromStart(event);\r\n var isResizableFromEnd = !disableResizing && event.allDay &&\r\n\t\t\tseg.isEnd && view.isEventResizableFromEnd(event);\r\n var classes = this.getSegClasses(seg, isDraggable, isResizableFromStart || isResizableFromEnd);\r\n var skinCss = cssToStr(this.getEventSkinCss(event));\r\n var timeHtml = '';\r\n var timeText;\r\n var titleHtml;\r\n\r\n classes.unshift('fc-day-grid-event', 'fc-h-event');\r\n\r\n // Only display a timed events time if it is the starting segment\r\n if (seg.isStart) {\r\n timeText = this.getEventTimeText(event);\r\n if (timeText) {\r\n timeHtml = '' + htmlEscape(timeText) + '';\r\n }\r\n }\r\n\r\n titleHtml =\r\n\t\t\t'' +\r\n\t\t\t\t(event.title || ' ') + // we always want one line of height\r\n\t\t\t'';\r\n\r\n return '' +\r\n\t\t\t\t'
' +\r\n\t\t\t\t(isResizableFromStart\r\n\t\t\t\t ? ''\r\n\t\t\t\t : ''\r\n\t\t\t\t) +\r\n\t\t\t\t(isResizableFromEnd\r\n\t\t\t\t ? ''\r\n\t\t\t\t : ''\r\n\t\t\t\t) +\r\n\t\t\t'';\r\n },\r\n\r\n // Given a row # and an array of segments all in the same row, render a element, a skeleton that contains\r\n // the segments. Returns object with a bunch of internal data about how the render was calculated.\r\n // NOTE: modifies rowSegs\r\n renderSegRow: function(row, rowSegs) {\r\n var colCnt = this.colCnt;\r\n var segLevels = this.buildSegLevels(rowSegs); // group into sub-arrays of levels\r\n var levelCnt = Math.max(1, segLevels.length); // ensure at least one level\r\n var tbody = $('');\r\n var segMatrix = []; // lookup for which segments are rendered into which level+col cells\r\n var cellMatrix = []; // lookup for all
elements of the level+col matrix\r\n var loneCellMatrix = []; // lookup for
elements that only take up a single column\r\n var i, levelSegs;\r\n var col;\r\n var tr;\r\n var j, seg;\r\n var td;\r\n\r\n // populates empty cells from the current column (`col`) to `endCol`\r\n function emptyCellsUntil(endCol) {\r\n while (col < endCol) {\r\n // try to grab a cell from the level above and extend its rowspan. otherwise, create a fresh cell\r\n td = (loneCellMatrix[i - 1] || [])[col];\r\n if (td) {\r\n td.attr(\r\n 'rowspan',\r\n parseInt(td.attr('rowspan') || 1, 10) + 1\r\n );\r\n } else {\r\n td = $('
');\r\n tr.append(td);\r\n }\r\n cellMatrix[i][col] = td;\r\n loneCellMatrix[i][col] = td;\r\n col++;\r\n }\r\n }\r\n\r\n for (i = 0; i < levelCnt; i++) { // iterate through all levels\r\n levelSegs = segLevels[i];\r\n col = 0;\r\n tr = $('
');\r\n\r\n segMatrix.push([]);\r\n cellMatrix.push([]);\r\n loneCellMatrix.push([]);\r\n\r\n // levelCnt might be 1 even though there are no actual levels. protect against this.\r\n // this single empty row is useful for styling.\r\n if (levelSegs) {\r\n for (j = 0; j < levelSegs.length; j++) { // iterate through segments in level\r\n seg = levelSegs[j];\r\n\r\n emptyCellsUntil(seg.leftCol);\r\n\r\n // create a container that occupies or more columns. append the event element.\r\n td = $('
').append(seg.el);\r\n if (seg.leftCol != seg.rightCol) {\r\n td.attr('colspan', seg.rightCol - seg.leftCol + 1);\r\n } else { // a single-column segment\r\n loneCellMatrix[i][col] = td;\r\n }\r\n\r\n while (col <= seg.rightCol) {\r\n cellMatrix[i][col] = td;\r\n segMatrix[i][col] = seg;\r\n col++;\r\n }\r\n\r\n tr.append(td);\r\n }\r\n }\r\n\r\n emptyCellsUntil(colCnt); // finish off the row\r\n this.bookendCells(tr, 'eventSkeleton');\r\n tbody.append(tr);\r\n }\r\n\r\n return { // a \"rowStruct\"\r\n row: row, // the row number\r\n tbodyEl: tbody,\r\n cellMatrix: cellMatrix,\r\n segMatrix: segMatrix,\r\n segLevels: segLevels,\r\n segs: rowSegs\r\n };\r\n },\r\n\r\n // Stacks a flat array of segments, which are all assumed to be in the same row, into subarrays of vertical levels.\r\n // NOTE: modifies segs\r\n buildSegLevels: function(segs) {\r\n var levels = [];\r\n var i, seg;\r\n var j;\r\n\r\n // Give preference to elements with certain criteria, so they have\r\n // a chance to be closer to the top.\r\n segs.sort(compareSegs);\r\n\r\n for (i = 0; i < segs.length; i++) {\r\n seg = segs[i];\r\n\r\n // loop through levels, starting with the topmost, until the segment doesn't collide with other segments\r\n for (j = 0; j < levels.length; j++) {\r\n if (!isDaySegCollision(seg, levels[j])) {\r\n break;\r\n }\r\n }\r\n // `j` now holds the desired subrow index\r\n seg.level = j;\r\n\r\n // create new level array if needed and append segment\r\n (levels[j] || (levels[j] = [])).push(seg);\r\n }\r\n\r\n // order segments left-to-right. very important if calendar is RTL\r\n for (j = 0; j < levels.length; j++) {\r\n levels[j].sort(compareDaySegCols);\r\n }\r\n\r\n return levels;\r\n },\r\n\r\n // Given a flat array of segments, return an array of sub-arrays, grouped by each segment's row\r\n groupSegRows: function(segs) {\r\n var segRows = [];\r\n var i;\r\n\r\n for (i = 0; i < this.rowCnt; i++) {\r\n segRows.push([]);\r\n }\r\n\r\n for (i = 0; i < segs.length; i++) {\r\n segRows[segs[i].row].push(segs[i]);\r\n }\r\n\r\n return segRows;\r\n }\r\n\r\n });\r\n\r\n // Computes whether two segments' columns collide. They are assumed to be in the same row.\r\n function isDaySegCollision(seg, otherSegs) {\r\n var i, otherSeg;\r\n\r\n for (i = 0; i < otherSegs.length; i++) {\r\n otherSeg = otherSegs[i];\r\n\r\n if (\r\n otherSeg.leftCol <= seg.rightCol &&\r\n\t\t\totherSeg.rightCol >= seg.leftCol\r\n ) {\r\n return true;\r\n }\r\n }\r\n\r\n return false;\r\n }\r\n\r\n // A cmp function for determining the leftmost event\r\n function compareDaySegCols(a, b) {\r\n return a.leftCol - b.leftCol;\r\n }\r\n\r\n ;;\r\n\r\n /* Methods relate to limiting the number events for a given day on a DayGrid\r\n----------------------------------------------------------------------------------------------------------------------*/\r\n // NOTE: all the segs being passed around in here are foreground segs\r\n\r\n DayGrid.mixin({\r\n\r\n segPopover: null, // the Popover that holds events that can't fit in a cell. null when not visible\r\n popoverSegs: null, // an array of segment objects that the segPopover holds. null when not visible\r\n\r\n removeSegPopover: function() {\r\n if (this.segPopover) {\r\n this.segPopover.hide(); // in handler, will call segPopover's removeElement\r\n }\r\n },\r\n\r\n // Limits the number of \"levels\" (vertically stacking layers of events) for each row of the grid.\r\n // `levelLimit` can be false (don't limit), a number, or true (should be computed).\r\n limitRows: function(levelLimit) {\r\n var rowStructs = this.rowStructs || [];\r\n var row; // row #\r\n var rowLevelLimit;\r\n\r\n for (row = 0; row < rowStructs.length; row++) {\r\n this.unlimitRow(row);\r\n\r\n if (!levelLimit) {\r\n rowLevelLimit = false;\r\n } else if (typeof levelLimit === 'number') {\r\n rowLevelLimit = levelLimit;\r\n } else {\r\n rowLevelLimit = this.computeRowLevelLimit(row);\r\n }\r\n\r\n if (rowLevelLimit !== false) {\r\n this.limitRow(row, rowLevelLimit);\r\n }\r\n }\r\n },\r\n\r\n // Computes the number of levels a row will accomodate without going outside its bounds.\r\n // Assumes the row is \"rigid\" (maintains a constant height regardless of what is inside).\r\n // `row` is the row number.\r\n computeRowLevelLimit: function(row) {\r\n var rowEl = this.rowEls.eq(row); // the containing \"fake\" row div\r\n var rowHeight = rowEl.height(); // TODO: cache somehow?\r\n var trEls = this.rowStructs[row].tbodyEl.children();\r\n var i, trEl;\r\n var trHeight;\r\n\r\n function iterInnerHeights(i, childNode) {\r\n trHeight = Math.max(trHeight, $(childNode).outerHeight());\r\n }\r\n\r\n // Reveal one level
at a time and stop when we find one out of bounds\r\n for (i = 0; i < trEls.length; i++) {\r\n trEl = trEls.eq(i).removeClass('fc-limited'); // reset to original state (reveal)\r\n\r\n // with rowspans>1 and IE8, trEl.outerHeight() would return the height of the largest cell,\r\n // so instead, find the tallest inner content element.\r\n trHeight = 0;\r\n trEl.find('> td > :first-child').each(iterInnerHeights);\r\n\r\n if (trEl.position().top + trHeight > rowHeight) {\r\n return i;\r\n }\r\n }\r\n\r\n return false; // should not limit at all\r\n },\r\n\r\n // Limits the given grid row to the maximum number of levels and injects \"more\" links if necessary.\r\n // `row` is the row number.\r\n // `levelLimit` is a number for the maximum (inclusive) number of levels allowed.\r\n limitRow: function(row, levelLimit) {\r\n var _this = this;\r\n var rowStruct = this.rowStructs[row];\r\n var moreNodes = []; // array of \"more\" links and
DOM nodes\r\n var col = 0; // col #, left-to-right (not chronologically)\r\n var cell;\r\n var levelSegs; // array of segment objects in the last allowable level, ordered left-to-right\r\n var cellMatrix; // a matrix (by level, then column) of all
jQuery elements in the row\r\n var limitedNodes; // array of temporarily hidden level
and segment
DOM nodes\r\n var i, seg;\r\n var segsBelow; // array of segment objects below `seg` in the current `col`\r\n var totalSegsBelow; // total number of segments below `seg` in any of the columns `seg` occupies\r\n var colSegsBelow; // array of segment arrays, below seg, one for each column (offset from segs's first column)\r\n var td, rowspan;\r\n var segMoreNodes; // array of \"more\"
cells that will stand-in for the current seg's cell\r\n var j;\r\n var moreTd, moreWrap, moreLink;\r\n\r\n // Iterates through empty level cells and places \"more\" links inside if need be\r\n function emptyCellsUntil(endCol) { // goes from current `col` to `endCol`\r\n while (col < endCol) {\r\n cell = _this.getCell(row, col);\r\n segsBelow = _this.getCellSegs(cell, levelLimit);\r\n if (segsBelow.length) {\r\n td = cellMatrix[levelLimit - 1][col];\r\n moreLink = _this.renderMoreLink(cell, segsBelow);\r\n moreWrap = $('').append(moreLink);\r\n td.append(moreWrap);\r\n moreNodes.push(moreWrap[0]);\r\n }\r\n col++;\r\n }\r\n }\r\n\r\n if (levelLimit && levelLimit < rowStruct.segLevels.length) { // is it actually over the limit?\r\n levelSegs = rowStruct.segLevels[levelLimit - 1];\r\n cellMatrix = rowStruct.cellMatrix;\r\n\r\n limitedNodes = rowStruct.tbodyEl.children().slice(levelLimit) // get level
elements past the limit\r\n .addClass('fc-limited').get(); // hide elements and get a simple DOM-nodes array\r\n\r\n // iterate though segments in the last allowable level\r\n for (i = 0; i < levelSegs.length; i++) {\r\n seg = levelSegs[i];\r\n emptyCellsUntil(seg.leftCol); // process empty cells before the segment\r\n\r\n // determine *all* segments below `seg` that occupy the same columns\r\n colSegsBelow = [];\r\n totalSegsBelow = 0;\r\n while (col <= seg.rightCol) {\r\n cell = this.getCell(row, col);\r\n segsBelow = this.getCellSegs(cell, levelLimit);\r\n colSegsBelow.push(segsBelow);\r\n totalSegsBelow += segsBelow.length;\r\n col++;\r\n }\r\n\r\n if (totalSegsBelow) { // do we need to replace this segment with one or many \"more\" links?\r\n td = cellMatrix[levelLimit - 1][seg.leftCol]; // the segment's parent cell\r\n rowspan = td.attr('rowspan') || 1;\r\n segMoreNodes = [];\r\n\r\n // make a replacement
for each column the segment occupies. will be one for each colspan\r\n for (j = 0; j < colSegsBelow.length; j++) {\r\n moreTd = $('
').attr('rowspan', rowspan);\r\n segsBelow = colSegsBelow[j];\r\n cell = this.getCell(row, seg.leftCol + j);\r\n moreLink = this.renderMoreLink(cell, [ seg ].concat(segsBelow)); // count seg as hidden too\r\n moreWrap = $('').append(moreLink);\r\n moreTd.append(moreWrap);\r\n segMoreNodes.push(moreTd[0]);\r\n moreNodes.push(moreTd[0]);\r\n }\r\n\r\n td.addClass('fc-limited').after($(segMoreNodes)); // hide original
to avoid border confusion.\r\n if (this.isRTL) {\r\n options.right = moreWrap.offset().left + moreWrap.outerWidth() + 1; // +1 to be over cell border\r\n } else {\r\n options.left = moreWrap.offset().left - 1; // -1 to be over cell border\r\n }\r\n\r\n this.segPopover = new Popover(options);\r\n this.segPopover.show();\r\n },\r\n\r\n // Builds the inner DOM contents of the segment popover\r\n renderSegPopoverContent: function(cell, segs) {\r\n var view = this.view;\r\n var isTheme = view.opt('theme');\r\n var title = cell.start.format(view.opt('dayPopoverFormat'));\r\n var content = $(\r\n '
'\r\n );\r\n var segContainer = content.find('.fc-event-container');\r\n var i;\r\n\r\n // render each seg's `el` and only return the visible segs\r\n segs = this.renderFgSegEls(segs, true); // disableResizing=true\r\n this.popoverSegs = segs;\r\n\r\n for (i = 0; i < segs.length; i++) {\r\n // because segments in the popover are not part of a grid coordinate system, provide a hint to any\r\n // grids that want to do drag-n-drop about which cell it came from\r\n segs[i].cell = cell;\r\n\r\n segContainer.append(segs[i].el);\r\n }\r\n\r\n return content;\r\n },\r\n\r\n // Given the events within an array of segment objects, reslice them to be in a single day\r\n resliceDaySegs: function(segs, dayDate) {\r\n // build an array of the original events\r\n var events = $.map(segs, function(seg) {\r\n return seg.event;\r\n });\r\n\r\n var dayStart = dayDate.clone().stripTime();\r\n var dayEnd = dayStart.clone().add(1, 'days');\r\n var dayRange = { start: dayStart, end: dayEnd };\r\n\r\n // slice the events with a custom slicing function\r\n segs = this.eventsToSegs(\r\n events,\r\n function(range) {\r\n var seg = intersectionToSeg(range, dayRange); // undefind if no intersection\r\n return seg ? [ seg ] : []; // must return an array of segments\r\n }\r\n );\r\n\r\n // force an order because eventsToSegs doesn't guarantee one\r\n segs.sort(compareSegs);\r\n\r\n return segs;\r\n },\r\n\r\n // Generates the text that should be inside a \"more\" link, given the number of events it represents\r\n getMoreLinkText: function(num) {\r\n var opt = this.view.opt('eventLimitText');\r\n\r\n if (typeof opt === 'function') {\r\n return opt(num);\r\n } else {\r\n return '+' + num + ' ' + opt;\r\n }\r\n },\r\n\r\n // Returns segments within a given cell.\r\n // If `startLevel` is specified, returns only events including and below that level. Otherwise returns all segs.\r\n getCellSegs: function(cell, startLevel) {\r\n var segMatrix = this.rowStructs[cell.row].segMatrix;\r\n var level = startLevel || 0;\r\n var segs = [];\r\n var seg;\r\n\r\n while (level < segMatrix.length) {\r\n seg = segMatrix[level][cell.col];\r\n if (seg) {\r\n segs.push(seg);\r\n }\r\n level++;\r\n }\r\n\r\n return segs;\r\n }\r\n\r\n });\r\n\r\n ;;\r\n\r\n /* A component that renders one or more columns of vertical time slots\r\n----------------------------------------------------------------------------------------------------------------------*/\r\n\r\n var TimeGrid = Grid.extend({\r\n\r\n slotDuration: null, // duration of a \"slot\", a distinct time segment on given day, visualized by lines\r\n snapDuration: null, // granularity of time for dragging and selecting\r\n minTime: null, // Duration object that denotes the first visible time of any given day\r\n maxTime: null, // Duration object that denotes the exclusive visible end time of any given day\r\n colDates: null, // whole-day dates for each column. left to right\r\n axisFormat: null, // formatting string for times running along vertical axis\r\n\r\n dayEls: null, // cells elements in the day-row background\r\n slatEls: null, // elements running horizontally across all columns\r\n\r\n slatTops: null, // an array of top positions, relative to the container. last item holds bottom of last slot\r\n\r\n helperEl: null, // cell skeleton element for rendering the mock event \"helper\"\r\n\r\n businessHourSegs: null,\r\n\r\n constructor: function() {\r\n Grid.apply(this, arguments); // call the super-constructor\r\n this.processOptions();\r\n },\r\n\r\n // Renders the time grid into `this.el`, which should already be assigned.\r\n // Relies on the view's colCnt. In the future, this component should probably be self-sufficient.\r\n renderDates: function() {\r\n this.el.html(this.renderHtml());\r\n this.dayEls = this.el.find('.fc-day');\r\n this.slatEls = this.el.find('.fc-slats tr');\r\n },\r\n\r\n renderBusinessHours: function() {\r\n var events = this.view.calendar.getBusinessHoursEvents();\r\n this.businessHourSegs = this.renderFill('businessHours', this.eventsToSegs(events), 'bgevent');\r\n },\r\n\r\n // Renders the basic HTML skeleton for the grid\r\n renderHtml: function() {\r\n return '' +\r\n\t\t\t'
' +\r\n\t\t\t\t'
' +\r\n\t\t\t\t\tthis.rowHtml('slotBg') + // leverages RowRenderer, which will call slotBgCellHtml\r\n\t\t\t\t'
';\r\n },\r\n\r\n // Renders the HTML for a vertical background cell behind the slots.\r\n // This method is distinct from 'bg' because we wanted a new `rowType` so the View could customize the rendering.\r\n slotBgCellHtml: function(cell) {\r\n return this.bgCellHtml(cell);\r\n },\r\n\r\n // Generates the HTML for the horizontal \"slats\" that run width-wise. Has a time axis on a side. Depends on RTL.\r\n slatRowHtml: function() {\r\n var view = this.view;\r\n var isRTL = this.isRTL;\r\n var html = '';\r\n var slotNormal = this.slotDuration.asMinutes() % 15 === 0;\r\n var slotTime = moment.duration(+this.minTime); // wish there was .clone() for durations\r\n var slotDate; // will be on the view's first day, but we only care about its time\r\n var minutes;\r\n var axisHtml;\r\n\r\n // Calculate the time for each slot\r\n while (slotTime < this.maxTime) {\r\n slotDate = this.start.clone().time(slotTime); // will be in UTC but that's good. to avoid DST issues\r\n minutes = slotDate.minutes();\r\n\r\n axisHtml =\r\n\t\t\t\t'
' +\r\n\t\t\t\t\t((!slotNormal || !minutes) // if irregular slot duration, or on the hour, then display the time\r\n\t\t\t\t\t ? '' + // for matchCellWidths\r\n\t\t\t\t\t\t\thtmlEscape(slotDate.format(this.axisFormat)) +\r\n\t\t\t\t\t\t''\r\n\t\t\t\t\t : ''\r\n\t\t\t\t\t) +\r\n\t\t\t\t'
';\r\n\r\n slotTime.add(this.slotDuration);\r\n }\r\n\r\n return html;\r\n },\r\n\r\n /* Options\r\n\t------------------------------------------------------------------------------------------------------------------*/\r\n\r\n // Parses various options into properties of this object\r\n processOptions: function() {\r\n var view = this.view;\r\n var slotDuration = view.opt('slotDuration');\r\n var snapDuration = view.opt('snapDuration');\r\n\r\n slotDuration = moment.duration(slotDuration);\r\n snapDuration = snapDuration ? moment.duration(snapDuration) : slotDuration;\r\n\r\n this.slotDuration = slotDuration;\r\n this.snapDuration = snapDuration;\r\n this.cellDuration = snapDuration; // for Grid system\r\n\r\n this.minTime = moment.duration(view.opt('minTime'));\r\n this.maxTime = moment.duration(view.opt('maxTime'));\r\n\r\n this.axisFormat = view.opt('axisFormat') || view.opt('smallTimeFormat');\r\n },\r\n\r\n // Computes a default column header formatting string if `colFormat` is not explicitly defined\r\n computeColHeadFormat: function() {\r\n if (this.colCnt > 1) { // multiple days, so full single date string WON'T be in title text\r\n return this.view.opt('dayOfMonthFormat'); // \"Sat 12/10\"\r\n } else { // single day, so full single date string will probably be in title text\r\n return 'dddd'; // \"Saturday\"\r\n }\r\n },\r\n\r\n // Computes a default event time formatting string if `timeFormat` is not explicitly defined\r\n computeEventTimeFormat: function() {\r\n return this.view.opt('noMeridiemTimeFormat'); // like \"6:30\" (no AM/PM)\r\n },\r\n\r\n // Computes a default `displayEventEnd` value if one is not expliclty defined\r\n computeDisplayEventEnd: function() {\r\n return true;\r\n },\r\n\r\n /* Cell System\r\n\t------------------------------------------------------------------------------------------------------------------*/\r\n\r\n rangeUpdated: function() {\r\n var view = this.view;\r\n var colDates = [];\r\n var date;\r\n\r\n date = this.start.clone();\r\n while (date.isBefore(this.end)) {\r\n colDates.push(date.clone());\r\n date.add(1, 'day');\r\n date = view.skipHiddenDays(date);\r\n }\r\n\r\n if (this.isRTL) {\r\n colDates.reverse();\r\n }\r\n\r\n this.colDates = colDates;\r\n this.colCnt = colDates.length;\r\n this.rowCnt = Math.ceil((this.maxTime - this.minTime) / this.snapDuration); // # of vertical snaps\r\n },\r\n\r\n // Given a cell object, generates its start date. Returns a reference-free copy.\r\n computeCellDate: function(cell) {\r\n var date = this.colDates[cell.col];\r\n var time = this.computeSnapTime(cell.row);\r\n\r\n date = this.view.calendar.rezoneDate(date); // give it a 00:00 time\r\n date.time(time);\r\n\r\n return date;\r\n },\r\n\r\n // Retrieves the element representing the given column\r\n getColEl: function(col) {\r\n return this.dayEls.eq(col);\r\n },\r\n\r\n /* Dates\r\n\t------------------------------------------------------------------------------------------------------------------*/\r\n\r\n // Given a row number of the grid, representing a \"snap\", returns a time (Duration) from its start-of-day\r\n computeSnapTime: function(row) {\r\n return moment.duration(this.minTime + this.snapDuration * row);\r\n },\r\n\r\n // Slices up a date range by column into an array of segments\r\n rangeToSegs: function(range) {\r\n var colCnt = this.colCnt;\r\n var segs = [];\r\n var seg;\r\n var col;\r\n var colDate;\r\n var colRange;\r\n\r\n // normalize :(\r\n range = {\r\n start: range.start.clone().stripZone(),\r\n end: range.end.clone().stripZone()\r\n };\r\n\r\n for (col = 0; col < colCnt; col++) {\r\n colDate = this.colDates[col]; // will be ambig time/timezone\r\n colRange = {\r\n start: colDate.clone().time(this.minTime),\r\n end: colDate.clone().time(this.maxTime)\r\n };\r\n seg = intersectionToSeg(range, colRange); // both will be ambig timezone\r\n if (seg) {\r\n seg.col = col;\r\n segs.push(seg);\r\n }\r\n }\r\n\r\n return segs;\r\n },\r\n\r\n /* Coordinates\r\n\t------------------------------------------------------------------------------------------------------------------*/\r\n\r\n updateSize: function(isResize) { // NOT a standard Grid method\r\n this.computeSlatTops();\r\n\r\n if (isResize) {\r\n this.updateSegVerticals();\r\n }\r\n },\r\n\r\n // Computes the top/bottom coordinates of each \"snap\" rows\r\n computeRowCoords: function() {\r\n var originTop = this.el.offset().top;\r\n var items = [];\r\n var i;\r\n var item;\r\n\r\n for (i = 0; i < this.rowCnt; i++) {\r\n item = {\r\n top: originTop + this.computeTimeTop(this.computeSnapTime(i))\r\n };\r\n if (i > 0) {\r\n items[i - 1].bottom = item.top;\r\n }\r\n items.push(item);\r\n }\r\n item.bottom = item.top + this.computeTimeTop(this.computeSnapTime(i));\r\n\r\n return items;\r\n },\r\n\r\n // Computes the top coordinate, relative to the bounds of the grid, of the given date.\r\n // A `startOfDayDate` must be given for avoiding ambiguity over how to treat midnight.\r\n computeDateTop: function(date, startOfDayDate) {\r\n return this.computeTimeTop(\r\n moment.duration(\r\n date.clone().stripZone() - startOfDayDate.clone().stripTime()\r\n )\r\n );\r\n },\r\n\r\n // Computes the top coordinate, relative to the bounds of the grid, of the given time (a Duration).\r\n computeTimeTop: function(time) {\r\n var slatCoverage = (time - this.minTime) / this.slotDuration; // floating-point value of # of slots covered\r\n var slatIndex;\r\n var slatRemainder;\r\n var slatTop;\r\n var slatBottom;\r\n\r\n // constrain. because minTime/maxTime might be customized\r\n slatCoverage = Math.max(0, slatCoverage);\r\n slatCoverage = Math.min(this.slatEls.length, slatCoverage);\r\n\r\n slatIndex = Math.floor(slatCoverage); // an integer index of the furthest whole slot\r\n slatRemainder = slatCoverage - slatIndex;\r\n slatTop = this.slatTops[slatIndex]; // the top position of the furthest whole slot\r\n\r\n if (slatRemainder) { // time spans part-way into the slot\r\n slatBottom = this.slatTops[slatIndex + 1];\r\n return slatTop + (slatBottom - slatTop) * slatRemainder; // part-way between slots\r\n } else {\r\n return slatTop;\r\n }\r\n },\r\n\r\n // Queries each `slatEl` for its position relative to the grid's container and stores it in `slatTops`.\r\n // Includes the the bottom of the last slat as the last item in the array.\r\n computeSlatTops: function() {\r\n var tops = [];\r\n var top;\r\n\r\n this.slatEls.each(function(i, node) {\r\n top = $(node).position().top;\r\n tops.push(top);\r\n });\r\n\r\n tops.push(top + this.slatEls.last().outerHeight()); // bottom of the last slat\r\n\r\n this.slatTops = tops;\r\n },\r\n\r\n /* Event Drag Visualization\r\n\t------------------------------------------------------------------------------------------------------------------*/\r\n\r\n // Renders a visual indication of an event being dragged over the specified date(s).\r\n // dropLocation's end might be null, as well as `seg`. See Grid::renderDrag for more info.\r\n // A returned value of `true` signals that a mock \"helper\" event has been rendered.\r\n renderDrag: function(dropLocation, seg) {\r\n if (seg) { // if there is event information for this drag, render a helper event\r\n this.renderRangeHelper(dropLocation, seg);\r\n this.applyDragOpacity(this.helperEl);\r\n\r\n return true; // signal that a helper has been rendered\r\n } else {\r\n // otherwise, just render a highlight\r\n this.renderHighlight(this.eventRangeToSegs(dropLocation));\r\n }\r\n },\r\n\r\n // Unrenders any visual indication of an event being dragged\r\n unrenderDrag: function() {\r\n this.unrenderHelper();\r\n this.unrenderHighlight();\r\n },\r\n\r\n /* Event Resize Visualization\r\n\t------------------------------------------------------------------------------------------------------------------*/\r\n\r\n // Renders a visual indication of an event being resized\r\n renderEventResize: function(range, seg) {\r\n this.renderRangeHelper(range, seg);\r\n },\r\n\r\n // Unrenders any visual indication of an event being resized\r\n unrenderEventResize: function() {\r\n this.unrenderHelper();\r\n },\r\n\r\n /* Event Helper\r\n\t------------------------------------------------------------------------------------------------------------------*/\r\n\r\n // Renders a mock \"helper\" event. `sourceSeg` is the original segment object and might be null (an external drag)\r\n renderHelper: function(event, sourceSeg) {\r\n var segs = this.eventsToSegs([ event ]);\r\n var tableEl;\r\n var i, seg;\r\n var sourceEl;\r\n\r\n segs = this.renderFgSegEls(segs); // assigns each seg's el and returns a subset of segs that were rendered\r\n tableEl = this.renderSegTable(segs);\r\n\r\n // Try to make the segment that is in the same row as sourceSeg look the same\r\n for (i = 0; i < segs.length; i++) {\r\n seg = segs[i];\r\n if (sourceSeg && sourceSeg.col === seg.col) {\r\n sourceEl = sourceSeg.el;\r\n seg.el.css({\r\n left: sourceEl.css('left'),\r\n right: sourceEl.css('right'),\r\n 'margin-left': sourceEl.css('margin-left'),\r\n 'margin-right': sourceEl.css('margin-right')\r\n });\r\n }\r\n }\r\n\r\n this.helperEl = $('
')\r\n .append(tableEl)\r\n .appendTo(this.el);\r\n },\r\n\r\n // Unrenders any mock helper event\r\n unrenderHelper: function() {\r\n if (this.helperEl) {\r\n this.helperEl.remove();\r\n this.helperEl = null;\r\n }\r\n },\r\n\r\n /* Selection\r\n\t------------------------------------------------------------------------------------------------------------------*/\r\n\r\n // Renders a visual indication of a selection. Overrides the default, which was to simply render a highlight.\r\n renderSelection: function(range) {\r\n if (this.view.opt('selectHelper')) { // this setting signals that a mock helper event should be rendered\r\n this.renderRangeHelper(range);\r\n } else {\r\n this.renderHighlight(this.selectionRangeToSegs(range));\r\n }\r\n },\r\n\r\n // Unrenders any visual indication of a selection\r\n unrenderSelection: function() {\r\n this.unrenderHelper();\r\n this.unrenderHighlight();\r\n },\r\n\r\n /* Fill System (highlight, background events, business hours)\r\n\t------------------------------------------------------------------------------------------------------------------*/\r\n\r\n // Renders a set of rectangles over the given time segments.\r\n // Only returns segments that successfully rendered.\r\n renderFill: function(type, segs, className) {\r\n var segCols;\r\n var skeletonEl;\r\n var trEl;\r\n var col, colSegs;\r\n var tdEl;\r\n var containerEl;\r\n var dayDate;\r\n var i, seg;\r\n\r\n if (segs.length) {\r\n segs = this.renderFillSegEls(type, segs); // assignes `.el` to each seg. returns successfully rendered segs\r\n segCols = this.groupSegCols(segs); // group into sub-arrays, and assigns 'col' to each seg\r\n\r\n className = className || type.toLowerCase();\r\n skeletonEl = $(\r\n '
' +\r\n\t\t\t\t\t'
' +\r\n\t\t\t\t'
'\r\n );\r\n trEl = skeletonEl.find('tr');\r\n\r\n for (col = 0; col < segCols.length; col++) {\r\n colSegs = segCols[col];\r\n tdEl = $('
').appendTo(trEl);\r\n\r\n if (colSegs.length) {\r\n containerEl = $('').appendTo(tdEl);\r\n dayDate = this.colDates[col];\r\n\r\n for (i = 0; i < colSegs.length; i++) {\r\n seg = colSegs[i];\r\n containerEl.append(\r\n seg.el.css({\r\n top: this.computeDateTop(seg.start, dayDate),\r\n bottom: -this.computeDateTop(seg.end, dayDate) // the y position of the bottom edge\r\n })\r\n );\r\n }\r\n }\r\n }\r\n\r\n this.bookendCells(trEl, type);\r\n\r\n this.el.append(skeletonEl);\r\n this.elsByFill[type] = skeletonEl;\r\n }\r\n\r\n return segs;\r\n }\r\n\r\n });\r\n\r\n ;;\r\n\r\n /* Event-rendering methods for the TimeGrid class\r\n----------------------------------------------------------------------------------------------------------------------*/\r\n\r\n TimeGrid.mixin({\r\n\r\n eventSkeletonEl: null, // has cells with event-containers, which contain absolutely positioned event elements\r\n\r\n // Renders the given foreground event segments onto the grid\r\n renderFgSegs: function(segs) {\r\n segs = this.renderFgSegEls(segs); // returns a subset of the segs. segs that were actually rendered\r\n\r\n this.el.append(\r\n this.eventSkeletonEl = $('
')\r\n .append(this.renderSegTable(segs))\r\n );\r\n\r\n return segs; // return only the segs that were actually rendered\r\n },\r\n\r\n // Unrenders all currently rendered foreground event segments\r\n unrenderFgSegs: function(segs) {\r\n if (this.eventSkeletonEl) {\r\n this.eventSkeletonEl.remove();\r\n this.eventSkeletonEl = null;\r\n }\r\n },\r\n\r\n // Renders and returns the
portion of the event-skeleton.\r\n // Returns an object with properties 'tbodyEl' and 'segs'.\r\n renderSegTable: function(segs) {\r\n var tableEl = $('
');\r\n var trEl = tableEl.find('tr');\r\n var segCols;\r\n var i, seg;\r\n var col, colSegs;\r\n var containerEl;\r\n\r\n segCols = this.groupSegCols(segs); // group into sub-arrays, and assigns 'col' to each seg\r\n\r\n this.computeSegVerticals(segs); // compute and assign top/bottom\r\n\r\n for (col = 0; col < segCols.length; col++) { // iterate each column grouping\r\n colSegs = segCols[col];\r\n placeSlotSegs(colSegs); // compute horizontal coordinates, z-index's, and reorder the array\r\n\r\n containerEl = $('
');\r\n\r\n // assign positioning CSS and insert into container\r\n for (i = 0; i < colSegs.length; i++) {\r\n seg = colSegs[i];\r\n seg.el.css(this.generateSegPositionCss(seg));\r\n\r\n // if the height is short, add a className for alternate styling\r\n if (seg.bottom - seg.top < 30) {\r\n seg.el.addClass('fc-short');\r\n }\r\n\r\n containerEl.append(seg.el);\r\n }\r\n\r\n trEl.append($('
').append(containerEl));\r\n }\r\n\r\n this.bookendCells(trEl, 'eventSkeleton');\r\n\r\n return tableEl;\r\n },\r\n\r\n // Refreshes the CSS top/bottom coordinates for each segment element. Probably after a window resize/zoom.\r\n // Repositions business hours segs too, so not just for events. Maybe shouldn't be here.\r\n updateSegVerticals: function() {\r\n var allSegs = (this.segs || []).concat(this.businessHourSegs || []);\r\n var i;\r\n\r\n this.computeSegVerticals(allSegs);\r\n\r\n for (i = 0; i < allSegs.length; i++) {\r\n allSegs[i].el.css(\r\n this.generateSegVerticalCss(allSegs[i])\r\n );\r\n }\r\n },\r\n\r\n // For each segment in an array, computes and assigns its top and bottom properties\r\n computeSegVerticals: function(segs) {\r\n var i, seg;\r\n\r\n for (i = 0; i < segs.length; i++) {\r\n seg = segs[i];\r\n seg.top = this.computeDateTop(seg.start, seg.start);\r\n seg.bottom = this.computeDateTop(seg.end, seg.start);\r\n }\r\n },\r\n\r\n // Renders the HTML for a single event segment's default rendering\r\n fgSegHtml: function(seg, disableResizing) {\r\n var view = this.view;\r\n var event = seg.event;\r\n var isDraggable = view.isEventDraggable(event);\r\n var isResizableFromStart = !disableResizing && seg.isStart && view.isEventResizableFromStart(event);\r\n var isResizableFromEnd = !disableResizing && seg.isEnd && view.isEventResizableFromEnd(event);\r\n var classes = this.getSegClasses(seg, isDraggable, isResizableFromStart || isResizableFromEnd);\r\n var skinCss = cssToStr(this.getEventSkinCss(event));\r\n var timeText;\r\n var fullTimeText; // more verbose time text. for the print stylesheet\r\n var startTimeText; // just the start time text\r\n\r\n classes.unshift('fc-time-grid-event', 'fc-v-event');\r\n\r\n if (view.isMultiDayEvent(event)) { // if the event appears to span more than one day...\r\n // Don't display time text on segments that run entirely through a day.\r\n // That would appear as midnight-midnight and would look dumb.\r\n // Otherwise, display the time text for the *segment's* times (like 6pm-midnight or midnight-10am)\r\n if (seg.isStart || seg.isEnd) {\r\n timeText = this.getEventTimeText(seg);\r\n fullTimeText = this.getEventTimeText(seg, 'LT');\r\n startTimeText = this.getEventTimeText(seg, null, false); // displayEnd=false\r\n }\r\n } else {\r\n // Display the normal time text for the *event's* times\r\n timeText = this.getEventTimeText(event);\r\n fullTimeText = this.getEventTimeText(event, 'LT');\r\n startTimeText = this.getEventTimeText(event, null, false); // displayEnd=false\r\n }\r\n\r\n return '' +\r\n\t\t\t\t'