From e33e7e4ac91518e9f40aa2b9443dc05518a9acb3 Mon Sep 17 00:00:00 2001
From: amandaghassaei <amandaghassaei@gmail.com>
Date: Mon, 8 May 2017 16:58:17 -0400
Subject: [PATCH] adding ui for vr

---
 index.html     | 24 ++++++++++++++++++++++++
 js/controls.js |  7 +++++++
 js/globals.js  |  3 ++-
 3 files changed, 33 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index cc0dc46..6689f88 100644
--- a/index.html
+++ b/index.html
@@ -599,6 +599,17 @@
                     <!--Ambient Occlusion-->
                 <!--</label>-->
             <!--</div>-->
+            VR:
+            <div class="indent smallTxt">
+                Status: &nbsp;<span id="VRstatus">No device connected</span>
+                <a class="about floatRight" href="#" id="aboutVR"><span class="fui-question-circle"></span></a><br/>
+                <div id="VRoptions">
+                    <label class="checkbox" for="vrEnabled">
+                        <input id="vrEnabled" data-toggle="checkbox" class="custom-checkbox layersSelector" type="checkbox"><span class="icons"><span class="icon-unchecked"></span><span class="icon-checked"></span></span>
+                        Connect
+                    </label>
+                </div>
+            </div>
         </div>
     </div>
 </div>
@@ -673,6 +684,19 @@
         </div><!-- /.modal-content -->
     </div><!-- /.modal-dialog -->
 </div><!-- /.modal -->
+<div class="modal fade" id="aboutVRmodal" tabindex="-1" role="dialog">
+    <div class="modal-dialog modal-med">
+        <div class="modal-content">
+            <div class="modal-body">
+                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                  <span aria-hidden="true">&times;</span>
+                </button>
+                <b>VR</b><br/><br/>
+                Working on VR support for Vive....
+            </div>
+        </div><!-- /.modal-content -->
+    </div><!-- /.modal-dialog -->
+</div><!-- /.modal -->
 <div class="modal fade" id="exportSTLModal" tabindex="-1" role="dialog">
     <div class="modal-dialog modal-med">
         <div class="modal-content">
diff --git a/js/controls.js b/js/controls.js
index 686c758..609237f 100644
--- a/js/controls.js
+++ b/js/controls.js
@@ -220,6 +220,13 @@ function initControls(globals){
     setLink("#aboutAxialStrain", function(){
         $("#aboutAxialStrainModal").modal("show");
     });
+    setLink("#aboutVR", function(){
+        $("#aboutVRmodal").modal("show");
+    });
+
+    setCheckbox("#vrEnabled", globals.vrEnabled, function(val){
+        globals.vrEnabled = val;
+    });
 
     setLink("#start", function(){
         $("#pause").show();
diff --git a/js/globals.js b/js/globals.js
index e12219e..994e110 100644
--- a/js/globals.js
+++ b/js/globals.js
@@ -64,7 +64,8 @@ function initGlobals(){
         triangulateFOLDexport: false,
         exportFoldAngle: false,
 
-        userInteractionEnabled: false
+        userInteractionEnabled: false,
+        vrEnabled: false
 
     };
 
-- 
GitLab