');\r\n hiddenDiv.html(content);\r\n\r\n // When textarea is hidden, width goes crazy.\r\n // Approximate with half of window size\r\n\r\n if ($textarea.is(':visible')) {\r\n hiddenDiv.css('width', $textarea.width());\r\n } else {\r\n hiddenDiv.css('width', $(window).width() / 2);\r\n }\r\n\r\n /**\r\n * Resize if the new height is greater than the\r\n * original height of the textarea\r\n */\r\n if ($textarea.data('original-height') <= hiddenDiv.height()) {\r\n $textarea.css('height', hiddenDiv.height());\r\n } else if ($textarea.val().length < $textarea.data('previous-length')) {\r\n /**\r\n * In case the new height is less than original height, it\r\n * means the textarea has less text than before\r\n * So we set the height to the original one\r\n */\r\n $textarea.css('height', $textarea.data('original-height'));\r\n }\r\n $textarea.data('previous-length', $textarea.val().length);\r\n }\r\n\r\n $(text_area_selector).each(function () {\r\n var $textarea = $(this);\r\n /**\r\n * Instead of resizing textarea on document load,\r\n * store the original height and the original length\r\n */\r\n $textarea.data('original-height', $textarea.height());\r\n $textarea.data('previous-length', $textarea.val().length);\r\n });\r\n\r\n $('body').on('keyup keydown autoresize', text_area_selector, function () {\r\n textareaAutoResize($(this));\r\n });\r\n\r\n // File Input Path\r\n $(document).on('change', '.file-field input[type=\"file\"]', function () {\r\n var file_field = $(this).closest('.file-field');\r\n var path_input = file_field.find('input.file-path');\r\n var files = $(this)[0].files;\r\n var file_names = [];\r\n for (var i = 0; i < files.length; i++) {\r\n file_names.push(files[i].name);\r\n }\r\n path_input.val(file_names.join(\", \"));\r\n path_input.trigger('change');\r\n });\r\n\r\n /****************\r\n * Range Input *\r\n ****************/\r\n\r\n var range_type = 'input[type=range]';\r\n var range_mousedown = false;\r\n var left;\r\n\r\n $(range_type).each(function () {\r\n var thumb = $('');\r\n $(this).after(thumb);\r\n });\r\n\r\n var showRangeBubble = function (thumb) {\r\n var paddingLeft = parseInt(thumb.parent().css('padding-left'));\r\n var marginLeft = -7 + paddingLeft + 'px';\r\n thumb.velocity({ height: \"30px\", width: \"30px\", top: \"-30px\", marginLeft: marginLeft }, { duration: 300, easing: 'easeOutExpo' });\r\n };\r\n\r\n var calcRangeOffset = function (range) {\r\n var width = range.width() - 15;\r\n var max = parseFloat(range.attr('max'));\r\n var min = parseFloat(range.attr('min'));\r\n var percent = (parseFloat(range.val()) - min) / (max - min);\r\n return percent * width;\r\n };\r\n\r\n var range_wrapper = '.range-field';\r\n $(document).on('change', range_type, function (e) {\r\n var thumb = $(this).siblings('.thumb');\r\n thumb.find('.value').html($(this).val());\r\n\r\n if (!thumb.hasClass('active')) {\r\n showRangeBubble(thumb);\r\n }\r\n\r\n var offsetLeft = calcRangeOffset($(this));\r\n thumb.addClass('active').css('left', offsetLeft);\r\n });\r\n\r\n $(document).on('mousedown touchstart', range_type, function (e) {\r\n var thumb = $(this).siblings('.thumb');\r\n\r\n // If thumb indicator does not exist yet, create it\r\n if (thumb.length <= 0) {\r\n thumb = $('');\r\n $(this).after(thumb);\r\n }\r\n\r\n // Set indicator value\r\n thumb.find('.value').html($(this).val());\r\n\r\n range_mousedown = true;\r\n $(this).addClass('active');\r\n\r\n if (!thumb.hasClass('active')) {\r\n showRangeBubble(thumb);\r\n }\r\n\r\n if (e.type !== 'input') {\r\n var offsetLeft = calcRangeOffset($(this));\r\n thumb.addClass('active').css('left', offsetLeft);\r\n }\r\n });\r\n\r\n $(document).on('mouseup touchend', range_wrapper, function () {\r\n range_mousedown = false;\r\n $(this).removeClass('active');\r\n });\r\n\r\n $(document).on('input mousemove touchmove', range_wrapper, function (e) {\r\n var thumb = $(this).children('.thumb');\r\n var left;\r\n var input = $(this).find(range_type);\r\n\r\n if (range_mousedown) {\r\n if (!thumb.hasClass('active')) {\r\n showRangeBubble(thumb);\r\n }\r\n\r\n var offsetLeft = calcRangeOffset(input);\r\n thumb.addClass('active').css('left', offsetLeft);\r\n thumb.find('.value').html(thumb.siblings(range_type).val());\r\n }\r\n });\r\n\r\n $(document).on('mouseout touchleave', range_wrapper, function () {\r\n if (!range_mousedown) {\r\n\r\n var thumb = $(this).children('.thumb');\r\n var paddingLeft = parseInt($(this).css('padding-left'));\r\n var marginLeft = 7 + paddingLeft + 'px';\r\n\r\n if (thumb.hasClass('active')) {\r\n thumb.velocity({ height: '0', width: '0', top: '10px', marginLeft: marginLeft }, { duration: 100 });\r\n }\r\n thumb.removeClass('active');\r\n }\r\n });\r\n\r\n /**************************\r\n * Auto complete plugin *\r\n *************************/\r\n $.fn.autocomplete = function (options) {\r\n // Defaults\r\n var defaults = {\r\n data: {},\r\n limit: Infinity,\r\n onAutocomplete: null,\r\n minLength: 1\r\n };\r\n\r\n options = $.extend(defaults, options);\r\n\r\n return this.each(function () {\r\n var $input = $(this);\r\n var data = options.data,\r\n count = 0,\r\n activeIndex = -1,\r\n oldVal,\r\n $inputDiv = $input.closest('.input-field'); // Div to append on\r\n\r\n // Check if data isn't empty\r\n if (!$.isEmptyObject(data)) {\r\n var $autocomplete = $('
', '
'].join('');\r\n\r\n // ClockPicker\r\n function ClockPicker(element, options) {\r\n var popover = $(tpl),\r\n plate = popover.find('.clockpicker-plate'),\r\n holder = popover.find('.picker__holder'),\r\n hoursView = popover.find('.clockpicker-hours'),\r\n minutesView = popover.find('.clockpicker-minutes'),\r\n amPmBlock = popover.find('.clockpicker-am-pm-block'),\r\n isInput = element.prop('tagName') === 'INPUT',\r\n input = isInput ? element : element.find('input'),\r\n label = $(\"label[for=\" + input.attr(\"id\") + \"]\"),\r\n self = this;\r\n\r\n this.id = uniqueId('cp');\r\n this.element = element;\r\n this.holder = holder;\r\n this.options = options;\r\n this.isAppended = false;\r\n this.isShown = false;\r\n this.currentView = 'hours';\r\n this.isInput = isInput;\r\n this.input = input;\r\n this.label = label;\r\n this.popover = popover;\r\n this.plate = plate;\r\n this.hoursView = hoursView;\r\n this.minutesView = minutesView;\r\n this.amPmBlock = amPmBlock;\r\n this.spanHours = popover.find('.clockpicker-span-hours');\r\n this.spanMinutes = popover.find('.clockpicker-span-minutes');\r\n this.spanAmPm = popover.find('.clockpicker-span-am-pm');\r\n this.footer = popover.find('.picker__footer');\r\n this.amOrPm = \"PM\";\r\n\r\n // Setup for for 12 hour clock if option is selected\r\n if (options.twelvehour) {\r\n if (!options.ampmclickable) {\r\n this.spanAmPm.empty();\r\n $('', '
', '', '
', '', '
', '', '
', '', '
', '', '
', '', '', ':', '', '
', '', '', '
', '', '
', '', '
', '', '', '', '', '', '
', '', '
', 'AM
').appendTo(this.spanAmPm);\r\n $('PM
').appendTo(this.spanAmPm);\r\n } else {\r\n this.spanAmPm.empty();\r\n $('AM
').on(\"click\", function () {\r\n self.spanAmPm.children('#click-am').addClass(\"text-primary\");\r\n self.spanAmPm.children('#click-pm').removeClass(\"text-primary\");\r\n self.amOrPm = \"AM\";\r\n }).appendTo(this.spanAmPm);\r\n $('PM
').on(\"click\", function () {\r\n self.spanAmPm.children('#click-pm').addClass(\"text-primary\");\r\n self.spanAmPm.children('#click-am').removeClass(\"text-primary\");\r\n self.amOrPm = 'PM';\r\n }).appendTo(this.spanAmPm);\r\n }\r\n }\r\n\r\n // Add buttons to footer\r\n $('').click($.proxy(this.clear, this)).appendTo(this.footer);\r\n $('').click($.proxy(this.hide, this)).appendTo(this.footer);\r\n $('').click($.proxy(this.done, this)).appendTo(this.footer);\r\n\r\n this.spanHours.click($.proxy(this.toggleView, this, 'hours'));\r\n this.spanMinutes.click($.proxy(this.toggleView, this, 'minutes'));\r\n\r\n // Show or toggle\r\n input.on('focus.clockpicker click.clockpicker', $.proxy(this.show, this));\r\n\r\n // Build ticks\r\n var tickTpl = $(''),\r\n i,\r\n tick,\r\n radian,\r\n radius;\r\n\r\n // Hours view\r\n if (options.twelvehour) {\r\n for (i = 1; i < 13; i += 1) {\r\n tick = tickTpl.clone();\r\n radian = i / 6 * Math.PI;\r\n radius = outerRadius;\r\n tick.css({\r\n left: dialRadius + Math.sin(radian) * radius - tickRadius,\r\n top: dialRadius - Math.cos(radian) * radius - tickRadius\r\n });\r\n tick.html(i === 0 ? '00' : i);\r\n hoursView.append(tick);\r\n tick.on(mousedownEvent, mousedown);\r\n }\r\n } else {\r\n for (i = 0; i < 24; i += 1) {\r\n tick = tickTpl.clone();\r\n radian = i / 6 * Math.PI;\r\n var inner = i > 0 && i < 13;\r\n radius = inner ? innerRadius : outerRadius;\r\n tick.css({\r\n left: dialRadius + Math.sin(radian) * radius - tickRadius,\r\n top: dialRadius - Math.cos(radian) * radius - tickRadius\r\n });\r\n tick.html(i === 0 ? '00' : i);\r\n hoursView.append(tick);\r\n tick.on(mousedownEvent, mousedown);\r\n }\r\n }\r\n\r\n // Minutes view\r\n for (i = 0; i < 60; i += 5) {\r\n tick = tickTpl.clone();\r\n radian = i / 30 * Math.PI;\r\n tick.css({\r\n left: dialRadius + Math.sin(radian) * outerRadius - tickRadius,\r\n top: dialRadius - Math.cos(radian) * outerRadius - tickRadius\r\n });\r\n tick.html(leadingZero(i));\r\n minutesView.append(tick);\r\n tick.on(mousedownEvent, mousedown);\r\n }\r\n\r\n // Clicking on minutes view space\r\n plate.on(mousedownEvent, function (e) {\r\n if ($(e.target).closest('.clockpicker-tick').length === 0) {\r\n mousedown(e, true);\r\n }\r\n });\r\n\r\n // Mousedown or touchstart\r\n function mousedown(e, space) {\r\n var offset = plate.offset(),\r\n isTouch = /^touch/.test(e.type),\r\n x0 = offset.left + dialRadius,\r\n y0 = offset.top + dialRadius,\r\n dx = (isTouch ? e.originalEvent.touches[0] : e).pageX - x0,\r\n dy = (isTouch ? e.originalEvent.touches[0] : e).pageY - y0,\r\n z = Math.sqrt(dx * dx + dy * dy),\r\n moved = false;\r\n\r\n // When clicking on minutes view space, check the mouse position\r\n if (space && (z < outerRadius - tickRadius || z > outerRadius + tickRadius)) {\r\n return;\r\n }\r\n e.preventDefault();\r\n\r\n // Set cursor style of body after 200ms\r\n var movingTimer = setTimeout(function () {\r\n self.popover.addClass('clockpicker-moving');\r\n }, 200);\r\n\r\n // Clock\r\n self.setHand(dx, dy, !space, true);\r\n\r\n // Mousemove on document\r\n $doc.off(mousemoveEvent).on(mousemoveEvent, function (e) {\r\n e.preventDefault();\r\n var isTouch = /^touch/.test(e.type),\r\n x = (isTouch ? e.originalEvent.touches[0] : e).pageX - x0,\r\n y = (isTouch ? e.originalEvent.touches[0] : e).pageY - y0;\r\n if (!moved && x === dx && y === dy) {\r\n // Clicking in chrome on windows will trigger a mousemove event\r\n return;\r\n }\r\n moved = true;\r\n self.setHand(x, y, false, true);\r\n });\r\n\r\n // Mouseup on document\r\n $doc.off(mouseupEvent).on(mouseupEvent, function (e) {\r\n $doc.off(mouseupEvent);\r\n e.preventDefault();\r\n var isTouch = /^touch/.test(e.type),\r\n x = (isTouch ? e.originalEvent.changedTouches[0] : e).pageX - x0,\r\n y = (isTouch ? e.originalEvent.changedTouches[0] : e).pageY - y0;\r\n if ((space || moved) && x === dx && y === dy) {\r\n self.setHand(x, y);\r\n }\r\n\r\n if (self.currentView === 'hours') {\r\n self.toggleView('minutes', duration / 2);\r\n } else if (options.autoclose) {\r\n self.minutesView.addClass('clockpicker-dial-out');\r\n setTimeout(function () {\r\n self.done();\r\n }, duration / 2);\r\n }\r\n plate.prepend(canvas);\r\n\r\n // Reset cursor style of body\r\n clearTimeout(movingTimer);\r\n self.popover.removeClass('clockpicker-moving');\r\n\r\n // Unbind mousemove event\r\n $doc.off(mousemoveEvent);\r\n });\r\n }\r\n\r\n if (svgSupported) {\r\n // Draw clock hands and others\r\n var canvas = popover.find('.clockpicker-canvas'),\r\n svg = createSvgElement('svg');\r\n svg.setAttribute('class', 'clockpicker-svg');\r\n svg.setAttribute('width', diameter);\r\n svg.setAttribute('height', diameter);\r\n var g = createSvgElement('g');\r\n g.setAttribute('transform', 'translate(' + dialRadius + ',' + dialRadius + ')');\r\n var bearing = createSvgElement('circle');\r\n bearing.setAttribute('class', 'clockpicker-canvas-bearing');\r\n bearing.setAttribute('cx', 0);\r\n bearing.setAttribute('cy', 0);\r\n bearing.setAttribute('r', 4);\r\n var hand = createSvgElement('line');\r\n hand.setAttribute('x1', 0);\r\n hand.setAttribute('y1', 0);\r\n var bg = createSvgElement('circle');\r\n bg.setAttribute('class', 'clockpicker-canvas-bg');\r\n bg.setAttribute('r', tickRadius);\r\n g.appendChild(hand);\r\n g.appendChild(bg);\r\n g.appendChild(bearing);\r\n svg.appendChild(g);\r\n canvas.append(svg);\r\n\r\n this.hand = hand;\r\n this.bg = bg;\r\n this.bearing = bearing;\r\n this.g = g;\r\n this.canvas = canvas;\r\n }\r\n\r\n raiseCallback(this.options.init);\r\n }\r\n\r\n function raiseCallback(callbackFunction) {\r\n if (callbackFunction && typeof callbackFunction === \"function\") callbackFunction();\r\n }\r\n\r\n // Default options\r\n ClockPicker.DEFAULTS = {\r\n 'default': '', // default time, 'now' or '13:14' e.g.\r\n fromnow: 0, // set default time to * milliseconds from now (using with default = 'now')\r\n donetext: 'Ok', // done button text\r\n cleartext: 'Clear',\r\n canceltext: 'Cancel',\r\n autoclose: false, // auto close when minute is selected\r\n ampmclickable: true, // set am/pm button on itself\r\n darktheme: false, // set to dark theme\r\n twelvehour: true, // change to 12 hour AM/PM clock from 24 hour\r\n vibrate: true // vibrate the device when dragging clock hand\r\n };\r\n\r\n // Show or hide popover\r\n ClockPicker.prototype.toggle = function () {\r\n this[this.isShown ? 'hide' : 'show']();\r\n };\r\n\r\n // Set popover position\r\n ClockPicker.prototype.locate = function () {\r\n var element = this.element,\r\n popover = this.popover,\r\n offset = element.offset(),\r\n width = element.outerWidth(),\r\n height = element.outerHeight(),\r\n align = this.options.align,\r\n self = this;\r\n\r\n popover.show();\r\n };\r\n\r\n // Show popover\r\n ClockPicker.prototype.show = function (e) {\r\n // Not show again\r\n if (this.isShown) {\r\n return;\r\n }\r\n raiseCallback(this.options.beforeShow);\r\n $(':input').each(function () {\r\n $(this).attr('tabindex', -1);\r\n });\r\n var self = this;\r\n // Initialize\r\n this.input.blur();\r\n this.popover.addClass('picker--opened');\r\n this.input.addClass('picker__input picker__input--active');\r\n $(document.body).css('overflow', 'hidden');\r\n // Get the time\r\n var value = ((this.input.prop('value') || this.options['default'] || '') + '').split(':');\r\n if (this.options.twelvehour && !(typeof value[1] === 'undefined')) {\r\n if (value[1].indexOf(\"AM\") > 0) {\r\n this.amOrPm = 'AM';\r\n } else {\r\n this.amOrPm = 'PM';\r\n }\r\n value[1] = value[1].replace(\"AM\", \"\").replace(\"PM\", \"\");\r\n }\r\n if (value[0] === 'now') {\r\n var now = new Date(+new Date() + this.options.fromnow);\r\n value = [now.getHours(), now.getMinutes()];\r\n if (this.options.twelvehour) {\r\n this.amOrPm = value[0] >= 12 && value[0] < 24 ? 'PM' : 'AM';\r\n }\r\n }\r\n this.hours = +value[0] || 0;\r\n this.minutes = +value[1] || 0;\r\n this.spanHours.html(this.hours);\r\n this.spanMinutes.html(leadingZero(this.minutes));\r\n if (!this.isAppended) {\r\n\r\n // Append popover to input by default\r\n var containerEl = document.querySelector(this.options.container);\r\n if (this.options.container && containerEl) {\r\n containerEl.appendChild(this.popover[0]);\r\n } else {\r\n this.popover.insertAfter(this.input);\r\n }\r\n\r\n if (this.options.twelvehour) {\r\n if (this.amOrPm === 'PM') {\r\n this.spanAmPm.children('#click-pm').addClass(\"text-primary\");\r\n this.spanAmPm.children('#click-am').removeClass(\"text-primary\");\r\n } else {\r\n this.spanAmPm.children('#click-am').addClass(\"text-primary\");\r\n this.spanAmPm.children('#click-pm').removeClass(\"text-primary\");\r\n }\r\n }\r\n // Reset position when resize\r\n $win.on('resize.clockpicker' + this.id, function () {\r\n if (self.isShown) {\r\n self.locate();\r\n }\r\n });\r\n this.isAppended = true;\r\n }\r\n // Toggle to hours view\r\n this.toggleView('hours');\r\n // Set position\r\n this.locate();\r\n this.isShown = true;\r\n // Hide when clicking or tabbing on any element except the clock and input\r\n $doc.on('click.clockpicker.' + this.id + ' focusin.clockpicker.' + this.id, function (e) {\r\n var target = $(e.target);\r\n if (target.closest(self.popover.find('.picker__wrap')).length === 0 && target.closest(self.input).length === 0) {\r\n self.hide();\r\n }\r\n });\r\n // Hide when ESC is pressed\r\n $doc.on('keyup.clockpicker.' + this.id, function (e) {\r\n if (e.keyCode === 27) {\r\n self.hide();\r\n }\r\n });\r\n raiseCallback(this.options.afterShow);\r\n };\r\n // Hide popover\r\n ClockPicker.prototype.hide = function () {\r\n raiseCallback(this.options.beforeHide);\r\n this.input.removeClass('picker__input picker__input--active');\r\n this.popover.removeClass('picker--opened');\r\n $(document.body).css('overflow', 'visible');\r\n this.isShown = false;\r\n $(':input').each(function (index) {\r\n $(this).attr('tabindex', index + 1);\r\n });\r\n // Unbinding events on document\r\n $doc.off('click.clockpicker.' + this.id + ' focusin.clockpicker.' + this.id);\r\n $doc.off('keyup.clockpicker.' + this.id);\r\n this.popover.hide();\r\n raiseCallback(this.options.afterHide);\r\n };\r\n // Toggle to hours or minutes view\r\n ClockPicker.prototype.toggleView = function (view, delay) {\r\n var raiseAfterHourSelect = false;\r\n if (view === 'minutes' && $(this.hoursView).css(\"visibility\") === \"visible\") {\r\n raiseCallback(this.options.beforeHourSelect);\r\n raiseAfterHourSelect = true;\r\n }\r\n var isHours = view === 'hours',\r\n nextView = isHours ? this.hoursView : this.minutesView,\r\n hideView = isHours ? this.minutesView : this.hoursView;\r\n this.currentView = view;\r\n\r\n this.spanHours.toggleClass('text-primary', isHours);\r\n this.spanMinutes.toggleClass('text-primary', !isHours);\r\n\r\n // Let's make transitions\r\n hideView.addClass('clockpicker-dial-out');\r\n nextView.css('visibility', 'visible').removeClass('clockpicker-dial-out');\r\n\r\n // Reset clock hand\r\n this.resetClock(delay);\r\n\r\n // After transitions ended\r\n clearTimeout(this.toggleViewTimer);\r\n this.toggleViewTimer = setTimeout(function () {\r\n hideView.css('visibility', 'hidden');\r\n }, duration);\r\n\r\n if (raiseAfterHourSelect) {\r\n raiseCallback(this.options.afterHourSelect);\r\n }\r\n };\r\n\r\n // Reset clock hand\r\n ClockPicker.prototype.resetClock = function (delay) {\r\n var view = this.currentView,\r\n value = this[view],\r\n isHours = view === 'hours',\r\n unit = Math.PI / (isHours ? 6 : 30),\r\n radian = value * unit,\r\n radius = isHours && value > 0 && value < 13 ? innerRadius : outerRadius,\r\n x = Math.sin(radian) * radius,\r\n y = -Math.cos(radian) * radius,\r\n self = this;\r\n\r\n if (svgSupported && delay) {\r\n self.canvas.addClass('clockpicker-canvas-out');\r\n setTimeout(function () {\r\n self.canvas.removeClass('clockpicker-canvas-out');\r\n self.setHand(x, y);\r\n }, delay);\r\n } else this.setHand(x, y);\r\n };\r\n\r\n // Set clock hand to (x, y)\r\n ClockPicker.prototype.setHand = function (x, y, roundBy5, dragging) {\r\n var radian = Math.atan2(x, -y),\r\n isHours = this.currentView === 'hours',\r\n unit = Math.PI / (isHours || roundBy5 ? 6 : 30),\r\n z = Math.sqrt(x * x + y * y),\r\n options = this.options,\r\n inner = isHours && z < (outerRadius + innerRadius) / 2,\r\n radius = inner ? innerRadius : outerRadius,\r\n value;\r\n\r\n if (options.twelvehour) {\r\n radius = outerRadius;\r\n }\r\n\r\n // Radian should in range [0, 2PI]\r\n if (radian < 0) {\r\n radian = Math.PI * 2 + radian;\r\n }\r\n\r\n // Get the round value\r\n value = Math.round(radian / unit);\r\n\r\n // Get the round radian\r\n radian = value * unit;\r\n\r\n // Correct the hours or minutes\r\n if (options.twelvehour) {\r\n if (isHours) {\r\n if (value === 0) value = 12;\r\n } else {\r\n if (roundBy5) value *= 5;\r\n if (value === 60) value = 0;\r\n }\r\n } else {\r\n if (isHours) {\r\n if (value === 12) value = 0;\r\n value = inner ? value === 0 ? 12 : value : value === 0 ? 0 : value + 12;\r\n } else {\r\n if (roundBy5) value *= 5;\r\n if (value === 60) value = 0;\r\n }\r\n }\r\n\r\n // Once hours or minutes changed, vibrate the device\r\n if (this[this.currentView] !== value) {\r\n if (vibrate && this.options.vibrate) {\r\n // Do not vibrate too frequently\r\n if (!this.vibrateTimer) {\r\n navigator[vibrate](10);\r\n this.vibrateTimer = setTimeout($.proxy(function () {\r\n this.vibrateTimer = null;\r\n }, this), 100);\r\n }\r\n }\r\n }\r\n\r\n this[this.currentView] = value;\r\n if (isHours) {\r\n this['spanHours'].html(value);\r\n } else {\r\n this['spanMinutes'].html(leadingZero(value));\r\n }\r\n\r\n // If svg is not supported, just add an active class to the tick\r\n if (!svgSupported) {\r\n this[isHours ? 'hoursView' : 'minutesView'].find('.clockpicker-tick').each(function () {\r\n var tick = $(this);\r\n tick.toggleClass('active', value === +tick.html());\r\n });\r\n return;\r\n }\r\n\r\n // Set clock hand and others' position\r\n var cx1 = Math.sin(radian) * (radius - tickRadius),\r\n cy1 = -Math.cos(radian) * (radius - tickRadius),\r\n cx2 = Math.sin(radian) * radius,\r\n cy2 = -Math.cos(radian) * radius;\r\n this.hand.setAttribute('x2', cx1);\r\n this.hand.setAttribute('y2', cy1);\r\n this.bg.setAttribute('cx', cx2);\r\n this.bg.setAttribute('cy', cy2);\r\n };\r\n\r\n // Hours and minutes are selected\r\n ClockPicker.prototype.done = function () {\r\n raiseCallback(this.options.beforeDone);\r\n this.hide();\r\n this.label.addClass('active');\r\n\r\n var last = this.input.prop('value'),\r\n value = leadingZero(this.hours) + ':' + leadingZero(this.minutes);\r\n if (this.options.twelvehour) {\r\n value = value + this.amOrPm;\r\n }\r\n\r\n this.input.prop('value', value);\r\n if (value !== last) {\r\n this.input.triggerHandler('change');\r\n if (!this.isInput) {\r\n this.element.trigger('change');\r\n }\r\n }\r\n\r\n if (this.options.autoclose) this.input.trigger('blur');\r\n\r\n raiseCallback(this.options.afterDone);\r\n };\r\n\r\n // Clear input field\r\n ClockPicker.prototype.clear = function () {\r\n this.hide();\r\n this.label.removeClass('active');\r\n\r\n var last = this.input.prop('value'),\r\n value = '';\r\n\r\n this.input.prop('value', value);\r\n if (value !== last) {\r\n this.input.triggerHandler('change');\r\n if (!this.isInput) {\r\n this.element.trigger('change');\r\n }\r\n }\r\n\r\n if (this.options.autoclose) {\r\n this.input.trigger('blur');\r\n }\r\n };\r\n\r\n // Remove clockpicker from input\r\n ClockPicker.prototype.remove = function () {\r\n this.element.removeData('clockpicker');\r\n this.input.off('focus.clockpicker click.clockpicker');\r\n if (this.isShown) {\r\n this.hide();\r\n }\r\n if (this.isAppended) {\r\n $win.off('resize.clockpicker' + this.id);\r\n this.popover.remove();\r\n }\r\n };\r\n\r\n // Extends $.fn.clockpicker\r\n $.fn.pickatime = function (option) {\r\n var args = Array.prototype.slice.call(arguments, 1);\r\n return this.each(function () {\r\n var $this = $(this),\r\n data = $this.data('clockpicker');\r\n if (!data) {\r\n var options = $.extend({}, ClockPicker.DEFAULTS, $this.data(), typeof option == 'object' && option);\r\n $this.data('clockpicker', new ClockPicker($this, options));\r\n } else {\r\n // Manual operatsions. show, hide, remove, e.g.\r\n if (typeof data[option] === 'function') {\r\n data[option].apply(data, args);\r\n }\r\n }\r\n });\r\n };\r\n})(jQuery);\r\n;(function ($) {\r\n\r\n $.fn.characterCounter = function () {\r\n return this.each(function () {\r\n var $input = $(this);\r\n var $counterElement = $input.parent().find('span[class=\"character-counter\"]');\r\n\r\n // character counter has already been added appended to the parent container\r\n if ($counterElement.length) {\r\n return;\r\n }\r\n\r\n var itHasLengthAttribute = $input.attr('data-length') !== undefined;\r\n\r\n if (itHasLengthAttribute) {\r\n $input.on('input', updateCounter);\r\n $input.on('focus', updateCounter);\r\n $input.on('blur', removeCounterElement);\r\n\r\n addCounterElement($input);\r\n }\r\n });\r\n };\r\n\r\n function updateCounter() {\r\n var maxLength = +$(this).attr('data-length'),\r\n actualLength = +$(this).val().length,\r\n isValidLength = actualLength <= maxLength;\r\n\r\n $(this).parent().find('span[class=\"character-counter\"]').html(actualLength + '/' + maxLength);\r\n\r\n addInputStyle(isValidLength, $(this));\r\n }\r\n\r\n function addCounterElement($input) {\r\n var $counterElement = $input.parent().find('span[class=\"character-counter\"]');\r\n\r\n if ($counterElement.length) {\r\n return;\r\n }\r\n\r\n $counterElement = $('').addClass('character-counter').css('float', 'right').css('font-size', '12px').css('height', 1);\r\n\r\n $input.parent().append($counterElement);\r\n }\r\n\r\n function removeCounterElement() {\r\n $(this).parent().find('span[class=\"character-counter\"]').html('');\r\n }\r\n\r\n function addInputStyle(isValidLength, $input) {\r\n var inputHasInvalidClass = $input.hasClass('invalid');\r\n if (isValidLength && inputHasInvalidClass) {\r\n $input.removeClass('invalid');\r\n } else if (!isValidLength && !inputHasInvalidClass) {\r\n $input.removeClass('valid');\r\n $input.addClass('invalid');\r\n }\r\n }\r\n\r\n $(document).ready(function () {\r\n $('input, textarea').characterCounter();\r\n });\r\n})(jQuery);\r\n;(function ($) {\r\n\r\n var methods = {\r\n\r\n init: function (options) {\r\n var defaults = {\r\n duration: 200, // ms\r\n dist: -100, // zoom scale TODO: make this more intuitive as an option\r\n shift: 0, // spacing for center image\r\n padding: 0, // Padding between non center items\r\n fullWidth: false, // Change to full width styles\r\n indicators: false, // Toggle indicators\r\n noWrap: false, // Don't wrap around and cycle through items.\r\n onCycleTo: null // Callback for when a new slide is cycled to.\r\n };\r\n options = $.extend(defaults, options);\r\n var namespace = Materialize.objectSelectorString($(this));\r\n\r\n return this.each(function (i) {\r\n\r\n var images, item_width, item_height, offset, center, pressed, dim, count, reference, referenceY, amplitude, target, velocity, scrolling, xform, frame, timestamp, ticker, dragged, vertical_dragged;\r\n var $indicators = $('