org.dominokit.domino.ui.tabs.VerticalTab Maven / Gradle / Ivy

Go to download
package org.dominokit.domino.ui.tabs;

import elemental2.dom.*;
import org.dominokit.domino.ui.grid.flex.FlexItem;
import org.dominokit.domino.ui.icons.BaseIcon;
import org.dominokit.domino.ui.icons.Icons;
import org.dominokit.domino.ui.style.Style;
import org.dominokit.domino.ui.style.WaveColor;
import org.dominokit.domino.ui.style.WaveStyle;
import org.dominokit.domino.ui.style.WavesElement;
import org.dominokit.domino.ui.utils.DominoElement;
import org.dominokit.domino.ui.utils.HasClickableElement;
import org.jboss.gwt.elemento.core.IsElement;

import static org.jboss.gwt.elemento.core.Elements.*;

public class VerticalTab extends WavesElement implements HasClickableElement {

    private String title;
    private FlexItem element;
    private HTMLAnchorElement anchorElement;

    private BaseIcon icon;
    private HTMLElement titleElement;
    private DominoElement contentContainer = DominoElement.of(div().attr("role", "tabpanel").css("tab-pane", "fade"));
    private boolean active;


    public VerticalTab(String title, BaseIcon icon) {
        this.title = title;
        setIcon(icon);
        this.titleElement = span().css("title").textContent(title).asElement();
        this.anchorElement = a()
                .add(this.icon)
                .add(div().style("margin-top: 2px;").add(titleElement)).asElement();
        init();
    }

    public VerticalTab(String title) {
        this.title = title;
        this.titleElement = span().css("title").textContent(title).asElement();
        this.anchorElement = a()
                .add(div().style("margin-top: 2px;").add(titleElement)).asElement();
        init();
    }

    public VerticalTab(BaseIcon icon) {
        setIcon(icon);
        this.anchorElement = a()
                .add(this.icon)
                .asElement();
        init();
    }

    public static VerticalTab create(String title) {
        return new VerticalTab(title);
    }

    public static VerticalTab create(String title, BaseIcon icon) {
        return new VerticalTab(title, icon);
    }

    public static VerticalTab create(BaseIcon icon) {
        return new VerticalTab(icon);
    }

    private void init() {
        this.element = FlexItem.create();
        this.element.appendChild(anchorElement);
        init(this);
        setWaveColor(WaveColor.THEME);
        applyWaveStyle(WaveStyle.BLOCK);
    }

    public DominoElement getContentContainer() {
        return DominoElement.of(contentContainer);
    }

    public VerticalTab activate() {
        Style.of(asElement()).add("active");
        contentContainer.style().add("in", "active");
        this.active = true;
        return this;
    }

    public VerticalTab deactivate() {
        Style.of(asElement()).remove("active");
        contentContainer.style().remove("in", "active");
        this.active = false;
        return this;
    }

    public VerticalTab appendChild(Node content) {
        contentContainer.appendChild(content);
        return this;
    }

    public VerticalTab appendChild(IsElement content) {
        return appendChild(content.asElement());
    }



    @Override
    public HTMLAnchorElement getClickableElement() {
        return anchorElement;
    }


    public VerticalTab setIcon(BaseIcon icon) {
        this.icon = icon;
        return this;
    }

    public String getTitle() {
        return title;
    }

    public boolean isActive() {
        return active;
    }

    @Override
    public HTMLElement getWavesElement() {
        return anchorElement;
    }

    @Override
    public HTMLDivElement asElement() {
        return element.asElement();
    }

}