Rearranged icons

hadeeb · hadeeb · commit 44c69a8999b0 · 2018-01-30T17:54:50.000+05:30
diff --git a/bulb b/bulb
@@ -0,0 +1,6 @@
+{
+    "status": 1,
+    "text": "Testing",
+    "red_state" : 1,
+    "blue_state" : 1
+}
diff --git a/index.html b/index.html
@@ -12,19 +12,7 @@
     <script src="index.js"></script>
 </head>
 <body>
-    <div class="container">
-        <div class="row justify-content-center">
-            <span class="fa-stack fa-lg fa-5x grow" id="voice-btn" onclick="startDictation()">
-                <i class="fa fa-circle fa-stack-2x"></i>
-                <i class="fa fa-microphone fa-stack-1x fa-inverse" id="mic-ico"></i>
-            </span>
-        </div>
-        <div class="row justify-content-center">
-            <label id="detect-text">.</label>
-        </div>
-        <div class="row justify-content-center">
-            <i id="loading" class="fa fa-spinner fa-pulse fa-3x fa-fw"></i>
-        </div>
+    <div class="container align-items-center">
         <div class="row justify-content-center">
             <div class="justify-content-center">
                 <span class="fa-stack fa-lg fa-5x text-danger" onclick="toggle('red-bulb');">
@@ -37,7 +25,19 @@
                         <i class="fa fa-circle fa-stack-2x"></i>
                         <i class="fa fa-lightbulb-o fa-stack-1x fa-inverse" id="blue-bulb"></i>
                     </span>
-                </div>
+            </div>
+        </div>
+        <div class="row justify-content-center">
+            <label id="detect-text">.</label>
+        </div>
+        <div class="row justify-content-center">
+            <i id="loading" class=""></i>
+        </div>
+        <div class="row justify-content-center">
+            <span class="fa-stack fa-lg fa-5x grow" id="voice-btn" onclick="startDictation()">
+                <i class="fa fa-circle fa-stack-2x"></i>
+                <i class="fa fa-microphone fa-stack-1x fa-inverse" id="mic-ico"></i>
+            </span>
         </div>
     </div>   
 </body>
diff --git a/index.js b/index.js
@@ -19,20 +19,44 @@ function startDictation() {
         recognition.stop();
         document.getElementById("voice-btn").classList.remove("animated");
         document.getElementById("mic-ico").classList.remove("text-danger");
-          /* Set URL 
-            axios.get('/console', {
+          
+            axios.get('/bulb', {
               params: {
                 text: e.results[0][0].transcript
               }
             })
             .then(function (response) {
-              console.log(response.data);
-              Actions here
+                console.log(response.data);
+                var data = response.data;
+                console.log(data.status);
+                
+                if(data.status > 0) {
+                    switch(data.blue_state) {
+                        case 1:switchOn('red-bulb');break;
+                        case 2:switchOff('red-bulb');break;
+                    }
+                    switch(data.red_state) {
+                        case 1:switchOn('blue-bulb');break;
+                        case 2:switchOff('blue-bulb');break;
+                    }
+                    document.getElementById('detect-text').innerHTML = data.text;
+                }
+                else {
+                    document.getElementById('detect-text').innerHTML = 
+                        "Sorry, some error has occured while analyzing the text";
+                }
+                document.getElementById("loading").className = "";
+
+              
+              
             })
             .catch(function (error) {
-              console.log(error);
+                document.getElementById('detect-text').innerHTML = 
+                    "Sorry, some error has occured while contacting the server";
+                console.log(error);
+                document.getElementById("loading").className = "";
             });
-            */
+            
       };
 
       recognition.onerror = function(e) {
