upload-dialog.underscore 1.84 KB
Newer Older
1 2 3 4
  <div id="dialog-assetupload"
    class="wrapper wrapper-dialog wrapper-dialog-assetupload <% if(shown) { print('is-shown') } %>"
    aria-describedby="dialog-assetupload-description"
    aria-labelledby="dialog-assetupload-title"
5 6
    aria-hidden="<%= !shown %>"
    role="dialog">
7
    <div class="dialog confirm">
8

9
<form class="upload-dialog" method="POST" action="<%= url %>" enctype="multipart/form-data">
10 11
  <div class="form-content">
  <h2 class="title"><%= title %></h2>
12
  <% if(error) {%>
13
    <div id="upload_error" class="message message-status message-status error is-shown" name="upload_error">
Peter Fogg committed
14
      <p><%= error.message %></p>
15 16
    </div>
  <% } %>
17
  <p id="dialog-assetupload-description" class="message"><%= message %></p>
18
  <input type="file" name="file" <% if(error && error.attributes && error.attributes.selectedFile) {%>class="error"<% } %> />
19

20 21 22
    <div class="status-upload">

    <% if(uploading) { %>
23
      <div class="wrapper-progress">
24 25 26 27 28
      <% if (uploadedBytes && totalBytes) { %>
          <progress value="<%= uploadedBytes %>" max="<%= totalBytes %>"><%= uploadedBytes/totalBytes*100 %>%</progress>
      <% } else { %>
        <progress></progress>
      <% } %>
29
      </div>
30
    <% } %>
31 32

    <% if(finished) { %>
33 34 35
      <div id="upload_confirm" class="message message-status message-status confirm is-shown" name="upload_confirm">
        <p><%= gettext("Success!") %></p>
      </div>
36
    <% } %>
37

38
    </div>
39
  </div>
40

41
  <div class="actions">
42 43
    <h3 class="sr"><%= gettext('Form Actions') %></h3>
  <ul>
44
  <li class="action-item">
45
    <a href="#" class="button action-primary action-upload <% if (!selectedFile || error) { %>disabled<% } %>"><%= gettext('Upload') %></a>
46
  </li>
47
  <li class="action-item">
48
    <a href="#" class="button action-secondary action-cancel"><%= gettext('Cancel') %></a>
49 50
  </li>
  </ul>
51 52
  </div>
</form>
53 54 55

    </div>
</div>