<%
  String uploadId = uicomponent.getUploadId();
  boolean isAutoUpload = uicomponent.isAutoUpload();
  def rcontext = _ctx.getRequestContext();
  rcontext.getJavascriptManager().importJavascript('eXo.webui.UIUpload');
  rcontext.getJavascriptManager().addCustomizedOnLoadScript("eXo.webui.UIUpload.initUploadEntry('"+uploadId+"',"+isAutoUpload+");");
%>
<div class="UIFormUploadInput" id="$uploadId">
  <div class="LimitMessage" style="display: none;"><%= _ctx.appRes("UIFormUploadInput.msg.limit"); %></div>
  <input type="hidden" id="input$uploadId" name="<%=uicomponent.getName();%>" value="false"/>
  <div id="<%=uploadId;%>UploadIframe" class="UploadIframe">
    <iframe height="23px" width="100%" allowTransparency="true" scrolling="no" frameborder="0" framespacing="0" id="<%=uploadId;%>uploadFrame"></iframe>
  </div>
  <div id="<%=uploadId;%>ProgressIframe" class="ProgressIframe" style="display: none;"></div>     
  <div class="ProgressBarFrame" style="display: none;">
    <div class="ProgressBar">
      <div class="ProgressBarLeft">
        <div class="ProgressBarMiddle">
          <div class="BlueProgressBar">
            <div class="ProgressBarLabel">0%</div>
          </div>
        </div>
      </div>
    </div>
    <div class="DeleteFileFrame">
      <div class="DeleteFileLable" onclick="eXo.webui.UIUpload.abortUpload($uploadId);"><%=_ctx.appRes("UIFormUploadInput.label.Cancel")%></div>
    </div>
  </div>
  <div class="SelectFileFrame" style="display: none;">
    <div class="FileName">
      <div class="FileNameLabel"><span></span></div>
    </div>
  </div>
</div>