LoginView.java

package org.vaadin.mideaas.app;

import java.net.URI;

import org.vaadin.addon.oauthpopup.OAuthListener;
import org.vaadin.addon.oauthpopup.OAuthPopupButton;
import org.vaadin.addon.oauthpopup.buttons.FacebookButton;
import org.vaadin.addon.oauthpopup.buttons.GitHubButton;
import org.vaadin.addon.oauthpopup.buttons.TwitterButton;
import org.vaadin.mideaas.app.MideaasConfig.Prop;
import org.vaadin.mideaas.model.User;
import org.vaadin.mideaas.social.OAuthService;
import org.vaadin.mideaas.social.OAuthService.Service;
import org.vaadin.mideaas.social.UserProfile;
import org.vaadin.mideaas.social.UserToken;

import com.vaadin.client.ui.layout.Margins;
import com.vaadin.navigator.View;
import com.vaadin.navigator.ViewChangeListener.ViewChangeEvent;
import com.vaadin.shared.Position;
import com.vaadin.shared.ui.MarginInfo;
import com.vaadin.shared.ui.label.ContentMode;
import com.vaadin.ui.Alignment;
import com.vaadin.ui.Button;
import com.vaadin.ui.Button.ClickEvent;
import com.vaadin.ui.Button.ClickListener;
import com.vaadin.ui.HorizontalLayout;
import com.vaadin.ui.Label;
import com.vaadin.ui.Notification;
import com.vaadin.ui.Panel;
import com.vaadin.ui.TextField;
import com.vaadin.ui.VerticalLayout;
import com.vaadin.ui.themes.Runo;

@SuppressWarnings("serial")
//public class LoginView extends VerticalLayout implements View {
public class LoginView extends VerticalLayout implements View {
	
	private Panel LoginPanel = null;
	
    private final MideaasUI ui;
	private final String nextView;

	private TextField loginField;
	private TextField emailField;

	
    public LoginView(MideaasUI ui, String nextView) {
    	this.ui = ui;
    	this.nextView = nextView;
    	setSizeFull();
        //setMargin(true);
        //setSpacing(true);
        initLogin();
    }
    
    @Override
	public void enter(ViewChangeEvent event) {
    	// collects possible openID Token ?openId=EC-D-DD-000815%7Cunity from url
		if (MideaasConfig.easiCloudsFeaturesTurnedOn()) {
			URI location = getUI().getPage().getLocation();
			String value = location.getQuery();
			if (value != null) {
				// so there is a querystring
				int separator = value.indexOf('|');
				if (separator != -1) {
					// separator finded
					String oauthToken = value.substring(0, separator);
					String userName = value.substring(separator + 1);
					if (userName != null && oauthToken != null) {
						// username and token OK
						ui.setUser(User.newUser(userName));
						resetPath();
					}
				}
			}
		}
	}

	public void resetPath() {
		String path = getUI().getPage().getLocation().getPath();
		// Going to lobby, a bit of a hack...
		getUI().getPage().setLocation(path+"#!lobby");
	}

	/**
	 * Inits the loginscreen.
	 */
	private void initLogin() {
		
		LoginPanel = new Panel("Log In");
		LoginPanel.addStyleName("round-panel");
		LoginPanel.setWidth("400px");
		//LoginPanel.setHeight(Siz);
		addComponent(LoginPanel);
		setComponentAlignment(LoginPanel, Alignment.MIDDLE_CENTER);
		
		VerticalLayout panelContent = new VerticalLayout();
		LoginPanel.setContent(panelContent);
		panelContent.setMargin(true);
		panelContent.setSpacing(true);
		//panelContent.setSizeFull();
		
		HorizontalLayout regularLogin = new HorizontalLayout();
		panelContent.addComponent(regularLogin);
		panelContent.setComponentAlignment(regularLogin, Alignment.TOP_CENTER);
		//regularLogin.setMargin(true);
		regularLogin.setSpacing(true);
		
		//regularLogin.setWidth("100%");
		//regularLogin.setHeight("600px");
		
		
		loginField = new TextField("Nick:");
		//loginField.setStyleName(Runo.TEXTFIELD_SMALL);
		regularLogin.addComponent(loginField);
		
		emailField = new TextField("Email (optional):");
		//emailField.setStyleName(Runo.TEXTFIELD_SMALL);
		regularLogin.addComponent(emailField);
		
		//button that fires the login action
		Button simpleLoginButton = new Button("Login");
		//simpleLoginButton.setStyleName(Runo.BUTTON_DEFAULT);
		simpleLoginButton.addClickListener(new ClickListener() {
			public void buttonClick(ClickEvent event) {
				String nick = (String) loginField.getValue();
				if (!nick.isEmpty()) {
					login(User.newUser(nick));
				}
			}
		});
		regularLogin.addComponent(simpleLoginButton);
		regularLogin.setComponentAlignment(simpleLoginButton, Alignment.BOTTOM_CENTER);
		
		VerticalLayout otherLogins = new VerticalLayout();
		panelContent.addComponent(otherLogins);
		//otherLogins.setHeight("150px");
		//panelContent.setComponentAlignment(otherLogins, Alignment.MIDDLE_CENTER);
		otherLogins.setMargin(new MarginInfo(true, true, false, true));
		otherLogins.setSpacing(true);
		//otherLogins.setSizeUndefined();
		//panelContent.setComponentAlignment(otherLogins, Alignment.BOTTOM_LEFT);
		//otherLogins.setWidth("100%");
		//otherLogins.setSizeFull();
		
		//addComponent(new Label(" ", ContentMode.HTML));
		
		OAuthPopupButton fbButton = createFacebookButton();
		if (fbButton!=null) {
			otherLogins.addComponent(fbButton);
			otherLogins.setComponentAlignment(fbButton, Alignment.BOTTOM_LEFT);
		}
		
		OAuthPopupButton twButton = createTwitterButton();
		if (twButton!=null) {
			otherLogins.addComponent(twButton);
			otherLogins.setComponentAlignment(twButton, Alignment.BOTTOM_LEFT);
		}
		
		OAuthPopupButton ghButton = createGitHubButton();
		if (ghButton!=null) {
			otherLogins.addComponent(ghButton);
			otherLogins.setComponentAlignment(ghButton, Alignment.BOTTOM_LEFT);
		}
		
	}
	
	private OAuthPopupButton createFacebookButton() {
		String key = MideaasConfig.getProperty(Prop.FACEBOOK_KEY);
		String secret = MideaasConfig.getProperty(Prop.FACEBOOK_SECRET);
		if (key==null || secret==null) {
			return null;
		}
		FacebookButton button = new FacebookButton(key, secret);
		button.setCaption("Login with Facebook");
		return initButton(button, Service.FACEBOOK, key, secret);
	}
	
	private OAuthPopupButton createTwitterButton() {
		final String key = MideaasConfig.getProperty(Prop.TWITTER_KEY);
		final String secret = MideaasConfig.getProperty(Prop.TWITTER_SECRET);
		if (key==null || secret==null) {
			return null;
		}
		TwitterButton button = new TwitterButton(key, secret);
		button.setCaption("Login with Twitter");
		return initButton(button, Service.TWITTER, key, secret);
	}
	
	private OAuthPopupButton createGitHubButton() {
		String key = MideaasConfig.getProperty(Prop.GITHUB_KEY);
		String secret = MideaasConfig.getProperty(Prop.GITHUB_SECRET);
		if (key==null || secret==null) {
			return null;
		}

		GitHubButton button = new GitHubButton(key, secret);
		button.setCaption("Login with GitHub");
		return initButton(button, Service.GITHUB, key, secret);
	}
	
	private OAuthPopupButton initButton(OAuthPopupButton button, final Service service, final String key, final String secret) {
		button.addOAuthListener(new OAuthListener() {
			@Override
			public void authSuccessful(String accessToken, String accessTokenSecret) {
				UserToken token = new UserToken(accessToken, accessTokenSecret);
				OAuthService serv = OAuthService.createService(service, key, secret, token);
				UserProfile profile = serv.getUserProfile();
				if (profile != null) {
					login(User.newUser(profile));
				}
				else {
					Notification.show("Not authenticated.");
				}
			}
			@Override
			public void authDenied(String reason) {
				Notification.show("Not authenticated.");
			}
		});
		return button;
	}
	
	

	private void login(User user) {
		ui.setUser(user);
		ui.navigateTo(nextView);
	}

	

}