Skip to content

Commit 8961653

Browse files
kevzlou7979kevzlou7979
committed
Updated the addins documentation and clean some stuff plus testing the each widget.
1 parent f458eed commit 8961653

File tree

16 files changed

+1046
-280
lines changed

16 files changed

+1046
-280
lines changed

‎src/main/java/gwt/material/design/addins/client/autocomplete/MaterialAutoComplete.java‎

Lines changed: 663 additions & 0 deletions
Large diffs are not rendered by default.

‎src/main/java/gwt/material/design/demo/client/application/addins/bubble/BubbleView.ui.xml‎

Lines changed: 19 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -2,33 +2,33 @@
22
<ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder"
33
xmlns:g="urn:import:com.google.gwt.user.client.ui"
44
xmlns:m="urn:import:gwt.material.design.client.ui"
5-
xmlns:m.bubble="urn:import:gwt.material.design.addins.client.bubble"
5+
xmlns:ma="urn:import:gwt.material.design.addins.client"
66
xmlns:demo="urn:import:gwt.material.design.demo.client.ui">
77
<g:HTMLPanel>
88
<m:MaterialTitle title="Usage" />
99
<demo:PrettyPre addStyleNames="lang-xml z-depth-1">
1010
&emsp;&lt;!-- Addin Import --><br/>
1111
xmlns:ma="urn:import:gwt.material.design.addins.client"<br/><br/>
1212
&lt;!-- Addin Usage --><br/>
13-
&emsp;&lt;m.bubble:MaterialBubble textColor="white" backgroundColor="red" position="LEFT" float="LEFT"><br/>
13+
&emsp;&lt;ma:bubble.MaterialBubble textColor="white" backgroundColor="red" position="LEFT" float="LEFT"><br/>
1414
&emsp;&lt;m:MaterialLabel text="Hello there, How are you doing?"/><br/>
1515
&emsp;&lt;m:MaterialLabel text="1/2/2016" fontSize="0.6em" float="RIGHT"/><br/>
16-
&lt;/m.bubble:MaterialBubble><br/>
16+
&lt;/ma:bubble.MaterialBubble><br/>
1717
</demo:PrettyPre>
1818

1919
<m:MaterialTitle title="Usage" description="You can position the bubble by adding : position='LEFT,RIGHT,TOP or BOTTOM'"/>
2020
<m:MaterialRow marginBottom="0">
2121
<m:MaterialImage textColor="white" backgroundColor="red" marginRight="12" marginTop="8" float="LEFT" width="40px" height="40px" shadow="1" circle="true" url="https://mir-s3-cdn-cf.behance.net/project_modules/disp/1ccdd322433737.5631e853db4a9.png"/>
22-
<m.bubble:MaterialBubble textColor="white" backgroundColor="red" position="LEFT" float="LEFT">
22+
<ma:bubble.MaterialBubble textColor="white" backgroundColor="red" position="LEFT" float="LEFT">
2323
<m:MaterialLabel text="Hello there, How are you doing?"/>
2424
<m:MaterialLabel text="1/2/2016" fontSize="0.6em" float="RIGHT"/>
25-
</m.bubble:MaterialBubble>
25+
</ma:bubble.MaterialBubble>
2626
</m:MaterialRow>
2727
<demo:PrettyPre addStyleNames="lang-xml z-depth-1">
28-
&emsp;&lt;m.bubble:MaterialBubble textColor="white" backgroundColor="red" position="LEFT" float="LEFT"><br/>
28+
&emsp;&lt;ma:bubble.MaterialBubble textColor="white" backgroundColor="red" position="LEFT" float="LEFT"><br/>
2929
&emsp;&lt;m:MaterialLabel text="Hello there, How are you doing?"/><br/>
3030
&emsp;&lt;m:MaterialLabel text="1/2/2016" fontSize="0.6em" float="RIGHT"/><br/>
31-
&lt;/m.bubble:MaterialBubble><br/>
31+
&lt;/ma:bubble.MaterialBubble><br/>
3232
</demo:PrettyPre>
3333

3434
<m:MaterialTitle title="Example" description="Here is a sample card with chat feature implementing bubble addin component"/>
@@ -41,49 +41,49 @@
4141
<m:MaterialCardContent>
4242
<m:MaterialRow marginBottom="0">
4343
<m:MaterialImage backgroundColor="blue accent-1" marginRight="12" marginTop="8" float="LEFT" width="40px" height="40px" shadow="1" circle="true" url="https://mir-s3-cdn-cf.behance.net/project_modules/disp/70e0a922433737.5631e83fc9429.png"/>
44-
<m.bubble:MaterialBubble backgroundColor="blue accent-1" position="LEFT" float="LEFT">
44+
<ma:bubble.MaterialBubble backgroundColor="blue accent-1" position="LEFT" float="LEFT">
4545
<m:MaterialLabel text="Hello there, How are you doing?"/>
4646
<m:MaterialLabel text="1/2/2016" fontSize="0.6em" float="RIGHT"/>
47-
</m.bubble:MaterialBubble>
47+
</ma:bubble.MaterialBubble>
4848
</m:MaterialRow>
4949
<m:MaterialRow marginBottom="0">
5050
<m:MaterialImage backgroundColor="blue darken-3" marginLeft="12" marginTop="8" float="RIGHT" width="40px" height="40px" shadow="1" circle="true" url="https://mir-s3-cdn-cf.behance.net/project_modules/disp/6ba40822433737.5632180017216.png"/>
51-
<m.bubble:MaterialBubble textColor="white" backgroundColor="blue darken-3" position="RIGHT" float="RIGHT">
51+
<ma:bubble.MaterialBubble textColor="white" backgroundColor="blue darken-3" position="RIGHT" float="RIGHT">
5252
<m:MaterialLabel text="Hi there, Im fine, thank you. How about you?"/>
5353
<m:MaterialLabel text="1/2/2016" fontSize="0.6em" float="RIGHT"/>
54-
</m.bubble:MaterialBubble>
54+
</ma:bubble.MaterialBubble>
5555
</m:MaterialRow>
5656
<m:MaterialRow marginBottom="0">
5757
<m:MaterialImage backgroundColor="blue darken-3" marginLeft="12" marginTop="8" float="RIGHT" width="40px" height="40px" shadow="1" circle="true" url="https://mir-s3-cdn-cf.behance.net/project_modules/disp/6ba40822433737.5632180017216.png"/>
58-
<m.bubble:MaterialBubble textColor="white" backgroundColor="blue darken-3" position="RIGHT" float="RIGHT">
58+
<ma:bubble.MaterialBubble textColor="white" backgroundColor="blue darken-3" position="RIGHT" float="RIGHT">
5959
<m:MaterialLabel text="Me too, Im doing good."/>
6060
<m:MaterialLabel text="1/2/2016" fontSize="0.6em" float="RIGHT"/>
61-
</m.bubble:MaterialBubble>
61+
</ma:bubble.MaterialBubble>
6262
</m:MaterialRow>
6363
<m:MaterialRow marginBottom="0">
6464
<m:MaterialImage backgroundColor="blue accent-1" marginRight="12" marginTop="8" float="LEFT" width="40px" height="40px" shadow="1" circle="true" url="https://mir-s3-cdn-cf.behance.net/project_modules/disp/70e0a922433737.5631e83fc9429.png"/>
65-
<m.bubble:MaterialBubble backgroundColor="blue accent-1" position="LEFT" float="LEFT">
65+
<ma:bubble.MaterialBubble backgroundColor="blue accent-1" position="LEFT" float="LEFT">
6666
<m:MaterialLabel text="Would you want to go to Philippines?"/>
6767
<m:MaterialLabel text="1/2/2016" fontSize="0.6em" float="RIGHT"/>
68-
</m.bubble:MaterialBubble>
68+
</ma:bubble.MaterialBubble>
6969
</m:MaterialRow>
7070
<m:MaterialRow marginBottom="0">
7171
<m:MaterialImage backgroundColor="blue darken-3" marginLeft="12" marginTop="8" float="RIGHT" width="40px" height="40px" shadow="1" circle="true" url="https://mir-s3-cdn-cf.behance.net/project_modules/disp/6ba40822433737.5632180017216.png"/>
72-
<m.bubble:MaterialBubble textColor="white" backgroundColor="blue darken-3" position="RIGHT" float="RIGHT">
72+
<ma:bubble.MaterialBubble textColor="white" backgroundColor="blue darken-3" position="RIGHT" float="RIGHT">
7373
<m:MaterialLabel text="Yes of course, I want to visit Philippines and take a tour."/>
7474
<m:MaterialLabel text="1/2/2016" fontSize="0.6em" float="RIGHT"/>
75-
</m.bubble:MaterialBubble>
75+
</ma:bubble.MaterialBubble>
7676
</m:MaterialRow>
7777
</m:MaterialCardContent>
7878
</m:MaterialCard>
7979
</m:MaterialRow>
8080
<demo:PrettyPre addStyleNames="lang-xml z-depth-1">
8181
&emsp;&lt;m:MaterialRow marginBottom="0"><br/>
8282
&emsp;&lt;m:MaterialImage backgroundColor="blue accent-1" marginRight="12" marginTop="8" float="LEFT" width="40px" height="40px" shadow="1" circle="true" url="https://mir-s3-cdn-cf.behance.net/project_modules/disp/70e0a922433737.5631e83fc9429.png"/><br/>
83-
&emsp;&lt;m.bubble:MaterialBubble backgroundColor="blue accent-1" position="LEFT" float="LEFT"><br/>
83+
&emsp;&lt;ma:bubble.MaterialBubble backgroundColor="blue accent-1" position="LEFT" float="LEFT"><br/>
8484
&emsp;&emsp;&lt;m:MaterialLabel text="Would you want to go to Philippines?"/><br/>
8585
&emsp;&emsp;&lt;m:MaterialLabel text="1/2/2016" fontSize="0.6em" float="RIGHT"/><br/>
86-
&emsp;&lt;/m.bubble:MaterialBubble><br/>
86+
&emsp;&lt;/ma:bubble.MaterialBubble><br/>
8787
&lt;/m:MaterialRow>
8888
</demo:PrettyPre>
8989
</g:HTMLPanel>

‎src/main/java/gwt/material/design/demo/client/application/addins/cutouts/CutOutsView.ui.xml‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent">
22
<ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder"
33
xmlns:m="urn:import:gwt.material.design.client.ui"
4-
xmlns:m.cutout="urn:import:gwt.material.design.addins.client.cutout"
4+
xmlns:ma="urn:import:gwt.material.design.addins.client"
55
xmlns:demo="urn:import:gwt.material.design.demo.client.ui">
66
<m:MaterialPanel>
77
<m:MaterialTitle title="Usage" />
@@ -19,10 +19,10 @@
1919
<m:MaterialIcon iconType="POLYMER" ui:field="btnCutOut"/>
2020

2121
<!-- Material CutOut -->
22-
<m.cutout:MaterialCutOut ui:field="cutout" backgroundColor="blue" circle="true" opacity="0.8" textAlign="CENTER">
22+
<ma:cutout.MaterialCutOut ui:field="cutout" backgroundColor="blue" circle="true" opacity="0.8" textAlign="CENTER">
2323
<m:MaterialTitle title="New Feature" description="Description of your new Feature" textColor="white"/>
2424
<m:MaterialButton text="Close" ui:field="btnCutOutClose" textColor="blue" backgroundColor="white"/>
25-
</m.cutout:MaterialCutOut>
25+
</ma:cutout.MaterialCutOut>
2626

2727
<demo:PrettyPre addStyleNames="lang-xml z-depth-1">
2828
&emsp;&lt; -- Target Element --><br/>

‎src/main/java/gwt/material/design/demo/client/application/addins/iconmorph/IconMorphView.ui.xml‎

Lines changed: 26 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -2,53 +2,63 @@
22
<ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder"
33
xmlns:m="urn:import:gwt.material.design.client.ui"
44
xmlns:g="urn:import:com.google.gwt.user.client.ui"
5-
xmlns:m.iconmorph="urn:import:gwt.material.design.addins.client.iconmorph"
5+
xmlns:ma="urn:import:gwt.material.design.addins.client"
66
xmlns:demo="urn:import:gwt.material.design.demo.client.ui">
77
<g:HTMLPanel>
8-
<m:MaterialTitle title="Usage" description="Contain your Source and Target Icon components into MaterialIconMorph to be able to apply morphing transition."/>
9-
<m.iconmorph:MaterialIconMorph iconSize="MEDIUM">
8+
<m:MaterialTitle title="Usage" />
9+
<demo:PrettyPre addStyleNames="lang-xml z-depth-1">
10+
&emsp;&lt;!-- Addin Import --><br/>
11+
xmlns:ma="urn:import:gwt.material.design.addins.client"<br/><br/>
12+
&lt;!-- Addin Usage --><br/>
13+
&lt;ma:iconmorph.MaterialIconMorph iconSize="MEDIUM"><br/>
14+
&emsp;&lt;m:MaterialIcon iconType="MENU" addStyleNames="source"/><br/>
15+
&emsp;&lt;m:MaterialIcon iconType="ARROW_BACK" addStyleNames="target"/><br/>
16+
&lt;/ma:iconmorph.MaterialIconMorph>
17+
</demo:PrettyPre>
18+
19+
<ma:iconmorph.MaterialIconMorph iconSize="MEDIUM">
1020
<m:MaterialIcon iconType="MENU" addStyleNames="source"/>
1121
<m:MaterialIcon iconType="ARROW_BACK" addStyleNames="target"/>
12-
</m.iconmorph:MaterialIconMorph>
22+
</ma:iconmorph.MaterialIconMorph>
1323

1424
<demo:PrettyPre addStyleNames="lang-xml z-depth-1">
15-
&emsp;&lt;m.addins:MaterialIconMorph iconSize="MEDIUM"><br/>
25+
&emsp;&lt;ma:iconmorph.MaterialIconMorph iconSize="MEDIUM"><br/>
1626
&emsp;&lt;m:MaterialIcon iconType="MENU" addStyleNames="source"/><br/>
1727
&emsp;&lt;m:MaterialIcon iconType="ARROW_BACK" addStyleNames="target"/><br/>
18-
&lt;/m.addins:MaterialIconMorph><br/>
28+
&lt;/ma:iconmorph.MaterialIconMorph>
1929
</demo:PrettyPre>
2030

2131
<m:MaterialTitle title="Sizes" description="Like Material Icons you can easily adjust the sizes of icons by adding iconSize='SIZE' into your MaterialIconMorph component"/>
2232

2333
<!-- Tiny -->
24-
<m.iconmorph:MaterialIconMorph iconSize="TINY">
34+
<ma:iconmorph.MaterialIconMorph iconSize="TINY">
2535
<m:MaterialIcon iconType="POLYMER" addStyleNames="source"/>
2636
<m:MaterialIcon iconType="DONE" addStyleNames="target"/>
27-
</m.iconmorph:MaterialIconMorph>
37+
</ma:iconmorph.MaterialIconMorph>
2838

2939
<!-- Small -->
30-
<m.iconmorph:MaterialIconMorph iconSize="SMALL">
40+
<ma:iconmorph.MaterialIconMorph iconSize="SMALL">
3141
<m:MaterialIcon iconType="POLYMER" addStyleNames="source"/>
3242
<m:MaterialIcon iconType="DONE" addStyleNames="target"/>
33-
</m.iconmorph:MaterialIconMorph>
43+
</ma:iconmorph.MaterialIconMorph>
3444

3545
<!-- Medium -->
36-
<m.iconmorph:MaterialIconMorph iconSize="MEDIUM">
46+
<ma:iconmorph.MaterialIconMorph iconSize="MEDIUM">
3747
<m:MaterialIcon iconType="POLYMER" addStyleNames="source"/>
3848
<m:MaterialIcon iconType="DONE" addStyleNames="target"/>
39-
</m.iconmorph:MaterialIconMorph>
49+
</ma:iconmorph.MaterialIconMorph>
4050

4151
<!-- Large -->
42-
<m.iconmorph:MaterialIconMorph iconSize="LARGE">
52+
<ma:iconmorph.MaterialIconMorph iconSize="LARGE">
4353
<m:MaterialIcon iconType="POLYMER" addStyleNames="source"/>
4454
<m:MaterialIcon iconType="DONE" addStyleNames="target"/>
45-
</m.iconmorph:MaterialIconMorph>
55+
</ma:iconmorph.MaterialIconMorph>
4656

4757
<demo:PrettyPre addStyleNames="lang-xml z-depth-1">
48-
&emsp;&lt;m.addins:MaterialIconMorph iconSize="TINY"><br/>
58+
&emsp;&lt;ma:iconmorph.MaterialIconMorph iconSize="TINY"><br/>
4959
&emsp;&lt;m:MaterialIcon iconType="POLYMER" addStyleNames="source"/><br/>
5060
&emsp;&lt;m:MaterialIcon iconType="DONE" addStyleNames="target"/><br/>
51-
&lt;/m.addins:MaterialIconMorph><br/>
61+
&lt;/ma:iconmorph.MaterialIconMorph><br/>
5262
</demo:PrettyPre>
5363
</g:HTMLPanel>
5464
</ui:UiBinder>

0 commit comments

Comments
 (0)