changed GUI legal text, changed via-node deletion to click only, moved default entries for input boxes to config file, made input boxes selectable again
		
			
				
	
	
		
			62 lines
		
	
	
		
			2.6 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			62 lines
		
	
	
		
			2.6 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
| // GUI functionality
 | |
| 
 | |
| 
 | |
| OSRM.GUI = {
 | |
| 		
 | |
| // show/hide main-gui
 | |
| toggleMain: function() {
 | |
| 	// show main-gui
 | |
| 	if( document.getElementById('main-wrapper').style.left == "-410px" ) {
 | |
| 		getElementsByClassName(document,'leaflet-control-zoom')[0].style.visibility="hidden";
 | |
| 		getElementsByClassName(document,'leaflet-control-zoom')[0].style.left="420px";
 | |
| 		getElementsByClassName(document,'leaflet-control-zoom')[0].style.top="5px";
 | |
| 		
 | |
| 		document.getElementById('blob-wrapper').style.visibility="hidden";			
 | |
| 		document.getElementById('main-wrapper').style.left="5px";
 | |
| 		if( OSRM.Browser.FF3!=-1 || OSRM.Browser.IE6_9!=-1 ) {
 | |
| 			getElementsByClassName(document,'leaflet-control-zoom')[0].style.visibility="visible";
 | |
| 		}
 | |
| 	// hide main-gui
 | |
| 	} else {
 | |
| 		getElementsByClassName(document,'leaflet-control-zoom')[0].style.visibility="hidden";
 | |
| 		getElementsByClassName(document,'leaflet-control-zoom')[0].style.left="30px";
 | |
| 		getElementsByClassName(document,'leaflet-control-zoom')[0].style.top="5px";
 | |
| 			
 | |
| 		document.getElementById('main-wrapper').style.left="-410px";
 | |
|  		if( OSRM.Browser.FF3!=-1 || OSRM.Browser.IE6_9!=-1 ) {
 | |
|  			document.getElementById('blob-wrapper').style.visibility="visible";
 | |
| 			getElementsByClassName(document,'leaflet-control-zoom')[0].style.visibility="visible";		
 | |
|  		}
 | |
| 	}
 | |
| 
 | |
| 	// execute after animation
 | |
| 	if( OSRM.Browser.FF3==-1 && OSRM.Browser.IE6_9==-1 ) {
 | |
| 		document.getElementById('main-wrapper').addEventListener("transitionend", OSRM.GUI.onMainTransitionEnd, false);
 | |
| 		document.getElementById('main-wrapper').addEventListener("webkitTransitionEnd", OSRM.GUI.onMainTransitionEnd, false);
 | |
| 		document.getElementById('main-wrapper').addEventListener("oTransitionEnd", OSRM.GUI.onMainTransitionEnd, false);
 | |
| 		document.getElementById('main-wrapper').addEventListener("MSTransitionEnd", OSRM.GUI.onMainTransitionEnd, false);
 | |
| 	}
 | |
| },
 | |
| 
 | |
| // do stuff after main-gui animation finished
 | |
| onMainTransitionEnd: function() {
 | |
| 	// after hiding main-gui
 | |
| 	if( document.getElementById('main-wrapper').style.left == "-410px" ) {
 | |
| 		document.getElementById('blob-wrapper').style.visibility="visible";
 | |
| 		getElementsByClassName(document,'leaflet-control-zoom')[0].style.visibility="visible";
 | |
| 	// after showing main-gui
 | |
| 	} else {
 | |
| 		getElementsByClassName(document,'leaflet-control-zoom')[0].style.visibility="visible";
 | |
| 	}
 | |
| },
 | |
| 
 | |
| // show/hide small options bubble
 | |
| toggleOptions: function() {
 | |
| 	if(document.getElementById('options-box').style.visibility=="visible") {
 | |
| 		document.getElementById('options-box').style.visibility="hidden";
 | |
| 	} else {
 | |
| 		document.getElementById('options-box').style.visibility="visible";
 | |
| 	}
 | |
| },
 | |
| 
 | |
| }; |