alignment code clean up, todo: error reporting and mode on/off by checkbox

js/ui.css

@@ -188,7 +188,7 @@ html, body, #x3d_wrapper {
 }
 
 #align_button{
-    background-image:url('images/align.png');
+    background-image:url('images/ic_explore_black_48dp_1x.png');
     background-size: 32px 32px;
     background-repeat: no-repeat;
 
@@ -307,4 +307,18 @@ html, body, #x3d_wrapper {
   user-select:none;
 }
 
+#aa1_dialog{
+  position:absolute;
+  top:2px;
+  left:2px;
+  background: rgba(256,256,256,1);
+  padding:5px;
+}
+
+#aa1_dialog td{
+  padding: 0px 5px;
+}
 
+#aa1_dialog button{
+  margin: 0px 5px;
+}

js/ui_init.js

@@ -58,7 +58,7 @@ var SETTINGS = {
     'path'   : "1487451413_967079",
     'version': "v1",
     'experimental': false,
-    'edit': false,
+    'edit': true,
     'files': {
       'x3d':"",
       'x3d_background':"",
@@ -722,6 +722,15 @@ function leaf_drag_marker(){
         var p1_ll = Camera._latlng;
         var p2_ll = Camera.draggedMarker._latlng;
 
+        leaf_update_x3dom_marker(p1_ll,p2_ll,index);
+        X3DOMObject.displayMarkInfo(index);
+
+    }
+
+}
+
+function leaf_update_x3dom_marker(p1_ll,p2_ll,index){
+
   var mark = Data.markers[index];
 
   mark.latitude = p2_ll.lat;
@@ -739,12 +748,8 @@ function leaf_drag_marker(){
 
   mark.d_map = distance;
 
-        X3DOMObject.displayMarkInfo(index);
-
   X3DOMObject.Marker.place(mark.x,mark.y,mark.z,"my-sph-"+index);
 
-    }
-
 }
 
 function leaf_translation_v1(p0,p1){

js/util_functions.js

@@ -41,7 +41,7 @@ function convert_color_l2x(color){
 /*
  * azimuth by geo coords
  */
-/*
+
 function getAzimuth2(p1,p2){
 
     //p1 - start point
@@ -58,7 +58,7 @@ function getAzimuth2(p1,p2){
     return azimuth;
 
 }
-*/
+
 /*
  * azimuth by canvas coords
  */

test.html

@@ -64,7 +64,13 @@
     <div id='help_wrapper'>
         <div id='menu_button'></div>
         <div id='help_button'>?</div>
-        <div id='align_button' class='experimental'></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.
+  2. Place at least 3 markers on the 3D model (ctrl+click) - drag to position more precisely.
+  3. Move all markers on the map to update their location - drag to position more precisely.
+  4. Click this button - the results will appear in a dialog window with "apply"/"cancel"
+  5. To save the result click upload button (Initial location and heading) in the menu.' class='edit'></div>
     </div>
     <div id='info-wrapper'>
         <div id='window-info'></div>