<!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent">
<ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder"
             xmlns:g="urn:import:com.google.gwt.user.client.ui"
             xmlns:b="urn:import:org.gwtbootstrap3.client.ui"
             xmlns:editors="urn:import:org.dashbuilder.client.widgets.dataset.editor"
>

  <ui:with field="i18n" type="org.dashbuilder.client.widgets.resources.i18n.DataSetEditorConstants"/>

  <ui:style>
    .tabContent {
      margin-top: 10px;
      margin-right: 10px;
      overflow-y: auto;
    }
  </ui:style>

  <b:TabPanel tabPosition="TOP">

    <b:NavTabs addStyleNames="nav-tabs-pf">
      <b:TabListItem title="{i18n.dataColumns}" text="{i18n.dataColumns}" ui:field="columnsTabItem" active="true" />
      <b:TabListItem title="{i18n.filter}" text="{i18n.filter}" ui:field="filterTabItem"/>
    </b:NavTabs>

    <b:TabContent ui:field="tabContent" addStyleNames="{style.tabContent}">

      <!-- Columns tab. -->
      <b:TabPane ui:field="columnsTabPane" active="true">
        <g:IsWidget ui:field="columnsEditorView"/>
      </b:TabPane>

      <!-- Filter tab. -->
      <b:TabPane ui:field="filterTabPane">
        <editors:DataSetDefFilterEditor.View ui:field="dataSetFilterEditorView"/>
      </b:TabPane>

    </b:TabContent>

  </b:TabPanel>
  
</ui:UiBinder>