X-Git-Url: https://gerrit.opnfv.org/gerrit/gitweb?a=blobdiff_plain;f=src%2Fceph%2Fsrc%2Fpybind%2Fmgr%2Fdashboard%2Fstatic%2FAdminLTE-2.3.7%2Fplugins%2Ftimepicker%2Fbootstrap-timepicker.js;fp=src%2Fceph%2Fsrc%2Fpybind%2Fmgr%2Fdashboard%2Fstatic%2FAdminLTE-2.3.7%2Fplugins%2Ftimepicker%2Fbootstrap-timepicker.js;h=3068c940c83fd69103eb14cabd3f733bff0f7aab;hb=812ff6ca9fcd3e629e49d4328905f33eee8ca3f5;hp=0000000000000000000000000000000000000000;hpb=15280273faafb77777eab341909a3f495cf248d9;p=stor4nfv.git
diff --git a/src/ceph/src/pybind/mgr/dashboard/static/AdminLTE-2.3.7/plugins/timepicker/bootstrap-timepicker.js b/src/ceph/src/pybind/mgr/dashboard/static/AdminLTE-2.3.7/plugins/timepicker/bootstrap-timepicker.js
new file mode 100644
index 0000000..3068c94
--- /dev/null
+++ b/src/ceph/src/pybind/mgr/dashboard/static/AdminLTE-2.3.7/plugins/timepicker/bootstrap-timepicker.js
@@ -0,0 +1,903 @@
+//TODO: move arrow styles and button click code into configurable items, with defaults matching the existing code
+
+/*!
+* Timepicker Component for Twitter Bootstrap
+*
+* Copyright 2013 Joris de Wit
+*
+* Contributors https://github.com/jdewit/bootstrap-timepicker/graphs/contributors
+*
+* For the full copyright and license information, please view the LICENSE
+* file that was distributed with this source code.
+*/
+(function($, window, document, undefined) {
+ 'use strict';
+
+ // TIMEPICKER PUBLIC CLASS DEFINITION
+ var Timepicker = function(element, options) {
+ this.widget = '';
+ this.$element = $(element);
+ this.defaultTime = options.defaultTime;
+ this.disableFocus = options.disableFocus;
+ this.isOpen = options.isOpen;
+ this.minuteStep = options.minuteStep;
+ this.modalBackdrop = options.modalBackdrop;
+ this.secondStep = options.secondStep;
+ this.showInputs = options.showInputs;
+ this.showMeridian = options.showMeridian;
+ this.showSeconds = options.showSeconds;
+ this.template = options.template;
+ this.appendWidgetTo = options.appendWidgetTo;
+ this.upArrowStyle = options.upArrowStyle;
+ this.downArrowStyle = options.downArrowStyle;
+ this.containerClass = options.containerClass;
+
+ this._init();
+ };
+
+ Timepicker.prototype = {
+
+ constructor: Timepicker,
+
+ _init: function() {
+ var self = this;
+
+ if (this.$element.parent().hasClass('input-append') || this.$element.parent().hasClass('input-prepend')) {
+ if (this.$element.parent('.input-append, .input-prepend').find('.add-on').length) {
+ this.$element.parent('.input-append, .input-prepend').find('.add-on').on({
+ 'click.timepicker': $.proxy(this.showWidget, this)
+ });
+ } else {
+ this.$element.closest(this.containerClass).find('.add-on').on({
+ 'click.timepicker': $.proxy(this.showWidget, this)
+ });
+ }
+
+ this.$element.on({
+ 'focus.timepicker': $.proxy(this.highlightUnit, this),
+ 'click.timepicker': $.proxy(this.highlightUnit, this),
+ 'keydown.timepicker': $.proxy(this.elementKeydown, this),
+ 'blur.timepicker': $.proxy(this.blurElement, this)
+ });
+ } else {
+ if (this.template) {
+ this.$element.on({
+ 'focus.timepicker': $.proxy(this.showWidget, this),
+ 'click.timepicker': $.proxy(this.showWidget, this),
+ 'blur.timepicker': $.proxy(this.blurElement, this)
+ });
+ } else {
+ this.$element.on({
+ 'focus.timepicker': $.proxy(this.highlightUnit, this),
+ 'click.timepicker': $.proxy(this.highlightUnit, this),
+ 'keydown.timepicker': $.proxy(this.elementKeydown, this),
+ 'blur.timepicker': $.proxy(this.blurElement, this)
+ });
+ }
+ }
+
+ if (this.template !== false) {
+ this.$widget = $(this.getTemplate()).prependTo(this.$element.parents(this.appendWidgetTo)).on('click', $.proxy(this.widgetClick, this));
+ } else {
+ this.$widget = false;
+ }
+
+ if (this.showInputs && this.$widget !== false) {
+ this.$widget.find('input').each(function() {
+ $(this).on({
+ 'click.timepicker': function() { $(this).select(); },
+ 'keydown.timepicker': $.proxy(self.widgetKeydown, self)
+ });
+ });
+ }
+
+ this.setDefaultTime(this.defaultTime);
+ },
+
+ blurElement: function() {
+ this.highlightedUnit = undefined;
+ this.updateFromElementVal();
+ },
+
+ decrementHour: function() {
+ if (this.showMeridian) {
+ if (this.hour === 1) {
+ this.hour = 12;
+ } else if (this.hour === 12) {
+ this.hour--;
+
+ return this.toggleMeridian();
+ } else if (this.hour === 0) {
+ this.hour = 11;
+
+ return this.toggleMeridian();
+ } else {
+ this.hour--;
+ }
+ } else {
+ if (this.hour === 0) {
+ this.hour = 23;
+ } else {
+ this.hour--;
+ }
+ }
+ this.update();
+ },
+
+ decrementMinute: function(step) {
+ var newVal;
+
+ if (step) {
+ newVal = this.minute - step;
+ } else {
+ newVal = this.minute - this.minuteStep;
+ }
+
+ if (newVal < 0) {
+ this.decrementHour();
+ this.minute = newVal + 60;
+ } else {
+ this.minute = newVal;
+ }
+ this.update();
+ },
+
+ decrementSecond: function() {
+ var newVal = this.second - this.secondStep;
+
+ if (newVal < 0) {
+ this.decrementMinute(true);
+ this.second = newVal + 60;
+ } else {
+ this.second = newVal;
+ }
+ this.update();
+ },
+
+ elementKeydown: function(e) {
+ switch (e.keyCode) {
+ case 9: //tab
+ this.updateFromElementVal();
+
+ switch (this.highlightedUnit) {
+ case 'hour':
+ e.preventDefault();
+ this.highlightNextUnit();
+ break;
+ case 'minute':
+ if (this.showMeridian || this.showSeconds) {
+ e.preventDefault();
+ this.highlightNextUnit();
+ }
+ break;
+ case 'second':
+ if (this.showMeridian) {
+ e.preventDefault();
+ this.highlightNextUnit();
+ }
+ break;
+ }
+ break;
+ case 27: // escape
+ this.updateFromElementVal();
+ break;
+ case 37: // left arrow
+ e.preventDefault();
+ this.highlightPrevUnit();
+ this.updateFromElementVal();
+ break;
+ case 38: // up arrow
+ e.preventDefault();
+ switch (this.highlightedUnit) {
+ case 'hour':
+ this.incrementHour();
+ this.highlightHour();
+ break;
+ case 'minute':
+ this.incrementMinute();
+ this.highlightMinute();
+ break;
+ case 'second':
+ this.incrementSecond();
+ this.highlightSecond();
+ break;
+ case 'meridian':
+ this.toggleMeridian();
+ this.highlightMeridian();
+ break;
+ }
+ break;
+ case 39: // right arrow
+ e.preventDefault();
+ this.updateFromElementVal();
+ this.highlightNextUnit();
+ break;
+ case 40: // down arrow
+ e.preventDefault();
+ switch (this.highlightedUnit) {
+ case 'hour':
+ this.decrementHour();
+ this.highlightHour();
+ break;
+ case 'minute':
+ this.decrementMinute();
+ this.highlightMinute();
+ break;
+ case 'second':
+ this.decrementSecond();
+ this.highlightSecond();
+ break;
+ case 'meridian':
+ this.toggleMeridian();
+ this.highlightMeridian();
+ break;
+ }
+ break;
+ }
+ },
+
+ formatTime: function(hour, minute, second, meridian) {
+ hour = hour < 10 ? '0' + hour : hour;
+ minute = minute < 10 ? '0' + minute : minute;
+ second = second < 10 ? '0' + second : second;
+
+ return hour + ':' + minute + (this.showSeconds ? ':' + second : '') + (this.showMeridian ? ' ' + meridian : '');
+ },
+
+ getCursorPosition: function() {
+ var input = this.$element.get(0);
+
+ if ('selectionStart' in input) {// Standard-compliant browsers
+
+ return input.selectionStart;
+ } else if (document.selection) {// IE fix
+ input.focus();
+ var sel = document.selection.createRange(),
+ selLen = document.selection.createRange().text.length;
+
+ sel.moveStart('character', - input.value.length);
+
+ return sel.text.length - selLen;
+ }
+ },
+
+ getTemplate: function() {
+ var template,
+ hourTemplate,
+ minuteTemplate,
+ secondTemplate,
+ meridianTemplate,
+ templateContent;
+
+ if (this.showInputs) {
+ hourTemplate = '';
+ minuteTemplate = '';
+ secondTemplate = '';
+ meridianTemplate = '';
+ } else {
+ hourTemplate = '';
+ minuteTemplate = '';
+ secondTemplate = '';
+ meridianTemplate = '';
+ }
+
+ templateContent = ''+
+ ''+
+ ' | '+
+ ' | '+
+ ' | '+
+ (this.showSeconds ?
+ ' | '+
+ ' | '
+ : '') +
+ (this.showMeridian ?
+ ' | '+
+ ' | '
+ : '') +
+ '
'+
+ ''+
+ '| '+ hourTemplate +' | '+
+ ': | '+
+ ''+ minuteTemplate +' | '+
+ (this.showSeconds ?
+ ': | '+
+ ''+ secondTemplate +' | '
+ : '') +
+ (this.showMeridian ?
+ ' | '+
+ ''+ meridianTemplate +' | '
+ : '') +
+ '
'+
+ ''+
+ ' | '+
+ ' | '+
+ ' | '+
+ (this.showSeconds ?
+ ' | '+
+ ' | '
+ : '') +
+ (this.showMeridian ?
+ ' | '+
+ ' | '
+ : '') +
+ '
'+
+ '
';
+
+ switch(this.template) {
+ case 'modal':
+ template = '';
+ break;
+ case 'dropdown':
+ template = '';
+ break;
+ }
+
+ return template;
+ },
+
+ getTime: function() {
+ return this.formatTime(this.hour, this.minute, this.second, this.meridian);
+ },
+
+ hideWidget: function() {
+ if (this.isOpen === false) {
+ return;
+ }
+
+ if (this.showInputs) {
+ this.updateFromWidgetInputs();
+ }
+
+ this.$element.trigger({
+ 'type': 'hide.timepicker',
+ 'time': {
+ 'value': this.getTime(),
+ 'hours': this.hour,
+ 'minutes': this.minute,
+ 'seconds': this.second,
+ 'meridian': this.meridian
+ }
+ });
+
+ if (this.template === 'modal' && this.$widget.modal) {
+ this.$widget.modal('hide');
+ } else {
+ this.$widget.removeClass('open');
+ }
+
+ $(document).off('mousedown.timepicker');
+
+ this.isOpen = false;
+ },
+
+ highlightUnit: function() {
+ this.position = this.getCursorPosition();
+ if (this.position >= 0 && this.position <= 2) {
+ this.highlightHour();
+ } else if (this.position >= 3 && this.position <= 5) {
+ this.highlightMinute();
+ } else if (this.position >= 6 && this.position <= 8) {
+ if (this.showSeconds) {
+ this.highlightSecond();
+ } else {
+ this.highlightMeridian();
+ }
+ } else if (this.position >= 9 && this.position <= 11) {
+ this.highlightMeridian();
+ }
+ },
+
+ highlightNextUnit: function() {
+ switch (this.highlightedUnit) {
+ case 'hour':
+ this.highlightMinute();
+ break;
+ case 'minute':
+ if (this.showSeconds) {
+ this.highlightSecond();
+ } else if (this.showMeridian){
+ this.highlightMeridian();
+ } else {
+ this.highlightHour();
+ }
+ break;
+ case 'second':
+ if (this.showMeridian) {
+ this.highlightMeridian();
+ } else {
+ this.highlightHour();
+ }
+ break;
+ case 'meridian':
+ this.highlightHour();
+ break;
+ }
+ },
+
+ highlightPrevUnit: function() {
+ switch (this.highlightedUnit) {
+ case 'hour':
+ this.highlightMeridian();
+ break;
+ case 'minute':
+ this.highlightHour();
+ break;
+ case 'second':
+ this.highlightMinute();
+ break;
+ case 'meridian':
+ if (this.showSeconds) {
+ this.highlightSecond();
+ } else {
+ this.highlightMinute();
+ }
+ break;
+ }
+ },
+
+ highlightHour: function() {
+ var $element = this.$element.get(0);
+
+ this.highlightedUnit = 'hour';
+
+ if ($element.setSelectionRange) {
+ setTimeout(function() {
+ $element.setSelectionRange(0,2);
+ }, 0);
+ }
+ },
+
+ highlightMinute: function() {
+ var $element = this.$element.get(0);
+
+ this.highlightedUnit = 'minute';
+
+ if ($element.setSelectionRange) {
+ setTimeout(function() {
+ $element.setSelectionRange(3,5);
+ }, 0);
+ }
+ },
+
+ highlightSecond: function() {
+ var $element = this.$element.get(0);
+
+ this.highlightedUnit = 'second';
+
+ if ($element.setSelectionRange) {
+ setTimeout(function() {
+ $element.setSelectionRange(6,8);
+ }, 0);
+ }
+ },
+
+ highlightMeridian: function() {
+ var $element = this.$element.get(0);
+
+ this.highlightedUnit = 'meridian';
+
+ if ($element.setSelectionRange) {
+ if (this.showSeconds) {
+ setTimeout(function() {
+ $element.setSelectionRange(9,11);
+ }, 0);
+ } else {
+ setTimeout(function() {
+ $element.setSelectionRange(6,8);
+ }, 0);
+ }
+ }
+ },
+
+ incrementHour: function() {
+ if (this.showMeridian) {
+ if (this.hour === 11) {
+ this.hour++;
+ return this.toggleMeridian();
+ } else if (this.hour === 12) {
+ this.hour = 0;
+ }
+ }
+ if (this.hour === 23) {
+ this.hour = 0;
+
+ return;
+ }
+ this.hour++;
+ this.update();
+ },
+
+ incrementMinute: function(step) {
+ var newVal;
+
+ if (step) {
+ newVal = this.minute + step;
+ } else {
+ newVal = this.minute + this.minuteStep - (this.minute % this.minuteStep);
+ }
+
+ if (newVal > 59) {
+ this.incrementHour();
+ this.minute = newVal - 60;
+ } else {
+ this.minute = newVal;
+ }
+ this.update();
+ },
+
+ incrementSecond: function() {
+ var newVal = this.second + this.secondStep - (this.second % this.secondStep);
+
+ if (newVal > 59) {
+ this.incrementMinute(true);
+ this.second = newVal - 60;
+ } else {
+ this.second = newVal;
+ }
+ this.update();
+ },
+
+ remove: function() {
+ $('document').off('.timepicker');
+ if (this.$widget) {
+ this.$widget.remove();
+ }
+ delete this.$element.data().timepicker;
+ },
+
+ setDefaultTime: function(defaultTime){
+ if (!this.$element.val()) {
+ if (defaultTime === 'current') {
+ var dTime = new Date(),
+ hours = dTime.getHours(),
+ minutes = Math.floor(dTime.getMinutes() / this.minuteStep) * this.minuteStep,
+ seconds = Math.floor(dTime.getSeconds() / this.secondStep) * this.secondStep,
+ meridian = 'AM';
+
+ if (this.showMeridian) {
+ if (hours === 0) {
+ hours = 12;
+ } else if (hours >= 12) {
+ if (hours > 12) {
+ hours = hours - 12;
+ }
+ meridian = 'PM';
+ } else {
+ meridian = 'AM';
+ }
+ }
+
+ this.hour = hours;
+ this.minute = minutes;
+ this.second = seconds;
+ this.meridian = meridian;
+
+ this.update();
+
+ } else if (defaultTime === false) {
+ this.hour = 0;
+ this.minute = 0;
+ this.second = 0;
+ this.meridian = 'AM';
+ } else {
+ this.setTime(defaultTime);
+ }
+ } else {
+ this.updateFromElementVal();
+ }
+ },
+
+ setTime: function(time) {
+ var arr,
+ timeArray;
+
+ if (this.showMeridian) {
+ arr = time.split(' ');
+ timeArray = arr[0].split(':');
+ this.meridian = arr[1];
+ } else {
+ timeArray = time.split(':');
+ }
+
+ this.hour = parseInt(timeArray[0], 10);
+ this.minute = parseInt(timeArray[1], 10);
+ this.second = parseInt(timeArray[2], 10);
+
+ if (isNaN(this.hour)) {
+ this.hour = 0;
+ }
+ if (isNaN(this.minute)) {
+ this.minute = 0;
+ }
+
+ if (this.showMeridian) {
+ if (this.hour > 12) {
+ this.hour = 12;
+ } else if (this.hour < 1) {
+ this.hour = 12;
+ }
+
+ if (this.meridian === 'am' || this.meridian === 'a') {
+ this.meridian = 'AM';
+ } else if (this.meridian === 'pm' || this.meridian === 'p') {
+ this.meridian = 'PM';
+ }
+
+ if (this.meridian !== 'AM' && this.meridian !== 'PM') {
+ this.meridian = 'AM';
+ }
+ } else {
+ if (this.hour >= 24) {
+ this.hour = 23;
+ } else if (this.hour < 0) {
+ this.hour = 0;
+ }
+ }
+
+ if (this.minute < 0) {
+ this.minute = 0;
+ } else if (this.minute >= 60) {
+ this.minute = 59;
+ }
+
+ if (this.showSeconds) {
+ if (isNaN(this.second)) {
+ this.second = 0;
+ } else if (this.second < 0) {
+ this.second = 0;
+ } else if (this.second >= 60) {
+ this.second = 59;
+ }
+ }
+
+ this.update();
+ },
+
+ showWidget: function() {
+ if (this.isOpen) {
+ return;
+ }
+
+ if (this.$element.is(':disabled')) {
+ return;
+ }
+
+ var self = this;
+ $(document).on('mousedown.timepicker', function (e) {
+ // Clicked outside the timepicker, hide it
+ if ($(e.target).closest('.bootstrap-timepicker-widget').length === 0) {
+ self.hideWidget();
+ }
+ });
+
+ this.$element.trigger({
+ 'type': 'show.timepicker',
+ 'time': {
+ 'value': this.getTime(),
+ 'hours': this.hour,
+ 'minutes': this.minute,
+ 'seconds': this.second,
+ 'meridian': this.meridian
+ }
+ });
+
+ if (this.disableFocus) {
+ this.$element.blur();
+ }
+
+ this.updateFromElementVal();
+
+ if (this.template === 'modal' && this.$widget.modal) {
+ this.$widget.modal('show').on('hidden', $.proxy(this.hideWidget, this));
+ } else {
+ if (this.isOpen === false) {
+ this.$widget.addClass('open');
+ }
+ }
+
+ this.isOpen = true;
+ },
+
+ toggleMeridian: function() {
+ this.meridian = this.meridian === 'AM' ? 'PM' : 'AM';
+ this.update();
+ },
+
+ update: function() {
+ this.$element.trigger({
+ 'type': 'changeTime.timepicker',
+ 'time': {
+ 'value': this.getTime(),
+ 'hours': this.hour,
+ 'minutes': this.minute,
+ 'seconds': this.second,
+ 'meridian': this.meridian
+ }
+ });
+
+ this.updateElement();
+ this.updateWidget();
+ },
+
+ updateElement: function() {
+ this.$element.val(this.getTime()).change();
+ },
+
+ updateFromElementVal: function() {
+ var val = this.$element.val();
+
+ if (val) {
+ this.setTime(val);
+ }
+ },
+
+ updateWidget: function() {
+ if (this.$widget === false) {
+ return;
+ }
+
+ var hour = this.hour < 10 ? '0' + this.hour : this.hour,
+ minute = this.minute < 10 ? '0' + this.minute : this.minute,
+ second = this.second < 10 ? '0' + this.second : this.second;
+
+ if (this.showInputs) {
+ this.$widget.find('input.bootstrap-timepicker-hour').val(hour);
+ this.$widget.find('input.bootstrap-timepicker-minute').val(minute);
+
+ if (this.showSeconds) {
+ this.$widget.find('input.bootstrap-timepicker-second').val(second);
+ }
+ if (this.showMeridian) {
+ this.$widget.find('input.bootstrap-timepicker-meridian').val(this.meridian);
+ }
+ } else {
+ this.$widget.find('span.bootstrap-timepicker-hour').text(hour);
+ this.$widget.find('span.bootstrap-timepicker-minute').text(minute);
+
+ if (this.showSeconds) {
+ this.$widget.find('span.bootstrap-timepicker-second').text(second);
+ }
+ if (this.showMeridian) {
+ this.$widget.find('span.bootstrap-timepicker-meridian').text(this.meridian);
+ }
+ }
+ },
+
+ updateFromWidgetInputs: function() {
+ if (this.$widget === false) {
+ return;
+ }
+ var time = $('input.bootstrap-timepicker-hour', this.$widget).val() + ':' +
+ $('input.bootstrap-timepicker-minute', this.$widget).val() +
+ (this.showSeconds ? ':' + $('input.bootstrap-timepicker-second', this.$widget).val() : '') +
+ (this.showMeridian ? ' ' + $('input.bootstrap-timepicker-meridian', this.$widget).val() : '');
+
+ this.setTime(time);
+ },
+
+ widgetClick: function(e) {
+ e.stopPropagation();
+ e.preventDefault();
+
+ var action = $(e.target).closest('a').data('action');
+ if (action) {
+ this[action]();
+ }
+ },
+
+ widgetKeydown: function(e) {
+ var $input = $(e.target).closest('input'),
+ name = $input.attr('name');
+
+ switch (e.keyCode) {
+ case 9: //tab
+ if (this.showMeridian) {
+ if (name === 'meridian') {
+ return this.hideWidget();
+ }
+ } else {
+ if (this.showSeconds) {
+ if (name === 'second') {
+ return this.hideWidget();
+ }
+ } else {
+ if (name === 'minute') {
+ return this.hideWidget();
+ }
+ }
+ }
+
+ this.updateFromWidgetInputs();
+ break;
+ case 27: // escape
+ this.hideWidget();
+ break;
+ case 38: // up arrow
+ e.preventDefault();
+ switch (name) {
+ case 'hour':
+ this.incrementHour();
+ break;
+ case 'minute':
+ this.incrementMinute();
+ break;
+ case 'second':
+ this.incrementSecond();
+ break;
+ case 'meridian':
+ this.toggleMeridian();
+ break;
+ }
+ break;
+ case 40: // down arrow
+ e.preventDefault();
+ switch (name) {
+ case 'hour':
+ this.decrementHour();
+ break;
+ case 'minute':
+ this.decrementMinute();
+ break;
+ case 'second':
+ this.decrementSecond();
+ break;
+ case 'meridian':
+ this.toggleMeridian();
+ break;
+ }
+ break;
+ }
+ }
+ };
+
+
+ //TIMEPICKER PLUGIN DEFINITION
+ $.fn.timepicker = function(option) {
+ var args = Array.apply(null, arguments);
+ args.shift();
+ return this.each(function() {
+ var $this = $(this),
+ data = $this.data('timepicker'),
+ options = typeof option === 'object' && option;
+
+ if (!data) {
+ $this.data('timepicker', (data = new Timepicker(this, $.extend({}, $.fn.timepicker.defaults, options, $(this).data()))));
+ }
+
+ if (typeof option === 'string') {
+ data[option].apply(data, args);
+ }
+ });
+ };
+
+ $.fn.timepicker.defaults = {
+ defaultTime: 'current',
+ disableFocus: false,
+ isOpen: false,
+ minuteStep: 15,
+ modalBackdrop: false,
+ secondStep: 15,
+ showSeconds: false,
+ showInputs: true,
+ showMeridian: true,
+ template: 'dropdown',
+ appendWidgetTo: '.bootstrap-timepicker',
+ upArrowStyle: 'glyphicon glyphicon-chevron-up',
+ downArrowStyle: 'glyphicon glyphicon-chevron-down',
+ containerClass: 'bootstrap-timepicker'
+ };
+
+ $.fn.timepicker.Constructor = Timepicker;
+
+})(jQuery, window, document);