/**
* Copyright 2015 ArcBees Inc.
*
* 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.
*/
package com.arcbees.gaestudio.client.application.visualizer;
import com.arcbees.gaestudio.client.resources.AppResources;
import com.google.gwt.dom.client.Style;
import com.google.gwt.query.client.Function;
import com.google.gwt.query.client.GQuery;
import com.google.gwt.uibinder.client.UiBinder;
import com.google.gwt.uibinder.client.UiField;
import com.google.gwt.user.client.ui.IsWidget;
import com.google.gwt.user.client.ui.SimplePanel;
import com.google.gwt.user.client.ui.Widget;
import com.google.inject.Inject;
import com.gwtplatform.mvp.client.ViewImpl;
import static com.google.gwt.query.client.GQuery.$;
public class VisualizerView extends ViewImpl implements VisualizerPresenter.MyView {
interface Binder extends UiBinder<Widget, VisualizerView> {
}
@UiField
SimplePanel entityListPanel;
@UiField
SimplePanel toolbar;
@UiField
SimplePanel entityTypesSidebar;
@UiField
SimplePanel entityDetailsPanel;
private final String secondTableStyleName;
private boolean isFullscreen;
private boolean entityDetailsVisible;
@Inject
VisualizerView(
Binder uiBinder,
AppResources appResources) {
initWidget(uiBinder.createAndBindUi(this));
secondTableStyleName = "." + appResources.styles().secondTable();
}
@Override
public void setInSlot(Object slot, IsWidget content) {
if (slot == VisualizerPresenter.SLOT_ENTITIES) {
entityListPanel.setWidget(content);
} else if (slot == VisualizerPresenter.SLOT_TOOLBAR) {
toolbar.setWidget(content);
} else if (slot == VisualizerPresenter.SLOT_KINDS) {
entityTypesSidebar.setWidget(content);
} else if (slot == VisualizerPresenter.SLOT_ENTITY_DETAILS) {
entityDetailsPanel.setWidget(content);
}
}
@Override
public void showEntityDetails() {
isFullscreen = true;
entityDetailsVisible = true;
setPanelsWidthPercentages(50, 100);
}
@Override
public void collapseEntityDetails() {
if (getRightPanelPercentage() > 0) {
entityDetailsVisible = false;
setPanelsWidthPercentages(100, 0);
}
}
@Override
public void closeKindPanel() {
setSidebarMarginLeft(-230d);
updatePanelsWidth();
}
@Override
public void openKindPanel() {
setSidebarMarginLeft(0d);
updatePanelsWidth();
}
@Override
public void updatePanelsWidth() {
int rightPercentage = getRightPanelPercentage();
int leftPercentage = 100 - rightPercentage;
setPanelsWidthPercentages(leftPercentage, rightPercentage);
}
private int getRightPanelPercentage() {
int rightPercentage = 0;
if (entityDetailsVisible) {
rightPercentage = isFullscreen ? 100 : 50;
}
return rightPercentage;
}
private void waitForWidgets(final Function callback) {
if (widgetsAreNotReady()) {
$(entityDetailsPanel).delay(100, new Function() {
@Override
public void f() {
waitForWidgets(callback);
}
});
} else {
callback.f();
}
}
private boolean widgetsAreNotReady() {
return !toolbarAndSidebarAreAttached() || toolbar.getWidget() == null || entityDetailsNotAttached();
}
private boolean entityDetailsNotAttached() {
return entityDetailsVisible && getEntityDetailContent().isEmpty();
}
private boolean toolbarAndSidebarAreAttached() {
return toolbar.isAttached() && entityTypesSidebar.isAttached();
}
private void setSidebarMarginLeft(double marginLeft) {
entityTypesSidebar.getElement().getStyle().setMarginLeft(marginLeft, Style.Unit.PX);
}
private void setPanelsWidthPercentages(final int leftPercentage, final int rightPercentage) {
setWidth(getPercentage(leftPercentage), $(entityListPanel));
setWidth(getPercentage(rightPercentage), $(entityDetailsPanel));
waitForWidgets(new Function() {
@Override
public void f() {
setWidth(getWidthString(rightPercentage, 45), getEntityDetailContent());
}
});
}
private void setWidth(String width, GQuery widget) {
$(widget).css("width", width);
}
private String getWidthString(int percentage, int offset) {
return "calc(" + getPercentage(percentage) + " - " + offset + "px)";
}
private String getPercentage(int percentage) {
return percentage + "%";
}
private GQuery getEntityDetailContent() {
return $(secondTableStyleName);
}
}