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

finished localizations except for download.js

Browse source
This commit is contained in:
Abhinav Adduri 2017-07-18 15:46:44 -07:00
parent 45eccc1cad
commit 7ed30f497b
8 changed files with 546 additions and 2461 deletions
Download patch file Download diff file Expand all files Collapse all files

38
views/download.handlebars
View file

@ -1,4 +1,3 @@
<div class="send-logo">
<img src="/resources/send_logo.svg"/>
<img src="/resources/send_logo_type.svg"/>
@ -8,24 +7,25 @@
{{#if filename}}
<div id="download-page-one">
<div class="title">
Download <span id="dl-filename">{{{filename}}}</span> ({{{filesize}}})
</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.
<span id="dl-filename"
data-l10n-id="downloadFileName"
data-l10n-args='{"filename": "{{{filename}}}"}'></span>
<span data-l10n-id="downloadFileSize"
data-l10n-args='{"size": "{{{filesize}}}"}'></span>
</div>
<div class="description" data-l10n-id="downloadMessage"></div>
<img src="/resources/illustration_download.svg" id="download-img" alt="Download"/>
<div>
<button id="download-btn" title="Download">Download</button>
<button id="download-btn" data-l10n-id="downloadButtonLabel"></button>
</div>
</div>
<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 class="title"
data-l10n-id="downloadingPageProgress"
data-l10n-args='{"filename": "{{{filename}}}", "size": "{{{filesize}}}"}'>
</div>
<div class="description" data-l10n-id="downloadingPageMessage"></div>
<!-- progress bar here -->
<div class="progress-bar" id="dl-progress">
<div class="percentage">
@ -38,23 +38,15 @@
</div>
</div>
<div class="send-new" title="Try Firefox Send">
Try Firefox Send
</div>
<div class="send-new" data-l10n-id="sendYourFilesLink"></div>
{{else}}
<div class="title">
This link has expired or never existed in the first place.
</div>
<div class="title" data-l10n-id="expiredPageHeader"></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>
<div class="expired-description" data-l10n-id="uploadPageExplainer"></div>
<div class="send-new" data-l10n-id="sendYourFilesLink"></div>
{{/if}}
</div>
</div>

74
views/index.handlebars
View file

@ -4,20 +4,18 @@
</div>
<div class="all">
<div id="page-one">
<div class="title">
Private, Encrypted File Sharing
</div>
<div class="title" data-l10n-id="uploadPageHeader"></div>
<div class="description">
Send files through a safe, private, and encrypted link that automatically expires to ensure your stuff does not remain online forever.<br> <a href="https://testpilot.firefox.com/experiments/send" class="link">Learn more</a>
<div data-l10n-id="uploadPageExplainer"></div>
<a href="https://testpilot.firefox.com/experiments/send" class="link" data-l10n-id="uploadPageLearnMore"></a>
</div>
<div class="upload-window" >
<div id="upload-img"><img src="/resources/upload.svg" alt="Upload"/></div>
<div id="upload-text">
Drop your files here to start uploading
</div>
<div id="upload-text" data-l10n-id="uploadPageDropMessage"></div>
<form method="post" action="upload" enctype="multipart/form-data">
<label for="file-upload" id="browse" title="Upload file">Select a file on your computer</label>
<label for="file-upload" id="browse"
data-l10n-id="uploadPageBrowseButton"></label>
<input id="file-upload" type="file" name="fileUploaded" />
</form>
</div>
@ -27,10 +25,10 @@
<thead>
<tr>
<!-- htmllint attr-bans="false" -->
<th width="35%">File</th>
<th width="25%">Copy URL</th>
<th width="21%">Expires in</th>
<th width="12%">Delete</th>
<th width="35%" data-l10n-id="sentFilesTitle1"></th>
<th width="25%" data-l10n-id="sentFilesTitle2"></th>
<th width="21%" data-l10n-id="sentFilesTitle3"></th>
<th width="12%" data-l10n-id="sentFilesTitle4"></th>
<!-- htmllint tag-bans="$previous" -->
</tr>
</thead>
@ -42,9 +40,7 @@
</div>
<div id="upload-progress">
<div class="title" id="upload-filename">
Uploading Your File
</div>
<div class="title" id="upload-filename" data-l10n-id="uploadingPageHeader"></div>
<div class="description">
</div>
@ -57,57 +53,41 @@
</div>
<div class="upload">
<div class="progress-text"></div>
<div id="cancel-upload" title="Cancel Upload">Cancel Upload</div>
<div id="cancel-upload"
data-l10n-id="uploadingPageCancel"></div>
</div>
</div>
<div id="share-link">
<div class="title">
This encrypted link will expire after 1 download or in 24 hours
</div>
<div class="title" data-l10n-id="uploadSuccessTimingHeader"></div>
<div id="share-window">
<div id="copy-text">
Copy and share the link to send your file:
</div>
<div id="copy-text" data-l10n-id="copyUrlFormLabel"></div>
<div id="copy">
<input id="link" type="url" value="" readonly/>
<button id="copy-btn" title="Copy to Clipboard">Copy to Clipboard</button>
</div>
<button id="delete-file" title="Delete file">Delete file</button>
<div class="send-new" title="Send another file">
Send another file
<button id="copy-btn" data-l10n-id="copyUrlFormButton"></button>
</div>
<button id="delete-file" data-l10n-id="deleteFileButton"></button>
<div class="send-new" data-l10n-id="sendAnotherFileLink"></div>
</div>
</div>
<div id="upload-error">
<div class="title">
Something went wrong!
</div>
<div class="expired-description">
There has been an error uploading the file.
</div>
<div class="title" data-l10n-id="errorPageHeader"></div>
<div class="expired-description" data-l10n-id="errorPageMessage"></div>
<img id="upload-error-img" src="/resources/illustration_error.svg" alt="Upload error" />
<div class="send-new" title="Send another file">
Send another file
</div>
<div class="send-new" data-l10n-id="sendAnotherFileLink"></div>
</div>
<div id="unsupported-browser">
<div class="title">
Your browser is not supported.
</div>
<div class="description">
Unfortunately this browser does not support the web technology that powers Firefox Send. You'll need to try another browser. We recommend Firefox!
</div>
<div class="title" data-l10n-id="notSupportedHeader"></div>
<div class="description" data-l10n-id="notSupportedDetail"></div>
<a id="dl-firefox" href="https://www.mozilla.org/firefox/new/?scene=2" target="_blank">
<img src="/resources/firefox_logo-only.svg" id="firefox-logo" alt="Firefox"/>
<div id="dl-firefox-text">Firefox<br><span>Free Download</span></div>
<div id="dl-firefox-text">Firefox<br>
<span data-l10n-id="downloadFirefoxButtonSub"></span>
</div>
</a>
<div class="unsupported-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="unsupported-description" data-l10n-id="uploadPageExplainer"></div>
</div>
</div>
</div>

15
views/layouts/main.handlebars
View file

@ -12,17 +12,22 @@
{{#if trackerId}}
{{> analytics trackerId=trackerId}}
{{/if}}
<meta name="defaultLanguage" content="en-US">
<meta name="availableLanguages" content="en-US">
<link rel="localization" href="locales/send.{locale}.ftl">
<script defer src="/l20n/dist/web/l20n.js"></script>
</head>
<body>
{{{body}}}
<div class="footer">
<div class="legal-links">
<a href="https://www.mozilla.org"><img class="mozilla-logo" src="/resources/mozilla-logo.svg"/></a>
<a href="https://www.mozilla.org/about/legal/">Legal</a>
<a href="https://testpilot.firefox.com/about">About Test Pilot</a>
<a href="https://testpilot.firefox.com/privacy">Privacy</a>
<a href="https://testpilot.firefox.com/terms">Terms</a>
<a href="https://www.mozilla.org/en-US/privacy/websites/#cookies">Cookies</a>
<a href="https://www.mozilla.org/about/legal/" data-l10n-id="footerLinkLegal"></a>
<a href="https://testpilot.firefox.com/about" data-l10n-id="footerLinkAbout"></a>
<a href="https://testpilot.firefox.com/privacy" data-l10n-id="footerLinkPrivacy"></a>
<a href="https://testpilot.firefox.com/terms" data-l10n-id="footerLinkTerms"></a>
<a href="https://www.mozilla.org/en-US/privacy/websites/#cookies" data-l10n-id="footerLinkCookies"></a>
</div>
<div class="social-links">
<a href="https://github.com/mozilla/send" target="_blank"><img class="github" src="/resources/github-icon.svg"/></a>