| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211 |
- // Licensed to Cloudera, Inc. under one
- // or more contributor license agreements. See the NOTICE file
- // distributed with this work for additional information
- // regarding copyright ownership. Cloudera, Inc. licenses this file
- // to you under the Apache License, Version 2.0 (the
- // "License"); you may not use this file except in compliance
- // with the License. You may obtain a copy of the License at
- //
- // http://www.apache.org/licenses/LICENSE-2.0
- //
- // Unless required by applicable law or agreed to in writing, software
- // distributed under the License is distributed on an "AS IS" BASIS,
- // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- // See the License for the specific language governing permissions and
- // limitations under the License.
- jQuery.fn.mousehold = function (f) {
- var timeout = 100;
- if (f && typeof f == 'function') {
- var intervalId = 0;
- var firstStep = false;
- var clearMousehold = undefined;
- return this.each(function () {
- $(this).mousedown(function () {
- firstStep = true;
- var ctr = 0;
- var t = this;
- intervalId = setInterval(function () {
- ctr++;
- f.call(t, ctr);
- firstStep = false;
- }, timeout);
- });
- clearMousehold = function () {
- clearInterval(intervalId);
- if (firstStep) f.call(this, 1);
- firstStep = false;
- };
- $(this).mouseout(clearMousehold);
- $(this).mouseup(clearMousehold);
- });
- }
- };
- !function ($) {
- var SpinEdit = function (element, options) {
- this.element = $(element);
- this.element.addClass("spinedit");
- this.element.addClass("noSelect");
- this.intervalId = undefined;
- var hasOptions = typeof options == 'object';
- this.minimum = $.fn.spinedit.defaults.minimum;
- if (hasOptions && typeof options.minimum == 'number') {
- this.setMinimum(options.minimum);
- }
- this.maximum = $.fn.spinedit.defaults.maximum;
- if (hasOptions && typeof options.maximum == 'number') {
- this.setMaximum(options.maximum);
- }
- this.numberOfDecimals = $.fn.spinedit.defaults.numberOfDecimals;
- if (hasOptions && typeof options.numberOfDecimals == 'number') {
- this.setNumberOfDecimals(options.numberOfDecimals);
- }
- var value = $.fn.spinedit.defaults.value;
- if (hasOptions && typeof options.value == 'number') {
- value = options.value;
- } else {
- if (this.element.val()) {
- var initialValue = parseFloat(this.element.val());
- if (!isNaN(initialValue)) value = initialValue.toFixed(this.numberOfDecimals);
- }
- }
- this.setValue(value);
- this.step = $.fn.spinedit.defaults.step;
- if (hasOptions && typeof options.step == 'number') {
- this.setStep(options.step);
- }
- var template = $(DRPGlobal.template);
- this.element.after(template);
- $(template).each(function (i, x) {
- $(x).bind('selectstart click mousedown', function () {
- return false;
- });
- });
- template.find('.fa-chevron-up').mousehold($.proxy(this.increase, this));
- template.find('.fa-chevron-down').mousehold($.proxy(this.decrease, this));
- this.element.on('keypress', $.proxy(this._keypress, this));
- this.element.on('blur', $.proxy(this._checkConstraints, this));
- };
- SpinEdit.prototype = {
- constructor: SpinEdit,
- setMinimum: function (value) {
- this.minimum = parseFloat(value);
- },
- setMaximum: function (value) {
- this.maximum = parseFloat(value);
- },
- setStep: function (value) {
- this.step = parseFloat(value);
- },
- setNumberOfDecimals: function (value) {
- this.numberOfDecimals = parseInt(value);
- },
- setValue: function (value) {
- value = parseFloat(value);
- if (isNaN(value))
- value = this.minimum;
- if (this.value == value)
- return;
- if (value < this.minimum)
- value = this.minimum;
- if (value > this.maximum)
- value = this.maximum;
- this.value = value;
- this.element.val(this.value.toFixed(this.numberOfDecimals));
- this.element.change();
- this.element.trigger({
- type: "valueChanged",
- value: parseFloat(this.value.toFixed(this.numberOfDecimals))
- });
- },
- increase: function () {
- var newValue = this.value + this.step;
- this.setValue(newValue);
- },
- decrease: function () {
- var newValue = this.value - this.step;
- this.setValue(newValue);
- },
- _keypress: function (event) {
- var key = event.keyCode || event.charCode;
- // Allow: -
- if (key == 45) {
- return;
- }
- // Allow decimal separator (.)
- if (this.numberOfDecimals > 0 && key == 46) {
- return;
- }
- // Ensure that it is a number and stop the keypress
- var a = [];
- for (var i = 48; i < 58; i++)
- a.push(i);
- if (!(a.indexOf(key) >= 0))
- event.preventDefault();
- },
- _checkConstraints: function (e) {
- var target = $(e.target);
- this.setValue(target.val());
- }
- };
- $.fn.spinedit = function (option) {
- var args = Array.apply(null, arguments);
- args.shift();
- return this.each(function () {
- var $this = $(this),
- data = $this.data('spinedit'),
- options = typeof option == 'object' && option;
- if (!data) {
- $this.data('spinedit', new SpinEdit(this, $.extend({}, $.fn.spinedit().defaults, options)));
- data = $this.data('spinedit');
- }
- if (typeof option == 'string' && typeof data[option] == 'function') {
- data[option].apply(data, args);
- }
- });
- };
- $.fn.spinedit.defaults = {
- value: 0,
- minimum: 0,
- maximum: 100,
- step: 1,
- numberOfDecimals: 0
- };
- $.fn.spinedit.Constructor = SpinEdit;
- var DRPGlobal = {};
- DRPGlobal.template =
- '<div class="spinedit">' +
- '<i class="fa fa-chevron-up"></i>' +
- '<i class="fa fa-chevron-down"></i>' +
- '</div>';
- }(window.jQuery);
|