CriticalDepsMirror/clay
1
0
Fork 0
mirror of https://github.com/pebble-dev/clay.git synced 2026-09-05 16:47:37 -04:00
Code Issues Packages Projects Releases Wiki Activity

Make slider update value display as user is adjusting it

Browse Source
This commit is contained in:
keegan-lillo
2016-03-11 10:49:23 +11:00
committed by Keegan
parent 878fea0340
commit 5c63b00eda
1 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/scripts/components/slider.js
+4 -2
View File
@@ -18,6 +18,7 @@ module.exports = {
var $value = self.$element.select('.value'); var $value = self.$element.select('.value');
var $valuePad = self.$element.select('.value-pad'); var $valuePad = self.$element.select('.value-pad');
var $slider = self.$manipulatorTarget;
/** /**
* Sets the value display * Sets the value display
@@ -29,14 +30,15 @@ module.exports = {
$valuePad.set('innerHTML', value); $valuePad.set('innerHTML', value);
} }
var step = self.$manipulatorTarget.get('step'); var step = $slider.get('step');
step = step.toString(10).split('.')[1]; step = step.toString(10).split('.')[1];
self.precision = step ? step.length : 0; self.precision = step ? step.length : 0;
self.on('change', setValueDisplay); self.on('change', setValueDisplay);
$slider.on('|input', setValueDisplay);
setValueDisplay(); setValueDisplay();
$value.on('|keyup', function() { $value.on('|input', function() {
$valuePad.set('innerHTML', this.get('value')); $valuePad.set('innerHTML', this.get('value'));
}); });