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