added third image

crismihailescu · Feb 20, 2019 · c566cd8 · c566cd8
1 parent cdf6030
commit c566cd8
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 0 deletions.
diff --git a/VisualEyesWeb/visualeyesweb/public/heatmap.png b/VisualEyesWeb/visualeyesweb/public/heatmap.png
diff --git a/VisualEyesWeb/visualeyesweb/public/index.html b/VisualEyesWeb/visualeyesweb/public/index.html
@@ -61,8 +61,12 @@
     <div class='button'>
       <button class='getbutton' id="getdata">Get Data</button> 
     </div>
+    <div class='heatmap' id='heatmap'>
+        <img src='heatmap.png'><img>
+    </div>
 
     <script> 
+      document.getElementById("heatmap").style.display = "none";
       var emotion = document.getElementById('emotion');
       var button = document.getElementById('getdata');
       Plotly.plot( emotion, [{
@@ -81,6 +85,11 @@
 
       button.addEventListener('click', function(){
 
+        var x = document.getElementById("heatmap");
+          if (x.style.display === "none") {
+            x.style.display = "block";
+          }
+
       var scores = [0, 0, 0, 0, 0, 0, 0, 0];
       var smile_x = [];
       var smile_y = [];

diff --git a/VisualEyesWeb/visualeyesweb/public/styles.css b/VisualEyesWeb/visualeyesweb/public/styles.css
@@ -15,4 +15,9 @@
     padding: 15px 32px;
     font-size: 20px;
     border-radius: 20px;
+}
+
+.heatmap {
+    padding-top: 50px;
+    text-align: center;
 }