Search in sources :

Example 1 with Icons

use of org.dominokit.domino.ui.icons.Icons in project domino-ui-demo by DominoKit.

the class BreadcrumbViewImpl method basicBreadcrumb.

private void basicBreadcrumb() {
    Row row = Row.create();
    element.appendChild(row.addColumn(column.copy().addElement(Card.create("BASIC EXAMPLES", "Separators are automatically added for breadcrumb elements").appendContent(Breadcrumb.create().addItem(" Home ", evt -> {
    }).asElement()).appendContent(Breadcrumb.create().addItem(" Home ", evt -> {
    }).addItem(" Library ", evt -> {
    }).asElement()).appendContent(Breadcrumb.create().addItem(" Home ", evt -> {
    }).addItem(" Library ", evt -> {
    }).addItem(" Data ", evt -> {
    }).asElement()).asElement())).asElement());
    element.appendChild(row.addColumn(column.copy().addElement(Card.create("WITH ICONS").appendContent(Breadcrumb.create().addItem(Icons.ALL.home(), " Home ", evt -> {
    }).asElement()).appendContent(Breadcrumb.create().addItem(Icons.ALL.home(), " Home ", evt -> {
    }).addItem(Icons.ALL.library_books(), " Library ", evt -> {
    }).asElement()).appendContent(Breadcrumb.create().addItem(Icons.ALL.home(), " Home ", evt -> {
    }).addItem(Icons.ALL.library_books(), " Library ", evt -> {
    }).addItem(Icons.ALL.archive(), " Data ", evt -> {
    }).asElement()).asElement())).asElement());
    element.appendChild(Card.createCodeCard(CodeResource.INSTANCE.basicBreadcrumb()).asElement());
}
Also used : Icons(org.dominokit.domino.ui.icons.Icons) UiView(org.dominokit.domino.api.client.annotations.UiView) BreadcrumbPresenter(org.dominokit.domino.breadcrumb.client.presenters.BreadcrumbPresenter) ComponentView(org.dominokit.domino.componentcase.shared.extension.ComponentView) BreadcrumbView(org.dominokit.domino.breadcrumb.client.views.BreadcrumbView) Column(org.dominokit.domino.ui.column.Column) BlockHeader(org.dominokit.domino.ui.header.BlockHeader) Color(org.dominokit.domino.ui.style.Color) Row(org.dominokit.domino.ui.row.Row) Breadcrumb(org.dominokit.domino.ui.breadcrumbs.Breadcrumb) HTMLDivElement(elemental2.dom.HTMLDivElement) CodeResource(org.dominokit.domino.breadcrumb.client.views.CodeResource) Card(org.dominokit.domino.ui.cards.Card) Elements(org.jboss.gwt.elemento.core.Elements) Background(org.dominokit.domino.ui.style.Background) Row(org.dominokit.domino.ui.row.Row)

Example 2 with Icons

use of org.dominokit.domino.ui.icons.Icons in project domino-ui-demo by DominoKit.

the class BreadcrumbViewImpl method breadcrumbWithBackground.

private void breadcrumbWithBackground() {
    Row row = Row.create();
    element.appendChild(row.addColumn(column.copy().addElement(Card.create("WITH MATERIAL DESIGN COLORS", "You can use material design colors").appendContent(Breadcrumb.create().setBackground(Background.PINK).addItem(" Home ", evt -> {
    }).addItem(" Library ", evt -> {
    }).asElement()).appendContent(Breadcrumb.create().setBackground(Background.CYAN).addItem(" Home ", evt -> {
    }).addItem(" Library ", evt -> {
    }).addItem(" Data ", evt -> {
    }).asElement()).appendContent(Breadcrumb.create().setBackground(Background.TEAL).addItem(" Home ", evt -> {
    }).addItem(" Library ", evt -> {
    }).addItem(" Data ", evt -> {
    }).addItem(" File ", evt -> {
    }).asElement()).appendContent(Breadcrumb.create().setBackground(Background.ORANGE).addItem(" Home ", evt -> {
    }).addItem(" Library ", evt -> {
    }).addItem(" Data ", evt -> {
    }).addItem(" File ", evt -> {
    }).addItem(" Extensions ", evt -> {
    }).asElement()).asElement())).asElement());
    element.appendChild(row.addColumn(column.copy().addElement(Card.create("WITH ICONS & MATERIAL DESIGN COLORS").appendContent(Breadcrumb.create().setBackground(Background.PINK).addItem(Icons.ALL.home(), " Home ", evt -> {
    }).addItem(Icons.ALL.library_books(), " Library ", evt -> {
    }).asElement()).appendContent(Breadcrumb.create().setBackground(Background.CYAN).addItem(Icons.ALL.home(), " Home ", evt -> {
    }).addItem(Icons.ALL.library_books(), " Library ", evt -> {
    }).addItem(Icons.ALL.archive(), " Data ", evt -> {
    }).asElement()).appendContent(Breadcrumb.create().setBackground(Background.TEAL).addItem(Icons.ALL.home(), " Home ", evt -> {
    }).addItem(Icons.ALL.library_books(), " Library ", evt -> {
    }).addItem(Icons.ALL.archive(), " Data ", evt -> {
    }).addItem(Icons.ALL.attachment(), " File ", evt -> {
    }).asElement()).appendContent(Breadcrumb.create().setBackground(Background.ORANGE).addItem(Icons.ALL.home(), " Home ", evt -> {
    }).addItem(Icons.ALL.library_books(), " Library ", evt -> {
    }).addItem(Icons.ALL.archive(), " Data ", evt -> {
    }).addItem(Icons.ALL.attachment(), " File ", evt -> {
    }).addItem(Icons.ALL.extension(), " Extensions ", evt -> {
    }).asElement()).asElement())).asElement());
    element.appendChild(Card.createCodeCard(CodeResource.INSTANCE.breadcrumbWithBackground()).asElement());
}
Also used : Icons(org.dominokit.domino.ui.icons.Icons) UiView(org.dominokit.domino.api.client.annotations.UiView) BreadcrumbPresenter(org.dominokit.domino.breadcrumb.client.presenters.BreadcrumbPresenter) ComponentView(org.dominokit.domino.componentcase.shared.extension.ComponentView) BreadcrumbView(org.dominokit.domino.breadcrumb.client.views.BreadcrumbView) Column(org.dominokit.domino.ui.column.Column) BlockHeader(org.dominokit.domino.ui.header.BlockHeader) Color(org.dominokit.domino.ui.style.Color) Row(org.dominokit.domino.ui.row.Row) Breadcrumb(org.dominokit.domino.ui.breadcrumbs.Breadcrumb) HTMLDivElement(elemental2.dom.HTMLDivElement) CodeResource(org.dominokit.domino.breadcrumb.client.views.CodeResource) Card(org.dominokit.domino.ui.cards.Card) Elements(org.jboss.gwt.elemento.core.Elements) Background(org.dominokit.domino.ui.style.Background) Row(org.dominokit.domino.ui.row.Row)

Example 3 with Icons

use of org.dominokit.domino.ui.icons.Icons in project domino-ui-demo by DominoKit.

the class BreadcrumbViewImpl method coloredBreadcrumb.

private void coloredBreadcrumb() {
    Row row = Row.create();
    element.appendChild(row.addColumn(column.copy().addElement(Card.create("WITH MATERIAL DESIGN COLORS", "You can use material design colors").appendContent(Breadcrumb.create().setColor(Color.PINK).addItem(" Home ", evt -> {
    }).addItem(" Library ", evt -> {
    }).asElement()).appendContent(Breadcrumb.create().setColor(Color.CYAN).addItem(" Home ", evt -> {
    }).addItem(" Library ", evt -> {
    }).addItem(" Data ", evt -> {
    }).asElement()).appendContent(Breadcrumb.create().setColor(Color.TEAL).addItem(" Home ", evt -> {
    }).addItem(" Library ", evt -> {
    }).addItem(" Data ", evt -> {
    }).addItem(" File ", evt -> {
    }).asElement()).appendContent(Breadcrumb.create().setColor(Color.ORANGE).addItem(" Home ", evt -> {
    }).addItem(" Library ", evt -> {
    }).addItem(" Data ", evt -> {
    }).addItem(" File ", evt -> {
    }).addItem(" Extensions ", evt -> {
    }).asElement()).asElement())).asElement());
    element.appendChild(row.addColumn(column.copy().addElement(Card.create("WITH ICONS & MATERIAL DESIGN COLORS").appendContent(Breadcrumb.create().setColor(Color.PINK).addItem(Icons.ALL.home(), " Home ", evt -> {
    }).addItem(Icons.ALL.library_books(), " Library ", evt -> {
    }).asElement()).appendContent(Breadcrumb.create().setColor(Color.CYAN).addItem(Icons.ALL.home(), " Home ", evt -> {
    }).addItem(Icons.ALL.library_books(), " Library ", evt -> {
    }).addItem(Icons.ALL.archive(), " Data ", evt -> {
    }).asElement()).appendContent(Breadcrumb.create().setColor(Color.TEAL).addItem(Icons.ALL.home(), " Home ", evt -> {
    }).addItem(Icons.ALL.library_books(), " Library ", evt -> {
    }).addItem(Icons.ALL.archive(), " Data ", evt -> {
    }).addItem(Icons.ALL.attachment(), " File ", evt -> {
    }).asElement()).appendContent(Breadcrumb.create().setColor(Color.ORANGE).addItem(Icons.ALL.home(), " Home ", evt -> {
    }).addItem(Icons.ALL.library_books(), " Library ", evt -> {
    }).addItem(Icons.ALL.archive(), " Data ", evt -> {
    }).addItem(Icons.ALL.attachment(), " File ", evt -> {
    }).addItem(Icons.ALL.extension(), " Extensions ", evt -> {
    }).asElement()).asElement())).asElement());
    element.appendChild(Card.createCodeCard(CodeResource.INSTANCE.coloredBreadcrumb()).asElement());
}
Also used : Icons(org.dominokit.domino.ui.icons.Icons) UiView(org.dominokit.domino.api.client.annotations.UiView) BreadcrumbPresenter(org.dominokit.domino.breadcrumb.client.presenters.BreadcrumbPresenter) ComponentView(org.dominokit.domino.componentcase.shared.extension.ComponentView) BreadcrumbView(org.dominokit.domino.breadcrumb.client.views.BreadcrumbView) Column(org.dominokit.domino.ui.column.Column) BlockHeader(org.dominokit.domino.ui.header.BlockHeader) Color(org.dominokit.domino.ui.style.Color) Row(org.dominokit.domino.ui.row.Row) Breadcrumb(org.dominokit.domino.ui.breadcrumbs.Breadcrumb) HTMLDivElement(elemental2.dom.HTMLDivElement) CodeResource(org.dominokit.domino.breadcrumb.client.views.CodeResource) Card(org.dominokit.domino.ui.cards.Card) Elements(org.jboss.gwt.elemento.core.Elements) Background(org.dominokit.domino.ui.style.Background) Row(org.dominokit.domino.ui.row.Row)

Aggregations

HTMLDivElement (elemental2.dom.HTMLDivElement)3 UiView (org.dominokit.domino.api.client.annotations.UiView)3 BreadcrumbPresenter (org.dominokit.domino.breadcrumb.client.presenters.BreadcrumbPresenter)3 BreadcrumbView (org.dominokit.domino.breadcrumb.client.views.BreadcrumbView)3 CodeResource (org.dominokit.domino.breadcrumb.client.views.CodeResource)3 ComponentView (org.dominokit.domino.componentcase.shared.extension.ComponentView)3 Breadcrumb (org.dominokit.domino.ui.breadcrumbs.Breadcrumb)3 Card (org.dominokit.domino.ui.cards.Card)3 Column (org.dominokit.domino.ui.column.Column)3 BlockHeader (org.dominokit.domino.ui.header.BlockHeader)3 Icons (org.dominokit.domino.ui.icons.Icons)3 Row (org.dominokit.domino.ui.row.Row)3 Background (org.dominokit.domino.ui.style.Background)3 Color (org.dominokit.domino.ui.style.Color)3 Elements (org.jboss.gwt.elemento.core.Elements)3