Merge pull request #1 from GwtMaterialDesign/tutorial_2

Tutorial #2 - Building Applications
GwtMaterialDesign · Aug 30, 2016 · 2ab6f56 · 2ab6f56
2 parents 108a820 + 7138be0
commit 2ab6f56
Show file tree

Hide file tree

Showing 4 changed files with 34 additions and 7 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,3 @@
+.idea/
+gwt-material-tutorial.iml
+target/
diff --git a/pom.xml b/pom.xml
@@ -36,7 +36,7 @@
         <gwt.version>2.7.0</gwt.version>
         <gwtp.version>1.4</gwtp.version>
         <gin.version>2.1.2</gin.version>
-        <gwt-material.version>1.5.0</gwt-material.version>
+        <gwt-material.version>1.5.1</gwt-material.version>
         <gwt.style>OBF</gwt.style>
 
         <!-- maven -->

diff --git a/src/main/resources/com/gwtmaterial/tutorial/GwtMaterialBasic.gwt.xml b/src/main/resources/com/gwtmaterial/tutorial/GwtMaterialBasic.gwt.xml
@@ -35,7 +35,7 @@
     <!--GWT Material-->
     <inherits name="gwt.material.design.GwtMaterialBasicWithJQueryDebug"/>
     <inherits name="gwt.material.design.themes.GwtMaterialThemeBlue"/>
-    <inherits name="gwt.material.design.addins.GWTMaterialAddins"/>
+    <inherits name="gwt.material.design.addins.GwtMaterialAddins"/>
 
     <set-configuration-property name="CssResource.enableGss" value="true"/>
 </module>
diff --git a/src/main/resources/com/gwtmaterial/tutorial/client/application/ApplicationView.ui.xml b/src/main/resources/com/gwtmaterial/tutorial/client/application/ApplicationView.ui.xml
@@ -23,10 +23,34 @@
 
     <ui:with field="res" type="com.gwtmaterial.tutorial.client.resources.AppResources"/>
 
-    <m:MaterialPanel textAlign="CENTER">
-
-        <m:MaterialIcon marginTop="120" textColor="blue darken-1" iconType="POLYMER" iconSize="LARGE"/>
-        <m:MaterialLabel text="Hello MD World" textColor="blue" fontSize="2em"/>
-        <m:MaterialLabel text="Start building now your gwt-material apps." textColor="blue" fontSize="0.8em"/>
+    <m:MaterialPanel>
+        <m:MaterialHeader>
+            <m:MaterialNavBar activates="mysidenav" backgroundColor="purple">
+                <m:MaterialNavBrand text="My App" paddingLeft="20"/>
+                <m:MaterialNavSection float="RIGHT">
+                    <m:MaterialLink text="Login" href="#login"/>
+                    <m:MaterialLink text="Signup" href="#signup"/>
+                </m:MaterialNavSection>
+            </m:MaterialNavBar>
+            <m:MaterialSideNav m:id="mysidenav" type="PUSH" width="280">
+                <m:MaterialLink text="Link 1" iconType="ACCESS_ALARM"/>
+                <m:MaterialLink text="Link 2" iconType="ACCESS_ALARM"/>
+                <m:MaterialLink text="Link 3" iconType="ACCESS_ALARM"/>
+                <m:MaterialLink text="Link 4" iconType="ACCESS_ALARM"/>
+                <m:MaterialLink text="Link 5" iconType="ACCESS_ALARM"/>
+            </m:MaterialSideNav>
+        </m:MaterialHeader>
+        <m:MaterialContainer>
+            <m:MaterialLabel text="This is main content" textAlign="CENTER"/>
+        </m:MaterialContainer>
+        <m:MaterialFAB>
+            <m:MaterialButton iconType="ADD" type="FLOATING" size="LARGE"/>
+            <m:MaterialFABList>
+                <m:MaterialButton iconType="ACCESS_TIME" backgroundColor="purple" tooltip="Access Time" tooltipPosition="LEFT" type="FLOATING"/>
+                <m:MaterialButton iconType="ACCESSIBLE" backgroundColor="orange" tooltip="Accessible" tooltipPosition="LEFT" type="FLOATING"/>
+                <m:MaterialButton iconType="AC_UNIT" backgroundColor="red" tooltip="AC Unit" tooltipPosition="LEFT" type="FLOATING"/>
+                <m:MaterialButton iconType="ZOOM_IN" backgroundColor="blue" tooltip="Zoom In" tooltipPosition="LEFT" type="FLOATING"/>
+            </m:MaterialFABList>
+        </m:MaterialFAB>
     </m:MaterialPanel>
 </ui:UiBinder>