 <!--
  ~ Copyright (C) 2000 - 2022 Silverpeas
  ~
  ~ This program is free software: you can redistribute it and/or modify
  ~ it under the terms of the GNU Affero General Public License as
  ~ published by the Free Software Foundation, either version 3 of the
  ~ License, or (at your option) any later version.
  ~
  ~ As a special exception to the terms and conditions of version 3.0 of
  ~ the GPL, you may redistribute this Program in connection with Free/Libre
  ~ Open Source Software ("FLOSS") applications as described in Silverpeas's
  ~ FLOSS exception.  You should have received a copy of the text describing
  ~ the FLOSS exception, and it is also available here:
  ~ "https://www.silverpeas.org/legal/floss_exception.html"
  ~
  ~ This program is distributed in the hope that it will be useful,
  ~ but WITHOUT ANY WARRANTY; without even the implied warranty of
  ~ MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  ~ GNU Affero General Public License for more details.
  ~
  ~ You should have received a copy of the GNU Affero General Public License
  ~ along with this program.  If not, see <http://www.gnu.org/licenses/>.
  -->

 <ui:UiBinder xmlns:ui='urn:ui:com.google.gwt.uibinder'
              xmlns:g='urn:import:com.google.gwt.user.client.ui'
              xmlns:base="urn:import:org.silverpeas.mobile.client.components.base"
              xmlns:widgets="urn:import:org.silverpeas.mobile.client.apps.comments.pages.widgets">

    <g:HTMLPanel styleName="content">
      <h2 class="mediaName" ui:field="mediaTitle"></h2>

      <div class="cadrePhoto" ui:field="previewContainer">
        <g:Anchor ui:field="mediaFullSize">
          <img ui:field="mediaPreview" src="/silverpeas/spmobile/icons/files/file-type-sound.svg" style="width:100%;"/>
          <audio ui:field="player"></audio>
        </g:Anchor>
      </div>
      <widgets:CommentsButton ui:field="comments"/>
      <ul id="attachments">
        <li>
          <g:Anchor ui:field="link" styleName="expand-more" href="javascript:;">
            <div>
              <img ui:field="mediaType" src=""/>
            </div>
            <div>
              <span ui:field="mediaFileName"></span>
              <span class="weight" ui:field="weight"></span>
              <span class="dimension" ui:field="dimensions"></span>
          </div>
          </g:Anchor>
          <g:HTMLPanel ui:field="operations" stylePrimaryName="ops-closed">
            <g:Anchor ui:field="download" styleName="downloadable"></g:Anchor>
          </g:HTMLPanel>
        </li>
      </ul>
      <p ui:field="creator" class="lastUpdate"></p>
      <p class="lastUpdate" ui:field="lastUpdate"></p>
  </g:HTMLPanel>
</ui:UiBinder>