List of usage examples for com.vaadin.ui Panel setContent
@Override public void setContent(Component content)
From source file:com.arcusys.liferay.vaadinplugin.ui.OutputConsole.java
License:Apache License
public OutputConsole(String caption) { Panel panel = new Panel(); panel.setCaption(caption);//from ww w .j ava2 s . c o m panel.setSizeFull(); setCompositionRoot(panel); VerticalLayout layout = new VerticalLayout(); layout.setSizeUndefined(); panel.setContent(layout); VerticalLayout outputLabelLayout = new VerticalLayout(); outputLabelLayout.setSizeUndefined(); outputLabelLayout.setMargin(true); layout.addComponent(outputLabelLayout); outputLabel.setSizeUndefined(); outputLabelLayout.addComponent(outputLabel); scrollToLabel.setWidth("0px"); scrollToLabel.setHeight("0px"); layout.addComponent(scrollToLabel); }
From source file:com.cavisson.gui.dashboard.components.controls.CommonParts.java
License:Apache License
Panel loadingIndicators() {
Panel p = new Panel("Loading Indicator");
final VerticalLayout content = new VerticalLayout();
p.setContent(content);
content.setSpacing(true);//from ww w. j a v a 2 s . c o m
content.setMargin(true);
content.addComponent(new Label("You can test the loading indicator by pressing the buttons."));
CssLayout group = new CssLayout();
group.setCaption("Show the loading indicator for");
group.addStyleName("v-component-group");
content.addComponent(group);
Button loading = new Button("0.8");
loading.addClickListener(new ClickListener() {
@Override
public void buttonClick(final ClickEvent event) {
try {
Thread.sleep(800);
} catch (InterruptedException e) {
}
}
});
group.addComponent(loading);
Button delay = new Button("3");
delay.addClickListener(new ClickListener() {
@Override
public void buttonClick(final ClickEvent event) {
try {
Thread.sleep(3000);
} catch (InterruptedException e) {
}
}
});
group.addComponent(delay);
Button wait = new Button("15");
wait.addClickListener(new ClickListener() {
@Override
public void buttonClick(final ClickEvent event) {
try {
Thread.sleep(15000);
} catch (InterruptedException e) {
}
}
});
wait.addStyleName("last");
group.addComponent(wait);
Label label = new Label(" seconds", ContentMode.HTML);
label.setSizeUndefined();
group.addComponent(label);
Label spinnerDesc = new Label(
"The theme also provides a mixin that you can use to include a spinner anywhere in your application. The button below reveals a Label with a custom style name, for which the spinner mixin is added.");
spinnerDesc.addStyleName("small");
spinnerDesc.setCaption("Spinner");
content.addComponent(spinnerDesc);
if (!ValoThemeUI.isTestMode()) {
final Label spinner = new Label();
spinner.addStyleName("spinner");
Button showSpinnerButton = new Button("Show spinner", new ClickListener() {
@Override
public void buttonClick(final ClickEvent event) {
content.replaceComponent(event.getComponent(), spinner);
}
});
content.addComponent(showSpinnerButton);
}
return p;
}
From source file:com.cavisson.gui.dashboard.components.controls.CommonParts.java
License:Apache License
Panel notifications() {
Panel p = new Panel("Notifications");
VerticalLayout content = new VerticalLayout() {
Notification notification = new Notification("");
TextField title = new TextField("Title");
TextArea description = new TextArea("Description");
MenuBar style = new MenuBar();
MenuBar type = new MenuBar();
String typeString = "";
String styleString = "";
TextField delay = new TextField();
{/*w w w. j a v a 2 s . com*/
setSpacing(true);
setMargin(true);
title.setInputPrompt("Title for the notification");
title.addValueChangeListener(new ValueChangeListener() {
@Override
public void valueChange(final ValueChangeEvent event) {
if (title.getValue() == null || title.getValue().length() == 0) {
notification.setCaption(null);
} else {
notification.setCaption(title.getValue());
}
}
});
title.setValue("Notification Title");
title.setWidth("100%");
addComponent(title);
description.setInputPrompt("Description for the notification");
description.addStyleName("small");
description.addValueChangeListener(new ValueChangeListener() {
@Override
public void valueChange(final ValueChangeEvent event) {
if (description.getValue() == null || description.getValue().length() == 0) {
notification.setDescription(null);
} else {
notification.setDescription(description.getValue());
}
}
});
description.setValue(
"A more informative message about what has happened. Nihil hic munitissimus habendi senatus locus, nihil horum? Inmensae subtilitatis, obscuris et malesuada fames. Hi omnes lingua, institutis, legibus inter se differunt.");
description.setWidth("100%");
addComponent(description);
Command typeCommand = new Command() {
@Override
public void menuSelected(final MenuItem selectedItem) {
if (selectedItem.getText().equals("Humanized")) {
typeString = "";
notification.setStyleName(styleString.trim());
} else {
typeString = selectedItem.getText().toLowerCase();
notification.setStyleName((typeString + " " + styleString.trim()).trim());
}
for (MenuItem item : type.getItems()) {
item.setChecked(false);
}
selectedItem.setChecked(true);
}
};
type.setCaption("Type");
MenuItem humanized = type.addItem("Humanized", typeCommand);
humanized.setCheckable(true);
humanized.setChecked(true);
type.addItem("Tray", typeCommand).setCheckable(true);
type.addItem("Warning", typeCommand).setCheckable(true);
type.addItem("Error", typeCommand).setCheckable(true);
type.addItem("System", typeCommand).setCheckable(true);
addComponent(type);
type.addStyleName("small");
Command styleCommand = new Command() {
@Override
public void menuSelected(final MenuItem selectedItem) {
styleString = "";
for (MenuItem item : style.getItems()) {
if (item.isChecked()) {
styleString += " " + item.getText().toLowerCase();
}
}
if (styleString.trim().length() > 0) {
notification.setStyleName((typeString + " " + styleString.trim()).trim());
} else if (typeString.length() > 0) {
notification.setStyleName(typeString.trim());
} else {
notification.setStyleName(null);
}
}
};
style.setCaption("Additional style");
style.addItem("Dark", styleCommand).setCheckable(true);
style.addItem("Success", styleCommand).setCheckable(true);
style.addItem("Failure", styleCommand).setCheckable(true);
style.addItem("Bar", styleCommand).setCheckable(true);
style.addItem("Small", styleCommand).setCheckable(true);
style.addItem("Closable", styleCommand).setCheckable(true);
addComponent(style);
style.addStyleName("small");
CssLayout group = new CssLayout();
group.setCaption("Fade delay");
group.addStyleName("v-component-group");
addComponent(group);
delay.setInputPrompt("Infinite");
delay.addStyleName("align-right");
delay.addStyleName("small");
delay.setWidth("7em");
delay.addValueChangeListener(new ValueChangeListener() {
@Override
public void valueChange(final ValueChangeEvent event) {
try {
notification.setDelayMsec(Integer.parseInt(delay.getValue()));
} catch (Exception e) {
notification.setDelayMsec(-1);
delay.setValue("");
}
}
});
delay.setValue("1000");
group.addComponent(delay);
Button clear = new Button(null, new ClickListener() {
@Override
public void buttonClick(final ClickEvent event) {
delay.setValue("");
}
});
clear.setIcon(FontAwesome.TIMES_CIRCLE);
clear.addStyleName("last");
clear.addStyleName("small");
clear.addStyleName("icon-only");
group.addComponent(clear);
group.addComponent(new Label(" msec", ContentMode.HTML));
GridLayout grid = new GridLayout(3, 3);
grid.setCaption("Show in position");
addComponent(grid);
grid.setSpacing(true);
Button pos = new Button("", new ClickListener() {
@Override
public void buttonClick(final ClickEvent event) {
notification.setPosition(Position.TOP_LEFT);
notification.show(Page.getCurrent());
}
});
pos.addStyleName("small");
grid.addComponent(pos);
pos = new Button("", new ClickListener() {
@Override
public void buttonClick(final ClickEvent event) {
notification.setPosition(Position.TOP_CENTER);
notification.show(Page.getCurrent());
}
});
pos.addStyleName("small");
grid.addComponent(pos);
pos = new Button("", new ClickListener() {
@Override
public void buttonClick(final ClickEvent event) {
notification.setPosition(Position.TOP_RIGHT);
notification.show(Page.getCurrent());
}
});
pos.addStyleName("small");
grid.addComponent(pos);
pos = new Button("", new ClickListener() {
@Override
public void buttonClick(final ClickEvent event) {
notification.setPosition(Position.MIDDLE_LEFT);
notification.show(Page.getCurrent());
}
});
pos.addStyleName("small");
grid.addComponent(pos);
pos = new Button("", new ClickListener() {
@Override
public void buttonClick(final ClickEvent event) {
notification.setPosition(Position.MIDDLE_CENTER);
notification.show(Page.getCurrent());
}
});
pos.addStyleName("small");
grid.addComponent(pos);
pos = new Button("", new ClickListener() {
@Override
public void buttonClick(final ClickEvent event) {
notification.setPosition(Position.MIDDLE_RIGHT);
notification.show(Page.getCurrent());
}
});
pos.addStyleName("small");
grid.addComponent(pos);
pos = new Button("", new ClickListener() {
@Override
public void buttonClick(final ClickEvent event) {
notification.setPosition(Position.BOTTOM_LEFT);
notification.show(Page.getCurrent());
}
});
pos.addStyleName("small");
grid.addComponent(pos);
pos = new Button("", new ClickListener() {
@Override
public void buttonClick(final ClickEvent event) {
notification.setPosition(Position.BOTTOM_CENTER);
notification.show(Page.getCurrent());
}
});
pos.addStyleName("small");
grid.addComponent(pos);
pos = new Button("", new ClickListener() {
@Override
public void buttonClick(final ClickEvent event) {
notification.setPosition(Position.BOTTOM_RIGHT);
notification.show(Page.getCurrent());
}
});
pos.addStyleName("small");
grid.addComponent(pos);
}
};
p.setContent(content);
return p;
}
From source file:com.cavisson.gui.dashboard.components.controls.CommonParts.java
License:Apache License
Panel tooltips() {
Panel p = new Panel("Tooltips");
HorizontalLayout content = new HorizontalLayout() {
{//from w ww . j ava 2 s . c o m
setSpacing(true);
setMargin(true);
addStyleName("wrapping");
addComponent(new Label("Try out different tooltips/descriptions by hovering over the labels."));
Label label = new Label("Simple");
label.addStyleName("bold");
label.setDescription("Simple tooltip message");
addComponent(label);
label = new Label("Long");
label.addStyleName("bold");
label.setDescription(
"Long tooltip message. Inmensae subtilitatis, obscuris et malesuada fames. Salutantibus vitae elit libero, a pharetra augue.");
addComponent(label);
label = new Label("HTML tooltip");
label.addStyleName("bold");
label.setDescription(
"<div><h1>Ut enim ad minim veniam, quis nostrud exercitation</h1><p><span>Morbi fringilla convallis sapien, id pulvinar odio volutpat.</span> <span>Vivamus sagittis lacus vel augue laoreet rutrum faucibus.</span> <span>Donec sed odio operae, eu vulputate felis rhoncus.</span> <span>At nos hinc posthac, sitientis piros Afros.</span> <span>Tu quoque, Brute, fili mi, nihil timor populi, nihil!</span></p><p><span>Gallia est omnis divisa in partes tres, quarum.</span> <span>Praeterea iter est quasdam res quas ex communi.</span> <span>Cum ceteris in veneratione tui montes, nascetur mus.</span> <span>Quam temere in vitiis, legem sancimus haerentia.</span> <span>Idque Caesaris facere voluntate liceret: sese habere.</span></p></div>");
addComponent(label);
label = new Label("With an error message");
label.addStyleName("bold");
label.setDescription("Simple tooltip message");
label.setComponentError(new UserError("Something terrible has happened"));
addComponent(label);
label = new Label("With a long error message");
label.addStyleName("bold");
label.setDescription("Simple tooltip message");
label.setComponentError(new UserError(
"<h2>Contra legem facit qui id facit quod lex prohibet <span>Tityre, tu patulae recubans sub tegmine fagi dolor.</span> <span>Tityre, tu patulae recubans sub tegmine fagi dolor.</span> <span>Prima luce, cum quibus mons aliud consensu ab eo.</span> <span>Quid securi etiam tamquam eu fugiat nulla pariatur.</span> <span>Fabio vel iudice vincam, sunt in culpa qui officia.</span> <span>Nihil hic munitissimus habendi senatus locus, nihil horum?</span></p><p><span>Plura mihi bona sunt, inclinet, amari petere vellent.</span> <span>Integer legentibus erat a ante historiarum dapibus.</span> <span>Quam diu etiam furor iste tuus nos eludet?</span> <span>Nec dubitamus multa iter quae et nos invenerat.</span> <span>Quisque ut dolor gravida, placerat libero vel, euismod.</span> <span>Quae vero auctorem tractata ab fiducia dicuntur.</span></h2>",
AbstractErrorMessage.ContentMode.HTML, ErrorLevel.CRITICAL));
addComponent(label);
label = new Label("Error message only");
label.addStyleName("bold");
label.setComponentError(new UserError("Something terrible has happened"));
addComponent(label);
}
};
p.setContent(content);
return p;
}
From source file:com.cavisson.gui.dashboard.components.controls.CommonParts.java
License:Apache License
Panel windows() {
Panel p = new Panel("Dialogs");
VerticalLayout content = new VerticalLayout() {
final Window win = new Window("Window Caption");
String prevHeight = "300px";
boolean footerVisible = true;
boolean autoHeight = false;
boolean tabsVisible = false;
boolean toolbarVisible = false;
boolean footerToolbar = false;
boolean toolbarLayout = false;
String toolbarStyle = null;
VerticalLayout windowContent() {
VerticalLayout root = new VerticalLayout();
if (toolbarVisible) {
MenuBar menuBar = MenuBars.getToolBar();
menuBar.setSizeUndefined();
menuBar.setStyleName(toolbarStyle);
Component toolbar = menuBar;
if (toolbarLayout) {
menuBar.setWidth(null);
HorizontalLayout toolbarLayout = new HorizontalLayout();
toolbarLayout.setWidth("100%");
toolbarLayout.setSpacing(true);
Label label = new Label("Tools");
label.setSizeUndefined();
toolbarLayout.addComponents(label, menuBar);
toolbarLayout.setExpandRatio(menuBar, 1);
toolbarLayout.setComponentAlignment(menuBar, Alignment.TOP_RIGHT);
toolbar = toolbarLayout;
}/* ww w .ja v a 2s. c o m*/
toolbar.addStyleName("v-window-top-toolbar");
root.addComponent(toolbar);
}
Component content = null;
if (tabsVisible) {
TabSheet tabs = new TabSheet();
tabs.setSizeFull();
VerticalLayout l = new VerticalLayout();
l.addComponent(new Label(
"<h2>Subtitle</h2><p>Normal type for plain text. Etiam at risus et justo dignissim congue. Phasellus laoreet lorem vel dolor tempus vehicula.</p><p>Quisque ut dolor gravida, placerat libero vel, euismod. Etiam habebis sem dicantur magna mollis euismod. Nihil hic munitissimus habendi senatus locus, nihil horum? Curabitur est gravida et libero vitae dictum. Ullamco laboris nisi ut aliquid ex ea commodi consequat. Morbi odio eros, volutpat ut pharetra vitae, lobortis sed nibh.</p>",
ContentMode.HTML));
l.setMargin(true);
tabs.addTab(l, "Selected");
tabs.addTab(new Label(" ", ContentMode.HTML), "Another");
tabs.addTab(new Label(" ", ContentMode.HTML), "One more");
tabs.addStyleName("padded-tabbar");
tabs.addSelectedTabChangeListener(new SelectedTabChangeListener() {
@Override
public void selectedTabChange(final SelectedTabChangeEvent event) {
try {
Thread.sleep(600);
} catch (InterruptedException e) {
e.printStackTrace();
}
}
});
content = tabs;
} else if (!autoHeight) {
Panel p = new Panel();
p.setSizeFull();
p.addStyleName("borderless");
if (!toolbarVisible || !toolbarLayout) {
p.addStyleName("scroll-divider");
}
VerticalLayout l = new VerticalLayout();
l.addComponent(new Label(
"<h2>Subtitle</h2><p>Normal type for plain text. Etiam at risus et justo dignissim congue. Phasellus laoreet lorem vel dolor tempus vehicula.</p><p>Quisque ut dolor gravida, placerat libero vel, euismod. Etiam habebis sem dicantur magna mollis euismod. Nihil hic munitissimus habendi senatus locus, nihil horum? Curabitur est gravida et libero vitae dictum. Ullamco laboris nisi ut aliquid ex ea commodi consequat. Morbi odio eros, volutpat ut pharetra vitae, lobortis sed nibh.</p>",
ContentMode.HTML));
l.setMargin(true);
p.setContent(l);
content = p;
} else {
content = new Label(
"<h2>Subtitle</h2><p>Normal type for plain text. Etiam at risus et justo dignissim congue. Phasellus laoreet lorem vel dolor tempus vehicula.</p><p>Quisque ut dolor gravida, placerat libero vel, euismod. Etiam habebis sem dicantur magna mollis euismod. Nihil hic munitissimus habendi senatus locus, nihil horum? Curabitur est gravida et libero vitae dictum. Ullamco laboris nisi ut aliquid ex ea commodi consequat. Morbi odio eros, volutpat ut pharetra vitae, lobortis sed nibh.</p>",
ContentMode.HTML);
root.setMargin(true);
}
root.addComponent(content);
if (footerVisible) {
HorizontalLayout footer = new HorizontalLayout();
footer.setWidth("100%");
footer.setSpacing(true);
footer.addStyleName("v-window-bottom-toolbar");
Label footerText = new Label("Footer text");
footerText.setSizeUndefined();
Button ok = new Button("OK");
ok.addStyleName("primary");
Button cancel = new Button("Cancel");
footer.addComponents(footerText, ok, cancel);
footer.setExpandRatio(footerText, 1);
if (footerToolbar) {
MenuBar menuBar = MenuBars.getToolBar();
menuBar.setStyleName(toolbarStyle);
menuBar.setWidth(null);
footer.removeAllComponents();
footer.addComponent(menuBar);
}
root.addComponent(footer);
}
if (!autoHeight) {
root.setSizeFull();
root.setExpandRatio(content, 1);
}
return root;
}
{
setSpacing(true);
setMargin(true);
win.setWidth("380px");
win.setHeight(prevHeight);
win.setClosable(false);
win.setResizable(false);
win.setContent(windowContent());
win.setCloseShortcut(KeyCode.ESCAPE, null);
Command optionsCommand = new Command() {
@Override
public void menuSelected(final MenuItem selectedItem) {
if (selectedItem.getText().equals("Footer")) {
footerVisible = selectedItem.isChecked();
}
if (selectedItem.getText().equals("Auto Height")) {
autoHeight = selectedItem.isChecked();
if (!autoHeight) {
win.setHeight(prevHeight);
} else {
prevHeight = win.getHeight() + win.getHeightUnits().toString();
win.setHeight(null);
}
}
if (selectedItem.getText().equals("Tabs")) {
tabsVisible = selectedItem.isChecked();
}
if (selectedItem.getText().equals("Top")) {
toolbarVisible = selectedItem.isChecked();
}
if (selectedItem.getText().equals("Footer")) {
footerToolbar = selectedItem.isChecked();
}
if (selectedItem.getText().equals("Top layout")) {
toolbarLayout = selectedItem.isChecked();
}
if (selectedItem.getText().equals("Borderless")) {
toolbarStyle = selectedItem.isChecked() ? "borderless" : null;
}
win.setContent(windowContent());
}
};
MenuBar options = new MenuBar();
options.setCaption("Content");
options.addItem("Auto Height", optionsCommand).setCheckable(true);
options.addItem("Tabs", optionsCommand).setCheckable(true);
MenuItem option = options.addItem("Footer", optionsCommand);
option.setCheckable(true);
option.setChecked(true);
options.addStyleName("small");
addComponent(options);
options = new MenuBar();
options.setCaption("Toolbars");
options.addItem("Footer", optionsCommand).setCheckable(true);
options.addItem("Top", optionsCommand).setCheckable(true);
options.addItem("Top layout", optionsCommand).setCheckable(true);
options.addItem("Borderless", optionsCommand).setCheckable(true);
options.addStyleName("small");
addComponent(options);
Command optionsCommand2 = new Command() {
@Override
public void menuSelected(final MenuItem selectedItem) {
if (selectedItem.getText().equals("Caption")) {
win.setCaption(selectedItem.isChecked() ? "Window Caption" : null);
} else if (selectedItem.getText().equals("Closable")) {
win.setClosable(selectedItem.isChecked());
} else if (selectedItem.getText().equals("Resizable")) {
win.setResizable(selectedItem.isChecked());
} else if (selectedItem.getText().equals("Modal")) {
win.setModal(selectedItem.isChecked());
}
}
};
options = new MenuBar();
options.setCaption("Options");
MenuItem caption = options.addItem("Caption", optionsCommand2);
caption.setCheckable(true);
caption.setChecked(true);
options.addItem("Closable", optionsCommand2).setCheckable(true);
options.addItem("Resizable", optionsCommand2).setCheckable(true);
options.addItem("Modal", optionsCommand2).setCheckable(true);
options.addStyleName("small");
addComponent(options);
final Button show = new Button("Open Window", new ClickListener() {
@Override
public void buttonClick(final ClickEvent event) {
getUI().addWindow(win);
win.center();
win.focus();
event.getButton().setEnabled(false);
}
});
show.addStyleName("primary");
addComponent(show);
final CheckBox hidden = new CheckBox("Hidden");
hidden.addValueChangeListener(new ValueChangeListener() {
@Override
public void valueChange(final ValueChangeEvent event) {
win.setVisible(!hidden.getValue());
}
});
addComponent(hidden);
win.addCloseListener(new CloseListener() {
@Override
public void windowClose(final CloseEvent e) {
show.setEnabled(true);
}
});
}
};
p.setContent(content);
return p;
}
From source file:com.cavisson.gui.dashboard.components.controls.Labels.java
License:Apache License
public Labels() { setMargin(true);/* w ww . j a v a 2s . c om*/ addStyleName("content-labels"); Label h1 = new Label("Labels"); h1.addStyleName("h1"); addComponent(h1); VerticalLayout left = new VerticalLayout(); left.setMargin(new MarginInfo(false, true, false, false)); addComponent(left); Label huge = new Label("Huge type for display text."); huge.addStyleName("huge"); left.addComponent(huge); Label large = new Label( "Large type for introductory text. Etiam at risus et justo dignissim congue. Donec congue lacinia dui, a porttitor lectus condimentum laoreet. Nunc eu."); large.addStyleName("large"); left.addComponent(large); Label h2 = new Label("Subtitle"); h2.addStyleName("h2"); left.addComponent(h2); Label normal = new Label( "Normal type for plain text, with a <a href=\"https://vaadin.com\">regular link</a>. Etiam at risus et justo dignissim congue. Donec congue lacinia dui, a porttitor lectus condimentum laoreet. Nunc eu.", ContentMode.HTML); left.addComponent(normal); Label h3 = new Label("Small Title"); h3.addStyleName("h3"); left.addComponent(h3); Label small = new Label( "Small type for additional text. Etiam at risus et justo dignissim congue. Donec congue lacinia dui, a porttitor lectus condimentum laoreet. Nunc eu."); small.addStyleName("small"); left.addComponent(small); Label tiny = new Label("Tiny type for minor text."); tiny.addStyleName("tiny"); left.addComponent(tiny); Label h4 = new Label("Section Title"); h4.addStyleName("h4"); left.addComponent(h4); normal = new Label( "Normal type for plain text. Etiam at risus et justo dignissim congue. Donec congue lacinia dui, a porttitor lectus condimentum laoreet. Nunc eu."); left.addComponent(normal); Panel p = new Panel("Additional Label Styles"); addComponent(p); VerticalLayout right = new VerticalLayout(); right.setSpacing(true); right.setMargin(true); p.setContent(right); Label label = new Label( "Bold type for prominent text. Etiam at risus et justo dignissim congue. Donec congue lacinia dui, a porttitor lectus condimentum laoreet. Nunc eu."); label.addStyleName("bold"); right.addComponent(label); label = new Label( "Light type for subtle text. Etiam at risus et justo dignissim congue. Donec congue lacinia dui, a porttitor lectus condimentum laoreet. Nunc eu."); label.addStyleName("light"); right.addComponent(label); label = new Label( "Colored type for highlighted text. Etiam at risus et justo dignissim congue. Donec congue lacinia dui, a porttitor lectus condimentum laoreet. Nunc eu."); label.addStyleName("colored"); right.addComponent(label); label = new Label("A label for success"); label.addStyleName("success"); right.addComponent(label); label = new Label("A label for failure"); label.addStyleName("failure"); right.addComponent(label); }
From source file:com.cavisson.gui.dashboard.components.controls.Panels.java
License:Apache License
public Panels() { setMargin(true);/* w w w.jav a 2s . c o m*/ Label h1 = new Label("Panels & Layout panels"); h1.addStyleName("h1"); addComponent(h1); HorizontalLayout row = new HorizontalLayout(); row.addStyleName("wrapping"); row.setSpacing(true); addComponent(row); TestIcon testIcon = new TestIcon(60); Panel panel = new Panel("Normal"); panel.setIcon(testIcon.get()); panel.setContent(panelContent()); row.addComponent(panel); panel = new Panel("Sized"); panel.setIcon(testIcon.get()); panel.setWidth("10em"); panel.setHeight("250px"); panel.setContent(panelContent()); row.addComponent(panel); panel = new Panel("Custom Caption"); panel.setIcon(testIcon.get()); panel.addStyleName("color1"); panel.setContent(panelContent()); row.addComponent(panel); panel = new Panel("Custom Caption"); panel.setIcon(testIcon.get()); panel.addStyleName("color2"); panel.setContent(panelContent()); row.addComponent(panel); panel = new Panel("Custom Caption"); panel.setIcon(testIcon.get()); panel.addStyleName("color3"); panel.setContent(panelContent()); row.addComponent(panel); panel = new Panel("Borderless style"); panel.setIcon(testIcon.get()); panel.addStyleName("borderless"); panel.setContent(panelContent()); row.addComponent(panel); panel = new Panel("Borderless + scroll divider"); panel.setIcon(testIcon.get()); panel.addStyleName("borderless"); panel.addStyleName("scroll-divider"); panel.setContent(panelContentScroll()); panel.setHeight("17em"); row.addComponent(panel); panel = new Panel("Well style"); panel.setIcon(testIcon.get()); panel.addStyleName("well"); panel.setContent(panelContent()); row.addComponent(panel); CssLayout layout = new CssLayout(); layout.setIcon(testIcon.get()); layout.setCaption("Panel style layout"); layout.addStyleName("card"); layout.addComponent(panelContent()); row.addComponent(layout); layout = new CssLayout(); layout.addStyleName("card"); row.addComponent(layout); HorizontalLayout panelCaption = new HorizontalLayout(); panelCaption.addStyleName("v-panel-caption"); panelCaption.setWidth("100%"); // panelCaption.setDefaultComponentAlignment(Alignment.MIDDLE_LEFT); Label label = new Label("Panel style layout"); panelCaption.addComponent(label); panelCaption.setExpandRatio(label, 1); Button action = new Button(); action.setIcon(FontAwesome.PENCIL); action.addStyleName("borderless-colored"); action.addStyleName("small"); action.addStyleName("icon-only"); panelCaption.addComponent(action); MenuBar dropdown = new MenuBar(); dropdown.addStyleName("borderless"); dropdown.addStyleName("small"); MenuItem addItem = dropdown.addItem("", FontAwesome.CHEVRON_DOWN, null); addItem.setStyleName("icon-only"); addItem.addItem("Settings", null); addItem.addItem("Preferences", null); addItem.addSeparator(); addItem.addItem("Sign Out", null); panelCaption.addComponent(dropdown); layout.addComponent(panelCaption); layout.addComponent(panelContent()); layout.setWidth("14em"); layout = new CssLayout(); layout.setIcon(testIcon.get()); layout.setCaption("Well style layout"); layout.addStyleName("well"); layout.addComponent(panelContent()); row.addComponent(layout); }
From source file:com.cerebro.gorgone.landingpage.SignInWindow.java
private Component setFirstStep() { VerticalLayout firstStep = new VerticalLayout(); firstStep.setMargin(true);/*from w ww . ja v a 2s .c om*/ // Body HorizontalLayout body = new HorizontalLayout(); FormLayout datiIniziali = new FormLayout(); TextField nomePG = new TextField("Nome del Personaggio"); nomePG.setRequired(true); TextField cognomePG = new TextField("Cognome del Personaggio"); cognomePG.setRequired(true); OptionGroup sessoPG = new OptionGroup("Sesso del Personaggio"); sessoPG.setRequired(true); sessoPG.addItems("Maschio", "Femmina"); ComboBox razzaPG = new ComboBox("Razza"); razzaPG.setRequired(true); Slider age = new Slider("Et"); age.setImmediate(true); age.setWidth("200px"); age.setVisible(false); HorizontalLayout ageDescription = new HorizontalLayout(); ageDescription.setHeight("250px"); Label ageText = new Label("Valore dell'et: "); Label ageValue = new Label(age.getValue().toString()); Label periodoVita = new Label(""); ageDescription.addComponents(ageText, ageValue, periodoVita); age.addValueChangeListener((Property.ValueChangeEvent event) -> { System.out.println("Valore: " + age.getValue().toString()); ageValue.setValue(age.getValue().toString()); Double value = (100 * (age.getValue()) / (age.getMax())); if (value < 14) { periodoVita.setValue("Bambino"); } else if (value > 14 && value < 24) { periodoVita.setValue("Adolescenza"); } else if (value > 24 && value < 73) { periodoVita.setValue("Et adulta"); } else if (value > 73) { periodoVita.setValue("Et anziana"); } }); ageDescription.addComponents(ageText, ageValue, periodoVita); ageDescription.setVisible(false); datiIniziali.addComponents(nomePG, cognomePG, sessoPG, razzaPG, age, ageDescription); Panel descrizioneRazza = new Panel(); CssLayout descrizioneRazzaContent = new CssLayout(); descrizioneRazza.setWidth("400px"); descrizioneRazza.setHeight("500px"); descrizioneRazza.setContent(descrizioneRazzaContent); // Dettagli di popolazione e comportamento ComboBox TableQuery tq_races = new TableQuery(DatabaseTables.RACES_TABLE, connPool); tq_races.setVersionColumn(DatabaseTables.RACES_VERSION); SQLContainer container_races = null; try { container_races = new SQLContainer(tq_races); } catch (Exception ex) { logger.error(ex.getMessage()); } razzaPG.setContainerDataSource(container_races); razzaPG.setItemCaptionMode(AbstractSelect.ItemCaptionMode.PROPERTY); razzaPG.setItemCaptionPropertyId(DatabaseTables.RACES_NAME); razzaPG.addValueChangeListener(new Property.ValueChangeListener() { @Override public void valueChange(Property.ValueChangeEvent event) { if (razzaPG.getValue() != null) { logger.info("Razza selezionata: " + razzaPG.getValue()); age.setVisible(true); ageDescription.setVisible(true); descrizioneRazzaContent.removeAllComponents(); Item item = razzaPG.getContainerDataSource().getItem(razzaPG.getValue()); race = (String) item.getItemProperty(DatabaseTables.RACES_NAME).getValue(); Label nameRace = new Label(race); FileResource imageSrc = new FileResource( new File(MyUI.basePath + item.getItemProperty(DatabaseTables.RACES_IMAGE).getValue())); Image imageRace = new Image(null, imageSrc); imageRace.setWidth("200px"); Label descriptionRace = new Label( (String) item.getItemProperty(DatabaseTables.RACES_DESCRIPTION).getValue(), ContentMode.HTML); min_age = (int) item.getItemProperty(DatabaseTables.RACES_MIN_AGE).getValue(); max_age = (int) item.getItemProperty(DatabaseTables.RACES_MAX_AGE).getValue(); age.setMin(min_age); age.setMax(max_age); strenght = (int) item.getItemProperty(DatabaseTables.RACES_STRENGHT).getValue(); resistance = (int) item.getItemProperty(DatabaseTables.RACES_RESISTANCE).getValue(); agility = (int) item.getItemProperty(DatabaseTables.RACES_AGILITY).getValue(); intelligence = (int) item.getItemProperty(DatabaseTables.RACES_INTELLIGENCE).getValue(); wisdom = (int) item.getItemProperty(DatabaseTables.RACES_WISDOM).getValue(); charm = (int) item.getItemProperty(DatabaseTables.RACES_CHARM).getValue(); Label min_ageL = new Label("Et minima: " + min_age); Label max_ageL = new Label("Et masima " + max_age); // Panel levels = new Panel(); // VerticalLayout levelsContent = new VerticalLayout(); // levels.setContent(levelsContent); // Label strenghtL = new Label("Forza: " + strenght); // levelsContent.addComponents(strenghtL); String levelTable = "<table><tr><td>Forza</td><td>Resistenza</td><td>Agilit</td><td>Intelligenza</td>" + "<td>Saggezza</td><td>Carisma</td></tr><tr>" + "<td>" + strenght + "</td>" + "<td>" + resistance + "</td>" + "<td>" + agility + "</td>" + "<td>" + intelligence + "</td>" + "<td>" + wisdom + "</td>" + "<td>" + charm + "</td>" + "</tr></table>"; Label levels = new Label(levelTable, ContentMode.HTML); descrizioneRazzaContent.addComponents(nameRace, imageRace, descriptionRace, min_ageL, max_ageL, levels); } } }); body.addComponents(datiIniziali, descrizioneRazza); CssLayout footer = new CssLayout(); Button next = new Button("Avanti ->"); next.addClickListener((Button.ClickEvent event) -> { user.setNomePG(nomePG.getValue()); user.setCognomePG(cognomePG.getValue()); user.setSessoPG(sessoPG.getValue().toString()); user.setRazzaPG(race); user.setEtaPG(age.getValue().toString()); user.setForzaPG(strenght); user.setResistenzaPG(resistance); user.setAgilitaPG(agility); user.setIntelligenzaPG(intelligence); user.setSaggezzaPG(wisdom); user.setCarismaPG(charm); this.setContent(setSecondStep()); }); footer.addComponents(next, createCancelButton()); firstStep.addComponents(setHeader("2/4"), body, footer); return firstStep; }
From source file:com.cerebro.gorgone.landingpage.SignInWindow.java
private Component setSecondStep() { VerticalLayout secondStep = new VerticalLayout(); HorizontalLayout body = new HorizontalLayout(); Panel sx = new Panel(); VerticalLayout sxContent = new VerticalLayout(); sx.setContent(sxContent); Label welcome = null;/* w w w. j a v a2s. c o m*/ if (user.getSessoPG().equals("Maschio")) { welcome = new Label("Benvenuto: " + user.getNomePG() + "!"); } else if (user.getSessoPG().equals("Femmina")) { welcome = new Label("Benvenuta: " + user.getNomePG() + "!"); } ComboBox carrieraPG = new ComboBox("Scegli la tua carriera:"); carrieraPG.isRequired(); Panel careerDescription = new Panel(); CssLayout careerDescrContent = new CssLayout(); careerDescription.setContent(careerDescrContent); sxContent.addComponents(welcome, carrieraPG, careerDescription); // Dettagli di popolazione e comportamento ComboBox TableQuery tq_career = new TableQuery(DatabaseTables.CAREER_TABLE, connPool); tq_career.setVersionColumn(DatabaseTables.CAREER_VERSION); SQLContainer container_career = null; try { container_career = new SQLContainer(tq_career); } catch (Exception ex) { logger.error(ex.getMessage()); } carrieraPG.setContainerDataSource(container_career); carrieraPG.setItemCaptionMode(AbstractSelect.ItemCaptionMode.PROPERTY); carrieraPG.setItemCaptionPropertyId(DatabaseTables.CAREER_NAME); carrieraPG.addValueChangeListener(new Property.ValueChangeListener() { @Override public void valueChange(Property.ValueChangeEvent event) { if (carrieraPG.getValue() != null) { logger.info("Carriera: " + carrieraPG.getValue().toString()); careerDescrContent.removeAllComponents(); Item item = (Item) carrieraPG.getContainerDataSource().getItem(carrieraPG.getValue()); career = (String) item.getItemProperty(DatabaseTables.CAREER_NAME).getValue(); Label careerName = new Label(career); FileResource imageSrc = new FileResource( new File(MyUI.basePath + item.getItemProperty(DatabaseTables.CAREER_IMAGE).getValue())); Image imageCareer = new Image(null, imageSrc); imageCareer.setWidth("200px"); Label careerDescription = new Label(item.getItemProperty(DatabaseTables.CAREER_DESCRIPTION), ContentMode.HTML); strenght_car = (int) item.getItemProperty(DatabaseTables.CAREER_STRENGTH).getValue(); resistance_car = (int) item.getItemProperty(DatabaseTables.CAREER_RESISTANCE).getValue(); agility_car = (int) item.getItemProperty(DatabaseTables.CAREER_AGILITY).getValue(); intelligence_car = (int) item.getItemProperty(DatabaseTables.CAREER_INTELLIGENCE).getValue(); wisdom_car = (int) item.getItemProperty(DatabaseTables.CAREER_WISDOM).getValue(); charm_car = (int) item.getItemProperty(DatabaseTables.CAREER_CHARM).getValue(); String modsTable = "<table><tr><td>Forza</td><td>Resistenza</td><td>Agilit</td><td>Intelligenza</td>" + "<td>Saggezza</td><td>Carisma</td></tr><tr>" + "<td>" + strenght_car + "</td>" + "<td>" + resistance_car + "</td>" + "<td>" + agility_car + "</td>" + "<td>" + intelligence_car + "</td>" + "<td>" + wisdom_car + "</td>" + "<td>" + charm_car + "</td>" + "</tr></table>"; Label mods = new Label(modsTable, ContentMode.HTML); careerDescrContent.addComponents(careerName, imageCareer, careerDescription, mods); } } }); Panel dx = new Panel(); VerticalLayout dxContent = new VerticalLayout(); dx.setContent(dxContent); ComboBox orientamentoPG = new ComboBox("Scegli il tuo orientamento:"); orientamentoPG.isRequired(); Panel orientamentoDescription = new Panel(); CssLayout orientamentoDescrContent = new CssLayout(); orientamentoDescription.setContent(orientamentoDescrContent); dxContent.addComponents(orientamentoPG, orientamentoDescription); // Dettagli di popolazione e comportamento ComboBox TableQuery tq_orientamento = new TableQuery(DatabaseTables.MORALCODE_TABLE, connPool); tq_orientamento.setVersionColumn(DatabaseTables.MORALCODE_VERSION); SQLContainer container_orientamento = null; try { container_orientamento = new SQLContainer(tq_orientamento); } catch (Exception ex) { logger.error(ex.getMessage()); } orientamentoPG.setContainerDataSource(container_orientamento); orientamentoPG.setItemCaptionMode(AbstractSelect.ItemCaptionMode.PROPERTY); orientamentoPG.setItemCaptionPropertyId(DatabaseTables.MORALCODE_TENDENCY); orientamentoPG.addValueChangeListener(new Property.ValueChangeListener() { @Override public void valueChange(Property.ValueChangeEvent event) { if (orientamentoPG.getValue() != null) { logger.info("Orientamento: " + orientamentoPG.getValue().toString()); orientamentoDescrContent.removeAllComponents(); Item item = (Item) orientamentoPG.getContainerDataSource().getItem(orientamentoPG.getValue()); moralCode = (String) item.getItemProperty(DatabaseTables.MORALCODE_TENDENCY).getValue(); Label orientamentoName = new Label(moralCode); FileResource imageSrc = new FileResource(new File( MyUI.basePath + item.getItemProperty(DatabaseTables.MORALCODE_IMAGE).getValue())); Image imageTendency = new Image(null, imageSrc); imageTendency.setWidth("200px"); Label orientamentoDescription = new Label( item.getItemProperty(DatabaseTables.MORALCODE_DESCRIPTION), ContentMode.HTML); orientamentoDescrContent.addComponents(orientamentoName, imageTendency, orientamentoDescription); } } }); body.addComponents(sx, dx); CssLayout footer = new CssLayout(); Button next = new Button("Avanti ->"); next.addClickListener((Button.ClickEvent event) -> { user.setCarrieraPG(career); // Gestire modificatori user.setForzaPG(user.getForzaPG() + strenght_car); user.setResistenzaPG(user.getResistenzaPG() + resistance_car); user.setAgilitaPG(user.getAgilitaPG() + agility_car); user.setIntelligenzaPG(user.getIntelligenzaPG() + intelligence_car); user.setSaggezzaPG(user.getSaggezzaPG() + wisdom_car); user.setCarismaPG(user.getCarismaPG() + charm_car); user.setOrientamentoPG(moralCode); this.setContent(setThirdStep()); }); footer.addComponents(next, createCancelButton()); secondStep.addComponents(setHeader("3/4"), body, footer); return secondStep; }
From source file:com.cerebro.provevaadin.ChatOffGame.java
public ChatOffGame() { Panel messagesPanel = new Panel(); messagesPanel.setSizeFull();//w w w.j a v a 2 s . co m messagesPanel.setContent(messages); this.addComponent(messagesPanel); this.setExpandRatio(messagesPanel, 1.0f); HorizontalLayout sendBar = new HorizontalLayout(); sendBar.setWidth("100%"); final TextField input = new TextField(); input.setWidth("100%"); sendBar.addComponent(input); sendBar.setExpandRatio(input, 1.0f); Button send = new Button("Send"); send.setClickShortcut(ShortcutAction.KeyCode.ENTER, null); send.addClickListener((Button.ClickEvent event) -> { BroadcasterOffGame.broadcast(input.getValue(), FROM); input.setValue(""); }); sendBar.addComponent(send); this.addComponent(sendBar); BroadcasterOffGame.register(this); }