templates/upload.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40

{{define "content"}}
  <div id="upload">
    <form id="upload_form" enctype="multipart/form-data" method="POST" action="/upload">
      <div>
        <label class="filebutton">
          Select a video to upload...
          <span><input type="file" name="video_file" id="video_file" accept="video/*" onchange="fileSelected();" /></span>
        </label>
      </div>

      <div>
        <input type="button" value="Upload" onclick="startUploading()" />
      </div>

      <div id="error">You should select valid image files only!</div>
      <div id="error2">An error occurred while uploading the file</div>
      <div id="abort">The upload has been canceled by the user or the browser dropped the connection</div>
      <div id="warnsize">Your file is very big. We can't accept it. Please select more small file</div>

      <div id="progress_info">
        <div id="progress"></div>
        <div id="progress_percent">&nbsp;</div>
        <div class="clear_both"></div>
        <div>
          <div id="speed">&nbsp;</div>
          <div id="remaining">&nbsp;</div>
          <div id="b_transfered">&nbsp;</div>
          <div class="clear_both"></div>
        </div>

        <div id="upload_response">
          <div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div>
        </div>
      </div>
    </form>
  </div>
{{end}}
{{define "scripts"}}
  <script type="application/javascript" src="/static/upload.js"></script>
{{end}}