<!--                                                                        -->
<!-- Copyright 2011 Google Inc.                                             -->
<!-- Licensed under the Apache License, Version 2.0 (the "License"); you    -->
<!-- may not use this file except in compliance with the License. You may   -->
<!-- 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. License for the specific language governing permissions and   -->
<!-- limitations under the License.                                         -->
<ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder'>
  <ui:with field="constants" type="com.google.gwt.uibinder.test.client.Constants"/>
  <ui:with field="res" type="com.google.gwt.uibinder.test.client.DomBasedUi.Resources"/>

  <ui:with field="aValue"/>
  <ui:with field="aValueTwice"/>
  <ui:style gss="true" field="uiStyle"  type="com.google.gwt.uibinder.test.client.UiRendererUi.UiStyle">
    .enabled {
      color: black;
    }

    .disabled {
      color: gray;
    }

  </ui:style>
  <ui:style field="uiStyle2" type="com.google.gwt.uibinder.test.client.UiRendererUi.UiStyle2">
    .ok { color:blue; }
    .bad { color:red; }
  </ui:style>

  <div ui:field='root' class="{res.style.bodyColor} {res.style.bodyFont}"
      title="The title of this div is localizable">
    <ui:attribute name='title'/>
    <span><ui:text from="{constants.getText}" /></span>
    Hello, <span ui:field="nameSpan" class="{uiStyle.enabled}"><ui:text from="{aValue.getBar}"/></span>.
    <ui:msg>How goes it?</ui:msg>
    <span/><span><ui:text from="{aValueTwice.getBar}{aValueTwice.getBar}"/></span>
      <h2 class="{res.style.bodyColor} {res.style.bodyFont}">Placeholders in localizables</h2>
      <p><ui:msg>When you mark up your text for translation, there will be bits
      that you don't want the translators to mess with. You can protect
      these with <span style="font-weight:bold"
        ui:ph="boldSpan">placeholders</span><ui:ph name="tm"><sup ui:field="tmElement">TM</sup></ui:ph>.</ui:msg></p>
  <table>
    <col ui:field='narrowColumn' width='0%'></col>
    <col width='100%'></col>
    <tr ui:field='tr'>
      <th ui:field='th1'>Tables with col elements</th>
      <th ui:field='th2' align='left'>are</th>
      <th ui:field='th3' align='left'>tricky</th>
    </tr>
  </table>
  <table>
    <tbody ui:field='tbody'>
    <tr ui:field='tr2'>
      <th ui:field='th4'>Tables with tbody elements too</th>
    </tr>
    </tbody>
  </table>
  </div>
</ui:UiBinder>