2017-07-19 14:21:56 +00:00
|
|
|
<div id="download">
|
2017-08-12 02:13:57 +00:00
|
|
|
<script defer src="/download.js"></script>
|
2017-07-19 14:21:56 +00:00
|
|
|
<div id="download-page-one">
|
|
|
|
<div class="title">
|
2017-08-06 01:06:43 +00:00
|
|
|
<span id="dl-file"
|
|
|
|
data-filename="{{filename}}"
|
|
|
|
data-size="{{sizeInBytes}}"
|
|
|
|
data-ttl="{{ttl}}"
|
2017-07-19 18:35:11 +00:00
|
|
|
data-l10n-id="downloadFileName"
|
2017-08-06 01:06:43 +00:00
|
|
|
data-l10n-args='{{filenameJson}}'></span>
|
|
|
|
<span id="dl-filesize"></span>
|
2017-07-18 18:57:29 +00:00
|
|
|
</div>
|
2017-07-19 18:35:11 +00:00
|
|
|
<div class="description" data-l10n-id="downloadMessage"></div>
|
|
|
|
<img src="/resources/illustration_download.svg" id="download-img" data-l10n-id="downloadAltText"/>
|
2017-07-19 14:21:56 +00:00
|
|
|
<div>
|
2017-08-08 19:55:26 +00:00
|
|
|
<button id="download-btn" class="btn" data-l10n-id="downloadButtonLabel"></button>
|
2017-07-19 14:21:56 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
2017-07-14 21:44:56 +00:00
|
|
|
|
2017-07-19 19:48:39 +00:00
|
|
|
<div id="download-progress" hidden="true">
|
2017-08-06 01:06:43 +00:00
|
|
|
<div id="dl-title" class="title"></div>
|
2017-07-19 18:35:11 +00:00
|
|
|
<div class="description" data-l10n-id="downloadingPageMessage"></div>
|
2017-08-13 18:02:27 +00:00
|
|
|
<div class="progress-bar">
|
|
|
|
<svg id="progress" width="166" height="166" viewPort="0 0 166 166" version="1.1">
|
|
|
|
<circle r="73" cx="83" cy="83" fill="transparent"/>
|
|
|
|
<circle id="bar" r="73" cx="83" cy="83" fill="transparent" transform="rotate(-90 83 83)" stroke-dasharray="458.67" stroke-dashoffset="458.67"/>
|
|
|
|
</svg>
|
2017-07-19 14:21:56 +00:00
|
|
|
<div class="percentage">
|
|
|
|
<span class="percent-number"></span>
|
|
|
|
<span class="percent-sign">%</span>
|
2017-06-06 21:23:10 +00:00
|
|
|
</div>
|
2017-07-13 14:05:45 +00:00
|
|
|
</div>
|
2017-07-19 14:21:56 +00:00
|
|
|
<div class="upload">
|
|
|
|
<div class="progress-text">{{filename}}</div>
|
2017-07-18 18:57:29 +00:00
|
|
|
</div>
|
2017-06-06 21:23:10 +00:00
|
|
|
</div>
|
2017-07-18 18:57:29 +00:00
|
|
|
|
2017-08-14 18:14:47 +00:00
|
|
|
<div id="upload-error" hidden="true">
|
|
|
|
<div class="title" data-l10n-id="errorPageHeader"></div>
|
|
|
|
<img id="upload-error-img" data-l10n-id="errorAltText" src="/resources/illustration_error.svg"/>
|
|
|
|
</div>
|
|
|
|
|
2017-08-05 19:23:58 +00:00
|
|
|
<a class="send-new" data-state="completed" data-l10n-id="sendYourFilesLink" href="/"></a>
|
2017-07-18 18:57:29 +00:00
|
|
|
</div>
|