latian vaadin

.classpath

@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<classpath>
+	<classpathentry kind="src" output="target/classes" path="src/main/java">
+		<attributes>
+			<attribute name="optional" value="true"/>
+			<attribute name="maven.pomderived" value="true"/>
+		</attributes>
+	</classpathentry>
+	<classpathentry excluding="**" kind="src" output="target/classes" path="src/main/resources">
+		<attributes>
+			<attribute name="maven.pomderived" value="true"/>
+		</attributes>
+	</classpathentry>
+	<classpathentry kind="src" output="target/test-classes" path="src/test/java">
+		<attributes>
+			<attribute name="optional" value="true"/>
+			<attribute name="maven.pomderived" value="true"/>
+			<attribute name="test" value="true"/>
+		</attributes>
+	</classpathentry>
+	<classpathentry kind="con" path="org.eclipse.jdt.launching.JRE_CONTAINER/org.eclipse.jdt.internal.debug.ui.launcher.StandardVMType/JavaSE-1.8">
+		<attributes>
+			<attribute name="maven.pomderived" value="true"/>
+		</attributes>
+	</classpathentry>
+	<classpathentry kind="con" path="org.eclipse.m2e.MAVEN2_CLASSPATH_CONTAINER">
+		<attributes>
+			<attribute name="maven.pomderived" value="true"/>
+		</attributes>
+	</classpathentry>
+	<classpathentry kind="src" output="target/classes" path="target/generated-resources/gwt">
+		<attributes>
+			<attribute name="optional" value="true"/>
+			<attribute name="maven.pomderived" value="true"/>
+			<attribute name="ignore_optional_problems" value="true"/>
+		</attributes>
+	</classpathentry>
+	<classpathentry kind="output" path="target/classes"/>
+</classpath>

.project

@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<projectDescription>
+	<name>app</name>
+	<comment></comment>
+	<projects>
+	</projects>
+	<buildSpec>
+		<buildCommand>
+			<name>org.eclipse.jdt.core.javabuilder</name>
+			<arguments>
+			</arguments>
+		</buildCommand>
+		<buildCommand>
+			<name>org.eclipse.m2e.core.maven2Builder</name>
+			<arguments>
+			</arguments>
+		</buildCommand>
+	</buildSpec>
+	<natures>
+		<nature>org.eclipse.jdt.core.javanature</nature>
+		<nature>org.eclipse.m2e.core.maven2Nature</nature>
+	</natures>
+</projectDescription>

.settings/com.vaadin.integration.eclipse.prefs

@@ -0,0 +1,2 @@
+com.vaadin.integration.eclipse.mavenLatestVersionsUpgrade=["8.0.7","8.6.0"]
+eclipse.preferences.version=1

.settings/org.eclipse.core.resources.prefs

@@ -0,0 +1,4 @@
+eclipse.preferences.version=1
+encoding//src/main/java=UTF-8
+encoding//src/main/resources=UTF-8
+encoding/<project>=UTF-8

.settings/org.eclipse.jdt.core.prefs

@@ -0,0 +1,6 @@
+eclipse.preferences.version=1
+org.eclipse.jdt.core.compiler.codegen.targetPlatform=1.8
+org.eclipse.jdt.core.compiler.compliance=1.8
+org.eclipse.jdt.core.compiler.problem.forbiddenReference=warning
+org.eclipse.jdt.core.compiler.release=disabled
+org.eclipse.jdt.core.compiler.source=1.8

.settings/org.eclipse.m2e.core.prefs

@@ -0,0 +1,4 @@
+activeProfiles=
+eclipse.preferences.version=1
+resolveWorkspaceProjects=true
+version=1

README.md

@@ -0,0 +1,52 @@
+app
+==============
+
+Template for a simple Vaadin application that only requires a Servlet 3.0 container to run.
+
+
+Workflow
+========
+
+To compile the entire project, run "mvn install".
+
+To run the application, run "mvn jetty:run" and open http://localhost:8080/ .
+
+To produce a deployable production mode WAR:
+- change productionMode to true in the servlet class configuration (nested in the UI class)
+- run "mvn clean package"
+- test the war file with "mvn jetty:run-war"
+
+Client-Side compilation
+-------------------------
+
+The generated maven project is using an automatically generated widgetset by default. 
+When you add a dependency that needs client-side compilation, the maven plugin will 
+automatically generate it for you. Your own client-side customisations can be added into
+package "client".
+
+Debugging client side code
+  - run "mvn vaadin:run-codeserver" on a separate console while the application is running
+  - activate Super Dev Mode in the debug window of the application
+
+Developing a theme using the runtime compiler
+-------------------------
+
+When developing the theme, Vaadin can be configured to compile the SASS based
+theme at runtime in the server. This way you can just modify the scss files in
+your IDE and reload the browser to see changes.
+
+To use the runtime compilation, open pom.xml and comment out the compile-theme 
+goal from vaadin-maven-plugin configuration. To remove a possibly existing 
+pre-compiled theme, run "mvn clean package" once.
+
+When using the runtime compiler, running the application in the "run" mode 
+(rather than in "debug" mode) can speed up consecutive theme compilations
+significantly.
+
+It is highly recommended to disable runtime compilation for production WAR files.
+
+Using Vaadin pre-releases
+-------------------------
+
+If Vaadin pre-releases are not enabled by default, use the Maven parameter
+"-P vaadin-prerelease" or change the activation default value of the profile in pom.xml .

pom.xml

@@ -0,0 +1,173 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+	xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
+	<modelVersion>4.0.0</modelVersion>
+
+	<groupId>my.vaadin</groupId>
+	<artifactId>app</artifactId>
+	<packaging>war</packaging>
+	<version>0.0.1-SNAPSHOT</version>
+	<name>app</name>
+
+	<prerequisites>
+		<maven>3</maven>
+	</prerequisites>
+
+	<properties>
+		<vaadin.version>8.0.0</vaadin.version>
+		<vaadin.plugin.version>8.0.0</vaadin.plugin.version>
+		<jetty.plugin.version>9.3.9.v20160517</jetty.plugin.version>
+		<project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
+		<maven.compiler.source>1.8</maven.compiler.source>
+		<maven.compiler.target>1.8</maven.compiler.target>
+		<!-- If there are no local customisations, this can also be "fetch" or "cdn" -->
+		<vaadin.widgetset.mode>local</vaadin.widgetset.mode>
+	</properties>
+
+	<repositories>
+		<repository>
+			<id>vaadin-addons</id>
+			<url>http://maven.vaadin.com/vaadin-addons</url>
+		</repository>
+	</repositories>
+
+	<dependencyManagement>
+		<dependencies>
+			<dependency>
+				<groupId>com.vaadin</groupId>
+				<artifactId>vaadin-bom</artifactId>
+				<version>${vaadin.version}</version>
+				<type>pom</type>
+				<scope>import</scope>
+			</dependency>
+		</dependencies>
+	</dependencyManagement>
+
+	<dependencies>
+		<dependency>
+			<groupId>javax.servlet</groupId>
+			<artifactId>javax.servlet-api</artifactId>
+			<version>3.0.1</version>
+			<scope>provided</scope>
+		</dependency>
+		<dependency>
+			<groupId>com.vaadin</groupId>
+			<artifactId>vaadin-server</artifactId>
+		</dependency>
+		<dependency>
+			<groupId>com.vaadin</groupId>
+			<artifactId>vaadin-push</artifactId>
+		</dependency>
+		<dependency>
+			<groupId>com.vaadin</groupId>
+			<artifactId>vaadin-client-compiled</artifactId>
+		</dependency>
+		<dependency>
+			<groupId>com.vaadin</groupId>
+			<artifactId>vaadin-themes</artifactId>
+		</dependency>
+	</dependencies>
+
+	<build>
+		<plugins>
+			<plugin>
+				<groupId>org.apache.maven.plugins</groupId>
+				<artifactId>maven-war-plugin</artifactId>
+				<version>3.0.0</version>
+				<configuration>
+					<failOnMissingWebXml>false</failOnMissingWebXml>
+					<!-- Exclude an unnecessary file generated by the GWT compiler. -->
+					<packagingExcludes>WEB-INF/classes/VAADIN/widgetsets/WEB-INF/**</packagingExcludes>
+				</configuration>
+			</plugin>
+			<plugin>
+				<groupId>com.vaadin</groupId>
+				<artifactId>vaadin-maven-plugin</artifactId>
+				<version>${vaadin.plugin.version}</version>
+				<executions>
+					<execution>
+						<goals>
+							<goal>update-theme</goal>
+							<goal>update-widgetset</goal>
+							<goal>compile</goal>
+							<!-- Comment out compile-theme goal to use on-the-fly theme compilation -->
+							<goal>compile-theme</goal>
+						</goals>
+					</execution>
+				</executions>
+			</plugin>
+			<plugin>
+				<groupId>org.apache.maven.plugins</groupId>
+				<artifactId>maven-clean-plugin</artifactId>
+				<version>3.0.0</version>
+				<!-- Clean up also any pre-compiled themes -->
+				<configuration>
+					<filesets>
+						<fileset>
+							<directory>src/main/webapp/VAADIN/themes</directory>
+							<includes>
+								<include>**/styles.css</include>
+								<include>**/styles.scss.cache</include>
+							</includes>
+						</fileset>
+					</filesets>
+				</configuration>
+			</plugin>
+
+			<!-- The Jetty plugin allows us to easily test the development build by
+				running jetty:run on the command line. -->
+			<plugin>
+				<groupId>org.eclipse.jetty</groupId>
+				<artifactId>jetty-maven-plugin</artifactId>
+				<version>${jetty.plugin.version}</version>
+				<configuration>
+					<scanIntervalSeconds>2</scanIntervalSeconds>
+				</configuration>
+			</plugin>
+		</plugins>
+	</build>
+
+	<profiles>
+		<profile>
+			<!-- Vaadin pre-release repositories -->
+			<id>vaadin-prerelease</id>
+			<activation>
+				<activeByDefault>false</activeByDefault>
+			</activation>
+
+			<repositories>
+				<repository>
+					<id>vaadin-prereleases</id>
+					<url>http://maven.vaadin.com/vaadin-prereleases</url>
+				</repository>
+				<repository>
+					<id>vaadin-snapshots</id>
+					<url>https://oss.sonatype.org/content/repositories/vaadin-snapshots/</url>
+					<releases>
+						<enabled>false</enabled>
+					</releases>
+					<snapshots>
+						<enabled>true</enabled>
+					</snapshots>
+				</repository>
+			</repositories>
+			<pluginRepositories>
+				<pluginRepository>
+					<id>vaadin-prereleases</id>
+					<url>http://maven.vaadin.com/vaadin-prereleases</url>
+				</pluginRepository>
+				<pluginRepository>
+					<id>vaadin-snapshots</id>
+					<url>https://oss.sonatype.org/content/repositories/vaadin-snapshots/</url>
+					<releases>
+						<enabled>false</enabled>
+					</releases>
+					<snapshots>
+						<enabled>true</enabled>
+					</snapshots>
+				</pluginRepository>
+			</pluginRepositories>
+		</profile>
+	</profiles>
+
+</project>

src/main/java/my/vaadin/app/Customer.java

@@ -0,0 +1,164 @@
+package my.vaadin.app;
+
+import java.io.Serializable;
+import java.time.LocalDate;
+
+/**
+ * A entity object, like in any other Java application. In a typical real world
+ * application this could for example be a JPA entity.
+ */
+@SuppressWarnings("serial")
+public class Customer implements Serializable, Cloneable {
+
+	private Long id;
+
+	private String firstName = "";
+
+	private String lastName = "";
+
+	private LocalDate birthDate;
+
+	private CustomerStatus status;
+
+	private String email = "";
+
+	public Long getId() {
+		return id;
+	}
+
+	public void setId(Long id) {
+		this.id = id;
+	}
+
+	/**
+	 * Get the value of email
+	 *
+	 * @return the value of email
+	 */
+	public String getEmail() {
+		return email;
+	}
+
+	/**
+	 * Set the value of email
+	 *
+	 * @param email
+	 *            new value of email
+	 */
+	public void setEmail(String email) {
+		this.email = email;
+	}
+
+	/**
+	 * Get the value of status
+	 *
+	 * @return the value of status
+	 */
+	public CustomerStatus getStatus() {
+		return status;
+	}
+
+	/**
+	 * Set the value of status
+	 *
+	 * @param status
+	 *            new value of status
+	 */
+	public void setStatus(CustomerStatus status) {
+		this.status = status;
+	}
+
+	/**
+	 * Get the value of birthDate
+	 *
+	 * @return the value of birthDate
+	 */
+	public LocalDate getBirthDate() {
+		return birthDate;
+	}
+
+	/**
+	 * Set the value of birthDate
+	 *
+	 * @param birthDate
+	 *            new value of birthDate
+	 */
+	public void setBirthDate(LocalDate birthDate) {
+		this.birthDate = birthDate;
+	}
+
+	/**
+	 * Get the value of lastName
+	 *
+	 * @return the value of lastName
+	 */
+	public String getLastName() {
+		return lastName;
+	}
+
+	/**
+	 * Set the value of lastName
+	 *
+	 * @param lastName
+	 *            new value of lastName
+	 */
+	public void setLastName(String lastName) {
+		this.lastName = lastName;
+	}
+
+	/**
+	 * Get the value of firstName
+	 *
+	 * @return the value of firstName
+	 */
+	public String getFirstName() {
+		return firstName;
+	}
+
+	/**
+	 * Set the value of firstName
+	 *
+	 * @param firstName
+	 *            new value of firstName
+	 */
+	public void setFirstName(String firstName) {
+		this.firstName = firstName;
+	}
+
+	public boolean isPersisted() {
+		return id != null;
+	}
+
+	@Override
+	public boolean equals(Object obj) {
+		if (this == obj) {
+			return true;
+		}
+		if (this.id == null) {
+			return false;
+		}
+
+		if (obj instanceof Customer && obj.getClass().equals(getClass())) {
+			return this.id.equals(((Customer) obj).id);
+		}
+
+		return false;
+	}
+
+	@Override
+	public int hashCode() {
+		int hash = 5;
+		hash = 43 * hash + (id == null ? 0 : id.hashCode());
+		return hash;
+	}
+
+	@Override
+	public Customer clone() throws CloneNotSupportedException {
+		return (Customer) super.clone();
+	}
+
+	@Override
+	public String toString() {
+		return firstName + " " + lastName;
+	}
+}

src/main/java/my/vaadin/app/CustomerDesign.java

@@ -0,0 +1,23 @@
+package my.vaadin.app;
+
+import com.vaadin.annotations.AutoGenerated;
+import com.vaadin.annotations.DesignRoot;
+import com.vaadin.ui.VerticalLayout;
+import com.vaadin.ui.declarative.Design;
+
+/** 
+ * !! DO NOT EDIT THIS FILE !!
+ * 
+ * This class is generated by Vaadin Designer and will be overwritten.
+ * 
+ * Please make a subclass with logic and additional interfaces as needed,
+ * e.g class LoginView extends LoginDesign implements View { }
+ */
+@DesignRoot
+@AutoGenerated
+@SuppressWarnings("serial")
+public class CustomerDesign extends VerticalLayout {
+	public CustomerDesign() {
+		Design.read(this);
+	}
+}

src/main/java/my/vaadin/app/CustomerForm.java

@@ -0,0 +1,65 @@
+package my.vaadin.app;
+
+import com.vaadin.data.Binder;
+import com.vaadin.event.ShortcutAction.KeyCode;
+import com.vaadin.ui.Button;
+import com.vaadin.ui.DateField;
+import com.vaadin.ui.FormLayout;
+import com.vaadin.ui.HorizontalLayout;
+import com.vaadin.ui.NativeSelect;
+import com.vaadin.ui.TextField;
+import com.vaadin.ui.themes.ValoTheme;
+
+public class CustomerForm extends FormLayout {
+
+	private TextField firstName = new TextField("First name");
+	private TextField lastName = new TextField("Last name");
+	private TextField email = new TextField("Email");
+	private NativeSelect<CustomerStatus> status = new NativeSelect<>("Status");
+	private DateField birthdate = new DateField("Birthday");
+	private Button save = new Button("Save");
+	private Button delete = new Button("Delete");
+	
+	//inject class service
+	private CustomerService service = CustomerService.getInstance();
+	private Customer customer;
+	private MyUI myUI;
+	private Binder<Customer> binder = new Binder<>(Customer.class);
+	
+	public CustomerForm(MyUI myUI) {
+		this.myUI = myUI;
+	
+		setSizeUndefined();
+		HorizontalLayout buttons = new HorizontalLayout(save,delete);
+		addComponents(firstName, lastName, email, status, birthdate, buttons);
+		
+		//ambil status di class customer status untuk dijadikan value combobox form
+		status.setItems(CustomerStatus.values());
+		save.setStyleName(ValoTheme.BUTTON_PRIMARY);
+		delete.setStyleName(ValoTheme.BUTTON_DANGER);
+		save.setClickShortcut(KeyCode.ENTER);
+		
+		binder.bindInstanceFields(this);
+		
+		save.addClickListener(e -> save());
+		delete.addClickListener(e -> delete());
+	}
+		public void setCustomer(Customer customer) {
+			this.customer = customer;
+			binder.setBean(customer);
+			
+			delete.setVisible(customer.isPersisted());
+			setVisible(true);
+			firstName.selectAll();
+		}
+		private void delete() {
+			service.delete(customer);
+			myUI.tableCustomer();
+			setVisible(true);
+		}
+		private void save() {
+			service.save(customer);
+			myUI.tableCustomer();
+			setVisible(false);
+		}
+}

src/main/java/my/vaadin/app/CustomerFormDesign.java

@@ -0,0 +1,23 @@
+package my.vaadin.app;
+
+import com.vaadin.annotations.AutoGenerated;
+import com.vaadin.annotations.DesignRoot;
+import com.vaadin.ui.CustomComponent;
+import com.vaadin.ui.declarative.Design;
+
+/** 
+ * !! DO NOT EDIT THIS FILE !!
+ * 
+ * This class is generated by Vaadin Designer and will be overwritten.
+ * 
+ * Please make a subclass with logic and additional interfaces as needed,
+ * e.g class LoginView extends LoginDesign implements View { }
+ */
+@DesignRoot
+@AutoGenerated
+@SuppressWarnings("serial")
+public class CustomerFormDesign extends CustomComponent {
+	public CustomerFormDesign() {
+		Design.read(this);
+	}
+}

src/main/java/my/vaadin/app/CustomerService.java

@@ -0,0 +1,186 @@
+package my.vaadin.app;
+
+import java.time.LocalDate;
+import java.util.ArrayList;
+import java.util.Collections;
+import java.util.Comparator;
+import java.util.HashMap;
+import java.util.List;
+import java.util.Random;
+import java.util.logging.Level;
+import java.util.logging.Logger;
+
+/**
+ * An in memory dummy "database" for the example purposes. In a typical Java app
+ * this class would be replaced by e.g. EJB or a Spring based service class.
+ * <p>
+ * In demos/tutorials/examples, get a reference to this service class with
+ * {@link CustomerService#getInstance()}.
+ */
+public class CustomerService {
+
+	private static CustomerService instance;
+	private static final Logger LOGGER = Logger.getLogger(CustomerService.class.getName());
+
+	private final HashMap<Long, Customer> contacts = new HashMap<>();
+	private long nextId = 0;
+
+	private CustomerService() {
+	}
+
+	/**
+	 * @return a reference to an example facade for Customer objects.
+	 */
+	public static CustomerService getInstance() {
+		if (instance == null) {
+			instance = new CustomerService();
+			instance.ensureTestData();
+		}
+		return instance;
+	}
+
+	/**
+	 * @return all available Customer objects.
+	 */
+	public synchronized List<Customer> findAll() {
+		return findAll(null);
+	}
+
+	/**
+	 * Finds all Customer's that match given filter.
+	 *
+	 * @param stringFilter
+	 *            filter that returned objects should match or null/empty string
+	 *            if all objects should be returned.
+	 * @return list a Customer objects
+	 */
+	public synchronized List<Customer> findAll(String stringFilter) {
+		ArrayList<Customer> arrayList = new ArrayList<>();
+		for (Customer contact : contacts.values()) {
+			try {
+				boolean passesFilter = (stringFilter == null || stringFilter.isEmpty())
+						|| contact.toString().toLowerCase().contains(stringFilter.toLowerCase());
+				if (passesFilter) {
+					arrayList.add(contact.clone());
+				}
+			} catch (CloneNotSupportedException ex) {
+				Logger.getLogger(CustomerService.class.getName()).log(Level.SEVERE, null, ex);
+			}
+		}
+		Collections.sort(arrayList, new Comparator<Customer>() {
+
+			@Override
+			public int compare(Customer o1, Customer o2) {
+				return (int) (o2.getId() - o1.getId());
+			}
+		});
+		return arrayList;
+	}
+
+	/**
+	 * Finds all Customer's that match given filter and limits the resultset.
+	 *
+	 * @param stringFilter
+	 *            filter that returned objects should match or null/empty string
+	 *            if all objects should be returned.
+	 * @param start
+	 *            the index of first result
+	 * @param maxresults
+	 *            maximum result count
+	 * @return list a Customer objects
+	 */
+	public synchronized List<Customer> findAll(String stringFilter, int start, int maxresults) {
+		ArrayList<Customer> arrayList = new ArrayList<>();
+		for (Customer contact : contacts.values()) {
+			try {
+				boolean passesFilter = (stringFilter == null || stringFilter.isEmpty())
+						|| contact.toString().toLowerCase().contains(stringFilter.toLowerCase());
+				if (passesFilter) {
+					arrayList.add(contact.clone());
+				}
+			} catch (CloneNotSupportedException ex) {
+				Logger.getLogger(CustomerService.class.getName()).log(Level.SEVERE, null, ex);
+			}
+		}
+		Collections.sort(arrayList, new Comparator<Customer>() {
+
+			@Override
+			public int compare(Customer o1, Customer o2) {
+				return (int) (o2.getId() - o1.getId());
+			}
+		});
+		int end = start + maxresults;
+		if (end > arrayList.size()) {
+			end = arrayList.size();
+		}
+		return arrayList.subList(start, end);
+	}
+
+	/**
+	 * @return the amount of all customers in the system
+	 */
+	public synchronized long count() {
+		return contacts.size();
+	}
+
+	/**
+	 * Deletes a customer from a system
+	 *
+	 * @param value
+	 *            the Customer to be deleted
+	 */
+	public synchronized void delete(Customer value) {
+		contacts.remove(value.getId());
+	}
+
+	/**
+	 * Persists or updates customer in the system. Also assigns an identifier
+	 * for new Customer instances.
+	 *
+	 * @param entry
+	 */
+	public synchronized void save(Customer entry) {
+		if (entry == null) {
+			LOGGER.log(Level.SEVERE,
+					"Customer is null. Are you sure you have connected your form to the application as described in tutorial chapter 7?");
+			return;
+		}
+		if (entry.getId() == null) {
+			entry.setId(nextId++);
+		}
+		try {
+			entry = (Customer) entry.clone();
+		} catch (Exception ex) {
+			throw new RuntimeException(ex);
+		}
+		contacts.put(entry.getId(), entry);
+	}
+
+	/**
+	 * Sample data generation
+	 */
+	public void ensureTestData() {
+		if (findAll().isEmpty()) {
+			final String[] names = new String[] { "Gabrielle Patel", "Brian Robinson", "Eduardo Haugen",
+					"Koen Johansen", "Alejandro Macdonald", "Angel Karlsson", "Yahir Gustavsson", "Haiden Svensson",
+					"Emily Stewart", "Corinne Davis", "Ryann Davis", "Yurem Jackson", "Kelly Gustavsson",
+					"Eileen Walker", "Katelyn Martin", "Israel Carlsson", "Quinn Hansson", "Makena Smith",
+					"Danielle Watson", "Leland Harris", "Gunner Karlsen", "Jamar Olsson", "Lara Martin",
+					"Ann Andersson", "Remington Andersson", "Rene Carlsson", "Elvis Olsen", "Solomon Olsen",
+					"Jaydan Jackson", "Bernard Nilsen" };
+			Random r = new Random(0);
+			for (String name : names) {
+				String[] split = name.split(" ");
+				Customer c = new Customer();
+				c.setFirstName(split[0]);
+				c.setLastName(split[1]);
+				c.setEmail(split[0].toLowerCase() + "@" + split[1].toLowerCase() + ".com");
+				c.setStatus(CustomerStatus.values()[r.nextInt(CustomerStatus.values().length)]);
+                int daysOld = 0 - r.nextInt(365 * 15 + 365 * 60);
+                c.setBirthDate(LocalDate.now().plusDays(daysOld));
+				save(c);
+			}
+		}
+	}
+
+}

src/main/java/my/vaadin/app/CustomerStatus.java

@@ -0,0 +1,5 @@
+package my.vaadin.app;
+
+public enum CustomerStatus {
+    ImportedLead, NotContacted, Contacted, Customer, ClosedLost
+}

src/main/java/my/vaadin/app/MyUI.java

@@ -0,0 +1,115 @@
+package my.vaadin.app;
+
+import java.util.List;
+
+import javax.servlet.annotation.WebServlet;
+
+import com.vaadin.annotations.Theme;
+import com.vaadin.annotations.VaadinServletConfiguration;
+import com.vaadin.icons.VaadinIcons;
+import com.vaadin.server.VaadinRequest;
+import com.vaadin.server.VaadinServlet;
+import com.vaadin.shared.ui.ValueChangeMode;
+import com.vaadin.ui.Button;
+import com.vaadin.ui.CssLayout;
+import com.vaadin.ui.Grid;
+import com.vaadin.ui.HorizontalLayout;
+import com.vaadin.ui.TextField;
+import com.vaadin.ui.UI;
+import com.vaadin.ui.VerticalLayout;
+import com.vaadin.ui.themes.ValoTheme;
+
+/**
+ * This UI is the application entry point. A UI may either represent a browser window 
+ * (or tab) or some part of a html page where a Vaadin application is embedded.
+ * <p>
+ * The UI is initialized using {@link #init(VaadinRequest)}. This method is intended to be 
+ * overridden to add component to the user interface and initialize non-component functionality.
+ */
+@Theme("mytheme")
+public class MyUI extends UI {
+
+    /**
+	 * 
+	 */
+	private static final long serialVersionUID = 1L;
+	
+	//inject class service
+	private CustomerService service = CustomerService.getInstance();
+	//tambahkan grid dengan model Customer untuk menampilkan tabel
+	private Grid<Customer> grid = new Grid<>(Customer.class);
+	//tambah textfield untuk kolom cari
+	private TextField filterText = new TextField();
+	
+	private CustomerForm form = new CustomerForm(this);
+
+	@Override
+    protected void init(VaadinRequest vaadinRequest) {
+        final VerticalLayout layout = new VerticalLayout();
+        
+        filterText.setPlaceholder("silahkan cari..");
+        //menambahkan pembaca untuk value yang dicari
+        filterText.addValueChangeListener(e -> tableCustomer());
+        filterText.setValueChangeMode(ValueChangeMode.LAZY);
+        
+        //tambah button untuk hapus filter
+        Button hapusButton = new Button(VaadinIcons.CIRCLE);
+        hapusButton.setDescription("Hapus Filter");
+        hapusButton.addClickListener(e -> filterText.clear());
+        //tambah button untuk tambah data
+        
+        Button tambahButton = new Button("Tambah Customer");
+        tambahButton.setStyleName(ValoTheme.BUTTON_PRIMARY);
+        tambahButton.addClickListener(e->{
+        	grid.asSingleSelect().clear();
+        	form.setCustomer(new Customer());
+        });
+        
+        //cara set yang kolom yg mau ditampilkan
+        grid.setColumns("id","firstName", "lastName", "status");
+        
+        HorizontalLayout main = new HorizontalLayout(grid, form);
+        main.setSizeFull();
+        grid.setSizeFull();
+        main.setExpandRatio(grid, 1);
+        
+        CssLayout filter = new CssLayout();
+        filter.addComponents(filterText, hapusButton);
+        filter.setStyleName(ValoTheme.LAYOUT_COMPONENT_GROUP);
+        
+        HorizontalLayout toolbar = new HorizontalLayout(filter, tambahButton);
+        //tambahkan filter dan main ke layout
+        layout.addComponents(toolbar,main);
+        
+        tableCustomer();
+        
+        setContent(layout);
+        
+        //membuat form tak terlihat sebelum klik tombol tambah
+        form.setVisible(false);
+        
+        grid.asSingleSelect().addValueChangeListener(event -> {
+        	if(event.getValue()==null) {
+        		form.setVisible(false);
+        	}else {
+        		form.setCustomer(event.getValue());
+        	}
+        });
+        
+    }
+	public void tableCustomer() {
+		//fetch data customer dan taruh di grid + tambahkan parameter filterText.getValue supaya search berfungsi
+		List<Customer> customerList = service.findAll(filterText.getValue());
+        grid.setItems(customerList);
+	}
+
+    @WebServlet(urlPatterns = "/*", name = "MyUIServlet", asyncSupported = true)
+    @VaadinServletConfiguration(ui = MyUI.class, productionMode = false)
+    public static class MyUIServlet extends VaadinServlet {
+
+		/**
+		 * 
+		 */
+		private static final long serialVersionUID = 1L;
+    }
+}

src/main/resources/README

@@ -0,0 +1 @@
+Please add your static resources here

src/main/webapp/VAADIN/themes/mytheme/addons.scss

@@ -0,0 +1,7 @@
+/* This file is automatically managed and will be overwritten from time to time. */
+/* Do not manually edit this file. */
+
+/* Import and include this mixin into your project theme to include the addon themes */
+@mixin addons {
+}
+

src/main/webapp/VAADIN/themes/mytheme/mytheme.scss

@@ -0,0 +1,38 @@
+// If you edit this file you need to compile the theme. See README.md for details.
+
+// Global variable overrides. Must be declared before importing Valo.
+
+// Defines the plaintext font size, weight and family. Font size affects general component sizing.
+//$v-font-size: 16px;
+//$v-font-weight: 300;
+//$v-font-family: "Open Sans", sans-serif;
+
+// Defines the border used by all components.
+//$v-border: 1px solid (v-shade 0.7);
+//$v-border-radius: 4px;
+
+// Affects the color of some component elements, e.g Button, Panel title, etc
+//$v-background-color: hsl(210, 0%, 98%);
+// Affects the color of content areas, e.g  Panel and Window content, TextField input etc
+//$v-app-background-color: $v-background-color;
+
+// Affects the visual appearance of all components
+//$v-gradient: v-linear 8%;
+//$v-bevel-depth: 30%;
+//$v-shadow-opacity: 5%;
+
+// Defines colors for indicating status (focus, success, failure)
+//$v-focus-color: valo-focus-color(); // Calculates a suitable color automatically
+//$v-friendly-color: #2c9720;
+//$v-error-indicator-color: #ed473b;
+
+// For more information, see: https://vaadin.com/book/-/page/themes.valo.html
+// Example variants can be copy/pasted from https://vaadin.com/wiki/-/wiki/Main/Valo+Examples
+
+@import "../valo/valo.scss";
+
+@mixin mytheme {
+  @include valo;
+
+  // Insert your own theme rules here
+}

src/main/webapp/VAADIN/themes/mytheme/styles.scss

@@ -0,0 +1,11 @@
+@import "mytheme.scss";
+@import "addons.scss";
+
+// This file prefixes all rules with the theme name to avoid causing conflicts with other themes.
+// The actual styles should be defined in mytheme.scss
+
+.mytheme {
+  @include addons;
+  @include mytheme;
+
+}

target/classes/README

@@ -0,0 +1 @@
+Please add your static resources here

target/maven-status/maven-compiler-plugin/compile/default-compile/inputFiles.lst

@@ -0,0 +1 @@
+C:\Users\cadz\eclipse-workspace\app\src\main\java\my\vaadin\app\MyUI.java

target/tomcat/conf/tomcat-users.xml

@@ -0,0 +1,26 @@
+<?xml version='1.0' encoding='utf-8'?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+-->
+<tomcat-users>
+<!--
+  <role rolename="tomcat"/>
+  <role rolename="role1"/>
+  <user username="tomcat" password="tomcat" roles="tomcat"/>
+  <user username="both" password="tomcat" roles="tomcat,role1"/>
+  <user username="role1" password="tomcat" roles="role1"/>
+-->
+</tomcat-users>