3 lines
4.7 KiB
JavaScript
3 lines
4.7 KiB
JavaScript
"use strict";function _classCallCheck(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}function _defineProperties(e,n){for(var i=0;i<n.length;i++){var t=n[i];t.enumerable=t.enumerable||!1,t.configurable=!0,"value"in t&&(t.writable=!0),Object.defineProperty(e,t.key,t)}}function _createClass(e,n,i){return n&&_defineProperties(e.prototype,n),i&&_defineProperties(e,i),e}var NouisliderDemo=function(){function e(){_classCallCheck(this,e),this.init()}return _createClass(e,[{key:"init",value:function(){this.colorpickerSlider(),this.inputElementSlider(),this.nonLinearSlider(),this.lockingSlider(),this.coloredSlider(),this.keypressSlider(),this.skippingStepSlider(),this.hugeNumberSlider(),this.keyboardSlider(),this.datesSlider(),this.softLimitSlider()}},{key:"colorpickerSlider",value:function(){function e(){var e="rgb(".concat(i.noUiSlider.get(),", ").concat(t.noUiSlider.get(),", ").concat(r.noUiSlider.get(),")");n.css({background:e,color:e})}var n=$("#ncp-result"),i=$("#red")[0],t=$("#green")[0],r=$("#blue")[0];i.noUiSlider.on("slide",e),t.noUiSlider.on("slide",e),r.noUiSlider.on("slide",e)}},{key:"inputElementSlider",value:function(){for(var e=$("#html5")[0],t=$("#input-select"),n=-20;n<=40;n++){var i=$("<option />");i.text(n),i.val(n),t.append(i)}var r=$("#input-number");e.noUiSlider.on("update",function(e,n){var i=e[n];n?r.val(i):t.val(Math.round(i))}),t.on("change",function(){e.noUiSlider.set([this.value,null])}),r.on("change",function(){e.noUiSlider.set([null,this.value])})}},{key:"nonLinearSlider",value:function(){var e=$("#nonlinear")[0],o=[$("#lower-value")[0],$("#upper-value")[0]];e.noUiSlider.on("update",function(e,n,i,t,r){o[n].innerHTML=e[n]+", "+r[n].toFixed(2)+"%"})}},{key:"lockingSlider",value:function(){var t=$("#slider1")[0],i=$("#slider2")[0],e=$("#lockbutton"),r=$("#slider1-span"),o=$("#slider2-span"),l=!1,a=[60,80];e.on("click",function(){l=!l,this.textContent=l?"Unlock":"Lock"});function u(e,n){if(l){var i=t===n?0:1;e-=a[i?0:1]-a[i],n.noUiSlider.set(e)}}t.noUiSlider.on("update",function(e,n){r.html(e[n])}),i.noUiSlider.on("update",function(e,n){o.html(e[n])});function n(){a=[Number(t.noUiSlider.get()),Number(i.noUiSlider.get())]}t.noUiSlider.on("change",n),i.noUiSlider.on("change",n),t.noUiSlider.on("slide",function(e,n){u(e[n],i)}),i.noUiSlider.on("slide",function(e,n){u(e[n],t)})}},{key:"coloredSlider",value:function(){var e=$("#slider-color .noUi-connect"),n=["bg-primary","bg-danger","bg-success","bg-warning"];e.each(function(e){$(this).addClass(n[e])})}},{key:"keypressSlider",value:function(){var l=$("#keypress")[0],i=[$("#input-with-keypress-0"),$("#input-with-keypress-1")];l.noUiSlider.on("update",function(e,n){i[n].val(e[n])});function a(e,n){var i=[null,null];i[e]=n,l.noUiSlider.set(i)}i.forEach(function(e,o){e.on("change",function(){a(o,this.value)}),e.on("keydown",function(e){var n,i=l.noUiSlider.get(),t=Number(i[o]),r=l.noUiSlider.steps()[o];switch(e.which){case 13:a(o,this.value);break;case 38:!1===(n=r[1])&&(n=1),null!==n&&a(o,t+n);break;case 40:!1===(n=r[0])&&(n=1),null!==n&&a(o,t-n)}})})}},{key:"skippingStepSlider",value:function(){var e=$("#skipstep")[0],i=[$("#skip-value-lower"),$("#skip-value-upper")];e.noUiSlider.on("update",function(e,n){i[n].html(e[n])})}},{key:"hugeNumberSlider",value:function(){var e=$("#slider-huge")[0],i=$("#huge-value"),t=[0,2097152,4194304,8388608,16777216,33554432,67108864,134217728,268435456,536870912,1073741824,2147483648,4294967296,8589934592],r=wNumb({mark:".",thousand:",",prefix:"$ "});e.noUiSlider.on("update",function(e,n){i.html(r.to(t[e[n]]))})}},{key:"keyboardSlider",value:function(){var i=$("#keyboard")[0],e=$("#keyboard .noUi-handle");e.attr("tabindex",0),e.on("click",function(){this.focus()}).on("keydown",function(e){var n=Number(i.noUiSlider.get());switch(e.which){case 37:i.noUiSlider.set(n-10);break;case 39:i.noUiSlider.set(n+10)}})}},{key:"datesSlider",value:function(){var e=$("#slider-date")[0],t=["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],r=["January","February","March","April","May","June","July","August","September","October","November","December"],o=[$("#event-start"),$("#event-end")];e.noUiSlider.on("update",function(e,n){var i;o[n].html((i=new Date(+e[n]),t[i.getDay()]+", "+i.getDate()+function(e){if(3<e&&e<21)return"th";switch(e%10){case 1:return"st";case 2:return"nd";case 3:return"rd";default:return"th"}}(i.getDate())+" "+r[i.getMonth()]+" "+i.getFullYear()))})}},{key:"softLimitSlider",value:function(){var i=$("#slider-soft")[0];i.noUiSlider.on("change",function(e,n){e[n]<20?i.noUiSlider.set(20):80<e[n]&&i.noUiSlider.set(80)})}}]),e}();$(document).on("theme:init",function(){new NouisliderDemo});
|
|
//# sourceMappingURL=../../sourcemaps/pages/slider-demo.min.js.map
|