org.teamapps.ux.component.flexcontainer.FlexContainer Maven / Gradle / Ivy
/*-
* ========================LICENSE_START=================================
* TeamApps
* ---
* Copyright (C) 2014 - 2024 TeamApps.org
* ---
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
* =========================LICENSE_END==================================
*/
package org.teamapps.ux.component.flexcontainer;
import org.teamapps.dto.UiEvent;
import org.teamapps.dto.UiFlexContainer;
import org.teamapps.ux.component.AbstractComponent;
import org.teamapps.ux.component.Component;
import org.teamapps.ux.component.absolutelayout.Length;
import org.teamapps.ux.css.CssAlignItems;
import org.teamapps.ux.css.CssFlexDirection;
import org.teamapps.ux.css.CssJustifyContent;
import java.util.ArrayList;
import java.util.Collections;
import java.util.List;
import java.util.stream.Collectors;
public class FlexContainer extends AbstractComponent {
private List components = new ArrayList<>();
private CssFlexDirection flexDirection = CssFlexDirection.ROW;
private CssAlignItems alignItems = CssAlignItems.STRETCH;
private CssJustifyContent justifyContent = CssJustifyContent.START;
private Length gap = Length.ofPixels(0);
@Override
public UiFlexContainer createUiComponent() {
UiFlexContainer uiFlexContainer = new UiFlexContainer();
mapAbstractUiComponentProperties(uiFlexContainer);
uiFlexContainer.setComponents(components.stream()
.map(c -> c.createUiReference())
.collect(Collectors.toList()));
uiFlexContainer.setFlexDirection(flexDirection.toUiCssFlexDirection());
uiFlexContainer.setAlignItems(alignItems.toCssAlignItems());
uiFlexContainer.setJustifyContent(justifyContent.toUiCssJustifyContent());
uiFlexContainer.setGap(gap.toCssString());
return uiFlexContainer;
}
public void addComponent(Component component) {
this.components.add(component);
queueCommandIfRendered(() -> new UiFlexContainer.AddComponentCommand(getId(), component.createUiReference()));
}
public void addComponent(Component component, FlexSizingPolicy sizingPolicy) {
component.setCssStyle("flex", sizingPolicy.toCssValue());
addComponent(component);
}
public void removeComponent(Component component) {
this.components.remove(component);
queueCommandIfRendered(() -> new UiFlexContainer.RemoveComponentCommand(getId(), component.createUiReference()));
}
public void removeAllComponents() {
this.components.forEach(c -> queueCommandIfRendered(() -> new UiFlexContainer.RemoveComponentCommand(getId(), c.createUiReference())));
this.components.clear();
}
@Override
public void handleUiEvent(UiEvent event) {
}
public CssFlexDirection getFlexDirection() {
return flexDirection;
}
public void setFlexDirection(CssFlexDirection flexDirection) {
boolean changed = flexDirection != this.flexDirection;
this.flexDirection = flexDirection;
if (changed) {
reRenderIfRendered();
} // TODO
}
public CssAlignItems getAlignItems() {
return alignItems;
}
public void setAlignItems(CssAlignItems alignItems) {
boolean changed = alignItems != this.alignItems;
this.alignItems = alignItems;
if (changed) {
reRenderIfRendered();
} // TODO
}
public CssJustifyContent getJustifyContent() {
return justifyContent;
}
public void setJustifyContent(CssJustifyContent justifyContent) {
boolean changed = justifyContent != this.justifyContent;
this.justifyContent = justifyContent;
if (changed) {
reRenderIfRendered();
} // TODO
}
public List getComponents() {
return Collections.unmodifiableList(components);
}
public Length getGap() {
return gap;
}
public void setGap(Length gap) {
this.gap = gap;
reRenderIfRendered();
}
}
© 2015 - 2024 Weber Informatics LLC | Privacy Policy