CSS fixes
[pithos-web-client] / src / gr / grnet / pithos / web / client / CredentialsDialog.java
1 /*
2  * Copyright 2011 GRNET S.A. All rights reserved.
3  *
4  * Redistribution and use in source and binary forms, with or
5  * without modification, are permitted provided that the following
6  * conditions are met:
7  *
8  *   1. Redistributions of source code must retain the above
9  *      copyright notice, this list of conditions and the following
10  *      disclaimer.
11  *
12  *   2. Redistributions in binary form must reproduce the above
13  *      copyright notice, this list of conditions and the following
14  *      disclaimer in the documentation and/or other materials
15  *      provided with the distribution.
16  *
17  * THIS SOFTWARE IS PROVIDED BY GRNET S.A. ``AS IS'' AND ANY EXPRESS
18  * OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
19  * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
20  * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL GRNET S.A OR
21  * CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
22  * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
23  * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF
24  * USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
25  * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT
26  * LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN
27  * ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
28  * POSSIBILITY OF SUCH DAMAGE.
29  *
30  * The views and conclusions contained in the software and
31  * documentation are those of the authors and should not be
32  * interpreted as representing official policies, either expressed
33  * or implied, of GRNET S.A.
34  */
35 package gr.grnet.pithos.web.client;
36
37 import com.google.gwt.dom.client.NativeEvent;
38 import com.google.gwt.event.dom.client.ClickEvent;
39 import com.google.gwt.event.dom.client.ClickHandler;
40 import com.google.gwt.event.dom.client.KeyCodes;
41 import com.google.gwt.user.client.Event.NativePreviewEvent;
42 import com.google.gwt.user.client.ui.Button;
43 import com.google.gwt.user.client.ui.DialogBox;
44 import com.google.gwt.user.client.ui.FlexTable;
45 import com.google.gwt.user.client.ui.HTML;
46 import com.google.gwt.user.client.ui.HasHorizontalAlignment;
47 import com.google.gwt.user.client.ui.TextBox;
48 import com.google.gwt.user.client.ui.VerticalPanel;
49
50
51 /**
52  * A dialog box that displays the user credentials for use in other client
53  * applications.
54  */
55 public class CredentialsDialog extends DialogBox {
56
57         private final String WIDTH_FIELD = "35em";
58         private final String WIDTH_TEXT = "42em";
59
60         /**
61          * The widget constructor.
62          */
63         public CredentialsDialog(final Pithos app, final MessagePanel.Images images) {
64                 // Set the dialog's caption.
65                 setText("User Credentials");
66                 setAnimationEnabled(true);
67                 // A VerticalPanel that contains the 'about' label and the 'OK' button.
68                 VerticalPanel outer = new VerticalPanel();
69                 // Create the text and set a style name so we can style it with CSS.
70                 HTML text = new HTML("<p>These are the user credentials that are " +
71                                 "required for interacting with Pithos+");
72                 text.setStyleName("pithos-credentialsText");
73                 text.setWidth(WIDTH_TEXT);
74                 outer.add(text);
75                 FlexTable table = new FlexTable();
76                 table.setText(0, 0, "Username");
77                 table.setText(1, 0, "Token");
78                 TextBox username = new TextBox();
79                 username.setText(app.getUsername());
80                 username.setReadOnly(true);
81                 username.setWidth(WIDTH_FIELD);
82                 username.addClickHandler(new ClickHandler() {
83                         @Override
84                         public void onClick(ClickEvent event) {
85                                 Pithos.enableIESelection();
86                                 ((TextBox) event.getSource()).selectAll();
87                                 Pithos.preventIESelection();
88                         }
89
90                 });
91                 table.setWidget(0, 1, username);
92
93                 TextBox tokenBox = new TextBox();
94                 tokenBox.setText(app.getToken());
95                 tokenBox.setReadOnly(true);
96                 tokenBox.setWidth(WIDTH_FIELD);
97                 tokenBox.addClickHandler(new ClickHandler() {
98                         @Override
99                         public void onClick(ClickEvent event) {
100                                 Pithos.enableIESelection();
101                                 ((TextBox) event.getSource()).selectAll();
102                                 Pithos.preventIESelection();
103                         }
104
105                 });
106                 table.setWidget(1, 1, tokenBox);
107
108                 table.getFlexCellFormatter().setStyleName(0, 0, "props-labels");
109                 table.getFlexCellFormatter().setStyleName(0, 1, "props-values");
110                 table.getFlexCellFormatter().setStyleName(1, 0, "props-labels");
111                 table.getFlexCellFormatter().setStyleName(1, 1, "props-values");
112                 outer.add(table);
113
114                 // Create the 'OK' button, along with a listener that hides the dialog
115                 // when the button is clicked.
116                 Button confirm = new Button("Close", new ClickHandler() {
117                         @Override
118                         public void onClick(ClickEvent event) {
119                                 hide();
120                         }
121                 });
122                 outer.add(confirm);
123                 outer.setCellHorizontalAlignment(confirm, HasHorizontalAlignment.ALIGN_CENTER);
124                 outer.setSpacing(8);
125                 setWidget(outer);
126         }
127
128         @Override
129         protected void onPreviewNativeEvent(NativePreviewEvent preview) {
130                 super.onPreviewNativeEvent(preview);
131                 NativeEvent evt = preview.getNativeEvent();
132                 if (evt.getType().equals("keydown"))
133                         // Use the popup's key preview hooks to close the dialog when
134                         // either enter or escape is pressed.
135                         switch (evt.getKeyCode()) {
136                                 case KeyCodes.KEY_ENTER:
137                                 case KeyCodes.KEY_ESCAPE:
138                                         hide();
139                                         break;
140                         }
141         }
142 }