org.dominokit.domino.ui.tabs.Tab Maven / Gradle / Ivy
package org.dominokit.domino.ui.tabs;
import elemental2.dom.HTMLAnchorElement;
import elemental2.dom.HTMLDivElement;
import elemental2.dom.HTMLElement;
import elemental2.dom.HTMLLIElement;
import elemental2.dom.Node;
import org.dominokit.domino.ui.grid.flex.FlexItem;
import org.dominokit.domino.ui.grid.flex.FlexLayout;
import org.dominokit.domino.ui.icons.BaseIcon;
import org.dominokit.domino.ui.icons.Icons;
import org.dominokit.domino.ui.icons.MdiIcon;
import org.dominokit.domino.ui.utils.BaseDominoElement;
import org.dominokit.domino.ui.utils.DominoElement;
import org.dominokit.domino.ui.utils.HasClickableElement;
import org.dominokit.domino.ui.utils.TextNode;
import org.jboss.elemento.EventType;
import org.jboss.elemento.IsElement;
import java.util.ArrayList;
import java.util.List;
import java.util.function.Consumer;
import static java.util.Objects.nonNull;
import static org.jboss.elemento.Elements.*;
public class Tab extends BaseDominoElement implements HasClickableElement {
private HTMLAnchorElement clickableElement = a().element();
private DominoElement tab = DominoElement.of(li()
.attr("role", "presentation")
.add(clickableElement));
private DominoElement contentContainer = DominoElement.of(div()
.attr("role", "tabpanel")
.css(TabStyles.TAB_PANE, TabStyles.FADE));
private FlexItem closeContainer = FlexItem.create();
private FlexLayout tabElementsContainer;
private boolean active;
private MdiIcon closeIcon;
private TabsPanel parent;
private String key = "";
private CloseHandler closeHandler = tab -> true;
private final List> closeHandlers = new ArrayList<>();
private final List activationHandlers = new ArrayList<>();
private FlexItem iconContainer;
private FlexItem textContainer;
public Tab(String text) {
this(null, text);
}
public Tab(BaseIcon icon) {
this(icon, null);
}
public Tab(BaseIcon icon, String text, String key) {
this(icon, text);
setKey(key);
}
public Tab(BaseIcon icon, String text) {
iconContainer = FlexItem.create();
textContainer = FlexItem.create();
tabElementsContainer = FlexLayout.create();
if (nonNull(icon)) {
tabElementsContainer
.appendChild(iconContainer.appendChild(icon));
}
if (nonNull(text)) {
tabElementsContainer.appendChild(textContainer.appendChild(span().add(TextNode.of(text))));
}
closeIcon = Icons.ALL.close_mdi()
.size18()
.addClickListener(evt -> {
evt.stopPropagation();
close();
})
.addEventListener(EventType.mousedown.getName(), evt -> evt.stopPropagation())
.clickable();
clickableElement.appendChild(tabElementsContainer.element());
init(this);
withWaves();
}
public static Tab create(String text) {
return new Tab(text);
}
public static Tab create(String key, String text) {
Tab tab = new Tab(text);
tab.setKey(key);
return tab;
}
public static Tab create(BaseIcon icon) {
return new Tab(icon);
}
public static Tab create(String key, BaseIcon icon) {
Tab tab = new Tab(icon);
tab.setKey(key);
return tab;
}
public static Tab create(BaseIcon icon, String text) {
return new Tab(icon, text);
}
public static Tab create(String key, BaseIcon icon, String text) {
Tab tab = new Tab(icon, text);
tab.setKey(key);
return tab;
}
public DominoElement getTab() {
return DominoElement.of(tab);
}
public DominoElement getContentContainer() {
return DominoElement.of(contentContainer);
}
public Tab appendChild(Node content) {
contentContainer.appendChild(content);
return this;
}
public Tab appendChild(IsElement content) {
return appendChild(content.element());
}
@Override
public Tab setContent(IsElement element) {
return setContent(element.element());
}
@Override
public Tab setContent(Node content) {
clearElement();
return appendChild(content);
}
public Tab setTitle(String title) {
textContainer.clearElement();
textContainer.appendChild(span().add(TextNode.of(title)));
return this;
}
public Tab setIcon(BaseIcon icon) {
iconContainer.clearElement();
iconContainer.appendChild(icon);
return this;
}
public Tab activate() {
return activate(false);
}
public Tab activate(boolean silent) {
if (nonNull(parent)) {
parent.deActivateTab(parent.getActiveTab(), silent);
}
tab.style().add(TabStyles.ACTIVE);
contentContainer.style().add(TabStyles.IN, TabStyles.ACTIVE);
this.active = true;
if (!silent) {
activationHandlers.forEach(handler -> handler.onActiveStateChanged(this, true));
}
return this;
}
public Tab deActivate() {
return deActivate(false);
}
public Tab deActivate(boolean silent) {
tab.style().remove(TabStyles.ACTIVE);
contentContainer.style().remove(TabStyles.IN, TabStyles.ACTIVE);
this.active = false;
if(!silent) {
activationHandlers.forEach(handler -> handler.onActiveStateChanged(this, false));
}
return this;
}
public Tab setClosable(boolean closable) {
if (closable) {
closeContainer.clearElement();
closeContainer.appendChild(closeIcon);
tabElementsContainer.appendChild(closeContainer);
} else {
closeContainer.remove();
}
return this;
}
public Tab close() {
if (nonNull(parent)) {
if (closeHandler.onBeforeClose(this)) {
closeHandlers.forEach(handler -> handler.accept(this));
parent.closeTab(this);
}
}
return this;
}
public Tab closable() {
return setClosable(true);
}
public Tab notClosable() {
return setClosable(false);
}
public Tab setOnBeforeCloseHandler(CloseHandler closeHandler) {
if (nonNull(closeHandler)) {
this.closeHandler = closeHandler;
}
return this;
}
public Tab addCloseHandler(Consumer closeHandler) {
if (nonNull(closeHandler)) {
this.closeHandlers.add(closeHandler);
}
return this;
}
public Tab removeCloseHandler(Consumer closeHandler) {
if (nonNull(closeHandler)) {
this.closeHandlers.remove(closeHandler);
}
return this;
}
public Tab addActivationHandler(ActivationHandler activationHandler) {
if (nonNull(activationHandler)) {
this.activationHandlers.add(activationHandler);
}
return this;
}
public Tab removeActivationHandler(ActivationHandler activationHandler) {
if (nonNull(activationHandler)) {
this.activationHandlers.remove(activationHandler);
}
return this;
}
public boolean isActive() {
return active;
}
@Override
public HTMLAnchorElement getClickableElement() {
return clickableElement;
}
@Override
public HTMLLIElement element() {
return tab.element();
}
void setParent(TabsPanel tabsPanel) {
this.parent = tabsPanel;
}
public String getKey() {
return key;
}
public Tab setKey(String key) {
this.key = key;
return this;
}
public void removeTab() {
this.remove();
contentContainer.remove();
}
@FunctionalInterface
public interface CloseHandler {
boolean onBeforeClose(Tab tab);
}
@FunctionalInterface
public interface ActivationHandler {
void onActiveStateChanged(Tab tab, boolean active);
}
}