de.swm.gwt.client.superdev.SuperDevModeHelperOnImpl Maven / Gradle / Ivy

Go to download
Show more of this group Show more artifacts with this name
Show all versions of swm-gwt-client Show documentation
Plain GWT Swm erweiterungen, auch zur benutzung in mobilen Geraeten
There is a newer version: 3.1
package de.swm.gwt.client.superdev;

import com.google.gwt.dom.client.*;
import com.google.gwt.dom.client.Style.BorderStyle;
import com.google.gwt.dom.client.Style.Position;
import com.google.gwt.dom.client.Style.TextDecoration;
import com.google.gwt.dom.client.Style.Unit;
import com.google.gwt.user.client.DOM;
import com.google.gwt.user.client.Event;
import com.google.gwt.user.client.EventListener;

public abstract class SuperDevModeHelperOnImpl implements SuperDevModeHelper {

	@Override
	public void showDevMode() {
		final Element overlayDiv =  Document.get().createDivElement();
		final Element dialog =  Document.get().createDivElement();
		final Element onButton = createButton("Super Dev Mode On");
		final Element offButton = createButton("Super Dev Mode Off");
		final Element closeButton = createButton("Close Dialog");
		
		overlayDiv.getStyle().setZIndex(1000);
		overlayDiv.getStyle().setPosition(Position.ABSOLUTE);
		overlayDiv.getStyle().setTop(0, Unit.PX);
		overlayDiv.getStyle().setLeft(0, Unit.PX);
		overlayDiv.getStyle().setRight(0, Unit.PX);
		overlayDiv.getStyle().setBottom(0, Unit.PX);
		overlayDiv.getStyle().setOpacity(0.5);
		overlayDiv.getStyle().setBackgroundColor("#000");
		
		Document.get().getBody().appendChild(overlayDiv);
		
		DOM.sinkEvents(overlayDiv, Event.ONCLICK);
		DOM.setEventListener(overlayDiv, new EventListener() {
			
			@Override
			public void onBrowserEvent(Event event) {
				switch (event.getTypeInt()) {
				case Event.ONCLICK:
					cleanUp(overlayDiv, dialog, onButton, offButton, closeButton);
					break;
				default:
					break;
				}
			}
		});
		
		
		dialog.getStyle().setZIndex(1001);
		dialog.getStyle().setPosition(Position.FIXED);
		dialog.getStyle().setTop(20, Unit.PT);
		dialog.getStyle().setLeft(20, Unit.PT);
		dialog.getStyle().setBackgroundColor("white");
		
		dialog.getStyle().setBorderColor("#ccc");
		dialog.getStyle().setBorderStyle(BorderStyle.SOLID);
		dialog.getStyle().setBorderWidth(4, Unit.PX);
		dialog.getStyle().setPadding(1, Unit.EM);
		
		Document.get().getBody().appendChild(dialog);
		
		
		DOM.sinkEvents(onButton, Event.ONCLICK);
		DOM.setEventListener(onButton, new EventListener() {
			
			@Override
			public void onBrowserEvent(Event event) {
				cleanUp(overlayDiv, dialog, onButton, offButton, closeButton);
				devModeOn();
			}
		});
		
		dialog.appendChild(onButton);
		
		dialog.appendChild(DOM.createElement("br"));
		dialog.appendChild(DOM.createElement("br"));
		dialog.appendChild(DOM.createElement("br"));
		
		
		DOM.sinkEvents(offButton, Event.ONCLICK);
		DOM.setEventListener(offButton, new EventListener() {
			
			@Override
			public void onBrowserEvent(Event event) {
				cleanUp(overlayDiv, dialog, onButton, offButton, closeButton);
				devModeOff();
			}
		});
		
		dialog.appendChild(offButton);
		
		dialog.appendChild(DOM.createElement("br"));
		dialog.appendChild(DOM.createElement("br"));
		dialog.appendChild(DOM.createElement("br"));
		
		
		DOM.sinkEvents(closeButton, Event.ONCLICK);
		DOM.setEventListener(closeButton, new EventListener() {
			
			@Override
			public void onBrowserEvent(Event event) {
				cleanUp(overlayDiv, dialog, onButton, offButton, closeButton);
				
			}
		});
		
		dialog.appendChild(closeButton);		

	}
	
	protected native void devModeOff() /*-{
		var toRemove = []
          
          
          for(var i = 0; i<$wnd.sessionStorage.length; i++) {
          	var key = $wnd.sessionStorage.key(i);
          	if (key.indexOf('__gwtDevModeHook:') == 0) {
          		toRemove.push(key);
          	}
          }
          for (var j = 0; j elementsByTagName = Document.get().getElementsByTagName("head");

		if (elementsByTagName.getLength() != 1) {
			throw new RuntimeException("there is no head element");
		}

		return elementsByTagName.getItem(0);
	}

	protected native void setBookMarklet(String serverUrl)/*-{
		$wnd.__gwt_bookmarklet_params = {
			'server_url' : serverUrl
		};
	}-*/;

	protected native void makeDialog() /*-{
		function makeOverlay() {
			var overlay = document.createElement('div');
			overlay.style.zIndex = 1000;
			overlay.style.position = 'absolute';
			overlay.style.top = 0;
			overlay.style.left = 0;
			overlay.style.bottom = 0;
			overlay.style.right = 0;
			overlay.style.backgroundColor = '#000';
			overlay.style.opacity = '0.5';
			return overlay;
		}

		function makeDialog() {
			var dialog = document.createElement('div');
			dialog.style.zIndex = 1001;
			dialog.style.position = 'fixed';
			dialog.style.top = '20pt';
			dialog.style.left = '20pt';
			dialog.style.backgroundColor = 'white';
			dialog.style.border = '4px solid #ccc';
			dialog.style.padding = '1em';
			dialog.style.borderRadius = '5px';
			return dialog;
		}
		
		function makeOnButton(){
		
		}
		
		function makeOffButton(){
		
		}

		function showModuleDialog() {

			// Assemble the dialog.
			var dialog = makeDialog();
			
			dialog.appendChild(makeOnButton());
			dialog.appendChild(makeOffButton());

			// Grey out everything under the dialog.
			var overlay = makeOverlay();

			var body = document.getElementsByTagName('body')[0];
			body.appendChild(overlay);
			body.appendChild(dialog);

			var dismissModuleDialog = function() {
				body.removeChild(dialog);
				body.removeChild(overlay);
				globals.dismissModuleDialog = function() {
				}; // uninstall
			};

			// Clicking outside the module dialog dismisses it.
			overlay.onclick = function() {
				dismissModuleDialog();
			};
		}
		
	showModuleDialog();
	}-*/;

}