2017-07-19 14:21:56 +00:00
|
|
|
<div id="download">
|
|
|
|
{{#if filename}}
|
|
|
|
<div id="download-page-one">
|
|
|
|
<div class="title">
|
2017-07-19 19:48:39 +00:00
|
|
|
<span id="dl-filename"
|
2017-07-19 18:35:11 +00:00
|
|
|
data-l10n-id="downloadFileName"
|
|
|
|
data-l10n-args='{"filename": "{{filename}}"}'></span>
|
|
|
|
<span data-l10n-id="downloadFileSize"
|
|
|
|
data-l10n-args='{"size": "{{filesize}}"}'></span>
|
2017-07-20 22:16:00 +00:00
|
|
|
<span id="dl-bytelength" hidden="true">{{sizeInBytes}}</span>
|
|
|
|
<span id="dl-ttl" hidden="true">{{timeToExpiry}}</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-07-19 18:35:11 +00:00
|
|
|
<button id="download-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-07-19 18:35:11 +00:00
|
|
|
<div class="title"
|
|
|
|
data-l10n-id="downloadingPageProgress"
|
|
|
|
data-l10n-args='{"filename": "{{filename}}", "size": "{{filesize}}"}'>
|
2017-07-19 14:21:56 +00:00
|
|
|
</div>
|
2017-07-19 18:35:11 +00:00
|
|
|
<div class="description" data-l10n-id="downloadingPageMessage"></div>
|
2017-07-19 14:21:56 +00:00
|
|
|
<!-- progress bar here -->
|
|
|
|
<div class="progress-bar" id="dl-progress">
|
|
|
|
<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-07-19 18:35:11 +00:00
|
|
|
<a class="send-new" data-l10n-id="sendYourFilesLink"></a>
|
2017-07-19 14:21:56 +00:00
|
|
|
{{else}}
|
2017-07-19 18:35:11 +00:00
|
|
|
<div class="title" data-l10n-id="expiredPageHeader"></div>
|
2017-07-18 18:57:29 +00:00
|
|
|
|
2017-07-19 14:21:56 +00:00
|
|
|
<div class="share-window">
|
2017-07-19 18:35:11 +00:00
|
|
|
<img src="/resources/illustration_expired.svg" id="expired-img" data-l10n-id="linkExpiredAlt"/>
|
2017-06-06 21:23:10 +00:00
|
|
|
</div>
|
2017-07-19 18:35:11 +00:00
|
|
|
<div class="expired-description" data-l10n-id="uploadPageExplainer"></div>
|
2017-07-21 20:25:08 +00:00
|
|
|
<a class="send-new" id="expired-send-new" data-l10n-id="sendYourFilesLink"></a>
|
2017-07-19 14:21:56 +00:00
|
|
|
{{/if}}
|
2017-07-18 18:57:29 +00:00
|
|
|
</div>
|