Fixed css to more closely match okeanos
[pithos-web-client] / src / gr / grnet / pithos / web / client / CredentialsDialog.java
1 /*
2  * Copyright 2011-2012 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.Anchor;
43 import com.google.gwt.user.client.ui.Button;
44 import com.google.gwt.user.client.ui.DialogBox;
45 import com.google.gwt.user.client.ui.FlexTable;
46 import com.google.gwt.user.client.ui.HTML;
47 import com.google.gwt.user.client.ui.HasHorizontalAlignment;
48 import com.google.gwt.user.client.ui.TextBox;
49 import com.google.gwt.user.client.ui.VerticalPanel;
50
51
52 /**
53  * A dialog box that displays the user credentials for use in other client
54  * applications.
55  */
56 public class CredentialsDialog extends DialogBox {
57
58         private final String WIDTH_FIELD = "35em";
59         private final String WIDTH_TEXT = "42em";
60
61         /**
62          * The widget constructor.
63          */
64         public CredentialsDialog(final Pithos app) {
65                 Anchor close = new Anchor("close");
66                 close.addStyleName("close");
67                 close.addClickHandler(new ClickHandler() {
68                         
69                         @Override
70                         public void onClick(ClickEvent event) {
71                                 hide();
72                         }
73                 });
74                 // Set the dialog's caption.
75                 setText("User Credentials");
76                 setAnimationEnabled(true);
77                 setGlassEnabled(true);
78                 setStyleName("pithos-DialogBox");
79                 // A VerticalPanel that contains the 'about' label and the 'OK' button.
80                 VerticalPanel outer = new VerticalPanel();
81                 outer.add(close);
82
83                 VerticalPanel inner = new VerticalPanel();
84                 inner.addStyleName("inner");
85
86                 // Create the text and set a style name so we can style it with CSS.
87                 HTML text = new HTML("<p>These are the user credentials that are " +
88                                 "required for interacting with Pithos+");
89                 text.setStyleName("pithos-credentialsText");
90                 text.setWidth(WIDTH_TEXT);
91                 inner.add(text);
92                 FlexTable table = new FlexTable();
93                 table.setText(0, 0, "Username");
94                 table.setText(1, 0, "Token");
95                 TextBox username = new TextBox();
96                 username.setText(app.getUsername());
97                 username.setReadOnly(true);
98                 username.setWidth(WIDTH_FIELD);
99                 username.addClickHandler(new ClickHandler() {
100                         @Override
101                         public void onClick(ClickEvent event) {
102                                 Pithos.enableIESelection();
103                                 ((TextBox) event.getSource()).selectAll();
104                                 Pithos.preventIESelection();
105                         }
106
107                 });
108                 table.setWidget(0, 1, username);
109
110                 TextBox tokenBox = new TextBox();
111                 tokenBox.setText(app.getToken());
112                 tokenBox.setReadOnly(true);
113                 tokenBox.setWidth(WIDTH_FIELD);
114                 tokenBox.addClickHandler(new ClickHandler() {
115                         @Override
116                         public void onClick(ClickEvent event) {
117                                 Pithos.enableIESelection();
118                                 ((TextBox) event.getSource()).selectAll();
119                                 Pithos.preventIESelection();
120                         }
121
122                 });
123                 table.setWidget(1, 1, tokenBox);
124
125                 table.getFlexCellFormatter().setStyleName(0, 0, "props-labels");
126                 table.getFlexCellFormatter().setStyleName(0, 1, "props-values");
127                 table.getFlexCellFormatter().setStyleName(1, 0, "props-labels");
128                 table.getFlexCellFormatter().setStyleName(1, 1, "props-values");
129                 inner.add(table);
130
131                 // Create the 'OK' button, along with a listener that hides the dialog
132                 // when the button is clicked.
133                 Button confirm = new Button("Close", new ClickHandler() {
134                         @Override
135                         public void onClick(ClickEvent event) {
136                                 hide();
137                         }
138                 });
139                 confirm.addStyleName("button");
140                 inner.add(confirm);
141                 outer.add(inner);
142                 outer.setCellHorizontalAlignment(inner, HasHorizontalAlignment.ALIGN_CENTER);
143                 setWidget(outer);
144         }
145
146         @Override
147         protected void onPreviewNativeEvent(NativePreviewEvent preview) {
148                 super.onPreviewNativeEvent(preview);
149                 NativeEvent evt = preview.getNativeEvent();
150                 if (evt.getType().equals("keydown"))
151                         // Use the popup's key preview hooks to close the dialog when
152                         // either enter or escape is pressed.
153                         switch (evt.getKeyCode()) {
154                                 case KeyCodes.KEY_ENTER:
155                                 case KeyCodes.KEY_ESCAPE:
156                                         hide();
157                                         break;
158                         }
159         }
160 }