<!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:editor="urn:import:org.dashbuilder.common.client.editor">

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

  <ui:style>
    .row {
      margin-bottom: 5px;
    }
    .attr {
      float: left;
      margin-right: 5px;
    }
  </ui:style>

  <b:Container fluid="true">

    <!-- UUID. -->
    <b:Row addStyleNames="{style.row}">
      <b:Column size="MD_3">
        <g:HTML text="{i18n.attributeUUID}" addStyleNames="{style.attr}"/>
        <b:Tooltip isAnimated="true" placement="BOTTOM" title="{i18n.attributeUUID_description}">
          <b:Icon type="QUESTION_CIRCLE" />
        </b:Tooltip>
      </b:Column>
      <b:Column size="MD_9">
        <editor:ValueBoxEditor.View ui:field="uuid">
          <editor:valuebox>
            <b:TextBox enabled="false" allowBlank="false"/>
          </editor:valuebox>
        </editor:ValueBoxEditor.View>
      </b:Column>
    </b:Row>

    <!-- Name. -->
    <b:Row addStyleNames="{style.row}">
      <b:Column size="MD_3">
        <g:HTML text="{i18n.attributeName}" addStyleNames="{style.attr}"/>
        <b:Tooltip isAnimated="true" placement="BOTTOM" title="{i18n.attributeName_description}">
          <b:Icon type="QUESTION_CIRCLE" />
        </b:Tooltip>
      </b:Column>
      <b:Column size="MD_9">
        <editor:ValueBoxEditor.View ui:field="name">
          <editor:valuebox>
            <b:TextBox placeholder="{i18n.attributeName}"/>
          </editor:valuebox>
        </editor:ValueBoxEditor.View>
      </b:Column>
    </b:Row>

  </b:Container>
  
</ui:UiBinder>