Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Firefox Support #574

Closed
wants to merge 9 commits into from
Closed

Firefox Support #574

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
7ff277c
First steps towards Firefox support
codedust Jan 4, 2016
6d4a775
Some more steps towards the Firefox port
codedust Jan 4, 2016
0c24081
Improve notifications in Firefox
codedust Jan 4, 2016
050629b
Fix some css for Firefox
codedust Jan 4, 2016
c5608e8
Fix 'verify identity' view
codedust Jan 4, 2016
e1d0d15
Improve i18n in Firefox
codedust Jan 4, 2016
6e30d00
Fix attachment button and drop area in Firefox
codedust Jan 4, 2016
b1c5f44
Add index and options, usable registration flow
codedust Jan 4, 2016
d1b0642
Fix SERVER_URL and ATTACHMENT_SERVER_URL
codedust Jan 4, 2016
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
374 changes: 374 additions & 0 deletions background_mozilla.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,374 @@
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta content='width=device-width, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0' name='viewport'>
<link rel="icon" type="image/png" href="images/icon_250.png">
<link rel="stylesheet" href="components/intl-tel-input/build/css/intlTelInput.css">
<link rel="stylesheet" href="/stylesheets/manifest.css">
<title>Signal for Firefox</title>

<script type='text/x-tmpl-mustache' id='two-column'>
<div class='title-bar' id='header'>
<div class='global-menu menu'>
<button class='hamburger'></button>
<ul class='menu-list'>
<li><a class='show-debug-log'>{{ submitDebugLog }}</a></li>
</ul>
</div>
<span class='socket-status'></span>
<div class='tool-bar clearfix'>
<!-- <button class='show-new-conversation'></button> -->
<input type='search' class='search' placeholder='{{ searchForPeopleOrGroups }}'>
</div>
</div>
<div class='gutter'>
<div class='conversations scrollable inbox'></div>
<div class='conversations scrollable search-results hide'>
<div class='new-contact contact hide'></div>
</div>
</div>
<div class='conversation-stack'>
<div class='conversation placeholder'>
<h3>{{ welcomeToSignal }}</h3>
<p>{{ selectAContact }}</p>
</div>
</div>
</script>
<script type='text/x-tmpl-mustache' id='hint'>
<p> {{ content }}</p>
</script>
<script type='text/x-tmpl-mustache' id='conversation'>
<div class='panel'>
<div class='conversation-header'>
<div class='conversation-menu menu'>
<button class='drop-down'></button>
<ul class='menu-list'>
{{#group}}
<li><a class='view-members'>{{ view-members }}</a></li>
<!-- <li><a class='update-group'>Update group</a></li> -->
<!-- <li><a class='leave-group'>Leave group</a></li> -->
{{/group}}
{{^group}}
<li><a class='end-session'>{{ end-session }}</a></li>
<li><a class='verify-identity'>{{ verify-identity }}</a></li>
{{/group}}
<li><a class='destroy'>{{ destroy }}</a></li>
</ul>
</div>
{{> avatar }}
<span class='conversation-title'>
{{ title }}
{{ #number }}
<span class='conversation-number'>{{ number }}</span>
{{ /number }}
</span>
</div>

<div class='discussion-container'></div>

<div class='bottom-bar' id='footer'>
<form class='send'>
<div class='attachment-previews'></div>
<div class='choose-file'>
<div class='paperclip thumbnail'></div>
</div>
<input type='file' class='file-input'>
<textarea class='send-message' placeholder='{{ send-message }}' rows='1'></textarea>
</form>
</div>
</div>
</script>
<script type='text/x-tmpl-mustache' id='confirmation-dialog'>
<div class='message'>{{ message }}</div>
<div class='buttons'>
<button class='cancel'>{{ cancel }}</button>
<button class='ok'>{{ ok }}</button>
</div>
</script>
<script type='text/x-tmpl-mustache' id='attachment-preview'>
<img src='{{ source }}' class='preview' />
<div class='close'>x</div>
</script>
<script type='text/x-tmpl-mustache' id='message'>
{{> avatar }}
<div class='bubble'>
<div class='sender'>{{ sender }}</div>
<div class='attachments'></div>
<p class='content'>{{ message }}</p>
<div class='meta'>
<span class='timestamp' data-timestamp={{ timestamp }}></span>
<span class='status hide'></span>
</div>
</div>
</script>
<script type='text/x-tmpl-mustache' id='new-group-update'>
<div class='conversation-header'>
<button class='back'></button>
<button class='send check'></button>
<span class='conversation-title'>Update group</span>
</div>
{{> group_info_input }}
<div class='container'>
<div class='scrollable'></div>
</div>
</script>
<script type='text/x-tmpl-mustache' id='identicon-svg'>
<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100'>
<circle cx='50' cy='50' r='40' fill='{{ color }}' />
<text text-anchor='middle' fill='white' font-size='24px' x='50' y='50' baseline-shift='-8px'>
{{ content }}
</text>
</svg>
</script>
<script type='text/x-tmpl-mustache' id='avatar'>
<span class='avatar'
style='background-image: url("{{ avatar.url }}"); background-color: {{ avatar.color }}'>
{{ avatar.content }}
</span>
</script>
<script type='text/x-tmpl-mustache' id='contact_pill'>
<span>{{ name }}</span><span class='remove'>x</span>
</script>
<script type='text/x-tmpl-mustache' id='contact_name_and_number'>
<h3 class='name'> {{ title }} </h3>
<div class='number'>{{ number }}</div>
</script>
<script type='text/x-tmpl-mustache' id='contact'>
{{> avatar }}
<div class='contact-details'> {{> contact_name_and_number }} </div>
</script>
<script type='text/x-tmpl-mustache' id='new-contact'>
{{> avatar }}
<div class='contact-details'>
{{> contact_name_and_number }}
</div>
</script>
<script type='text/x-tmpl-mustache' id='conversation-preview'>
{{> avatar }}
<div class='contact-details'>
<span class='last-timestamp'> {{ last_message_timestamp }} </span>
{{> contact_name_and_number }}
{{ #unreadCount }}
<span class='unread-count'>{{ unreadCount }}</span>
{{ /unreadCount }}
<p class='last-message'> {{ last_message }} </p>
</div>
</script>
<script type='text/x-tmpl-mustache' id='phone-number'>
<div class='phone-input-form'>
<div class='number-container'>
<input type='tel' class='number' placeholder="Phone Number" />
</div>
</div>
</script>
<script type='text/x-tmpl-mustache' id='file-size-modal'>
{{ file-size-warning }}
({{ limit }}{{ units }})
</script>
<script type='text/x-tmpl-mustache' id='attachment-type-modal'>
Sorry, your attachment has a type, {{type}}, that is not currently supported.
</script>
<script type='text/x-tmpl-mustache' id='message-detail'>
<div class='conversation-header'>
<button class='back'></button>
<span class='conversation-title'>{{ title }}</span>
</div>
<div class='container'>
<div class='message-container'></div>
<div class='info'>
{{ #hasRetry }}
<h3 class='hasRetry clearfix'>
<button class='retry'>{{ resend }}</button>
<span>{{ failedToSend }}</span>
</h3>
{{ /hasRetry }}
<table>
<tr>
<td class='label'>{{ sent }}</td>
<td> {{ sent_at }}</td>
</tr>
{{ #received_at }}
<tr>
<td class='label'>{{ received }}</td>
<td> {{ received_at }}</td>
</tr>
{{ /received_at }}
{{ #errors }}
<tr>
<td class='label'>{{ error-label }}</td>
<td> <span class='error-message'>{{message}}</span> </td>
</tr>
{{ /errors }}
<tr> <td class='tofrom label'>{{tofrom}}</td> </tr>
</table>
<div class='contacts'>
</div>
</div>
</div>
</script>
<script type='text/x-tmpl-mustache' id='group-member-list'>
<div class='conversation-header'>
<button class='back'></button>
<span class='conversation-title'>{{ members }}</span>
</div>
<div class='container'>
<div class='scrollable'></div>
</div>
</script>
<script type='text/x-tmpl-mustache' id='key-verification'>
<div class='conversation-header'>
<button class='back'></button>
<span class='conversation-title'>{{ verifyIdentity }}</span>
</div>
<div class='container'>
<p> Their identity (they read): </p>
<div class='key'>
{{ #their_key }} <span>{{ . }}</span> {{ /their_key }}
</div>
<p> Your identity (you read): </p>
<div class='key'>
{{ #your_key }} <span>{{ . }}</span> {{ /your_key }}
</div>
</div>
</script>
<!-- index -->
<script type='text/x-tmpl-mustache' id='inbox'>
<div class='title-bar' id='header'>
<div class='socket-status'></div>
</div>
<div class='gutter'>
<div class='conversations scrollable'></div>
<span class='fab'></span>
</div>
</script>
<script type='text/x-tmpl-mustache' id='group_info_input'>
<div class='group-info-input'>
<div class='group-avatar'>
<div class='choose-file attachment-previews thumbnail'>
{{> avatar }}
</div>
<input type='file' name='avatar' class='file-input'>
</div>
<input type='text' name='name' class='name' placeholder='Group Name' value='{{ name }}'>
</div>
</script>
<script type='text/x-tmpl-mustache' id='new-conversation'>
<div class='conversation-header'>
<button class='back'></button>
<button class='create check hide'></button>
<span class='conversation-title'>New Message</span>
</div>
{{> group_info_input }}
<div class='container'>
<div class='scrollable'>
</div>
</div>
</script>
<script type='text/x-tmpl-mustache' id='recipients-input'>
<div class='recipients-container'>
<span class='recipients'></span>
<input type='text' class='search' placeholder='{{ placeholder }}' />
</div>
<div class='results'>
<div class='new-contact contact hide'></div>
<div class='contacts'></div>
</div>
</script>
<script type='text/x-tmpl-mustache' id='generic-error'>
<p>{{ message }}</p>
</script>
<script type='text/x-tmpl-mustache' id='contact-detail'>
<div>
{{ #errors }}
<span class='error-icon'>
<span class='error-message'>{{message}}</span>
</span>
{{ /errors }}
{{> avatar }}
<span class='name'>{{ name }}
{{ #conflict }}
<button class='conflict'><span>{{ verify }}</span></button>
{{ /conflict }}
</span>
</div>
</script>
<script type='text/x-tmpl-mustache' id='key-conflict-dialogue'>
<div class='content'>
<p> {{ message }} </p>
<p> {{ verifyContact }} </p>
<p>
<button class='cancel'>{{ cancel }}</button>
<button class='resolve'>{{ resolve }}</button>
</p>
</div>
</script>
<script type='text/x-tmpl-mustache' id='window-controls'>
<button class='minimize'>&minus;</button>
<button class='close'>&times;</button>
</script>
<script type='text/x-tmpl-mustache' id='debug-log'>
<a class='x close'>&times;</a>
<h1>{{ title }}</h1>
<p> {{ debugLogExplanation }}</p>
<form>
<textarea rows='5'></textarea>
<input class='submit' type='submit' value='{{ submit }}' />
<button class='close'>{{ cancel }}</button>
</form>
<div class='result'>
<a target='_blank'></a>
<div><button class='close'>{{ close }}</button></div>
</div>
</script>
<script type='text/javascript' src='js/debugLog.js'></script>
<script type='text/javascript' src='js/components.js'></script>
<script type='text/javascript' src='js/database.js'></script>
<script type='text/javascript' src='js/storage.js'></script>
<script type='text/javascript' src='js/axolotl_store.js'></script>
<script type='text/javascript' src='js/libtextsecure.js'></script>

<script type='text/javascript' src='js/notifications.js'></script>
<script type='text/javascript' src='js/libphonenumber-util.js'></script>
<script type='text/javascript' src='js/models/messages.js'></script>
<script type='text/javascript' src='js/models/conversations.js'></script>

<script type='text/javascript' src='js/chromium.js'></script>
<script type='text/javascript' src='js/conversation_controller.js'></script>
<script type='text/javascript' src='js/panel_controller.js'></script>

<script type='text/javascript' src='js/views/whisper_view.js'></script>
<script type='text/javascript' src='js/views/debug_log_view.js'></script>
<script type='text/javascript' src='js/views/toast_view.js'></script>
<script type='text/javascript' src='js/views/attachment_preview_view.js'></script>
<script type='text/javascript' src='js/views/file_input_view.js'></script>
<script type='text/javascript' src='js/views/list_view.js'></script>
<script type='text/javascript' src='js/views/conversation_list_item_view.js'></script>
<script type='text/javascript' src='js/views/conversation_list_view.js'></script>
<script type='text/javascript' src='js/views/contact_list_view.js'></script>
<script type='text/javascript' src='js/views/recipients_input_view.js'></script>
<script type='text/javascript' src='js/views/new_group_update_view.js'></script>
<script type='text/javascript' src='js/views/attachment_view.js'></script>
<script type='text/javascript' src='js/views/key_conflict_dialogue_view.js'></script>
<script type='text/javascript' src='js/views/error_view.js'></script>
<script type='text/javascript' src='js/views/timestamp_view.js'></script>
<script type='text/javascript' src='js/views/message_view.js'></script>
<script type='text/javascript' src='js/views/key_verification_view.js'></script>
<script type='text/javascript' src='js/views/message_detail_view.js'></script>
<script type='text/javascript' src='js/views/message_list_view.js'></script>
<script type='text/javascript' src='js/views/group_member_list_view.js'></script>
<script type='text/javascript' src='js/views/conversation_view.js'></script>
<script type='text/javascript' src='js/views/new_conversation_view.js'></script>
<script type='text/javascript' src='js/views/conversation_search_view.js'></script>
<script type='text/javascript' src='js/views/window_controls_view.js'></script>
<script type='text/javascript' src='js/views/hint_view.js'></script>
<script type='text/javascript' src='js/views/inbox_view.js'></script>
<script type='text/javascript' src='js/views/confirmation_dialog_view.js'></script>
<script type='text/javascript' src='js/views/identicon_svg_view.js'></script>

<script type='text/javascript' src='js/background.js'></script>
<script type="text/javascript" src="js/index_mozilla.js"></script>
</head>
<body class="signal index">
</body>
</html>
Loading