exit to index

js/ui.css

@@ -187,6 +187,19 @@ html, body, #x3d_wrapper {
     height:25px;
 }
 
+#exit_button{
+    background-image:url('images/ic_exit_to_app_black_48dp_1x.png');
+    background-size: 32px 32px;
+    background-repeat: no-repeat;
+
+    background-color:white;
+    width: 32px;
+    height: 32px;
+    border: 0px solid white;
+    border-radius: 2px;
+    margin-bottom: 2px;
+}
+
 #align_button{
     background-image:url('images/ic_explore_black_48dp_1x.png');
     background-size: 32px 32px;
@@ -213,6 +226,10 @@ html, body, #x3d_wrapper {
     margin-bottom: 2px;
 }
 
+#exit_button:hover{
+    background-color: rgba(240,150,150,1);
+}
+
 #align_button:hover, #align_tr_button:hover{
 /*     background-image:url('images/align.png'); */
     background-color: rgba(240,240,240,1);

js/ui_menu.js

@@ -60,6 +60,13 @@ function menu_init(){
         menu.show();
     });
 
+    $("#exit_button").on("click",function(){
+      var origin = window.location.origin;
+      var path = window.location.pathname;
+      path = path.substr(0,path.lastIndexOf("/"));
+      window.location.href = origin+path;
+    });
+
     // changing a checkbox will not close menu
     menu.on('click',function(e){
         var test = $(e.target).hasClass("donothide");

viewer.html

@@ -70,6 +70,7 @@
     <div id='help_wrapper'>
         <div id='menu_button'></div>
         <div id='help_button'>?</div>
+        <div id='exit_button' title='Exit to models index'></div>
         <div id='align_button' title='Run alignment algorithm for camera heading and location using markers.
 Instructions:
   1. Use approximate location control on the map to change initial approximation for the algorithm.