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

  <ui:with field="i18n" type="org.dashbuilder.client.widgets.resources.i18n.DataSetExplorerConstants"/>
  <ui:with field='res' type='org.dashbuilder.dataset.client.resources.bundles.DataSetClientImages'/>
  
  <ui:style type="org.dashbuilder.client.widgets.dataset.explorer.DataSetPanelView.DataSetPanelViewStyle">
    .headerPanel {
      cursor: pointer;
    }
    .actionButtonColumn {
      text-align: center;
    }
    .actionButton {
      margin-bottom: 10px;
    }
    .typeIcon {
      float: left;
      height: 16px;
      width: 16px;
      margin-right: 5px;
    }
  </ui:style>

  <b:Panel>
    <b:PanelHeader ui:field="headerPanel" addStyleNames="{style.headerPanel}">
      <b:Image ui:field="typeIcon" addStyleNames="{style.typeIcon}"/>
      <b:Heading ui:field="title" size="H6"/>
    </b:PanelHeader>
    <b:PanelCollapse ui:field="collapsePanel">
      <b:PanelBody ui:field="bodyPanel">
        <b:Container fluid="true">
          <b:Row>
            <b:Column size="MD_12">
              <explorer:DataSetSummary.View ui:field="summaryView"/>
            </b:Column>
          </b:Row>
          <b:Row>
            <b:Column size="MD_12" addStyleNames="{style.actionButtonColumn}">
              <b:Button ui:field="actionButton" addStyleNames="{style.actionButton}"/>
            </b:Column>
          </b:Row>
        </b:Container>
      </b:PanelBody>
    </b:PanelCollapse>
  </b:Panel>
  
</ui:UiBinder>