Add a DialogBox

Author: eliovir

ReadMe.md

@@ -48,9 +48,14 @@ Click on `Run project` or type F6.
 
 = Debug the application =
 
+== In Maven ==
+
+- `mvn compile` only compiles Java sources.
+- `mvn gwt:compile` only compiles GWT module and writes extras.
+
 == In NetBeans ==
 
 1. Define breakpoints if needed.
 2. Click on `Debug Project` or type Ctrl+F5.
 3. In the project custom menu, click on `Run GWT code server`.
-4. Visit the url said by the code server to install the bookmarklet.
+4. Visit the url said by the code server to install the bookmarklet.

src/main/java/com/hellogwt/client/AboutDialog.java

@@ -0,0 +1,76 @@
+/**
+ * About dialog from GWT 'mail' example.
+ *
+ * gwt/mail/src/com/google/gwt/sample/mail/client/AboutDialog.java
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License"); you may not
+ * use this file except in compliance with the License. You may obtain a copy of
+ * the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
+ * License for the specific language governing permissions and limitations under
+ * the License.
+ */
+package com.hellogwt.client;
+
+import com.google.gwt.core.client.GWT;
+import com.google.gwt.dom.client.NativeEvent;
+import com.google.gwt.event.dom.client.ClickEvent;
+import com.google.gwt.event.dom.client.KeyCodes;
+import com.google.gwt.uibinder.client.UiBinder;
+import com.google.gwt.uibinder.client.UiField;
+import com.google.gwt.uibinder.client.UiHandler;
+import com.google.gwt.user.client.Event.NativePreviewEvent;
+import com.google.gwt.user.client.ui.Button;
+import com.google.gwt.user.client.ui.DialogBox;
+import com.google.gwt.user.client.ui.Widget;
+import com.hellogwt.client.i18n.ClientMessages;
+
+/**
+ * A simple example of an 'about' dialog box.
+ */
+public class AboutDialog extends DialogBox {
+
+    interface Binder extends UiBinder<Widget, AboutDialog> {
+    }
+    private static final Binder binder = GWT.create(Binder.class);
+    private ClientMessages clientMsg = GWT.create(ClientMessages.class);
+
+    @UiField
+    Button closeButton;
+
+    public AboutDialog() {
+        // Use this opportunity to set the dialog's caption.
+        setText(clientMsg.aboutDialogTitle());
+        setWidget(binder.createAndBindUi(this));
+
+        setAnimationEnabled(true);
+        setGlassEnabled(true);
+    }
+
+    @Override
+    protected void onPreviewNativeEvent(NativePreviewEvent preview) {
+        super.onPreviewNativeEvent(preview);
+
+        NativeEvent evt = preview.getNativeEvent();
+        if (evt.getType().equals("keydown")) {
+          // Use the popup's key preview hooks to close the dialog when either
+            // enter or escape is pressed.
+            switch (evt.getKeyCode()) {
+                case KeyCodes.KEY_ENTER:
+                case KeyCodes.KEY_ESCAPE:
+                    hide();
+                    break;
+            }
+        }
+    }
+
+    @UiHandler("closeButton")
+    void onSignOutClicked(ClickEvent event) {
+        hide();
+    }
+}

src/main/java/com/hellogwt/client/AboutDialog.ui.xml

@@ -0,0 +1,47 @@
+<!--
+About dialog from GWT 'mail' example.
+
+gwt/mail/src/com/google/gwt/sample/mail/client/AboutDialog.ui.xml
+-->
+<ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder'
+             xmlns:g='urn:import:com.google.gwt.user.client.ui'
+             ui:generateFormat="com.google.gwt.i18n.rebind.format.PropertiesFormat"
+             ui:generateKeys="com.google.gwt.i18n.server.keygen.MD5KeyGenerator"
+             ui:generateLocales="fr,en">
+
+    <ui:image field='logo' src='gwt-logo.png'/>
+
+    <ui:style>
+        .panel {
+        padding: 10px;
+        }
+
+        .aboutText {
+        text-align: left;
+        }
+
+        @sprite .logo {
+        gwt-image: 'logo';
+        float: left;
+        padding-right: 1em;
+        }
+
+        .buttons {
+        text-align: right;
+        }
+    </ui:style>
+
+    <g:HTMLPanel width='24em' styleName='{style.panel}'>
+        <div class='{style.logo}'/>
+
+        <div class='{style.aboutText}'>
+            <ui:msg key="aboutText">This sample application demonstrates step by step the construction of a Maven-Spring-GWT-Hibernate application.</ui:msg>
+        </div>
+
+        <div class='{style.buttons}'>
+            <g:Button ui:field='closeButton'>
+                <ui:msg key="closeButton">Close</ui:msg>
+            </g:Button>
+        </div>
+    </g:HTMLPanel>
+</ui:UiBinder>

src/main/java/com/hellogwt/client/AboutDialogBinderImplGenMessages_en.properties

@@ -0,0 +1,6 @@
+# Generated from com.hellogwt.client.AboutDialogBinderImplGenMessages
+# for locale en
+
+aboutText=This sample application demonstrates step by step the construction of a Maven-Spring-GWT-Hibernate application.
+
+closeButton=Close

src/main/java/com/hellogwt/client/AboutDialogBinderImplGenMessages_fr.properties

@@ -0,0 +1,6 @@
+# Generated from com.hellogwt.client.AboutDialogBinderImplGenMessages
+# for locale fr
+
+aboutText=Cette application exemple présente étape par étape la construction d''une application Maven-Spring-GWT-Hibernate.
+
+closeButton=Fermer

src/main/java/com/hellogwt/client/HelloGWTWidget.java

@@ -24,6 +24,7 @@
 import com.google.gwt.uibinder.client.UiHandler;
 import com.google.gwt.user.client.Window;
 import com.google.gwt.user.client.rpc.AsyncCallback;
+import com.google.gwt.user.client.ui.Anchor;
 import com.google.gwt.user.client.ui.Button;
 import com.google.gwt.user.client.ui.Composite;
 import com.google.gwt.user.client.ui.FlexTable;
@@ -42,7 +43,7 @@ interface HelloGWTWidgetUiBinder extends UiBinder<SplitLayoutPanel, HelloGWTWidg
     private static HelloGWTWidgetUiBinder uiBinder = GWT.create(HelloGWTWidgetUiBinder.class);
 
     private GreetingServiceAsync greetingService = GWT.create(GreetingService.class);
-    
+
     private ClientMessages clientMsg = GWT.create(ClientMessages.class);
 
     final AsyncCallback<String> textbox_callback = new AsyncCallback<String>() {
@@ -93,13 +94,15 @@ public void onSuccess(Void result) {
     SpanElement statusMessage;
     @UiField
     SpanElement persistenceClassName;
+    @UiField
+    Anchor aboutLink;
 
     public HelloGWTWidget() {
         initWidget(uiBinder.createAndBindUi(this));
         greetingService.persistenceClassName(new AsyncCallback<String>() {
             @Override
             public void onFailure(Throwable caught) {
-                statusMessage.setInnerHTML(clientMsg.error() + caught.getLocalizedMessage()); 
+                statusMessage.setInnerHTML(clientMsg.error() + caught.getLocalizedMessage());
             }
             @Override
             public void onSuccess(String result) {
@@ -120,7 +123,7 @@ public void onSuccess(String result) {
     void handleNameTextBoxKeyUp(KeyUpEvent keyUpEvent) {
         greetingService.greet(nameTextBox.getText(), textbox_callback);
     }
-    
+
     @UiHandler("addButton")
     void handleAddButtonClick(ClickEvent clickEvent) {
         if (!authorTextBox.getText().isEmpty() && !textTextBox.getText().isEmpty()) {
@@ -158,6 +161,18 @@ void handleDeleteButtonClick(ClickEvent clickEvent) {
         greetingService.deleteGreeting(textTextBox.getText(), btn_callback);
     }
 
+    @UiHandler("aboutLink")
+    /**
+     * When the 'About' item is selected, show the AboutDialog.
+     *
+     * Note that showing a dialog box does not block -- execution continues normally, and the dialog fires an event when it is closed.
+     */
+    void handleAboutLinkClick(ClickEvent event) {
+        AboutDialog dlg = new AboutDialog();
+        dlg.show();
+        dlg.center();
+    }
+
     private void refreshGreetingsTable() {
         greetingService.getGreetings(new AsyncCallback<List<Greeting>>() {
             @Override

src/main/java/com/hellogwt/client/HelloGWTWidget.ui.xml

@@ -80,6 +80,9 @@ removing the package prefix "com.hellogwt.client.".
                         <a href="?locale=en">English</a>
                     </p>
                 </g:HTML>
+                <g:Anchor href='javascript:;' ui:field='aboutLink'>
+                    <ui:msg key="about">About</ui:msg>
+                </g:Anchor>
             </g:FlowPanel>
         </g:south>
     </g:SplitLayoutPanel>

src/main/java/com/hellogwt/client/HelloGWTWidgetHelloGWTWidgetUiBinderImplGenMessages_en.properties

@@ -1,6 +1,8 @@
 # Generated from com.hellogwt.client.HelloGWTWidgetHelloGWTWidgetUiBinderImplGenMessages
 # for locale en
 
+about=About
+
 # Description: Text on button
 add=Add
 

src/main/java/com/hellogwt/client/HelloGWTWidgetHelloGWTWidgetUiBinderImplGenMessages_fr.properties

@@ -1,6 +1,7 @@
 # Generated from com.hellogwt.client.HelloGWTWidgetHelloGWTWidgetUiBinderImplGenMessages
 # for locale fr
 
+about=À propos
 # Description: Default status message.
 defaultStatusMessage=L''application est charg\u00e9e.
 authorLabel=Auteur :

src/main/java/com/hellogwt/client/gwt-logo.png

@@ -26,6 +26,9 @@
 @DefaultLocale("en")
 public interface ClientMessages extends Messages {
 
+    @DefaultMessage("About the sample application")
+    public String aboutDialogTitle();
+
     @DefaultMessage("Author")
     public String author();
 

src/main/java/com/hellogwt/client/i18n/ClientMessages.java

@@ -1,6 +1,8 @@
 # Generated from com.hellogwt.client.i18n.ClientMessages
 # for locale default
 
+aboutDialogTitle=About the sample application
+
 author=Author
 
 editError=ERROR\: Cannot edit greetings\!

src/main/java/com/hellogwt/client/i18n/ClientMessages.properties

@@ -1,6 +1,8 @@
 # Generated from com.hellogwt.client.i18n.ClientMessages
 # for locale fr
 
+aboutDialogTitle=À propos de l''application exemple
+
 author=Auteur
 
 editError=Erreur\u00a0\: impossible de modifier les vœux\u00a0\!