package com.virtuallypreinstalled.marc.examples;

import com.itmill.toolkit.Application;
import com.itmill.toolkit.data.Property.ValueChangeEvent;
import com.itmill.toolkit.terminal.ThemeResource;
import com.itmill.toolkit.ui.Button;
import com.itmill.toolkit.ui.ComboBox;
import com.itmill.toolkit.ui.Label;
import com.itmill.toolkit.ui.OrderedLayout;
import com.itmill.toolkit.ui.Panel;
import com.itmill.toolkit.ui.Window;
import com.itmill.toolkit.ui.Button.ClickEvent;

public class SuggestionsExample extends Application {

	private static final String[] names = { "Alvin", "Bob", "Craig", "Dan",
			"Eric", "Frank", "Greg", "Hank", "Ian", "John", "Ken", "Les",
			"Mick", "Ned", "Oliver", "Paul", "Quentin", "Rick", "Steve",
			"Uriel", "Vincent", "Will", "Xander", "Yosef", "Zack" };

	private static final String[] tokens = { "answer", "booring", "cool", "data",
			"expert", "fun", "good", "hot", "idea", "journal", "knowledge",
			"long", "method", "new", "old", "product", "question", "resource",
			"short", "tag", "unbelievable", "view", "wtf", "xxx", "yummy",
			"zoom" };
	
	private static final String[] choises = { "Minimum", "Medium", "Maximum" };

	private static final String[] icons = { "rss", "flickr", "digg", "technorati" };

	public void init() {
		setTheme("com.virtuallypreinstalled.marc.examples");
		Window main = new MainWindow();
		setMainWindow(main);
	}

	private class MainWindow extends Window {

		Label lastSearch = new Label(" ");

		OrderedLayout tokenLayout = new OrderedLayout(
				OrderedLayout.ORIENTATION_HORIZONTAL);
		int tokenCount = 0;

		OrderedLayout addressLayout = new OrderedLayout();
		int addressCount = 0;

		MainWindow() {
			getLayout().setWidth("100%");
			
			// Suggestbox
			Panel p = new Panel("Suggest / search");
			p.setStyleName(Panel.STYLE_LIGHT);
			addComponent(p);

			ComboBox cb = new ComboBox();
			cb.setDescription("Initially empty; will suggest your previous searches.");
			cb.setWidth("250px");
			cb.setImmediate(true);
			cb.setNewItemsAllowed(true);
			cb.setNullSelectionAllowed(false);
			cb.addStyleName("search");
			cb.addListener(new ComboBox.ValueChangeListener() {
				public void valueChange(ValueChangeEvent event) {
					Object val = event.getProperty().getValue();
					if (val != null) {
						lastSearch.setValue("Your search for \"" + val
								+ "\" returned no results.");
						event.getProperty().setValue(null);
					}
				}

			});
			p.addComponent(cb);
			p.addComponent(lastSearch);

			// Token
			p = new Panel("Tag / token");
			p.setStyleName(Panel.STYLE_LIGHT);
			addComponent(p);

			tokenLayout.setSpacing(true);
			p.addComponent(tokenLayout);

			cb = new ComboBox();
			cb.setDescription("Has some pre-configured tags, accepts new ones.");
			cb.setWidth("70px");
			cb.setImmediate(true);
			cb.setNewItemsAllowed(true);
			cb.setNullSelectionAllowed(false);
			cb.addStyleName("search");
			cb.addListener(new ComboBox.ValueChangeListener() {
				public void valueChange(ValueChangeEvent event) {
					Object val = event.getProperty().getValue();
					if (val != null) {
						Button b = new Button(val + " ⊠",
								new Button.ClickListener() {
									public void buttonClick(ClickEvent event) {
										tokenLayout.removeComponent(event
												.getButton());
										tokenCount--;
									}
								});
						b.setStyleName(Button.STYLE_LINK);
						tokenLayout.addComponent(b, tokenCount++);
						event.getProperty().setValue(null);
					}
				}
			});
			for (int i = 0; i<tokens.length;i++){
				cb.addItem(tokens[i]);
			}
			tokenLayout.addComponent(cb);

			// Email
			p = new Panel("Email type thing");
			p.setStyleName(Panel.STYLE_LIGHT);
			addComponent(p);

			addressLayout.setSpacing(true);
			p.addComponent(addressLayout);

			cb = new ComboBox();
			cb.setDescription("Has pre-configured mail adddresses, accepts new ones - but does not validate.");
			cb.setFilteringMode(ComboBox.FILTERINGMODE_CONTAINS);
			cb.setWidth("200px");
			cb.setImmediate(true);
			cb.setNewItemsAllowed(true);
			cb.setNullSelectionAllowed(false);
			cb.addStyleName("search");
			cb.addListener(new ComboBox.ValueChangeListener() {
				public void valueChange(ValueChangeEvent event) {
					Object val = event.getProperty().getValue();
					if (val != null) {
						Button b = new Button(val + " ⊠",
								new Button.ClickListener() {
									public void buttonClick(ClickEvent event) {
										addressLayout.removeComponent(event
												.getButton());
										addressCount--;
									}
								});
						b.setStyleName(Button.STYLE_LINK);
						addressLayout.addComponent(b, addressCount++);
						event.getProperty().setValue(null);
					}
				}
			});
			for (int i = 0; i < names.length; i++) {
				cb.addItem(names[i].toLowerCase() + "@example.com");
			}

			addressLayout.addComponent(cb);

			// Inplace
			p = new Panel("Inplace edit-suggest");
			p.setStyleName(Panel.STYLE_LIGHT);
			addComponent(p);

			cb = new ComboBox();
			cb.setDescription("Click (focus) to edit, arrow opens dropdown.");
			cb.setWidth("150px");
			for (int i=0; i<choises.length; i++) {
				cb.addItem(choises[i]);
			}
			cb.select(choises[0]);
			cb.setImmediate(true);
			cb.setNullSelectionAllowed(false);
			cb.setNewItemsAllowed(true);
			cb.addStyleName("inplace");
			p.addComponent(cb);
			
			// Icon
			p = new Panel("Inplace icon-select");
			p.setStyleName(Panel.STYLE_LIGHT);
			addComponent(p);

			cb = new ComboBox();
			cb.setWidth("70px");
			for (int i=0; i<icons.length; i++) {
				cb.addItem(icons[i]);
				cb.setItemIcon(icons[i], new ThemeResource(icons[i]+".png"));
			}
			cb.select(icons[0]);
			cb.setImmediate(true);
			cb.setNullSelectionAllowed(false);
			cb.setNewItemsAllowed(false);
			cb.addStyleName("icon");
			p.addComponent(cb);
		}

	}

}