From 535dd189f463d4e354cad9401e8a688e88df6893 Mon Sep 17 00:00:00 2001
From: Vitor de Miranda Henrique <vitormhenrique@gmail.com>
Date: Fri, 9 Dec 2016 13:49:21 -0800
Subject: [PATCH] Finish developing new features

---
 octoprint_enclosure/static/js/enclosure.js        | 15 +++++++--------
 .../templates/enclosure_tab.jinja2                |  9 +++++++--
 2 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/octoprint_enclosure/static/js/enclosure.js b/octoprint_enclosure/static/js/enclosure.js
index b4f6383..de5fe71 100644
--- a/octoprint_enclosure/static/js/enclosure.js
+++ b/octoprint_enclosure/static/js/enclosure.js
@@ -79,14 +79,13 @@ $(function() {
         }
 
         self.handleIO = function(data, event){
-            alert(data[1]);
-            // $.ajax({
-            //         type: "GET",
-            //         dataType: "json",
-            //         data: {"io": data.pin, "status": data.value},
-            //         url: "/plugin/enclosure/handleIO",
-            //         async: false
-            // });
+            $.ajax({
+                    type: "GET",
+                    dataType: "json",
+                    data: {"io": data[0], "status": data[1]},
+                    url: "/plugin/enclosure/handleIO",
+                    async: false
+            });
         }
     }
 
diff --git a/octoprint_enclosure/templates/enclosure_tab.jinja2 b/octoprint_enclosure/templates/enclosure_tab.jinja2
index 4ff6d61..e2ba16c 100644
--- a/octoprint_enclosure/templates/enclosure_tab.jinja2
+++ b/octoprint_enclosure/templates/enclosure_tab.jinja2
@@ -34,8 +34,13 @@
 </table>
 
 <h4><p data-bind="html: settings.settings.plugins.enclosure.io1Label"></p></h4>
-<button type="submit" data-bind="click: handleIO.bind($data, ['io1', 'on'])" class="btn">Turn on</button> 
-<button type="submit" data-bind="click: handleIO.bind($data, 'io1', 'off'), enable: settings.settings.plugins.enclosure.io1Enable && isConnected()"   class="btn">Turn off</button>
+<button type="submit" data-bind="click: handleIO.bind($data, ['io1', 'on']), enable: settings.settings.plugins.enclosure.io1Enable && isConnected()" class="btn">Turn on</button> 
+
+<h4><p data-bind="html: settings.settings.plugins.enclosure.io2Label"></p></h4>
+
+<h4><p data-bind="html: settings.settings.plugins.enclosure.io3Label"></p></h4>
+
+<h4><p data-bind="html: settings.settings.plugins.enclosure.io4Label"></p></h4>