<!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:bh="urn:import:org.gwtbootstrap3.client.ui.html"
    >

  <ui:with field="i18n" type="org.dashbuilder.client.widgets.resources.i18n.DataSetExplorerConstants"/>
 
  <ui:style type="org.dashbuilder.client.widgets.dataset.explorer.DataSetSummaryView.DataSetSummaryViewStyle">
    .panel {
      font-size: small;
      margin-top: 10px;
      padding: 10px;
      text-align: center;
      white-space: nowrap;
    }
    .statusTextTitle {
      font-size: small;
      font-weight: bold;
      white-space: nowrap;
    }
    .statusText {
      font-size: smaller;
      text-align: left;
      white-space: nowrap;
    }
    .statusIcon {
      float: left;
      margin-right: 5px;
    }
    .panelSpan {
      text-align: center;
    }
  </ui:style>

    <b:Row>
      <b:Column size="MD_6">
        <b:Well addStyleNames="{style.panel}">
          <g:HTML text="{i18n.currentStatus}" addStyleNames="{style.statusTextTitle}"/>
          <bh:Span ui:field="backendStatus">
            <b:Icon ui:field="backendStatusIcon" type="CHECK" addStyleNames="{style.statusIcon}"/>
            <g:HTML text="{i18n.cache}" addStyleNames="{style.statusText}"/>
          </bh:Span>
          <bh:Span ui:field="pushStatus">
            <b:Icon ui:field="pushEnabledIcon" type="CHECK" addStyleNames="{style.statusIcon}"/>
            <g:HTML text="{i18n.push}" addStyleNames="{style.statusText}"/>
          </bh:Span>
          <bh:Span ui:field="refreshStatus">
            <b:Icon ui:field="refreshEnabledIcon" type="CHECK" addStyleNames="{style.statusIcon}"/>
            <g:HTML text="{i18n.refresh}" addStyleNames="{style.statusText}"/>
          </bh:Span>
        </b:Well>
      </b:Column>
      <b:Column size="MD_6">
        <b:Well addStyleNames="{style.panel}">
          <g:HTML text="{i18n.currentSize}" addStyleNames="{style.statusTextTitle}"/>
          <bh:Span addStyleNames="{style.panelSpan}">
            <b:Icon size="LARGE" type="REFRESH" ui:field="statusIcon" width="100%"/>
            <g:HTML ui:field="estimatedRowsText"/>
            <g:HTML ui:field="estimatedSizeText"/>
          </bh:Span>
        </b:Well>
      </b:Column>
    </b:Row>
    
</ui:UiBinder>