/************************************************************************
TabPanel.java is part of Touch4j 4.2.2.1 Copyright 2013 Emitrom LLC
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.emitrom.touch4j.client.ui;
import java.util.Iterator;
import com.emitrom.touch4j.client.core.HasUi;
import com.emitrom.touch4j.client.core.config.XType;
import com.emitrom.touch4j.client.core.handlers.CallbackRegistration;
import com.emitrom.touch4j.client.core.handlers.layout.card.ActiveItemChangeHandler;
import com.emitrom.touch4j.client.core.handlers.tabitem.TabItemAddEvent;
import com.emitrom.touch4j.client.core.handlers.tabitem.TabItemChangeEvent;
import com.emitrom.touch4j.client.core.handlers.tabitem.TabItemRemoveEvent;
import com.emitrom.touch4j.client.laf.Alignment;
import com.emitrom.touch4j.client.laf.UI;
import com.emitrom.touch4j.client.layout.CardLayout;
import com.emitrom.touch4j.client.layout.HBoxLayout;
import com.emitrom.touch4j.client.layout.Pack;
import com.google.gwt.core.client.JavaScriptObject;
import com.google.gwt.event.shared.EventBus;
import com.google.gwt.event.shared.SimpleEventBus;
import com.google.gwt.user.client.ui.Widget;
/**
* Tab Panels are a great way to allow the user to switch between several pages
* that are all full screen. Each Component in the Tab Panel gets its own Tab,
* which shows the Component when tapped on. Tabs can be positioned at the top
* or the bottom of the Tab Panel, and can optionally accept title and icon
* configurations.
*
* @see <a
* href=http://docs.sencha.com/touch/2-0/#!/api/Ext.tab.Panel>Ext.tab.Panel
* </a>
*/
public class TabPanel extends Container implements HasUi {
private final static EventBus eventBus = new SimpleEventBus();
private JavaScriptObject layoutPeer;
private String tabBarPosition;
private int childIndex = 0;
@Override
protected native void init()/*-{
var c = new $wnd.Ext.tab.Panel();
this.@com.emitrom.touch4j.client.core.Component::configPrototype = c.initialConfig;
}-*/;
protected TabPanel(JavaScriptObject jso) {
super(jso);
}
@Override
protected native JavaScriptObject create(JavaScriptObject config) /*-{
var layoutPeer = this.@com.emitrom.touch4j.client.ui.TabPanel::layoutPeer;
config.tabBarPosition = this.@com.emitrom.touch4j.client.ui.TabPanel::tabBarPosition;
if (layoutPeer != null) {
config.layout = layoutPeer;
}
return new $wnd.Ext.tab.Panel(config);
}-*/;
@Override
public String getXType() {
return XType.TAB_PANEL.getValue();
}
public TabPanel() {
this.setTabBarPosition(Alignment.TOP);
}
public TabPanel(CardLayout layout) {
this.layoutPeer = layout.getJSO();
}
public TabPanel(Alignment tabBarPosition) {
this();
setTabBarPosition(tabBarPosition);
this.getTabBar().setLayout(new HBoxLayout(Pack.CENTER));
}
public void add(TabItem tab) {
tab.setParent(this);
_add(tab);
getChildren().add(tab);
eventBus.fireEvent(new TabItemAddEvent(tab));
}
public void add(ToolBar toolBar) {
this.setToolBar(toolBar);
}
public void remove(TabItem tab) {
_remove(tab);
getChildren().remove(tab);
eventBus.fireEvent(new TabItemRemoveEvent(tab));
}
public void setTabBarPosition(Alignment position) {
this.tabBarPosition = position.getValue();
setTabBarPosition(position.getValue());
}
public native TabBar getTabBar()/*-{
var tabPanel = this.@com.emitrom.touch4j.client.core.Component::getOrCreateJsObj()();
var tabBar = tabPanel.getTabBar();
return @com.emitrom.touch4j.client.ui.TabBar::instance(Lcom/google/gwt/core/client/JavaScriptObject;)(tabBar);
}-*/;
public Alignment getTabBarPosition() {
return Alignment.valueOf(_getTabBarPosition().toUpperCase());
}
@Override
public void setUi(UI ui) {
setUi(ui.getValue());
}
@Override
public UI getUi() {
return UI.fromValue(_getUi());
}
public CallbackRegistration onTabItemChangeHandler(TabItemChangeEvent.Handler handler) {
eventBus.addHandler(TabItemChangeEvent.TYPE, handler);
return addItemChangeHandler();
}
public void onTabItemAddHandler(TabItemAddEvent.Handler handler) {
eventBus.addHandler(TabItemAddEvent.TYPE, handler);
}
public void onTabItemRemoveHandler(TabItemRemoveEvent.Handler handler) {
eventBus.addHandler(TabItemRemoveEvent.TYPE, handler);
}
@Override
public void add(Widget w) {
if (!(w instanceof TabItem)) {
throw new IllegalStateException(
"TabPanel can only contain a child of type com.emitrom.touch4j.client.ui.TabItem ");
}
add((TabItem) w);
}
public void setToolBar(ToolBar toolbar) {
super.add(toolbar);
}
public native void setUi(String ui)/*-{
var tabPanel = this.@com.emitrom.touch4j.client.core.Component::getOrCreateJsObj()();
tabPanel.setUi(ui);
}-*/;
public native void updateBadget(int tabIndex, String text)/*-{
var tabPanel = this.@com.emitrom.touch4j.client.core.Component::getOrCreateJsObj()();
tabPanel.getTabBar().getComponent(tabIndex).setBadgeText(text);
}-*/;
public int getNextChildIndex() {
int toReturn = childIndex;
childIndex++;
return toReturn;
}
private native String _getUi()/*-{
var tabPanel = this.@com.emitrom.touch4j.client.core.Component::getOrCreateJsObj()();
return tabPanel.getUi();
}-*/;
public native void setTabBarPosition(String position)/*-{
this.@com.emitrom.touch4j.client.ui.TabPanel::tabBarPosition = position;
var tabPanel = this.@com.emitrom.touch4j.client.core.Component::getOrCreateJsObj()();
tabPanel.setTabBarPosition(position);
}-*/;
private native String _getTabBarPosition()/*-{
var tabPanel = this.@com.emitrom.touch4j.client.core.Component::getOrCreateJsObj()();
tabPanel.getTabBarPosition();
}-*/;
private native void _add(TabItem tab)/*-{
var jso = tab.@com.emitrom.touch4j.client.ui.TabItem::getJsObj()();
var tabPanel = this.@com.emitrom.touch4j.client.core.Component::getOrCreateJsObj()();
tabPanel.add(jso);
}-*/;
private native void _remove(TabItem tab)/*-{
var jso = tab.@com.emitrom.touch4j.client.ui.TabItem::getJsObj()();
var tabPanel = this.@com.emitrom.touch4j.client.core.Component::getOrCreateJsObj()();
tabPanel.remove(jso);
}-*/;
private CallbackRegistration addItemChangeHandler() {
return addActiveItemChangeHandler(new ActiveItemChangeHandler() {
@Override
public void onActiveItemChange(Container container, Container newTab, Container oldValue, Object eOpts) {
Iterator<Widget> iterator = getChildren().iterator();
while (iterator.hasNext()) {
Widget next = iterator.next();
if (next instanceof TabItem) {
TabItem tabItem = (TabItem) next;
if (tabItem.getId().equals(newTab.getId())) {
eventBus.fireEvent(new TabItemChangeEvent(tabItem));
break;
}
}
}
}
});
}
}