├── .gitignore
├── README.md
├── gwt-polymer-starter-kit-with-di
    ├── pom.xml
    └── src
    │   └── main
    │       ├── java
    │           └── com
    │           │   └── gwidgets
    │           │       ├── activities
    │           │           └── MainPageActivity.java
    │           │       ├── client
    │           │           ├── AppComponent.java
    │           │           ├── MVPModule.java
    │           │           ├── MyActivityMapper.java
    │           │           ├── MyHistoryMapper.java
    │           │           └── PolymerStarter.java
    │           │       ├── places
    │           │           ├── ContactPlace.java
    │           │           ├── HomePlace.java
    │           │           └── UsersPlace.java
    │           │       ├── polymerstarter.gwt.xml
    │           │       └── ui
    │           │           ├── MainPage.java
    │           │           └── MainPage.ui.xml
    │       └── webapp
    │           ├── WEB-INF
    │               └── web.xml
    │           ├── polymer-imports.html
    │           ├── polymerstarter.html
    │           └── styles
    │               ├── app-theme.html
    │               ├── main.css
    │               └── shared-styles.html
├── gwt-polymer-starter-kit
    ├── pom.xml
    └── src
    │   └── main
    │       ├── java
    │           └── com
    │           │   └── gwidgets
    │           │       ├── activities
    │           │           └── MainPageActivity.java
    │           │       ├── client
    │           │           ├── ClientFactory.java
    │           │           ├── ClientFactoryImpl.java
    │           │           ├── MyActivityMapper.java
    │           │           ├── MyHistoryMapper.java
    │           │           └── PolymerStarter.java
    │           │       ├── places
    │           │           ├── ContactPlace.java
    │           │           ├── HomePlace.java
    │           │           └── UsersPlace.java
    │           │       ├── polymerstarter.gwt.xml
    │           │       └── ui
    │           │           ├── MainPage.java
    │           │           └── MainPage.ui.xml
    │       └── webapp
    │           ├── WEB-INF
    │               └── web.xml
    │           ├── polymer-imports.html
    │           ├── polymerstarter.html
    │           └── styles
    │               ├── app-theme.html
    │               ├── main.css
    │               └── shared-styles.html
└── pom.xml


/.gitignore:
--------------------------------------------------------------------------------
1 | target/
2 | src/test
3 | .settings
4 | .classpath
5 | .project


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | ## Overview
 2 | 
 3 | gwt-polymer-starter kit is an adaptation of the [Polymer Starter Kit](https://github.com/PolymerElements/polymer-starter-kit) developed by the Polymer team to GWT. It is a starting point for developing Web applications using Polymer. This adaptation uses GWT, Vaadin's [gwt-polymer-elements](https://github.com/vaadin/gwt-polymer-elements), and [Maven GWT Plugin](https://github.com/gwt-maven-plugin/gwt-maven-plugin) as a build tool.  
 4 | 
 5 | ## Building and Running
 6 | 
 7 | * Dev Mode:
 8 | 
 9 |   
10 | Before the first run and after each clean
11 | ```sh
12 | mvn package gwt:run
13 | ```
14 | after the first run, there is no need for mvn package
15 | ```sh
16 | mvn gwt:run
17 | ```
18 | 
19 | * Production:
20 | 
21 | ```sh
22 | mvn clean gwt:compile package
23 | ```
24 | 
25 | ## Browser Histroy management
26 | 
27 | The application uses GWT Activities and Places to handle routing and section change.  
28 | 
29 | ## Dependency Injection 
30 | 
31 | There are two versions so far. The version that uses DI is under the directory gwt-polymer-starter-kit-with-di.  Google Dagger 2 is used for dependency injection, as GIN is outdated and not maintained anymore. Annotations are automatically processed after running mvn compile.
32 | 
33 | ## GWT version
34 | 
35 | The project uses version 2.8.1


--------------------------------------------------------------------------------
/gwt-polymer-starter-kit-with-di/pom.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
 3 | 	xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">
 4 | 
 5 | 	<modelVersion>4.0.0</modelVersion>
 6 | 	<artifactId>gwt-polymer-starter-kit-with-di</artifactId>
 7 | 	<packaging>war</packaging>
 8 | <parent>
 9 | 	<groupId>com.gwidgets</groupId>
10 | 	<artifactId>gwt-polymer</artifactId>
11 | 	<version>0.1</version>
12 | </parent>
13 | 
14 | 	<name>GWT Polymer Starter Kit - With Dependency Injection using Dagger</name>
15 | 	
16 | 	<dependencies>
17 | 		<dependency>
18 | 			<groupId>javax.inject</groupId>
19 | 			<artifactId>javax.inject</artifactId>
20 | 			<version>1</version>
21 | 			<scope>provided</scope>
22 | 		</dependency>
23 | 		<dependency>
24 | 			<groupId>com.google.dagger</groupId>
25 | 			<artifactId>dagger-gwt</artifactId>
26 | 			<version>2.5</version>
27 | 			<scope>provided</scope>
28 | 		</dependency>
29 | 	</dependencies>
30 | 
31 | 	<build>
32 | 	 <plugins>
33 | 	   			<plugin>
34 | 				<groupId>org.apache.maven.plugins</groupId>
35 | 				<artifactId>maven-compiler-plugin</artifactId>
36 | 				<version>3.5.1</version>
37 | 				<configuration>
38 | 					<source>1.8</source>
39 | 					<target>1.8</target>
40 |           <annotationProcessorPaths>
41 |             <path>
42 | 			<groupId>com.google.dagger</groupId>
43 | 			<artifactId>dagger-compiler</artifactId>
44 | 			<version>2.5</version>
45 |             </path>
46 |           </annotationProcessorPaths>
47 | 				</configuration>
48 | 			</plugin>
49 | 	 </plugins>
50 | 	</build>
51 | 	
52 | </project>
53 | 


--------------------------------------------------------------------------------
/gwt-polymer-starter-kit-with-di/src/main/java/com/gwidgets/activities/MainPageActivity.java:
--------------------------------------------------------------------------------
 1 | package com.gwidgets.activities;
 2 | 
 3 | import javax.inject.Inject;
 4 | import javax.inject.Singleton;
 5 | 
 6 | import com.google.gwt.activity.shared.AbstractActivity;
 7 | import com.google.gwt.core.shared.GWT;
 8 | import com.google.gwt.event.shared.EventBus;
 9 | import com.google.gwt.place.shared.Place;
10 | import com.google.gwt.user.client.ui.AcceptsOneWidget;
11 | import com.gwidgets.places.ContactPlace;
12 | import com.gwidgets.places.HomePlace;
13 | import com.gwidgets.places.UsersPlace;
14 | import com.gwidgets.ui.MainPage;
15 | 
16 | @Singleton
17 | public class MainPageActivity extends AbstractActivity implements MainPage.Presenter {
18 | 	
19 | 	MainPage mainPage;
20 | 
21 | 	
22 | 	@Inject
23 | 	public MainPageActivity(MainPage mainPage) {
24 | 		GWT.log("creating main activity");
25 | 		this.mainPage = mainPage;
26 | 		
27 | 	}
28 | 
29 | 	@Override
30 | 	public void start(AcceptsOneWidget panel, EventBus bus) {
31 | 		GWT.log("starting main activity");
32 | 		panel.setWidget(mainPage);
33 | 		
34 | 	}
35 | 	
36 | 	public void refreshPlace(Place place){
37 | 		GWT.log("refreshing place");
38 | 		if(place instanceof HomePlace){
39 | 			placeChangeWithoutClickEvent("home");
40 | 		}else if(place instanceof ContactPlace){
41 | 			placeChangeWithoutClickEvent("contact");
42 | 		}else if(place instanceof UsersPlace){
43 | 			placeChangeWithoutClickEvent("users");
44 | 		}
45 | 	}
46 | 
47 | 	@Override
48 | 	public void placeChangeWithoutClickEvent(String placeName) {
49 | 		// TODO Auto-generated method stub
50 | 		mainPage.getIronPagesElement().select(placeName);
51 |       	 mainPage.getPaperMenu().select(placeName);
52 | 		
53 | 	}
54 | 
55 | 
56 | 
57 | }
58 | 


--------------------------------------------------------------------------------
/gwt-polymer-starter-kit-with-di/src/main/java/com/gwidgets/client/AppComponent.java:
--------------------------------------------------------------------------------
 1 | package com.gwidgets.client;
 2 | 
 3 | import javax.inject.Singleton;
 4 | 
 5 | import com.google.gwt.place.shared.PlaceController;
 6 | import com.google.gwt.place.shared.PlaceHistoryHandler;
 7 | import com.google.web.bindery.event.shared.EventBus;
 8 | 
 9 | 
10 | 
11 | import com.gwidgets.ui.MainPage;
12 | 
13 | import dagger.Component;
14 | 
15 | 
16 | @Singleton
17 | @Component(modules=MVPModule.class)
18 | public interface AppComponent {
19 | 	
20 | 	EventBus eventBus();
21 | 	
22 | 	MainPage getMainPage();
23 | 	
24 | 	PlaceController getPlaceController();
25 | 	
26 | 	PlaceHistoryHandler getHistoryHandler();
27 | 	
28 | 	MyActivityMapper mainActivityMapper();
29 | 	
30 | 	
31 | }
32 | 


--------------------------------------------------------------------------------
/gwt-polymer-starter-kit-with-di/src/main/java/com/gwidgets/client/MVPModule.java:
--------------------------------------------------------------------------------
 1 | package com.gwidgets.client;
 2 | 
 3 | import javax.inject.Singleton;
 4 | 
 5 | import com.google.gwt.activity.shared.ActivityManager;
 6 | import com.google.gwt.core.shared.GWT;
 7 | import com.google.gwt.place.shared.PlaceController;
 8 | import com.google.gwt.place.shared.PlaceHistoryHandler;
 9 | import com.google.gwt.user.client.ui.SimplePanel;
10 | import com.google.web.bindery.event.shared.EventBus;
11 | import com.google.web.bindery.event.shared.SimpleEventBus;
12 | import com.gwidgets.activities.MainPageActivity;
13 | import com.gwidgets.places.HomePlace;
14 | import com.gwidgets.ui.MainPage;
15 | 
16 | import dagger.Module;
17 | import dagger.Provides;
18 | 
19 | @Module
20 | public class MVPModule {
21 | 
22 | 	@Provides @Singleton
23 | 	public
24 | 	MainPage getMainPage(){
25 | 		return new MainPage();
26 | 	}
27 | 	
28 | 	  @Provides @Singleton
29 | 	  public EventBus getEventBus() {
30 | 	    return new SimpleEventBus();
31 | 	  }
32 | 	
33 | 	  @Provides @Singleton
34 | 	  public MyHistoryMapper getHistoryMapper() {
35 | 	    return GWT.create(MyHistoryMapper.class);
36 | 	  }
37 | 	  
38 | 	
39 | 	  @Provides @Singleton
40 | 	  public PlaceController getPlaceController(EventBus eventBus) {
41 | 	    return new PlaceController(eventBus);
42 | 	  }
43 | 	  
44 | 	  @Provides @Singleton
45 | 	  public PlaceHistoryHandler getHistoryHandler(PlaceController placeController,
46 | 			                                       MyHistoryMapper historyMapper, 
47 | 	                                               EventBus eventBus) {
48 | 	    PlaceHistoryHandler historyHandler =  new PlaceHistoryHandler(historyMapper);
49 | 	    historyHandler.register(placeController, eventBus, new HomePlace("home"));
50 | 	    return historyHandler;
51 | 	  }
52 | 	  
53 | 	  @Provides @Singleton 
54 | 	  public ActivityManager getActivityManager(MyActivityMapper mapper,
55 | 	                                               EventBus eventBus, SimplePanel appwidget) {
56 | 		  ActivityManager activityManager = new ActivityManager(mapper, eventBus);
57 | 	        activityManager.setDisplay(appwidget);
58 | 	    return activityManager;
59 | 	  }
60 | 
61 | }
62 | 


--------------------------------------------------------------------------------
/gwt-polymer-starter-kit-with-di/src/main/java/com/gwidgets/client/MyActivityMapper.java:
--------------------------------------------------------------------------------
 1 | package com.gwidgets.client;
 2 | 
 3 | import javax.inject.Inject;
 4 | import javax.inject.Provider;
 5 | import javax.inject.Singleton;
 6 | 
 7 | import com.google.gwt.activity.shared.Activity;
 8 | import com.google.gwt.activity.shared.ActivityMapper;
 9 | import com.google.gwt.core.shared.GWT;
10 | import com.google.gwt.place.shared.Place;
11 | import com.gwidgets.activities.*;
12 | 
13 | 
14 | 
15 | 
16 | @Singleton
17 | public class MyActivityMapper implements ActivityMapper {
18 | 	
19 | 	 @Inject Provider<MainPageActivity> activityProvider;
20 | 
21 | 	@Inject
22 | 	public MyActivityMapper(){
23 | 		GWT.log("creating activity mapper");
24 | 	}
25 | 	
26 | 	@Override
27 | 	public Activity getActivity(Place place) {
28 | 		GWT.log("changing activity");
29 | 		//No need to check if activity is null, it is injected by dagger
30 | 		MainPageActivity activity = activityProvider.get();
31 | 		activity.refreshPlace(place);
32 | 		return activity;
33 | 	}
34 | }
35 | 


--------------------------------------------------------------------------------
/gwt-polymer-starter-kit-with-di/src/main/java/com/gwidgets/client/MyHistoryMapper.java:
--------------------------------------------------------------------------------
 1 | package com.gwidgets.client;
 2 | 
 3 | 
 4 | 
 5 | import com.google.gwt.place.shared.PlaceHistoryMapper;
 6 | import com.google.gwt.place.shared.WithTokenizers;
 7 | import com.gwidgets.places.*;
 8 | 
 9 | 
10 | @WithTokenizers({ContactPlace.Tokenizer.class, HomePlace.Tokenizer.class, UsersPlace.Tokenizer.class})
11 | public interface MyHistoryMapper extends PlaceHistoryMapper  {
12 | 
13 | }
14 | 
15 | 


--------------------------------------------------------------------------------
/gwt-polymer-starter-kit-with-di/src/main/java/com/gwidgets/client/PolymerStarter.java:
--------------------------------------------------------------------------------
 1 | package com.gwidgets.client;
 2 | 
 3 | import java.util.Arrays;
 4 | 
 5 | import com.google.gwt.activity.shared.ActivityManager;
 6 | import com.google.gwt.activity.shared.ActivityMapper;
 7 | import com.google.gwt.core.client.EntryPoint;
 8 | import com.google.gwt.core.shared.GWT;
 9 | import com.google.gwt.place.shared.PlaceController;
10 | import com.google.gwt.place.shared.PlaceHistoryHandler;
11 | import com.google.gwt.user.client.ui.RootPanel;
12 | import com.google.gwt.user.client.ui.SimplePanel;
13 | import com.google.web.bindery.event.shared.EventBus;
14 | import com.gwidgets.places.HomePlace;
15 | import com.gwidgets.ui.MainPage;
16 | import com.vaadin.polymer.Polymer;
17 | import com.vaadin.polymer.elemental.Function;
18 | 
19 | 
20 | public class PolymerStarter implements EntryPoint {
21 | 	private HomePlace homePlace = new HomePlace("home");
22 | 	private SimplePanel appWidget = new SimplePanel();
23 | 	
24 |   public void onModuleLoad() {
25 | 	  
26 | 	  //don't worry of the IDE complains about DaggerAppComponent, it is generated by the dagger comppiler
27 | 	  AppComponent component = DaggerAppComponent.builder()
28 | 				.mVPModule(new MVPModule())
29 | 				.build();
30 | 
31 | 			MyActivityMapper mainMapper = component.mainActivityMapper();
32 | 			ActivityManager mainManager = new ActivityManager(mainMapper, component.eventBus());
33 | 			mainManager.setDisplay(appWidget);
34 | 
35 | 			RootPanel.get().add(appWidget);
36 | 			component.getMainPage().initializeEvents(component.getPlaceController());
37 | 
38 | 			component.getHistoryHandler().handleCurrentHistory();		        
39 |   }
40 | }
41 | 


--------------------------------------------------------------------------------
/gwt-polymer-starter-kit-with-di/src/main/java/com/gwidgets/places/ContactPlace.java:
--------------------------------------------------------------------------------
 1 | package com.gwidgets.places;
 2 | 
 3 | import com.google.gwt.place.shared.Place;
 4 | import com.google.gwt.place.shared.PlaceTokenizer;
 5 | import com.google.gwt.place.shared.Prefix;
 6 | 
 7 | 
 8 | public class ContactPlace extends Place {
 9 | 	
10 | 	private String name;
11 | 
12 | 	public ContactPlace(String name) {
13 | 		this.name = name;
14 | 	}
15 | 
16 | 	public String getName() {
17 | 		return name;
18 | 	}
19 | 
20 | 	@Prefix("!")
21 | 	 public static class Tokenizer implements PlaceTokenizer<ContactPlace> {
22 | 	        @Override
23 | 	        public String getToken(ContactPlace place) {
24 | 	            return place.getName();
25 | 	        }
26 | 
27 | 	        @Override
28 | 	        public ContactPlace getPlace(String token) {
29 | 	            return new ContactPlace(token);
30 | 	        }
31 | 	    }
32 | 	
33 | 	
34 | 
35 | }
36 | 


--------------------------------------------------------------------------------
/gwt-polymer-starter-kit-with-di/src/main/java/com/gwidgets/places/HomePlace.java:
--------------------------------------------------------------------------------
 1 | package com.gwidgets.places;
 2 | 
 3 | import com.google.gwt.place.shared.Place;
 4 | import com.google.gwt.place.shared.PlaceTokenizer;
 5 | import com.google.gwt.place.shared.Prefix;
 6 | 
 7 | public class HomePlace extends Place{
 8 | 	
 9 | 	private String name;
10 | 
11 | 	public HomePlace(String name) {
12 | 		this.name = name;
13 | 	}
14 | 
15 | 	public String getName() {
16 | 		return name;
17 | 	}
18 | 
19 | 	@Prefix("")
20 | 	 public static class Tokenizer implements PlaceTokenizer<HomePlace> {
21 | 	        @Override
22 | 	        public String getToken(HomePlace place) {
23 | 	            return place.getName();
24 | 	        }
25 | 
26 | 	        @Override
27 | 	        public HomePlace getPlace(String token) {
28 | 	            return new HomePlace(token);
29 | 	        }
30 | 	    }
31 | 
32 | }
33 | 


--------------------------------------------------------------------------------
/gwt-polymer-starter-kit-with-di/src/main/java/com/gwidgets/places/UsersPlace.java:
--------------------------------------------------------------------------------
 1 | package com.gwidgets.places;
 2 | 
 3 | import com.google.gwt.place.shared.Place;
 4 | import com.google.gwt.place.shared.PlaceTokenizer;
 5 | import com.google.gwt.place.shared.Prefix;
 6 | 
 7 | public class UsersPlace extends Place{
 8 | 	
 9 | 
10 | 	private String name;
11 | 
12 | 	public UsersPlace(String name) {
13 | 		this.name = name;
14 | 	}
15 | 
16 | 	public String getName() {
17 | 		return name;
18 | 	}
19 | 
20 | 	@Prefix("§")
21 | 	 public static class Tokenizer implements PlaceTokenizer<UsersPlace> {
22 | 	        @Override
23 | 	        public String getToken(UsersPlace place) {
24 | 	            return place.getName();
25 | 	        }
26 | 
27 | 	        @Override
28 | 	        public UsersPlace getPlace(String token) {
29 | 	            return new UsersPlace(token);
30 | 	        }
31 | 	    }
32 | 
33 | }
34 | 


--------------------------------------------------------------------------------
/gwt-polymer-starter-kit-with-di/src/main/java/com/gwidgets/polymerstarter.gwt.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <module rename-to='polymerstarter'>
 3 |                     
 4 |   <inherits name='com.google.gwt.user.User' />     
 5 |   <inherits name='com.google.gwt.place.Place'/>
 6 |    <inherits name='com.google.gwt.activity.Activity' />                   
 7 |   <inherits name="com.vaadin.polymer.Elements"/>
 8 |   <inherits name="dagger.Dagger" />
 9 | 
10 |    <replace-with class="com.gwidgets.client.ClientFactoryImpl">
11 |     <when-type-is class="com.gwidgets.client.ClientFactory"/>
12 |    </replace-with>
13 | 
14 |   <entry-point class='com.gwidgets.client.PolymerStarter' />
15 | 
16 |   <source path='client' />
17 |   <source path='ui' />
18 |   <source path='di' />
19 |    <source path='places' />
20 |    <source path='activities' />
21 | 
22 | </module>
23 | 


--------------------------------------------------------------------------------
/gwt-polymer-starter-kit-with-di/src/main/java/com/gwidgets/ui/MainPage.java:
--------------------------------------------------------------------------------
  1 | package com.gwidgets.ui;
  2 | 
  3 | import com.google.gwt.core.client.GWT;
  4 | import com.google.gwt.dom.client.AnchorElement;
  5 | import com.google.gwt.dom.client.Element;
  6 | import com.google.gwt.place.shared.PlaceController;
  7 | import com.google.gwt.uibinder.client.UiBinder;
  8 | import com.google.gwt.uibinder.client.UiField;
  9 | import com.google.gwt.user.client.Event;
 10 | import com.google.gwt.user.client.Window;
 11 | import com.google.gwt.user.client.ui.Composite;
 12 | import com.google.gwt.user.client.ui.IsWidget;
 13 | import com.google.gwt.user.client.ui.UIObject;
 14 | import com.google.gwt.user.client.ui.Widget;
 15 | import com.gwidgets.places.ContactPlace;
 16 | import com.gwidgets.places.HomePlace;
 17 | import com.gwidgets.places.UsersPlace;
 18 | import com.vaadin.polymer.Polymer;
 19 | import com.vaadin.polymer.iron.IronPagesElement;
 20 | import com.vaadin.polymer.paper.PaperDrawerPanelElement;
 21 | import com.vaadin.polymer.paper.PaperMenuElement;
 22 | 
 23 | public class MainPage extends Composite {	
 24 | 	
 25 | 	@UiField
 26 |     PaperMenuElement  paperMenu;
 27 | 	@UiField
 28 |     AnchorElement homeLink;
 29 | 	@UiField
 30 |     AnchorElement usersLink;
 31 | 	@UiField
 32 |     AnchorElement contactLink;
 33 | 	@UiField
 34 | 	IronPagesElement ironPages;
 35 | 
 36 | 
 37 | 	private static MainPageUiBinder uiBinder = GWT
 38 | 			.create(MainPageUiBinder.class);
 39 | 
 40 | 	interface MainPageUiBinder extends UiBinder<Element, MainPage> {
 41 | 	}
 42 | 
 43 | 	public MainPage() {
 44 | 		setElement(uiBinder.createAndBindUi(this));
 45 |          GWT.log("creating main page");
 46 | 	}
 47 | 	
 48 | 	
 49 | 	public void initializeEvents(PlaceController controller){
 50 | 		Event.sinkEvents(usersLink, Event.ONCLICK);
 51 | 		 Event.sinkEvents(homeLink, Event.ONCLICK);
 52 | 		 Event.sinkEvents(contactLink, Event.ONCLICK);
 53 | 		 
 54 | 		 Event.setEventListener(contactLink, e -> {
 55 | 	            if(Event.ONCLICK == e.getTypeInt()) {
 56 | 	           	 ironPages.select("contact");
 57 | 	           	 paperMenu.select("contact");
 58 | 		           	controller.goTo(new ContactPlace("contact"));
 59 | 		           	slideDrawerIfMobile();
 60 | 
 61 | 	            }  
 62 | 	        });
 63 | 		 
 64 | 		 Event.setEventListener(homeLink, e -> {
 65 | 	            if(Event.ONCLICK == e.getTypeInt()) {
 66 | 	            	ironPages.select("home");
 67 | 	            	paperMenu.select("home");
 68 | 	           	controller.goTo(new HomePlace("home"));
 69 | 	           	slideDrawerIfMobile();
 70 | 	            }  
 71 | 	        });
 72 | 		 
 73 | 		 Event.setEventListener(usersLink, e -> {
 74 |             if(Event.ONCLICK == e.getTypeInt()) {
 75 |            	 ironPages.select("users");
 76 |            	 paperMenu.select("users");
 77 |            	 controller.goTo(new UsersPlace("users"));
 78 |            	slideDrawerIfMobile();
 79 |            	    
 80 |             }  
 81 |    });
 82 | 		
 83 | 		
 84 | 	}
 85 | 	
 86 | 	
 87 | 	public AnchorElement getContactLink(){
 88 | 		return contactLink;
 89 | 		
 90 | 	}
 91 | 	
 92 | 	public AnchorElement getHomeLink(){
 93 | 		return homeLink;
 94 | 		
 95 | 	}
 96 | 	
 97 | 	public AnchorElement getUsersLink(){
 98 | 		return usersLink;
 99 | 		
100 | 	}
101 | 	
102 | 	public PaperMenuElement getPaperMenu(){
103 | 		return paperMenu;
104 | 	}
105 | 	
106 | 	public IronPagesElement getIronPagesElement(){
107 | 		return ironPages;
108 | 		
109 | 	}
110 | 	
111 | 	public interface Presenter {
112 | 		//handles clicking on back and forward buttons of the browser
113 | 		public void placeChangeWithoutClickEvent(String placeName);
114 | 	}
115 | 	
116 | 	private void slideDrawerIfMobile(){
117 | 		if( Window.getClientWidth() < 600 ){
118 | 			PaperDrawerPanelElement drawer = (PaperDrawerPanelElement) Polymer.getDocument().getElementById("paperDrawerPanel");
119 | 			drawer.closeDrawer();
120 | 		}
121 | 		
122 | 	}
123 | 
124 | }
125 | 


--------------------------------------------------------------------------------
/gwt-polymer-starter-kit-with-di/src/main/java/com/gwidgets/ui/MainPage.ui.xml:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent">
 2 | <ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder"
 3 | xmlns:g='urn:import:com.google.gwt.user.client.ui'>
 4 | 
 5 | 	<ui:style>
 6 | 	  
 7 | 	</ui:style>
 8 | 	<div>
 9 | 
10 |     <paper-drawer-panel id="paperDrawerPanel">
11 |       <!-- Drawer Scroll Header Panel -->
12 |       <paper-scroll-header-panel drawer="" fixed=""> 
13 |       
14 |         <!-- Drawer Toolbar -->
15 |         <paper-toolbar id="drawerToolbar">
16 |           <span class="menu-name">Menu</span>
17 |         </paper-toolbar>
18 | 
19 |         <!-- Drawer Content -->
20 |         <paper-menu attr-for-selected="data-route" selected="home" ui:field="paperMenu">
21 |           <a data-route="home" class="link" ui:field="homeLink">
22 |             <iron-icon icon="home"></iron-icon>
23 |             <span>Home</span>
24 |           </a>
25 | 
26 |           <a data-route="users" class="link" ui:field="usersLink">
27 |             <iron-icon icon="info"></iron-icon>
28 |             <span>Users</span>
29 |           </a>
30 | 
31 |           <a data-route="contact" class="link" ui:field="contactLink">
32 |             <iron-icon icon="mail"></iron-icon>
33 |             <span>Contact</span>
34 |           </a>
35 |           
36 |         </paper-menu>
37 |       </paper-scroll-header-panel>
38 | 
39 |       <!-- Main Area -->
40 |        <paper-scroll-header-panel main="" id="headerPanelMain" condenses="" keep-condensed-header="">
41 |    
42 |         <!-- Main Toolbar -->
43 |         <paper-toolbar id="mainToolbar" class="tall">
44 |            <paper-icon-button id="paperToggle" icon="menu" paper-drawer-toggle=""></paper-icon-button> 
45 |           
46 | 
47 |           <span class="space"></span>
48 | 
49 |           <!-- Toolbar icons -->
50 |           <paper-icon-button icon="refresh"></paper-icon-button>
51 |           <paper-icon-button icon="search"></paper-icon-button>
52 | 
53 |           <!-- Application name -->
54 |           <div class="middle middle-container">
55 |             <div class="app-name">GWT Polymer Starter Kit</div>
56 |           </div>
57 | 
58 |           <!-- Application sub title -->
59 |           <div class="bottom bottom-container">
60 |             <div class="bottom-title">description</div>
61 |           </div>
62 |         </paper-toolbar>
63 | 
64 |         <!-- Main Content -->
65 |         <div class="content">
66 |           <iron-pages attr-for-selected="data-route" selected="home" ui:field="ironPages">
67 |             <section  data-route="home">
68 |               <paper-material class="mainContent" elevation="1">
69 |                 <h2>Home</h2>
70 |                 <p>For copyright and license, checkout the project's Github page: 
71 |                 
72 |                 <a href="https://github.com/gwidgets/gwt-polymer-starter-kit">https://github.com/gwidgets/gwt-polymer-starter-kit</a></p>
73 |               </paper-material>
74 |               
75 |             </section>
76 |             
77 |             <section  data-route="users">
78 |               <paper-material class="mainContent" elevation="1">
79 |                 <h2>Users</h2>
80 |                 <p>This is the users section</p>
81 |               </paper-material>
82 |             </section>
83 |             
84 |              <section  data-route="contact">
85 |               <paper-material class="mainContent" elevation="1">
86 |                 <h2>Contact</h2>
87 |                 <p>This is the contact section</p>
88 |               </paper-material>
89 |             </section>
90 |           </iron-pages>
91 |         </div>
92 |       </paper-scroll-header-panel>
93 |     </paper-drawer-panel>
94 | 
95 | 	
96 | 	</div>
97 | 	
98 | </ui:UiBinder>


--------------------------------------------------------------------------------
/gwt-polymer-starter-kit-with-di/src/main/webapp/WEB-INF/web.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <!DOCTYPE web-app
 3 |     PUBLIC "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN"
 4 |     "http://java.sun.com/dtd/web-app_2_3.dtd">
 5 | 
 6 | <web-app>
 7 | 
 8 |   <!-- Servlets 
 9 |   <servlet>
10 |     <servlet-name>greetServlet</servlet-name>
11 |     <servlet-class>com.gwidgets.server.GreetingServiceImpl</servlet-class>
12 |   </servlet>
13 | 
14 |   <servlet-mapping>
15 |     <servlet-name>greetServlet</servlet-name>
16 |     <url-pattern>/polymerstarter/greet</url-pattern>
17 |   </servlet-mapping>-->
18 | 
19 |   <!-- Default page to serve -->
20 |   <welcome-file-list>
21 |     <welcome-file>polymerstarter.html</welcome-file>
22 |   </welcome-file-list>
23 | 
24 | </web-app>
25 | 


--------------------------------------------------------------------------------
/gwt-polymer-starter-kit-with-di/src/main/webapp/polymer-imports.html:
--------------------------------------------------------------------------------
 1 |     <!-- Iron elements -->
 2 |     
 3 | <link rel="import" href="polymerstarter/bower_components/iron-flex-layout/iron-flex-layout.html">
 4 | <link rel="import" href="polymerstarter/bower_components/iron-icons/iron-icons.html">
 5 | <link rel="import" href="polymerstarter/bower_components/iron-pages/iron-pages.html">
 6 | <link rel="import" href="polymerstarter/bower_components/iron-selector/iron-selector.html">
 7 | 
 8 | <!-- Paper elements -->
 9 | <link rel="import" href="polymerstarter/bower_components/paper-drawer-panel/paper-drawer-panel.html">
10 | <link rel="import" href="polymerstarter/bower_components/paper-button/paper-button.html">
11 | <link rel="import" href="polymerstarter/bower_components/paper-icon-button/paper-icon-button.html">
12 | <link rel="import" href="polymerstarter/bower_components/paper-item/paper-item.html">
13 | <link rel="import" href="polymerstarter/bower_components/paper-material/paper-material.html">
14 | <link rel="import" href="polymerstarter/bower_components/paper-menu/paper-menu.html">
15 | <link rel="import" href="polymerstarter/bower_components/paper-scroll-header-panel/paper-scroll-header-panel.html">
16 | <link rel="import" href="polymerstarter/bower_components/paper-styles/typography.html">
17 | <link rel="import" href="polymerstarter/bower_components/paper-toast/paper-toast.html">
18 | <link rel="import" href="polymerstarter/bower_components/paper-toolbar/paper-toolbar.html">
19 | <link rel="import" href="polymerstarter/bower_components/paper-card/paper-card.html">


--------------------------------------------------------------------------------
/gwt-polymer-starter-kit-with-di/src/main/webapp/polymerstarter.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html>
 3 |   <head>
 4 |     <meta http-equiv="content-type" content="text/html; charset=UTF-8">
 5 | 
 6 |     <title>GWT Polymer Starter Kit</title>
 7 | 
 8 | 	  <script src="polymerstarter/bower_components/webcomponentsjs/webcomponents.js"></script>
 9 | 	 <link rel="import" href="polymer-imports.html"> 
10 | 	<link rel="import" href="styles/app-theme.html">
11 | 	<link rel="import" href="styles/shared-styles.html">
12 |     <script type="text/javascript" language="javascript" src="polymerstarter/polymerstarter.nocache.js"></script>
13 |   </head>
14 | 
15 |   <body>
16 |     <noscript>
17 |       <div style="width: 22em; position: absolute; left: 50%; margin-left: -11em; color: red; background-color: white; border: 1px solid red; padding: 4px; font-family: sans-serif">
18 |         Your web browser must have JavaScript enabled
19 |         in order for this application to display correctly.
20 |       </div>
21 |     </noscript>
22 |     
23 |     
24 |   </body>
25 | </html>
26 | 


--------------------------------------------------------------------------------
/gwt-polymer-starter-kit-with-di/src/main/webapp/styles/app-theme.html:
--------------------------------------------------------------------------------
  1 | <style is="custom-style">
  2 | 
  3 | /* Application theme */
  4 | 
  5 |   :root {
  6 |     --primary-text-color: #212121;
  7 |     --primary-background-color: #ffffff;
  8 |     --secondary-text-color: #737373;
  9 |     --disabled-text-color: #9b9b9b;
 10 |     --divider-color: #dbdbdb;
 11 |     --primary-color: #3f51b5;
 12 |     --light-primary-color: #c5cae9;
 13 |     --dark-primary-color: #303f9f;
 14 |     --accent-color: #ff4081;
 15 |     --light-accent-color: #ff80ab;
 16 |     --dark-accent-color: #f50057;
 17 | 
 18 |     /* Components */
 19 | 
 20 |     /* paper-drawer-panel */
 21 |     --drawer-menu-color: #ffffff;
 22 |     --drawer-border-color: 1px solid #ccc;
 23 |     --drawer-toolbar-border-color: 1px solid rgba(0, 0, 0, 0.22);
 24 | 
 25 |     /* paper-menu */
 26 |     --paper-menu-background-color: #fff;
 27 |     --menu-link-color: #111111;
 28 |   }
 29 | 
 30 |   /* General styles */
 31 | 
 32 |   body {
 33 |     @apply(--layout-fullbleed);
 34 |     @apply(--layout-vertical);
 35 |   }
 36 | 
 37 |   .space {
 38 |     @apply(--layout-flex);
 39 |   }
 40 |   
 41 |     #cards{
 42 | 	@apply(--layout-vertical);
 43 |     @apply(--layout-wrap);
 44 |     height: 700px;
 45 |     } 
 46 |     
 47 |     #cards > paper-card {
 48 |     box-sizing: border-box;
 49 |     max-width: 184px;
 50 |     margin: 4px;
 51 |     flex: 0 0 auto;
 52 |   }
 53 | 
 54 |   #drawerToolbar {
 55 |     color: var(--secondary-text-color);
 56 |     background-color: var(--drawer-menu-color);
 57 |     border-bottom: var(--drawer-toolbar-border-color);
 58 |   }
 59 | 
 60 |   #drawerToolbar .menu-name {
 61 |     @apply(--paper-font-title);
 62 |   }
 63 | 
 64 |   paper-scroll-header-panel {
 65 |     height: 100%;
 66 |   }
 67 | 
 68 |   paper-menu {
 69 |     --paper-menu-selected-item: {
 70 |       color: var(--primary-color);
 71 |     }
 72 | 
 73 |     --paper-menu-focused-item-after: {
 74 |       background: var(--primary-color);
 75 |     }
 76 |   }
 77 | 
 78 |   paper-menu iron-icon {
 79 |     margin-right: 33px;
 80 |     opacity: 0.54;
 81 |   }
 82 | 
 83 |   paper-menu a {
 84 |     @apply(--layout-horizontal);
 85 |     @apply(--layout-center);
 86 | 
 87 |     text-decoration: none;
 88 |     color: var(--menu-link-color);
 89 |     font-family: 'Roboto', 'Noto', sans-serif;
 90 |     -webkit-font-smoothing: antialiased;
 91 |     text-rendering: optimizeLegibility;
 92 |     font-size: 14px;
 93 |     font-weight: 400;
 94 |     line-height: 24px;
 95 |     min-height: 48px;
 96 |     padding: 0 16px;
 97 |   }
 98 | 
 99 |   #mainToolbar.tall .app-name {
100 |     font-size: 40px;
101 |     font-weight: 300;
102 |     /* Required for main area's paper-scroll-header-panel custom condensing transformation */
103 |     -webkit-transform-origin: left center;
104 |     transform-origin: left center;
105 |   }
106 | 
107 |   #mainToolbar .middle-container,
108 |   #mainToolbar .bottom-container {
109 |     @apply(--layout-horizontal);
110 |     @apply(--layout-center);
111 |   }
112 | 
113 |   #mainToolbar .middle-container  {
114 |     height: 100%;
115 |     margin-left: 48px;
116 |   }
117 | 
118 |   #mainToolbar:not(.tall) .middle-container {
119 |     font-size: 18px;
120 |     padding-bottom: 0;
121 |   }
122 | 
123 |   #mainToolbar .bottom-container {
124 |     @apply(--paper-font-subhead);
125 | 
126 |     margin-left: 48px;
127 |     /* Required for main area's paper-scroll-header-panel custom condensing transformation */
128 |     -webkit-transform-origin: left center;
129 |     transform-origin: left center;
130 |   }
131 | 
132 |   /* Height of the scroll area */
133 |   .content {
134 |     height: 900px;
135 |   }
136 | 
137 |   section[data-route="home"] paper-material {
138 |     @apply(--paper-font-body2);
139 |   }
140 | 
141 |   section[data-route="home"] paper-material .subhead {
142 |     @apply(--paper-font-subhead);
143 |   }
144 | 
145 |   paper-material {
146 |     border-radius: 2px;
147 |     height: 100%;
148 |     padding: 16px 0 16px 0;
149 |     width: calc(98.66% - 16px);
150 |     margin: 16px auto;
151 |     background: white;
152 |   }
153 | 
154 |   #toast .toast-hide-button {
155 |     color: #eeff41;
156 |     margin: 10px;
157 |   }
158 | 
159 |   /* Breakpoints */
160 | 
161 |   /* Small */
162 |   @media (max-width: 600px) {
163 | 
164 |     #drawer .paper-toolbar {
165 |       margin-left: 16px;
166 |     }
167 | 
168 |     #mainToolbar.tall .app-name {
169 |       font-size: 24px;
170 |       font-weight: 400;
171 |     }
172 | 
173 |     paper-material {
174 |       --menu-container-display: none;
175 |       width: calc(97.33% - 32px);
176 |       padding-left: 16px;
177 |       padding-right: 16px;
178 |     }
179 | 
180 |   }
181 | 
182 |   /* Tablet+ */
183 |   @media (min-width: 601px) {
184 | 
185 |     #drawer.paper-drawer-panel > [drawer] {
186 |       border-right: 1px solid rgba(0, 0, 0, 0.14);
187 |     }
188 | 
189 |     iron-pages {
190 |       padding: 48px 62px;
191 |     }
192 | 
193 |     paper-material {
194 |       width: calc(98% - 46px);
195 |       margin-bottom: 32px;
196 |       padding-left: 30px;
197 |       padding-right: 30px;
198 |     }
199 | 
200 |   }
201 | 
202 | 
203 |   /* mobile-small */
204 |   @media all and (min-width: 0) and (max-width: 360px) and (orientation: portrait) { }
205 |   /* mobile-large */
206 |   @media all and (min-width: 361px) and (orientation: portrait) { }
207 |   /* mobile-small-landscape */
208 |   @media all and (min-width: 0) and (max-width: 480px) and (orientation: landscape) { }
209 |   /* mobile-large-landscape */
210 |   @media all and (min-width: 481px) and (orientation: landscape) { }
211 |   /* tablet-small-landscape */
212 |   @media all and (min-width: 600px) and (max-width: 960px) and (orientation: landscape) { }
213 |   /* tablet-large-landscape */
214 |   @media all and (min-width: 961px) and (orientation: landscape) { }
215 |   /* tablet-small */
216 |   @media all and (min-width: 600px) and (orientation: portrait) { }
217 |   /* tablet-large */
218 |   @media all and (min-width: 601px) and (max-width: 840px) and (orientation : portrait) { }
219 |   /* desktop-x-small-landscape */
220 |   @media all and (min-width: 0) and (max-width: 480px) and (orientation: landscape) { }
221 |   /* desktop-x-small */
222 |   @media all and (min-width: 0) and (max-width: 480px) and (max-aspect-ratio: 4/3) { }
223 |   /* desktop-small-landscape */
224 |   @media all and (min-width: 481px) and (max-width: 840px) and (orientation: landscape) { }
225 |   /* desktop-small */
226 |   @media all and (min-width: 481px) and (max-width: 840px) and (max-aspect-ratio: 4/3) { }
227 |   /* desktop-medium-landscape */
228 |   @media all and (min-width: 841px) and (max-width: 1280px) and (orientation: landscape) { }
229 |   /* desktop-medium */
230 |   @media all and (min-width: 841px) and (max-width: 1280px) and (max-aspect-ratio: 4/3) { }
231 |   /* desktop-large */
232 |   @media all and (min-width: 1281px) and (max-width: 1600px) { }
233 |   /* desktop-xlarge */
234 |   @media all and (min-width: 1601px) and (max-width: 1920px) { }
235 | </style>
236 | 


--------------------------------------------------------------------------------
/gwt-polymer-starter-kit-with-di/src/main/webapp/styles/main.css:
--------------------------------------------------------------------------------
 1 | /*
 2 | Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
 3 | This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
 4 | The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
 5 | The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
 6 | Code distributed by Google as part of the polymer project is also
 7 | subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
 8 | */
 9 | 
10 | body {
11 |   background: #fafafa;
12 |   font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
13 |   color: #333;
14 | }
15 | 


--------------------------------------------------------------------------------
/gwt-polymer-starter-kit-with-di/src/main/webapp/styles/shared-styles.html:
--------------------------------------------------------------------------------
 1 | <dom-module id="shared-styles">
 2 |   <template>
 3 |     <style>
 4 |       .page-title {
 5 |         @apply(--paper-font-display2);
 6 |       }
 7 | 
 8 |       paper-menu a > *, paper-menu paper-item > *, paper-menu paper-icon-item > * {
 9 |         pointer-events: none;
10 |       }
11 | 
12 |       @media (max-width: 600px) {
13 |         .page-title {
14 |           font-size: 24px!important;
15 |         }
16 |       }
17 |       
18 |     </style>
19 |   </template>
20 | </dom-module>
21 | 


--------------------------------------------------------------------------------
/gwt-polymer-starter-kit/pom.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
 3 | 	xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">
 4 | 
 5 | 	<modelVersion>4.0.0</modelVersion>
 6 | 	<artifactId>gwt-polymer-starter-kit</artifactId>
 7 | 	<packaging>war</packaging>
 8 | 
 9 | 	<name>GWT Polymer starter Kit </name>
10 | 	
11 | 	<parent>
12 |   <groupId>com.gwidgets</groupId>
13 |   <artifactId>gwt-polymer</artifactId>
14 |   <version>0.1</version>
15 | 	</parent>
16 | 
17 | </project>
18 | 


--------------------------------------------------------------------------------
/gwt-polymer-starter-kit/src/main/java/com/gwidgets/activities/MainPageActivity.java:
--------------------------------------------------------------------------------
 1 | package com.gwidgets.activities;
 2 | 
 3 | import com.google.gwt.activity.shared.AbstractActivity;
 4 | import com.google.gwt.core.shared.GWT;
 5 | import com.google.gwt.event.shared.EventBus;
 6 | import com.google.gwt.place.shared.Place;
 7 | import com.google.gwt.place.shared.PlaceController;
 8 | import com.google.gwt.user.client.ui.AcceptsOneWidget;
 9 | import com.gwidgets.client.ClientFactory;
10 | import com.gwidgets.places.ContactPlace;
11 | import com.gwidgets.places.HomePlace;
12 | import com.gwidgets.places.UsersPlace;
13 | import com.gwidgets.ui.MainPage;
14 | 
15 | public class MainPageActivity extends AbstractActivity implements MainPage.Presenter {
16 | 	
17 | 	MainPage mainPage;
18 | 	PlaceController controller;
19 | 	Place currentPlace;
20 | 	
21 | 	public MainPageActivity(ClientFactory factory, Place place) {
22 | 		this.mainPage = factory.getMainPageView();
23 | 		this.controller = factory.getPlaceController();
24 | 		this.currentPlace = place;
25 | 	}
26 | 
27 | 	@Override
28 | 	public void start(AcceptsOneWidget panel, EventBus bus) {
29 | 		panel.setWidget(mainPage);
30 | 	}
31 | 	
32 | 	public void refreshPlace(Place place){
33 | 		this.currentPlace = place;
34 | 
35 | 		
36 | 		if(place instanceof HomePlace){
37 | 			placeChangeWithoutClickEvent("home");
38 | 		}else if(place instanceof ContactPlace){
39 | 			placeChangeWithoutClickEvent("contact");
40 | 		}else if(place instanceof UsersPlace){
41 | 			placeChangeWithoutClickEvent("users");
42 | 		}
43 | 		
44 | 	}
45 | 
46 | 	@Override
47 | 	public void placeChangeWithoutClickEvent(String placeName) {
48 | 		// TODO Auto-generated method stub
49 | 		mainPage.getIronPagesElement().select(placeName);
50 |       	 mainPage.getPaperMenu().select(placeName);
51 | 		
52 | 	}
53 | 
54 | 
55 | 
56 | }
57 | 


--------------------------------------------------------------------------------
/gwt-polymer-starter-kit/src/main/java/com/gwidgets/client/ClientFactory.java:
--------------------------------------------------------------------------------
 1 | package com.gwidgets.client;
 2 | 
 3 | import com.google.gwt.place.shared.PlaceController;
 4 | import com.google.web.bindery.event.shared.EventBus;
 5 | import com.gwidgets.ui.MainPage;
 6 | 
 7 | 
 8 | public interface ClientFactory {
 9 |      MainPage getMainPageView();
10 |      EventBus getEventBus();
11 |      PlaceController getPlaceController();
12 | }
13 | 


--------------------------------------------------------------------------------
/gwt-polymer-starter-kit/src/main/java/com/gwidgets/client/ClientFactoryImpl.java:
--------------------------------------------------------------------------------
 1 | package com.gwidgets.client;
 2 | 
 3 | import com.google.gwt.place.shared.PlaceController;
 4 | import com.google.web.bindery.event.shared.EventBus;
 5 | import com.google.web.bindery.event.shared.SimpleEventBus;
 6 | import com.gwidgets.ui.MainPage;
 7 | 
 8 | public class ClientFactoryImpl implements ClientFactory {
 9 | 	
10 | 	
11 | 	EventBus eventBus = new SimpleEventBus();
12 | 	PlaceController controller = new PlaceController(eventBus);
13 | 	MainPage mainPage = new MainPage();
14 | 
15 | 	
16 | 	@Override
17 | 	public MainPage getMainPageView() {
18 | 		return mainPage;
19 | 	}
20 | 
21 | 	@Override
22 | 	public EventBus getEventBus() {
23 | 		return eventBus;
24 | 	}
25 | 
26 | 	@Override
27 | 	public PlaceController getPlaceController() {
28 | 		return controller;
29 | 	}
30 | 
31 | }
32 | 


--------------------------------------------------------------------------------
/gwt-polymer-starter-kit/src/main/java/com/gwidgets/client/MyActivityMapper.java:
--------------------------------------------------------------------------------
 1 | package com.gwidgets.client;
 2 | 
 3 | import com.google.gwt.activity.shared.Activity;
 4 | import com.google.gwt.activity.shared.ActivityMapper;
 5 | import com.google.gwt.place.shared.Place;
 6 | import com.gwidgets.activities.*;
 7 | 
 8 | 
 9 | 
10 | public class MyActivityMapper implements ActivityMapper {
11 | 	
12 | 	ClientFactory factory;
13 | 	
14 | 	MainPageActivity activity;
15 | 
16 | 
17 | 	
18 | 	public MyActivityMapper(ClientFactory factory ){
19 | 		this.factory = factory;
20 | 		
21 | 	}
22 | 	
23 | 	@Override
24 | 	public Activity getActivity(Place place) {
25 | 		
26 | 		
27 | 		if(activity == null){
28 | 			
29 | 			activity = new MainPageActivity(factory, place);
30 | 		}else{
31 | 			
32 | 			activity.refreshPlace(place);
33 | 		}
34 | 		
35 | 		return activity;
36 | 	}
37 | }
38 | 


--------------------------------------------------------------------------------
/gwt-polymer-starter-kit/src/main/java/com/gwidgets/client/MyHistoryMapper.java:
--------------------------------------------------------------------------------
 1 | package com.gwidgets.client;
 2 | 
 3 | 
 4 | 
 5 | import com.google.gwt.place.shared.PlaceHistoryMapper;
 6 | import com.google.gwt.place.shared.WithTokenizers;
 7 | import com.gwidgets.places.*;
 8 | 
 9 | 
10 | @WithTokenizers({ContactPlace.Tokenizer.class, HomePlace.Tokenizer.class, UsersPlace.Tokenizer.class})
11 | public interface MyHistoryMapper extends PlaceHistoryMapper  {
12 | 
13 | }
14 | 
15 | 


--------------------------------------------------------------------------------
/gwt-polymer-starter-kit/src/main/java/com/gwidgets/client/PolymerStarter.java:
--------------------------------------------------------------------------------
 1 | package com.gwidgets.client;
 2 | 
 3 | import com.google.gwt.activity.shared.ActivityManager;
 4 | import com.google.gwt.activity.shared.ActivityMapper;
 5 | import com.google.gwt.core.client.EntryPoint;
 6 | import com.google.gwt.core.shared.GWT;
 7 | import com.google.gwt.place.shared.PlaceController;
 8 | import com.google.gwt.place.shared.PlaceHistoryHandler;
 9 | import com.google.gwt.user.client.ui.RootPanel;
10 | import com.google.gwt.user.client.ui.SimplePanel;
11 | import com.google.web.bindery.event.shared.EventBus;
12 | import com.gwidgets.places.HomePlace;
13 | import com.vaadin.polymer.Polymer;
14 | import com.vaadin.polymer.elemental.HTMLElement;
15 | 
16 | 
17 | public class PolymerStarter implements EntryPoint {
18 | 	private HomePlace homePlace = new HomePlace("home");
19 | 	private SimplePanel appWidget = new SimplePanel();
20 | 	
21 |   public void onModuleLoad() {
22 | 	  	                    		 
23 | 	                    ClientFactory clientFactory = GWT.create(ClientFactory.class);
24 | 	             		PlaceController controller = clientFactory.getPlaceController();
25 | 	             		
26 | 	             		EventBus bus = clientFactory.getEventBus();
27 | 	                    ActivityMapper activityMapper = new MyActivityMapper(clientFactory);
28 | 				        ActivityManager activityManager = new ActivityManager(activityMapper, bus);
29 | 				        activityManager.setDisplay(appWidget);
30 | 
31 | 				        MyHistoryMapper historyMapper= GWT.create(MyHistoryMapper.class);
32 | 				        final PlaceHistoryHandler historyHandler = new PlaceHistoryHandler(historyMapper);
33 | 				        historyHandler.register(controller, bus, homePlace);
34 | 				        
35 | 				        clientFactory.getMainPageView().initializeEvents(controller);
36 | 
37 | 				        RootPanel.get().add(appWidget);
38 | 				       
39 | 				        historyHandler.handleCurrentHistory();				        
40 |   }
41 | }
42 | 


--------------------------------------------------------------------------------
/gwt-polymer-starter-kit/src/main/java/com/gwidgets/places/ContactPlace.java:
--------------------------------------------------------------------------------
 1 | package com.gwidgets.places;
 2 | 
 3 | import com.google.gwt.place.shared.Place;
 4 | import com.google.gwt.place.shared.PlaceTokenizer;
 5 | import com.google.gwt.place.shared.Prefix;
 6 | 
 7 | 
 8 | public class ContactPlace extends Place {
 9 | 	
10 | 	private String name;
11 | 
12 | 	public ContactPlace(String name) {
13 | 		this.name = name;
14 | 	}
15 | 
16 | 	public String getName() {
17 | 		return name;
18 | 	}
19 | 
20 | 	@Prefix("!")
21 | 	 public static class Tokenizer implements PlaceTokenizer<ContactPlace> {
22 | 	        @Override
23 | 	        public String getToken(ContactPlace place) {
24 | 	            return place.getName();
25 | 	        }
26 | 
27 | 	        @Override
28 | 	        public ContactPlace getPlace(String token) {
29 | 	            return new ContactPlace(token);
30 | 	        }
31 | 	    }
32 | 	
33 | 	
34 | 
35 | }
36 | 


--------------------------------------------------------------------------------
/gwt-polymer-starter-kit/src/main/java/com/gwidgets/places/HomePlace.java:
--------------------------------------------------------------------------------
 1 | package com.gwidgets.places;
 2 | 
 3 | import com.google.gwt.place.shared.Place;
 4 | import com.google.gwt.place.shared.PlaceTokenizer;
 5 | import com.google.gwt.place.shared.Prefix;
 6 | 
 7 | public class HomePlace extends Place{
 8 | 	
 9 | 	private String name;
10 | 
11 | 	public HomePlace(String name) {
12 | 		this.name = name;
13 | 	}
14 | 
15 | 	public String getName() {
16 | 		return name;
17 | 	}
18 | 
19 | 	@Prefix("")
20 | 	 public static class Tokenizer implements PlaceTokenizer<HomePlace> {
21 | 	        @Override
22 | 	        public String getToken(HomePlace place) {
23 | 	            return place.getName();
24 | 	        }
25 | 
26 | 	        @Override
27 | 	        public HomePlace getPlace(String token) {
28 | 	            return new HomePlace(token);
29 | 	        }
30 | 	    }
31 | 
32 | }
33 | 


--------------------------------------------------------------------------------
/gwt-polymer-starter-kit/src/main/java/com/gwidgets/places/UsersPlace.java:
--------------------------------------------------------------------------------
 1 | package com.gwidgets.places;
 2 | 
 3 | import com.google.gwt.place.shared.Place;
 4 | import com.google.gwt.place.shared.PlaceTokenizer;
 5 | import com.google.gwt.place.shared.Prefix;
 6 | 
 7 | public class UsersPlace extends Place{
 8 | 	
 9 | 
10 | 	private String name;
11 | 
12 | 	public UsersPlace(String name) {
13 | 		this.name = name;
14 | 	}
15 | 
16 | 	public String getName() {
17 | 		return name;
18 | 	}
19 |      
20 | 	 @Prefix("§")
21 | 	 public static class Tokenizer implements PlaceTokenizer<UsersPlace> {
22 | 	        @Override
23 | 	        public String getToken(UsersPlace place) {
24 | 	            return place.getName();
25 | 	        }
26 | 
27 | 	        @Override
28 | 	        public UsersPlace getPlace(String token) {
29 | 	            return new UsersPlace(token);
30 | 	        }
31 | 	    }
32 | 
33 | }
34 | 


--------------------------------------------------------------------------------
/gwt-polymer-starter-kit/src/main/java/com/gwidgets/polymerstarter.gwt.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <module rename-to='polymerstarter'>
 3 |                     
 4 |   <inherits name='com.google.gwt.user.User' />     
 5 |   <inherits name='com.google.gwt.place.Place'/>
 6 |    <inherits name='com.google.gwt.activity.Activity' />                   
 7 |   <inherits name='com.google.gwt.user.theme.standard.Standard' />
 8 |   <inherits name="com.vaadin.polymer.Elements"/>
 9 | 
10 |    <replace-with class="com.gwidgets.client.ClientFactoryImpl">
11 |     <when-type-is class="com.gwidgets.client.ClientFactory"/>
12 |    </replace-with>
13 | 
14 |   <entry-point class='com.gwidgets.client.PolymerStarter' />
15 |   
16 |   <set-property name="compiler.useSourceMaps" value="true"> 
17 | </set-property>
18 | 
19 |   <source path='client' />
20 |   <source path='ui' />
21 |    <source path='places' />
22 |    <source path='activities' />
23 | 
24 | </module>
25 | 


--------------------------------------------------------------------------------
/gwt-polymer-starter-kit/src/main/java/com/gwidgets/ui/MainPage.java:
--------------------------------------------------------------------------------
  1 | package com.gwidgets.ui;
  2 | 
  3 | import com.google.gwt.core.client.GWT;
  4 | import com.google.gwt.dom.client.AnchorElement;
  5 | import com.google.gwt.dom.client.Element;
  6 | import com.google.gwt.place.shared.PlaceController;
  7 | import com.google.gwt.uibinder.client.UiBinder;
  8 | import com.google.gwt.uibinder.client.UiField;
  9 | import com.google.gwt.user.client.Event;
 10 | import com.google.gwt.user.client.Window;
 11 | import com.google.gwt.user.client.ui.Composite;
 12 | import com.google.gwt.user.client.ui.Widget;
 13 | import com.gwidgets.places.ContactPlace;
 14 | import com.gwidgets.places.HomePlace;
 15 | import com.gwidgets.places.UsersPlace;
 16 | import com.vaadin.polymer.Polymer;
 17 | import com.vaadin.polymer.iron.IronPagesElement;
 18 | import com.vaadin.polymer.paper.PaperDrawerPanelElement;
 19 | import com.vaadin.polymer.paper.PaperMenuElement;
 20 | 
 21 | public class MainPage extends Composite {	
 22 | 	
 23 | 	@UiField
 24 |     PaperMenuElement  paperMenu;
 25 | 	@UiField
 26 |     AnchorElement homeLink;
 27 | 	@UiField
 28 |     AnchorElement usersLink;
 29 | 	@UiField
 30 |     AnchorElement contactLink;
 31 | 	@UiField
 32 | 	IronPagesElement ironPages;
 33 | 
 34 | 	private static MainPageUiBinder uiBinder = GWT
 35 | 			.create(MainPageUiBinder.class);
 36 | 
 37 | 	interface MainPageUiBinder extends UiBinder<Widget, MainPage> {
 38 | 	}
 39 | 
 40 | 	public MainPage() {
 41 | 		initWidget(uiBinder.createAndBindUi(this));
 42 |         GWT.debugger();
 43 | 		Polymer.endLoading(this.getElement(), (Element) paperMenu);
 44 | 	}
 45 | 	
 46 | 	
 47 | 	public void initializeEvents(PlaceController controller){
 48 | 		Event.sinkEvents(usersLink, Event.ONCLICK);
 49 | 		 Event.sinkEvents(homeLink, Event.ONCLICK);
 50 | 		 Event.sinkEvents(contactLink, Event.ONCLICK);
 51 | 		 
 52 | 		 Event.setEventListener(contactLink, e -> {
 53 | 	            if(Event.ONCLICK == e.getTypeInt()) {
 54 | 	           	 ironPages.select("contact");
 55 | 	           	 paperMenu.select("contact");
 56 | 		           	controller.goTo(new ContactPlace("contact"));
 57 | 		           	slideDrawerIfMobile();
 58 | 
 59 | 	            }  
 60 | 	        });
 61 | 		 
 62 | 		 Event.setEventListener(homeLink, e -> {
 63 | 	            if(Event.ONCLICK == e.getTypeInt()) {
 64 | 	            	ironPages.select("home");
 65 | 	            	paperMenu.select("home");
 66 | 	           	controller.goTo(new HomePlace("home"));
 67 | 	           	slideDrawerIfMobile();
 68 | 	            }  
 69 | 	        });
 70 | 		 
 71 | 		 Event.setEventListener(usersLink, e -> {
 72 |             if(Event.ONCLICK == e.getTypeInt()) {
 73 |            	 ironPages.select("users");
 74 |            	 paperMenu.select("users");
 75 |            	       controller.goTo(new UsersPlace("users"));
 76 |            	    slideDrawerIfMobile();
 77 |            	    
 78 |             }  
 79 |    });
 80 | 		
 81 | 		
 82 | 	}
 83 | 	
 84 | 	
 85 | 	public AnchorElement getContactLink(){
 86 | 		return contactLink;
 87 | 		
 88 | 	}
 89 | 	
 90 | 	public AnchorElement getHomeLink(){
 91 | 		return homeLink;
 92 | 		
 93 | 	}
 94 | 	
 95 | 	public AnchorElement getUsersLink(){
 96 | 		return usersLink;
 97 | 		
 98 | 	}
 99 | 	
100 | 	public PaperMenuElement getPaperMenu(){
101 | 		return paperMenu;
102 | 	}
103 | 	
104 | 	public IronPagesElement getIronPagesElement(){
105 | 		return ironPages;
106 | 		
107 | 	}
108 | 	
109 | 	public interface Presenter {
110 | 		//handles clicking on back and forward buttons of the browser
111 | 		public void placeChangeWithoutClickEvent(String placeName);
112 | 	}
113 | 	
114 | 	private void slideDrawerIfMobile(){
115 | 		if( Window.getClientWidth() < 600 ){
116 | 			PaperDrawerPanelElement drawer = (PaperDrawerPanelElement) Polymer.getDocument().getElementById("paperDrawerPanel");
117 | 			drawer.closeDrawer();
118 | 		}
119 | 		
120 | 	}
121 | 
122 | }
123 | 


--------------------------------------------------------------------------------
/gwt-polymer-starter-kit/src/main/java/com/gwidgets/ui/MainPage.ui.xml:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent">
 2 | <ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder"
 3 | xmlns:g='urn:import:com.google.gwt.user.client.ui'>
 4 | 
 5 | 	<ui:style>
 6 | 	  
 7 | 	</ui:style>
 8 | 	<g:HTMLPanel>
 9 | 
10 |     <paper-drawer-panel id="paperDrawerPanel">
11 |       <!-- Drawer Scroll Header Panel -->
12 |       <paper-scroll-header-panel drawer="" fixed=""> 
13 |       
14 |         <!-- Drawer Toolbar -->
15 |         <paper-toolbar id="drawerToolbar">
16 |           <span class="menu-name">Menu</span>
17 |         </paper-toolbar>
18 | 
19 |         <!-- Drawer Content -->
20 |         <paper-menu attr-for-selected="data-route" selected="home" ui:field="paperMenu">
21 |           <a data-route="home" class="link" ui:field="homeLink">
22 |             <iron-icon icon="home"></iron-icon>
23 |             <span>Home</span>
24 |           </a>
25 | 
26 |           <a data-route="users" class="link" ui:field="usersLink">
27 |             <iron-icon icon="info"></iron-icon>
28 |             <span>Users</span>
29 |           </a>
30 | 
31 |           <a data-route="contact" class="link" ui:field="contactLink">
32 |             <iron-icon icon="mail"></iron-icon>
33 |             <span>Contact</span>
34 |           </a>
35 |           
36 |         </paper-menu>
37 |       </paper-scroll-header-panel>
38 | 
39 |       <!-- Main Area -->
40 |        <paper-scroll-header-panel main="" id="headerPanelMain" condenses="" keep-condensed-header="">
41 |    
42 |         <!-- Main Toolbar -->
43 |         <paper-toolbar id="mainToolbar" class="tall">
44 |            <paper-icon-button id="paperToggle" icon="menu" paper-drawer-toggle=""></paper-icon-button> 
45 |           
46 | 
47 |           <span class="space"></span>
48 | 
49 |           <!-- Toolbar icons -->
50 |           <paper-icon-button icon="refresh"></paper-icon-button>
51 |           <paper-icon-button icon="search"></paper-icon-button>
52 | 
53 |           <!-- Application name -->
54 |           <div class="middle middle-container">
55 |             <div class="app-name">GWT Polymer Starter Kit</div>
56 |           </div>
57 | 
58 |           <!-- Application sub title -->
59 |           <div class="bottom bottom-container">
60 |             <div class="bottom-title">description</div>
61 |           </div>
62 |         </paper-toolbar>
63 | 
64 |         <!-- Main Content -->
65 |         <div class="content">
66 |           <iron-pages attr-for-selected="data-route" selected="home" ui:field="ironPages">
67 |             <section  data-route="home">
68 |               <paper-material class="mainContent" elevation="1">
69 |                 <h2>Home</h2>
70 |                 <p>For copyright and license, checkout the project's Github page: 
71 |                 
72 |                 <a href="https://github.com/gwidgets/gwt-polymer-starter-kit">https://github.com/gwidgets/gwt-polymer-starter-kit</a></p>
73 |               </paper-material>
74 |               
75 |             </section>
76 |             
77 |             <section  data-route="users">
78 |               <paper-material class="mainContent" elevation="1">
79 |                 <h2>Users</h2>
80 |                 <p>This is the users section</p>
81 |               </paper-material>
82 |             </section>
83 |             
84 |              <section  data-route="contact">
85 |               <paper-material class="mainContent" elevation="1">
86 |                 <h2>Contact</h2>
87 |                 <p>This is the contact section</p>
88 |               </paper-material>
89 |             </section>
90 |           </iron-pages>
91 |         </div>
92 |       </paper-scroll-header-panel>
93 |     </paper-drawer-panel>
94 | 
95 | 	
96 | 	</g:HTMLPanel>
97 | 	
98 | </ui:UiBinder>


--------------------------------------------------------------------------------
/gwt-polymer-starter-kit/src/main/webapp/WEB-INF/web.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" encoding="UTF-8"?>
 2 | <!DOCTYPE web-app
 3 |     PUBLIC "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN"
 4 |     "http://java.sun.com/dtd/web-app_2_3.dtd">
 5 | 
 6 | <web-app>
 7 | 
 8 |   <!-- Servlets 
 9 |   <servlet>
10 |     <servlet-name>greetServlet</servlet-name>
11 |     <servlet-class>com.gwidgets.server.GreetingServiceImpl</servlet-class>
12 |   </servlet>
13 | 
14 |   <servlet-mapping>
15 |     <servlet-name>greetServlet</servlet-name>
16 |     <url-pattern>/polymerstarter/greet</url-pattern>
17 |   </servlet-mapping>-->
18 | 
19 |   <!-- Default page to serve -->
20 |   <welcome-file-list>
21 |     <welcome-file>polymerstarter.html</welcome-file>
22 |   </welcome-file-list>
23 | 
24 | </web-app>
25 | 


--------------------------------------------------------------------------------
/gwt-polymer-starter-kit/src/main/webapp/polymer-imports.html:
--------------------------------------------------------------------------------
 1 |     <!-- Iron elements -->
 2 |     
 3 | <link rel="import" href="polymerstarter/bower_components/iron-flex-layout/iron-flex-layout.html">
 4 | <link rel="import" href="polymerstarter/bower_components/iron-icons/iron-icons.html">
 5 | <link rel="import" href="polymerstarter/bower_components/iron-pages/iron-pages.html">
 6 | <link rel="import" href="polymerstarter/bower_components/iron-selector/iron-selector.html">
 7 | 
 8 | <!-- Paper elements -->
 9 | <link rel="import" href="polymerstarter/bower_components/paper-drawer-panel/paper-drawer-panel.html">
10 | <link rel="import" href="polymerstarter/bower_components/paper-button/paper-button.html">
11 | <link rel="import" href="polymerstarter/bower_components/paper-icon-button/paper-icon-button.html">
12 | <link rel="import" href="polymerstarter/bower_components/paper-item/paper-item.html">
13 | <link rel="import" href="polymerstarter/bower_components/paper-material/paper-material.html">
14 | <link rel="import" href="polymerstarter/bower_components/paper-menu/paper-menu.html">
15 | <link rel="import" href="polymerstarter/bower_components/paper-scroll-header-panel/paper-scroll-header-panel.html">
16 | <link rel="import" href="polymerstarter/bower_components/paper-styles/typography.html">
17 | <link rel="import" href="polymerstarter/bower_components/paper-toast/paper-toast.html">
18 | <link rel="import" href="polymerstarter/bower_components/paper-toolbar/paper-toolbar.html">
19 | <link rel="import" href="polymerstarter/bower_components/paper-card/paper-card.html">


--------------------------------------------------------------------------------
/gwt-polymer-starter-kit/src/main/webapp/polymerstarter.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | 
 3 | <html>
 4 |   <head>
 5 |     <meta http-equiv="content-type" content="text/html; charset=UTF-8">
 6 |      <meta name="viewport" content="width=device-width, initial-scale=1">
 7 |      
 8 |     <title>GWT Polymer Starter Kit</title>
 9 | 
10 | 	  <script src="polymerstarter/bower_components/webcomponentsjs/webcomponents.js"></script>
11 | 	 <link rel="import" href="polymer-imports.html"> 
12 | 	<link rel="import" href="styles/app-theme.html">
13 | 	<link rel="import" href="styles/shared-styles.html">
14 | 	  <script type="text/javascript" language="javascript" src="polymerstarter/polymerstarter.nocache.js"></script>
15 |   
16 |   </head>
17 |   <body>
18 |     <noscript>
19 |       <div style="width: 22em; position: absolute; left: 50%; margin-left: -11em; color: red; background-color: white; border: 1px solid red; padding: 4px; font-family: sans-serif">
20 |         Your web browser must have JavaScript enabled
21 |         in order for this application to display correctly.
22 |       </div>
23 |     </noscript>
24 |   </body>
25 | </html>
26 | 


--------------------------------------------------------------------------------
/gwt-polymer-starter-kit/src/main/webapp/styles/app-theme.html:
--------------------------------------------------------------------------------
  1 | <style is="custom-style">
  2 | 
  3 | /* Application theme */
  4 | 
  5 |   :root {
  6 |     --primary-text-color: #212121;
  7 |     --primary-background-color: #ffffff;
  8 |     --secondary-text-color: #737373;
  9 |     --disabled-text-color: #9b9b9b;
 10 |     --divider-color: #dbdbdb;
 11 |     --primary-color: #3f51b5;
 12 |     --light-primary-color: #c5cae9;
 13 |     --dark-primary-color: #303f9f;
 14 |     --accent-color: #ff4081;
 15 |     --light-accent-color: #ff80ab;
 16 |     --dark-accent-color: #f50057;
 17 | 
 18 |     /* Components */
 19 | 
 20 |     /* paper-drawer-panel */
 21 |     --drawer-menu-color: #ffffff;
 22 |     --drawer-border-color: 1px solid #ccc;
 23 |     --drawer-toolbar-border-color: 1px solid rgba(0, 0, 0, 0.22);
 24 | 
 25 |     /* paper-menu */
 26 |     --paper-menu-background-color: #fff;
 27 |     --menu-link-color: #111111;
 28 |   }
 29 | 
 30 |   /* General styles */
 31 | 
 32 |   body {
 33 |     @apply(--layout-fullbleed);
 34 |     @apply(--layout-vertical);
 35 |   }
 36 | 
 37 |   .space {
 38 |     @apply(--layout-flex);
 39 |   }
 40 |   
 41 |     #cards{
 42 | 	@apply(--layout-vertical);
 43 |     @apply(--layout-wrap);
 44 |     height: 700px;
 45 |     } 
 46 |     
 47 |     #cards > paper-card {
 48 |     box-sizing: border-box;
 49 |     max-width: 184px;
 50 |     margin: 4px;
 51 |     flex: 0 0 auto;
 52 |   }
 53 | 
 54 |   #drawerToolbar {
 55 |     color: var(--secondary-text-color);
 56 |     background-color: var(--drawer-menu-color);
 57 |     border-bottom: var(--drawer-toolbar-border-color);
 58 |   }
 59 | 
 60 |   #drawerToolbar .menu-name {
 61 |     @apply(--paper-font-title);
 62 |   }
 63 | 
 64 |   paper-scroll-header-panel {
 65 |     height: 100%;
 66 |   }
 67 | 
 68 |   paper-menu {
 69 |     --paper-menu-selected-item: {
 70 |       color: var(--primary-color);
 71 |     }
 72 | 
 73 |     --paper-menu-focused-item-after: {
 74 |       background: var(--primary-color);
 75 |     }
 76 |   }
 77 | 
 78 |   paper-menu iron-icon {
 79 |     margin-right: 33px;
 80 |     opacity: 0.54;
 81 |   }
 82 | 
 83 |   paper-menu a {
 84 |     @apply(--layout-horizontal);
 85 |     @apply(--layout-center);
 86 | 
 87 |     text-decoration: none;
 88 |     color: var(--menu-link-color);
 89 |     font-family: 'Roboto', 'Noto', sans-serif;
 90 |     -webkit-font-smoothing: antialiased;
 91 |     text-rendering: optimizeLegibility;
 92 |     font-size: 14px;
 93 |     font-weight: 400;
 94 |     line-height: 24px;
 95 |     min-height: 48px;
 96 |     padding: 0 16px;
 97 |   }
 98 | 
 99 |   #mainToolbar.tall .app-name {
100 |     font-size: 40px;
101 |     font-weight: 300;
102 |     /* Required for main area's paper-scroll-header-panel custom condensing transformation */
103 |     -webkit-transform-origin: left center;
104 |     transform-origin: left center;
105 |   }
106 | 
107 |   #mainToolbar .middle-container,
108 |   #mainToolbar .bottom-container {
109 |     @apply(--layout-horizontal);
110 |     @apply(--layout-center);
111 |   }
112 | 
113 |   #mainToolbar .middle-container  {
114 |     height: 100%;
115 |     margin-left: 48px;
116 |   }
117 | 
118 |   #mainToolbar:not(.tall) .middle-container {
119 |     font-size: 18px;
120 |     padding-bottom: 0;
121 |   }
122 | 
123 |   #mainToolbar .bottom-container {
124 |     @apply(--paper-font-subhead);
125 | 
126 |     margin-left: 48px;
127 |     /* Required for main area's paper-scroll-header-panel custom condensing transformation */
128 |     -webkit-transform-origin: left center;
129 |     transform-origin: left center;
130 |   }
131 | 
132 |   /* Height of the scroll area */
133 |   .content {
134 |     height: 900px;
135 |   }
136 | 
137 |   section[data-route="home"] paper-material {
138 |     @apply(--paper-font-body2);
139 |   }
140 | 
141 |   section[data-route="home"] paper-material .subhead {
142 |     @apply(--paper-font-subhead);
143 |   }
144 | 
145 |   paper-material {
146 |     border-radius: 2px;
147 |     height: 100%;
148 |     padding: 16px 0 16px 0;
149 |     width: calc(98.66% - 16px);
150 |     margin: 16px auto;
151 |     background: white;
152 |   }
153 | 
154 |   #toast .toast-hide-button {
155 |     color: #eeff41;
156 |     margin: 10px;
157 |   }
158 | 
159 |   /* Breakpoints */
160 | 
161 |   /* Small */
162 |   @media (max-width: 600px) {
163 | 
164 |     #drawer .paper-toolbar {
165 |       margin-left: 16px;
166 |     }
167 | 
168 |     #mainToolbar.tall .app-name {
169 |       font-size: 24px;
170 |       font-weight: 400;
171 |     }
172 | 
173 |     paper-material {
174 |       --menu-container-display: none;
175 |       width: calc(97.33% - 32px);
176 |       padding-left: 16px;
177 |       padding-right: 16px;
178 |     }
179 | 
180 |   }
181 | 
182 |   /* Tablet+ */
183 |   @media (min-width: 601px) {
184 | 
185 |     #drawer.paper-drawer-panel > [drawer] {
186 |       border-right: 1px solid rgba(0, 0, 0, 0.14);
187 |     }
188 | 
189 |     iron-pages {
190 |       padding: 48px 62px;
191 |     }
192 | 
193 |     paper-material {
194 |       width: calc(98% - 46px);
195 |       margin-bottom: 32px;
196 |       padding-left: 30px;
197 |       padding-right: 30px;
198 |     }
199 | 
200 |   }
201 | 
202 | 
203 |   /* mobile-small */
204 |   @media all and (min-width: 0) and (max-width: 360px) and (orientation: portrait) { }
205 |   /* mobile-large */
206 |   @media all and (min-width: 361px) and (orientation: portrait) { }
207 |   /* mobile-small-landscape */
208 |   @media all and (min-width: 0) and (max-width: 480px) and (orientation: landscape) { }
209 |   /* mobile-large-landscape */
210 |   @media all and (min-width: 481px) and (orientation: landscape) { }
211 |   /* tablet-small-landscape */
212 |   @media all and (min-width: 600px) and (max-width: 960px) and (orientation: landscape) { }
213 |   /* tablet-large-landscape */
214 |   @media all and (min-width: 961px) and (orientation: landscape) { }
215 |   /* tablet-small */
216 |   @media all and (min-width: 600px) and (orientation: portrait) { }
217 |   /* tablet-large */
218 |   @media all and (min-width: 601px) and (max-width: 840px) and (orientation : portrait) { }
219 |   /* desktop-x-small-landscape */
220 |   @media all and (min-width: 0) and (max-width: 480px) and (orientation: landscape) { }
221 |   /* desktop-x-small */
222 |   @media all and (min-width: 0) and (max-width: 480px) and (max-aspect-ratio: 4/3) { }
223 |   /* desktop-small-landscape */
224 |   @media all and (min-width: 481px) and (max-width: 840px) and (orientation: landscape) { }
225 |   /* desktop-small */
226 |   @media all and (min-width: 481px) and (max-width: 840px) and (max-aspect-ratio: 4/3) { }
227 |   /* desktop-medium-landscape */
228 |   @media all and (min-width: 841px) and (max-width: 1280px) and (orientation: landscape) { }
229 |   /* desktop-medium */
230 |   @media all and (min-width: 841px) and (max-width: 1280px) and (max-aspect-ratio: 4/3) { }
231 |   /* desktop-large */
232 |   @media all and (min-width: 1281px) and (max-width: 1600px) { }
233 |   /* desktop-xlarge */
234 |   @media all and (min-width: 1601px) and (max-width: 1920px) { }
235 | </style>
236 | 


--------------------------------------------------------------------------------
/gwt-polymer-starter-kit/src/main/webapp/styles/main.css:
--------------------------------------------------------------------------------
 1 | /*
 2 | Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
 3 | This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
 4 | The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
 5 | The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
 6 | Code distributed by Google as part of the polymer project is also
 7 | subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
 8 | */
 9 | 
10 | body {
11 |   background: #fafafa;
12 |   font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
13 |   color: #333;
14 | }
15 | 


--------------------------------------------------------------------------------
/gwt-polymer-starter-kit/src/main/webapp/styles/shared-styles.html:
--------------------------------------------------------------------------------
 1 | <dom-module id="shared-styles">
 2 |   <template>
 3 |     <style>
 4 |       .page-title {
 5 |         @apply(--paper-font-display2);
 6 |       }
 7 | 
 8 |       paper-menu a > *, paper-menu paper-item > *, paper-menu paper-icon-item > * {
 9 |         pointer-events: none;
10 |       }
11 | 
12 |       @media (max-width: 600px) {
13 |         .page-title {
14 |           font-size: 24px!important;
15 |         }
16 |       }
17 |       
18 |     </style>
19 |   </template>
20 | </dom-module>
21 | 


--------------------------------------------------------------------------------
/pom.xml:
--------------------------------------------------------------------------------
  1 | <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">
  2 |   <modelVersion>4.0.0</modelVersion>
  3 |   <groupId>com.gwidgets</groupId>
  4 |   <artifactId>gwt-polymer</artifactId>
  5 |   <version>0.1</version>
  6 |   <packaging>pom</packaging>
  7 |   	<description>GWT Polymer Starter Kit - A starting point for developing Web applications using GWT and Polymer</description>
  8 | 	<url>https://github.com/gwidgets/gwt-polymer-starter-kit</url>
  9 | 	<organization>
 10 | 		<name>G-Widgets</name>
 11 | 		<url>www.g-widgets.com</url>
 12 | 	</organization>
 13 | 	
 14 | 	<modules>
 15 |        <module>gwt-polymer-starter-kit</module>	
 16 |        <module>gwt-polymer-starter-kit-with-di</module>
 17 | 	</modules>
 18 | 
 19 | 	<properties>
 20 | 		<gwt.version>2.8.2</gwt.version>
 21 | 		<gwtPolymerVersion>1.7.0.0</gwtPolymerVersion>
 22 | 		<war>${project.build.directory}</war>
 23 | 		<webappDirectory>${project.build.directory}/${project.build.finalName}</webappDirectory>
 24 | 		<maven.compiler.source>1.8</maven.compiler.source>
 25 | 		<maven.compiler.target>1.8</maven.compiler.target>
 26 | 		<project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
 27 | 	</properties>
 28 | 
 29 | 	<dependencies>
 30 | 		<dependency>
 31 | 			<groupId>com.google.gwt</groupId>
 32 | 			<artifactId>gwt-user</artifactId>
 33 | 			<version>${gwt.version}</version>
 34 | 			<scope>provided</scope>
 35 | 		</dependency>
 36 | 		<dependency>
 37 | 			<groupId>com.google.gwt</groupId>
 38 | 			<artifactId>gwt-dev</artifactId>
 39 | 			<version>${gwt.version}</version>
 40 | 			<scope>provided</scope>
 41 | 		</dependency>
 42 | 		<dependency>
 43 | 			<groupId>com.vaadin.polymer</groupId>
 44 | 			<artifactId>vaadin-gwt-polymer-elements</artifactId>
 45 | 			<version>${gwtPolymerVersion}</version>
 46 | 			<scope>provided</scope>
 47 | 		</dependency>
 48 | 	</dependencies>
 49 | 		<build>
 50 | 		<outputDirectory>${project.build.directory}/${project.build.finalName}/WEB-INF/classes</outputDirectory>
 51 | 		<resources>
 52 | 			<resource>
 53 | 				<directory>${project.build.directory}/generated-sources/annotations</directory>
 54 | 				<filtering>true</filtering>
 55 | 			</resource>
 56 | 		</resources>
 57 | 		<plugins>
 58 | 			<plugin>
 59 | 				<groupId>org.codehaus.mojo</groupId>
 60 | 				<artifactId>gwt-maven-plugin</artifactId>
 61 | 				<version>${gwt.version}</version>
 62 | 				<executions>
 63 | 					<execution>
 64 | 						<goals>
 65 | 							<goal>compile</goal>
 66 | 							<goal>test</goal>
 67 | 						</goals>
 68 | 					</execution>
 69 | 				</executions>
 70 | 				<!-- Plugin configuration. There are many available options, see gwt-maven-plugin 
 71 | 					documentation at codehaus.org -->
 72 | 				<configuration>
 73 | 					<runTarget>polymerstarter.html</runTarget>
 74 | 					<modules>
 75 | 						<module>com.gwidgets.polymerstarter</module>
 76 | 					</modules>
 77 | 					<localWorkers>1</localWorkers>
 78 | 					<hostedWebapp>${webappDirectory}</hostedWebapp>
 79 | 					<warSourceDirectory>${war}</warSourceDirectory>
 80 | 					<generateJsInteropExports>true</generateJsInteropExports>
 81 | 				</configuration>
 82 | 			</plugin>
 83 | 			<plugin>
 84 | 				<groupId>org.apache.maven.plugins</groupId>
 85 | 				<artifactId>maven-war-plugin</artifactId>
 86 | 				<version>2.3</version>
 87 | 				<executions>
 88 | 					<execution>
 89 | 						<phase>compile</phase>
 90 | 					</execution>
 91 | 				</executions>
 92 | 				<configuration>
 93 | 					<webappDirectory>${webappDirectory}</webappDirectory>
 94 | 				</configuration>
 95 | 			</plugin>
 96 | 			<plugin>
 97 | 				<groupId>org.apache.maven.plugins</groupId>
 98 | 				<artifactId>maven-compiler-plugin</artifactId>
 99 | 				<version>3.5.1</version>
100 | 				<configuration>
101 | 					<source>1.8</source>
102 | 					<target>1.8</target>
103 | 				</configuration>
104 | 			</plugin>
105 | 		</plugins>
106 | 	</build>
107 | </project>


--------------------------------------------------------------------------------