<ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder'
             xmlns:g='urn:import:com.google.gwt.user.client.ui'
             xmlns:hist='urn:import:org.rstudio.studio.client.workbench.views.vcs.dialog'
             xmlns:widget="urn:import:org.rstudio.core.client.widget">

   <ui:style>
      .summary td:first-child {
         font-weight: bold;
         padding-right: 16px;
      }

      .subject {
         font-weight: bold;
      }

      .summary td div {
         white-space: pre-wrap;
      }

      .summary td {
         padding-bottom: 6px;
      }

      .toc {

      }
      .detailPanel {
         width: 100%;
      }
      .emptySelectionLabel {
         width: 100%;
         height: 48px;
         margin-top: 80px;
         font-size: 130%;
         font-weight: bold;
         color: #AAA;
         text-align: center;
      }
      .progressPanel {
         width: 100%;
         height: 48px;
         margin-top: 30px;
      }
   </ui:style>

   <g:FlowPanel>
      <!-- Text will be dynamically set to "(No commit selected)" -->
      <g:Label ui:field="emptySelectionLabel_"
               styleName="{style.emptySelectionLabel}"/>

      <g:HTMLPanel ui:field="commitViewPanel_" visible="false">
         <table class="{style.summary}" cellspacing="0" cellpadding="0">
            <tr>
               <td><g:Label ui:field="labelIdDesc_" /></td>
               <td><g:Label ui:field="labelId_" /></td>
            </tr>
            <tr>
               <td>Author</td>
               <td><g:Label ui:field="labelAuthor_" /></td>
            </tr>
            <tr>
               <td>Date</td>
               <td><g:Label ui:field="labelDate_" /></td>
            </tr>
            <tr>
               <td>Subject</td>
               <td class="{style.subject}"><g:Label ui:field="labelSubject_" /></td>
            </tr>
            <tr ui:field="parentTableRow_">
               <td>Parent</td>
               <td><g:Label ui:field="labelParent_" /></td>
            </tr>
         </table>
         <hist:SizeWarningWidget ui:field="sizeWarning_"/>
         <g:VerticalPanel ui:field="tocPanel_" styleName="{style.toc}" />
         <g:VerticalPanel ui:field="detailPanel_" styleName="{style.detailPanel}" />

         <widget:ProgressPanel ui:field="progressPanel_" visible="false"
                               styleName="{style.progressPanel}"/>

      </g:HTMLPanel>
   </g:FlowPanel>

</ui:UiBinder>
