%PDF- %PDF-
Direktori : /home/opti/workflow/src/public/app-assets/js/scripts/extensions/ |
Current File : /home/opti/workflow/src/public/app-assets/js/scripts/extensions/knob.js |
/*========================================================================================= File Name: knob.js Description: Nice, downward compatible, touchable, jQuery dial. ---------------------------------------------------------------------------------------- Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template Version: 1.0 Author: Pixinvent Author URL: hhttp://www.themeforest.net/user/pixinvent ==========================================================================================*/ $(document).ready(function(){ var rtl = false; if($('html').data('textdirection') == 'rtl') rtl = true; $(".knob").knob({ rtl: rtl, change: function(value) { //console.log("change : " + value); }, release: function(value) { //console.log(this.$.attr('value')); // console.log("release : " + value); }, cancel: function() { // console.log("cancel : ", this); }, /*format : function (value) { return value + '%'; },*/ draw: function() { // "tron" case if (this.$.data('skin') == 'tron') { this.cursorExt = 0.3; var a = this.arc(this.cv), // Arc pa, // Previous arc r = 1; this.g.lineWidth = this.lineWidth; if (this.o.displayPrevious) { pa = this.arc(this.v); this.g.beginPath(); this.g.strokeStyle = this.pColor; this.g.arc(this.xy, this.xy, this.radius - this.lineWidth, pa.s, pa.e, pa.d); this.g.stroke(); } this.g.beginPath(); this.g.strokeStyle = r ? this.o.fgColor : this.fgColor; this.g.arc(this.xy, this.xy, this.radius - this.lineWidth, a.s, a.e, a.d); this.g.stroke(); this.g.lineWidth = 2; this.g.beginPath(); this.g.strokeStyle = this.o.fgColor; this.g.arc(this.xy, this.xy, this.radius - this.lineWidth + 1 + this.lineWidth * 2 / 3, 0, 2 * Math.PI, false); this.g.stroke(); return false; } } }); // Superpose Clock function clock() { var $s = $(".second"), $m = $(".minute"), $h = $(".hour"); var d = new Date(), s = d.getSeconds(), m = d.getMinutes(), h = d.getHours(); $s.val(s).trigger("change"); $m.val(m).trigger("change"); $h.val(h).trigger("change"); t = setTimeout(function(){ clock(); }, 1000); } clock(); // Infinite var v, up = 0, down = 0, i = 0, $idir = $(".idir"), $ival = $(".ival"), incr = function() { i++; $idir.show().html("+").fadeOut(); $ival.html(i); }, decr = function() { i--; $idir.show().html("-").fadeOut(); $ival.html(i); }; $(".infinite").knob({ min: 0, max: 20, stopper: false, change: function() { if (v > this.cv) { if (up) { decr(); up = 0; } else { up = 1; down = 0; } } else { if (v < this.cv) { if (down) { incr(); down = 0; } else { down = 1; up = 0; } } } v = this.cv; } }); });