FUNCT Add support to modify sliders

1 files changed, 29 insertions, 0 deletions

diff --git a/src/js/app.js b/src/js/app.js
new file mode 100644
index 0000000..773e5b0
--- /dev/null
+++ b/src/js/app.js
@@ -0,0 +1,29 @@
+import Mustache from 'mustache';
+import { init as init_sliders } from './sliders';
+
+var template;
+
+function render_sliders(sliders) {
+    var sliderContainer = document.getElementById('SliderContainer');
+    for( var i=0; i<sliders.length; i++) {
+        var node = Mustache.render(template, sliders[i]);
+        sliderContainer.innerHTML += node;
+    }
+}
+
+export function init() {
+    template = document.getElementById('slider-template').innerHTML;
+    Mustache.parse(template);
+
+    var sliders =  [];
+    for( var i=0; i<10; i++) {
+        sliders.push({
+            id: i,
+            name: 'Volume '+i,
+            value: Math.floor(Math.random()*100)
+        });
+    }
+
+    init_sliders(sliders);
+    render_sliders(sliders);
+}
\ No newline at end of file