Skip to content

Commit ecb4811

Browse files
kevzlou7979kevzlou7979
committed
Added documentation for #294, #293, #297
1 parent ddc28c5 commit ecb4811

File tree

8 files changed

+154
-9
lines changed

8 files changed

+154
-9
lines changed

‎src/main/java/gwt/material/design/demo/client/application/addins/autocomplete/AutoCompleteView.java‎

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -80,6 +80,10 @@ public void onSelection(SelectionEvent<SuggestOracle.Suggestion> event) {
8080
acListType.setSuggestions(oracle);
8181
acListLimit.setSuggestions(oracle);
8282
acModal.setSuggestions(oracle);
83+
84+
acListType.addValueChangeHandler(valueChangeEvent -> {
85+
MaterialToast.fireToast("Value: " + valueChangeEvent.getValue().get(0).getDisplayString());
86+
});
8387
}
8488

8589

@@ -149,4 +153,27 @@ void onOpenModal(ClickEvent e) {
149153
void onClose(ClickEvent e) {
150154
modal.close();
151155
}
156+
157+
@UiHandler("getTextValue")
158+
void getTextValue(ClickEvent e) {
159+
if (acListType.getItemBox().getText().isEmpty()) {
160+
MaterialToast.fireToast("Value is empty");
161+
} else {
162+
MaterialToast.fireToast(acListType.getItemBox().getText() + "");
163+
}
164+
}
165+
166+
@UiHandler("setTextValue")
167+
void setTextValue(ClickEvent e) {
168+
List<String> itemValues = new ArrayList<>();
169+
itemValues.add(getAllUsers().get(0).getName());
170+
acListType.setItemValues(itemValues);
171+
}
172+
173+
@UiHandler("setTextValueEvent")
174+
void setTextValueEvent(ClickEvent e) {
175+
List<String> itemValues = new ArrayList<>();
176+
itemValues.add(getAllUsers().get(1).getName());
177+
acListType.setItemValues(itemValues, true);
178+
}
152179
}

‎src/main/java/gwt/material/design/demo/client/application/addins/autocomplete/AutoCompleteView.ui.xml‎

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -144,9 +144,28 @@
144144
<ma:autocomplete.MaterialAutoComplete ui:field="acListType" type="TEXT" limit="1" placeholder="Contacts" grid="s12"/>
145145
</m:MaterialColumn>
146146
</m:MaterialRow>
147+
<m:MaterialRow>
148+
<m:MaterialColumn grid="s12">
149+
<m:MaterialButton text="Get Value" marginRight="12" ui:field="getTextValue" />
150+
<m:MaterialButton text="Set Value" marginRight="12" ui:field="setTextValue" />
151+
<m:MaterialButton text="Set Value with Event" ui:field="setTextValueEvent" />
152+
</m:MaterialColumn>
153+
</m:MaterialRow>
147154
<demo:PrettyPre addStyleNames="lang-xml">
155+
&lt;!-- UiBinder Definition --> <br/>
148156
&emsp;&lt;ma:autocomplete.MaterialAutoComplete type="TEXT" limit="1" placeholder="States" />
149157
</demo:PrettyPre>
158+
<demo:PrettyPre addStyleNames="lang-java">
159+
&lt;!-- Setting Value --> <br/>
160+
List&lt;String> itemValues = new ArrayList&lt;>(); <br/>
161+
itemValues.add(getAllUsers().get(0).getName()); <br/>
162+
acListType.setItemValues(itemValues); <br/><br/>
163+
164+
&lt;!-- Getting Value --> <br/>
165+
List&lt;String> itemValues = new ArrayList&lt;>(); <br/>
166+
itemValues.add(getAllUsers().get(1).getName()); <br/>
167+
acListType.setItemValues(itemValues, true);
168+
</demo:PrettyPre>
150169
</m:MaterialRow>
151170

152171
<m:MaterialRow addStyleNames="code">

‎src/main/java/gwt/material/design/demo/client/application/addins/combobox/ComboBoxView.java‎

Lines changed: 21 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -21,6 +21,8 @@
2121
*/
2222

2323

24+
import com.google.gwt.core.client.GWT;
25+
import com.google.gwt.core.client.Scheduler;
2426
import com.google.gwt.event.dom.client.ClickEvent;
2527
import com.google.gwt.event.logical.shared.ValueChangeEvent;
2628
import com.google.gwt.uibinder.client.UiBinder;
@@ -29,6 +31,7 @@
2931
import com.google.gwt.user.client.ui.Widget;
3032
import com.gwtplatform.mvp.client.ViewImpl;
3133
import gwt.material.design.addins.client.combobox.MaterialComboBox;
34+
import gwt.material.design.addins.client.combobox.js.LanguageOptions;
3235
import gwt.material.design.client.ui.MaterialModal;
3336
import gwt.material.design.client.ui.MaterialToast;
3437
import gwt.material.design.client.ui.html.OptGroup;
@@ -38,7 +41,6 @@
3841

3942
import javax.inject.Inject;
4043
import java.util.ArrayList;
41-
import java.util.Collections;
4244
import java.util.List;
4345

4446
public class ComboBoxView extends ViewImpl implements ComboBoxPresenter.MyView {
@@ -47,12 +49,12 @@ interface Binder extends UiBinder<Widget, ComboBoxView> {
4749

4850
@UiField
4951
MaterialComboBox<String> comboTimeZone, comboTimeZone1, comboTimeZone2, comboTimeZone3, comboTimeZone4,
50-
comboTimeZone6, comboTimeZone7, comboTags, comboTagsMultiple;
52+
comboTimeZone6, comboTimeZone7, comboTags, comboTagsMultiple, comboElements;
5153

5254
@UiField
5355
MaterialComboBox<State> comboTimeZone8, comboTimeZone8_1, comboTimeZone9, comboTimeZone9_1, comboTimeZone10,
5456
comboTimeZone11, comboTimeZone12, comboTimeZone12_1, comboTimeZone13, comboTimeZone14,
55-
comboTimeZone15, comboTimeZone16, comboTimeZone17, comboCloseOnSelect;
57+
comboTimeZone15, comboTimeZone16, comboTimeZone17, comboCloseOnSelect, comboLanguge;
5658

5759
@UiField
5860
MaterialComboBox<State> comboValue;
@@ -76,6 +78,7 @@ protected void populateTimeZones() {
7678
addStringItems(comboTimeZone4);
7779
addStringItems(comboTimeZone6);
7880
addStringItems(comboTimeZone7);
81+
addStringItemsWithoutGroup(comboElements);
7982
addStateItems(comboTimeZone8);
8083
addStateItems(comboTimeZone8_1);
8184
addItemsWithoutGroup(comboTimeZone9);
@@ -92,6 +95,7 @@ protected void populateTimeZones() {
9295
addItemsWithoutGroup(comboCloseOnSelect);
9396
addStringItems(comboTags);
9497
addStringItems(comboTagsMultiple);
98+
addStateItems(comboLanguge);
9599

96100
comboTimeZone8.addValueChangeHandler(valueChangeEvent -> {
97101
MaterialToast.fireToast("Event: ValueChange State : " + comboTimeZone8.getSingleValue().getName() + " Value: " + comboTimeZone8.getSingleValue().getValue());
@@ -128,6 +132,20 @@ protected void populateTimeZones() {
128132
comboTimeZone11.addRemoveItemHandler(event -> {
129133
MaterialToast.fireToast("Removed: " + event.getSelectedValues());
130134
});
135+
136+
comboElements.addOpenHandler(event -> {
137+
comboElements.scrollTop(0);
138+
});
139+
140+
LanguageOptions languageOptions = new LanguageOptions();
141+
languageOptions.setNoResults(param1 -> "Walang Resulta...");
142+
languageOptions.setErrorLoading(param1 -> "May problema...");
143+
languageOptions.setInputTooLong(param1 -> "Ang inyong inilagay ay sobrang haba...");
144+
languageOptions.setInputTooShort(param1 -> "Ang inyong inilagay ay sobrang liit...");
145+
languageOptions.setLoadingMore(param1 -> "Nagloload pa...");
146+
languageOptions.setMaximumSelected(param1 -> "Maximum na ang inyong iniligay...");
147+
languageOptions.setSearching(param1 -> "Kasalukyang hinahanap...");
148+
comboLanguge.setLanguage(languageOptions);
131149
}
132150

133151
protected void addStringItemsWithoutGroup(MaterialComboBox<String> box) {

‎src/main/java/gwt/material/design/demo/client/application/addins/combobox/ComboBoxView.ui.xml‎

Lines changed: 40 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -39,7 +39,7 @@
3939

4040
<m:MaterialRow>
4141
<m:MaterialColumn grid="l6 m6 s12">
42-
<combobox:MaterialComboBox ui:field="comboTimeZone1" placeholder="TimeZone" />
42+
<combobox:MaterialComboBox width="100%" ui:field="comboTimeZone1" placeholder="TimeZone" />
4343
</m:MaterialColumn>
4444
</m:MaterialRow>
4545
</m:MaterialRow>
@@ -459,5 +459,44 @@
459459
</m:MaterialModal>
460460
</m:MaterialRow>
461461

462+
<m:MaterialRow addStyleNames="code">
463+
<m:MaterialBadge text="FEATURE UPDATE" textColor="AMBER" shadow="1" layoutPosition="RELATIVE" float="RIGHT" backgroundColor="AMBER_LIGHTEN_5" />
464+
<m:MaterialTitle title="Scroll To Top" description="You can set easily the position of ComboBox dropdown results scroll position to top."/>
465+
<m:MaterialRow>
466+
<m:MaterialColumn grid="l6 m6 s12">
467+
<combobox:MaterialComboBox label="Time Zone" ui:field="comboElements" />
468+
</m:MaterialColumn>
469+
</m:MaterialRow>
470+
<m:MaterialRow>
471+
<demo:PrettyPre addStyleNames="lang-java">
472+
&emsp;comboElements.addOpenHandler(event -> { <br/>
473+
&emsp;comboElements.scrollTop(0); <br/>
474+
});
475+
</demo:PrettyPre>
476+
</m:MaterialRow>
477+
</m:MaterialRow>
478+
479+
<m:MaterialRow addStyleNames="code">
480+
<m:MaterialBadge text="FEATURE UPDATE" textColor="AMBER" shadow="1" layoutPosition="RELATIVE" float="RIGHT" backgroundColor="AMBER_LIGHTEN_5" />
481+
<m:MaterialTitle title="Provide your Custom Message Text" description="This is good for Language support so that you can easily control the text object in your combobox.."/>
482+
<m:MaterialRow>
483+
<m:MaterialColumn grid="l6 m6 s12">
484+
<combobox:MaterialComboBox label="Time Zone" limit="2" multiple="true" ui:field="comboLanguge" />
485+
</m:MaterialColumn>
486+
</m:MaterialRow>
487+
<m:MaterialRow>
488+
<demo:PrettyPre addStyleNames="lang-java">
489+
&emsp;LanguageOptions languageOptions = new LanguageOptions(); <br/>
490+
languageOptions.setNoResults(param1 -> "Walang Resulta..."); <br/>
491+
languageOptions.setErrorLoading(param1 -> "May problema..."); <br/>
492+
languageOptions.setInputTooLong(param1 -> "Ang inyong inilagay ay sobrang haba..."); <br/>
493+
languageOptions.setInputTooShort(param1 -> "Ang inyong inilagay ay sobrang liit..."); <br/>
494+
languageOptions.setLoadingMore(param1 -> "Nagloload pa..."); <br/>
495+
languageOptions.setMaximumSelected(param1 -> "Maximum na ang inyong iniligay...");<br/>
496+
languageOptions.setSearching(param1 -> "Kasalukyang hinahanap..."); <br/>
497+
comboLanguge.setLanguage(languageOptions);
498+
</demo:PrettyPre>
499+
</m:MaterialRow>
500+
</m:MaterialRow>
462501
</m:MaterialPanel>
463502
</ui:UiBinder>

‎src/main/java/gwt/material/design/demo/client/application/addins/fileuploader/FileUploaderView.java‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -47,7 +47,6 @@ interface Binder extends UiBinder<Widget, FileUploaderView> {
4747
FileUploaderView(Binder uiBinder) {
4848
initWidget(uiBinder.createAndBindUi(this));
4949

50-
5150
uploader.addAddedFileHandler(new AddedFileEvent.AddedFileHandler<UploadFile>() {
5251
@Override
5352
public void onAddedFile(AddedFileEvent<UploadFile> event) {

‎src/main/java/gwt/material/design/demo/client/application/addins/fileuploader/FileUploaderView.ui.xml‎

Lines changed: 36 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -54,7 +54,7 @@
5454
<m:MaterialBadge text="FEATURE UPDATE" textColor="AMBER" shadow="1" layoutPosition="RELATIVE" float="RIGHT" backgroundColor="AMBER_LIGHTEN_5" />
5555
<m:MaterialTitle title="Disable Uploader" description="You can easily disable the file uploader by calling enable='false'" />
5656
<m:MaterialSwitch ui:field="switchEnable" onLabel="Enable" offLabel="Disable" />
57-
<ma:fileuploader.MaterialFileUploader ui:field="uploaderEnable" url="/fileupload" method="POST" maxFileSize="20" shadow="1" enabled="false">
57+
<ma:fileuploader.MaterialFileUploader waves="DEFAULT" ui:field="uploaderEnable" url="/fileupload" method="POST" maxFileSize="20" shadow="1" enabled="false">
5858
<ma:fileuploader.MaterialUploadLabel title="Drag Files to Upload" description="Some description here" />
5959
</ma:fileuploader.MaterialFileUploader>
6060

@@ -173,5 +173,40 @@
173173
&lt;/servlet-mapping><br/>
174174
</demo:PrettyPre>
175175
</m:MaterialRow>
176+
177+
<m:MaterialRow addStyleNames="code">
178+
<m:MaterialTitle title="Language Support" description="Dropzone will let you handle the text messages being thrown by it's core api easily." />
179+
<demo:PrettyPre addStyleNames="lang-java">
180+
&emsp;// Defaults to "Drop files here to upload" <br/>
181+
uploader.setDictDefaultMessage("Mag-drop ng mga file dito upang mag-upload"); <br/><br/>
182+
183+
// Defaults to "Your browser does not support drag'n'drop file uploads." <br/>
184+
uploader.setDictFallbackMessage("Hindi sinusuportahan ng iyong browser ang drag'n'drop upload file."); <br/><br/>
185+
186+
// Defaults to "Your browser does not support drag'n'drop file uploads." <br/>
187+
uploader.setDictFallbackText("Mangyaring gamitin ang form ng fallback sa ibaba upang i-upload ang iyong mga file tulad ng sa mga lumang araw."); <br/><br/>
188+
189+
// Defaults to "File is too big ({{filesize}}MiB). Max filesize: {{maxFilesize}}MiB." <br/>
190+
uploader.setDictFileTooBig("Ang file ay masyadong malaki ({{filesize}} MiB). Max filesize: {{maxFilesize}} MiB."); <br/><br/>
191+
192+
// Defaults to "You can't upload files of this type." <br/>
193+
uploader.setDictInvalidFileType("Hindi ka maaaring mag-upload ng mga file ng ganitong uri."); <br/><br/>
194+
195+
// Defaults to "Server responded with {{statusCode}} code." <br/>
196+
uploader.setDictResponseError("Tumugon ang server sa code na {{statusCode}}."); <br/><br/>
197+
198+
// Defaults to "Cancel upload" <br/>
199+
uploader.setDictCancelUpload("Kanselahin ang pag-upload"); <br/><br/>
200+
201+
// Defaults to "Are you sure you want to cancel this upload?" <br/>
202+
uploader.setDictCancelUploadConfirmation("Sigurado ka bang gusto mong kanselahin ang pag-upload na ito?"); <br/><br/>
203+
204+
// Defaults to "Remove file" <br/>
205+
uploader.setDictRemoveFile("Alisin ang file"); <br/><br/>
206+
207+
// Defaults to "You can not upload any more files." <br/>
208+
uploader.setDictMaxFilesExceeded("Hindi ka maaaring mag-upload ng higit pang mga file."); <br/><br/>
209+
</demo:PrettyPre>
210+
</m:MaterialRow>
176211
</g:HTMLPanel>
177212
</ui:UiBinder>

‎src/main/java/gwt/material/design/demo/client/application/addins/timepickers/TimePickersView.java‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@
2222

2323

2424
import com.google.gwt.event.dom.client.ClickEvent;
25-
import com.google.gwt.event.logical.shared.*;
25+
import com.google.gwt.event.logical.shared.ValueChangeEvent;
2626
import com.google.gwt.i18n.client.DateTimeFormat;
2727
import com.google.gwt.uibinder.client.UiBinder;
2828
import com.google.gwt.uibinder.client.UiField;
@@ -41,7 +41,7 @@ interface Binder extends UiBinder<Widget, TimePickersView> {
4141
}
4242

4343
@UiField
44-
MaterialTimePicker tpEvents, tpClear, tpOpenClose, tpValue;
44+
MaterialTimePicker tpEvents, tpClear, tpOpenClose, tpValue ;
4545

4646
@Inject
4747
TimePickersView(Binder uiBinder) {

‎src/main/java/gwt/material/design/demo/client/application/addins/timepickers/TimePickersView.ui.xml‎

Lines changed: 9 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -41,7 +41,7 @@
4141

4242
<m:MaterialRow addStyleNames="code">
4343
<m:MaterialTitle title="Disabled Styles" description="You can disable your time picker by adding enabled='false'"/>
44-
<ma:timepicker.MaterialTimePicker placeholder="Snooze Time" enabled="false" grid="s12"/>
44+
<ma:timepicker.MaterialTimePicker waves="DEFAULT" placeholder="Snooze Time" enabled="false" grid="s12"/>
4545
</m:MaterialRow>
4646

4747
<m:MaterialRow addStyleNames="code">
@@ -136,5 +136,13 @@
136136
timepick.clear();
137137
</demo:PrettyPre>
138138
</m:MaterialRow>
139+
140+
<m:MaterialRow addStyleNames="code">
141+
<m:MaterialTitle title="Language Support" description="Change the Footer Cancel and Ok texts." />
142+
<ma:timepicker.MaterialTimePicker cancelText="Kanselahin" okText="Tapos na" placeholder="Snooze Time" grid="s12"/>
143+
<demo:PrettyPre addStyleNames="lang-xml">
144+
&emsp;&lt;ma:timepicker.MaterialTimePicker cancelText="Kanselahin" okText="Tapos na" placeholder="Snooze Time" grid="s12"/>
145+
</demo:PrettyPre>
146+
</m:MaterialRow>
139147
</m:MaterialPanel>
140148
</ui:UiBinder>

0 commit comments

Comments
 (0)