dylan.derr/Send
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

new ui

Browse source
This commit is contained in:
Daniela Arcese 2017-07-13 10:05:45 -04:00
parent 52173bf6e7
commit 9032e42912
27 changed files with 1388 additions and 354 deletions
Download patch file Download diff file Expand all files Collapse all files

93
views/download.handlebars
View file

@ -6,7 +6,6 @@
{{> sentry dsn=dsn}}
{{/if}}
<script src="/bundle.js"></script>
<link rel="stylesheet" href="https://code.cdn.mozilla.net/fonts/fira.css" />
<link rel="stylesheet" type="text/css" href="/main.css" />
{{#if trackerId}}
{{> analytics trackerId=trackerId}}
@ -14,56 +13,60 @@
</head>
<body>
<div class="main-window">
<div id="download">
{{#if filename}}
<div id="download">
{{#if filename}}
<div id="download-page-one">
<div class="title">
Your friend is sending you a file: <br />
{{{filename}}} ({{{filesize}}})
Download {{{filename}}} ({{{filesize}}})
</div>
<div id="download-page-one">
<div>
<button id="download-btn">Download File</button>
</div>
<div id='expired-img'>
<img src='/resources/link_expired.png' />
</div>
<div class="description">
Your friend is sending you a file with Firefox Send, a service that allows you to share files with a safe, private, and encrypted link that automatically expires to ensure your stuff does not remain online forever.
</div>
<div id="download-progress">
<div id="download-text">
Downloading File...
</div>
<div class="upload">
<!-- progress bar here -->
<div id="progress-bar"></div>
<div id="progress-text"></div>
</div>
<img src="/resources/illustration_download.svg" id="download-img"/>
<div>
<button id="download-btn" title="Download">Download</button>
</div>
<div class="send-new" id="send-file">
Send your own files
</div>
{{else}}
<div class="title">
This link has expired or never existed in the first place.
</div>
<div class="share-window">
<img src="/resources/link_expired.png" alt="Link expired" />
</div>
<div class="send-new" id="send-file">
Send your own files
</div>
{{/if}}
</div>
</div>
<!-- <ul id="downloaded_files">
</ul> -->
<div id="download-progress">
<div class="title">
Downloading {{{filename}}} ({{{filesize}}})
</div>
<div class="description">
Please leave this tab open while we fetch your file and decrypt it.
</div>
<!-- progress bar here -->
<div class="progress-bar" id="dl-progress">
<div class="percentage">
<span class="percent-number"></span>
<span class="percent-sign">%</span>
</div>
</div>
<div class="upload">
<div class="progress-text">{{{filename}}}</div>
</div>
</div>
<div class="send-new" title="Try Firefox Send">
Try Firefox Send
</div>
{{else}}
<div class="title">
This link has expired or never existed in the first place.
</div>
<div class="share-window">
<img src="/resources/illustration_expired.svg" id="expired-img" alt="Link expired" />
</div>
<div class="expired-description">
Send files through a safe, private, and encrypted link that automatically expires to ensure your stuff does not remain online forever.
</div>
<div class="send-new" title="Try Firefox Send">
Try Firefox Send
</div>
{{/if}}
</div>
</body>
</html>