aboutsummaryrefslogtreecommitdiffstats
path: root/src/js
diff options
context:
space:
mode:
Diffstat (limited to 'src/js')
-rw-r--r--src/js/temperature.js73
1 files changed, 73 insertions, 0 deletions
diff --git a/src/js/temperature.js b/src/js/temperature.js
new file mode 100644
index 0000000..45cbe8c
--- /dev/null
+++ b/src/js/temperature.js
@@ -0,0 +1,73 @@
+var left = 22;
+var right = 22;
+
+var lowTemperature = 15;
+var hiTemperature = 30;
+var temperatures = [];
+
+var isScrolling;
+var elementHeight;
+
+function createTemperatureElement() {
+ var element = document.createElement('div');
+ element.classList = ['temperature'];
+ element.style.height = elementHeight+'px';
+ element.style.lineHeight = elementHeight+'px';
+ return element;
+}
+
+function update(node, index) {
+ node.scrollTop = index*elementHeight;
+
+ for( var i=0; i<node.children.length; i++) {
+ node.children[i].setAttribute('enabled',false);
+ }
+ node.children[index].setAttribute('enabled', true);
+}
+
+module.exports = {
+ left: function(node) {
+ clearTimeout(isScrolling);
+
+ isScrolling = setTimeout(function(){
+ var index = Math.round(node.scrollTop/elementHeight);
+ left = temperatures[index];
+ update(node, index);
+ console.log('LEFT', left);
+ }, 100);
+ },
+ right: function(node) {
+ clearTimeout(isScrolling);
+
+ isScrolling = setTimeout(function(){
+ var index = Math.round(node.scrollTop/elementHeight);
+ right = temperatures[index];
+ update(node, index);
+ console.log('RIGHT', right);
+ }, 100);
+ },
+ init: function() {
+ var leftTemperature = document.getElementById('lefttemperature');
+ var rightTemperature = document.getElementById('righttemperature');
+ elementHeight = leftTemperature.offsetHeight/2;
+
+ for( var i=lowTemperature; i<=hiTemperature; i++) {
+ var element = createTemperatureElement();
+ if( i === lowTemperature) {
+ element.innerHTML = 'LO';
+ } else if( i === hiTemperature ) {
+ element.innerHTML = 'HI';
+ } else {
+ element.innerHTML = i+'º';
+ }
+ leftTemperature.appendChild(element);
+ rightTemperature.appendChild(element.cloneNode(true));
+ temperatures[temperatures.length] = i;
+ }
+ leftTemperature.appendChild(createTemperatureElement());
+ rightTemperature.appendChild(createTemperatureElement());
+
+ update(leftTemperature, temperatures.indexOf(left));
+ update(rightTemperature, temperatures.indexOf(right));
+ }
+} \ No newline at end of file