GitHub/gf-core
1
0
Fork 1
mirror of https://github.com/GrammaticalFramework/gf-core.git synced 2026-04-09 04:59:31 -06:00
Code Issues Packages Projects Releases Wiki Activity

Somewhat nicer gwt client ui style.

Browse Source
This commit is contained in:
bjorn
2008-09-12 21:07:14 +00:00
parent 75b0279a11
commit 1c16b6b6e2
2 changed files with 43 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
src/server/gwt-client/src/se/chalmers/cs/gf/gwt_translate/client/Translate.java
View File

@@ -32,17 +32,21 @@ public class Translate implements EntryPoint {
private SuggestBox suggest;
private List<String> fromLangs;
private List<String> toLangs;
private Grid outputTable;
private VerticalPanel outputPanel;
private void addTranslation(String text) {
Label l = new Label(text);
l.addStyleName("my-translation");
outputPanel.add(l);
}
private void translate() {
gf.translate(suggest.getText(), fromLangs, null, toLangs, new GF.TranslateCallback() {
public void onTranslateDone (GF.Translations translations) {
outputTable.resizeRows(translations.length());
outputPanel.clear();
for (int i = 0; i < translations.length(); i++) {
GF.Translation t = translations.get(i);
outputTable.setText(i, 0, t.getFrom());
outputTable.setText(i, 1, t.getTo());
outputTable.setText(i, 2, t.getText());
addTranslation(t.getText());
}
}
});
@@ -66,7 +70,6 @@ public class Translate implements EntryPoint {
oracle = new CompletionOracle(gf);
suggest = new SuggestBox(oracle);
suggest.setWidth("50em");
suggest.setText("this cheese is warm");
suggest.addKeyboardListener(new KeyboardListenerAdapter() {
public void onKeyUp (Widget sender, char keyCode, int modifiers) {
@@ -102,21 +105,28 @@ public class Translate implements EntryPoint {
}
});
HorizontalPanel hPanel = new HorizontalPanel();
hPanel.add(new Label("From:"));
hPanel.add(fromLangBox);
hPanel.add(new Label("To:"));
hPanel.add(toLangBox);
hPanel.add(translateButton);
HorizontalPanel settingsPanel = new HorizontalPanel();
settingsPanel.addStyleName("my-settingsPanel");
settingsPanel.setVerticalAlignment(HorizontalPanel.ALIGN_MIDDLE);
settingsPanel.add(new Label("From:"));
settingsPanel.add(fromLangBox);
settingsPanel.add(new Label("To:"));
settingsPanel.add(toLangBox);
settingsPanel.add(translateButton);
outputTable = new Grid(0, 3);
outputPanel = new VerticalPanel();
outputPanel.addStyleName("my-translations");
// CSS debug
// addTranslation("hello");
// addTranslation("world");
VerticalPanel vPanel = new VerticalPanel();
vPanel.setWidth("100%");
vPanel.setHorizontalAlignment(VerticalPanel.ALIGN_CENTER);
vPanel.add(suggest);
vPanel.add(hPanel);
vPanel.add(outputTable);
vPanel.add(settingsPanel);
vPanel.add(outputPanel);
RootPanel.get().add(vPanel);

25
src/server/gwt-client/src/se/chalmers/cs/gf/gwt_translate/public/Translate.css
View File

@@ -1,12 +1,23 @@
/** Add css rules here for your application. */
/** Example rules used by the template application (remove for your app) */
.pc-template-btn {
display: block;
font-size: 16pt
.gwt-SuggestBox {
width: 70%;
font-size: 150%;
margin: 1em 0 0.5em 0;
}
#pc-template-img {
margin-top: 20px;
.my-settingsPanel * {
margin: 0 0.4em;
}
.my-translations {
margin-top: 1em;
}
.my-translation {
border-width: 0 0 0 0;
border-style: solid;
border-color: silver;
padding: 0.2em;
font-size: 150%;
}