mirrors/signal-desktop
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
signal-desktop/background.html

401 lines
15 KiB
HTML
Raw Normal View History

improved number validation (based on google's libphonenumber)
2014-06-29 22:15:27 +00:00
<!DOCTYPE html>
Missing background.html
2014-01-12 14:07:30 +00:00
<html>
<head>
Move most scripts to the background page Dramatically improve load times for frontend pages. Closes #133
2015-03-15 23:04:39 +00:00
<meta charset='utf-8'>
Restore two column layout Establishes basic functionality for viewing conversations in two column mode, including message area and message list resizing, and maintaining scroll position. Various subviews need to be retooled but are more or less still functional, i.e., new message, message detail, key verification, etc...
2015-08-25 23:47:15 +00:00
<script type='text/x-tmpl-mustache' id='two-column'>
<div class='title-bar' id='header'>
Add UI for submitting debug logs Fixes #343 // FREEBIE
2015-09-16 06:28:00 +00:00
<div class='global-menu menu'>
Restore two column layout Establishes basic functionality for viewing conversations in two column mode, including message area and message list resizing, and maintaining scroll position. Various subviews need to be retooled but are more or less still functional, i.e., new message, message detail, key verification, etc...
2015-08-25 23:47:15 +00:00
<button class='hamburger'></button>
<ul class='menu-list'>
Add Notification Settings Fixes #471 // FREEBIE
2016-02-18 00:08:17 +00:00
<li><a class='settings'>{{ settings }}</a></li>
i18n InboxView // FREEBIE
2015-12-26 02:15:04 +00:00
<li><a class='show-debug-log'>{{ submitDebugLog }}</a></li>
Restore two column layout Establishes basic functionality for viewing conversations in two column mode, including message area and message list resizing, and maintaining scroll position. Various subviews need to be retooled but are more or less still functional, i.e., new message, message detail, key verification, etc...
2015-08-25 23:47:15 +00:00
</ul>
</div>
Add tooltip to reload button Closes #462 // FREEBIE
2016-01-26 19:46:22 +00:00
<span class='socket-status' title='Restart Signal'></span>
Initial restyle Added background gradient and restyled conversation elements as floating panels and cards. // FREEBIE
2015-10-17 01:14:50 +00:00
<div class='tool-bar clearfix'>
<!-- <button class='show-new-conversation'></button> -->
i18n InboxView // FREEBIE
2015-12-26 02:15:04 +00:00
<input type='search' class='search' placeholder='{{ searchForPeopleOrGroups }}'>
Initial restyle Added background gradient and restyled conversation elements as floating panels and cards. // FREEBIE
2015-10-17 01:14:50 +00:00
</div>
Restore two column layout Establishes basic functionality for viewing conversations in two column mode, including message area and message list resizing, and maintaining scroll position. Various subviews need to be retooled but are more or less still functional, i.e., new message, message detail, key verification, etc...
2015-08-25 23:47:15 +00:00
</div>
<div class='gutter'>
Make window unscrollable // Fixes #692 // FREEBIE
2016-02-22 18:47:48 +00:00
<div class='content'>
<div class='conversations scrollable inbox'></div>
<div class='conversations scrollable search-results hide'>
<div class='new-contact contact hide'></div>
</div>
Add search field to inbox Using the search field produces a filtered view of all contacts and groups containing the input. To make this fast and scalable, add an index on a 'tokens' array containing words from the conversation name and different forms of phone number. Closes #365 // FREEBIE
2015-10-15 19:10:03 +00:00
</div>
Restore two column layout Establishes basic functionality for viewing conversations in two column mode, including message area and message list resizing, and maintaining scroll position. Various subviews need to be retooled but are more or less still functional, i.e., new message, message detail, key verification, etc...
2015-08-25 23:47:15 +00:00
</div>
Restyle first run hint // FREEBIE
2015-11-27 23:43:45 +00:00
<div class='conversation-stack'>
Render conversation placeholder hint in place // FREEBIE
2015-11-28 22:41:58 +00:00
<div class='conversation placeholder'>
i18n InboxView // FREEBIE
2015-12-26 02:15:04 +00:00
<h3>{{ welcomeToSignal }}</h3>
<p>{{ selectAContact }}</p>
Render conversation placeholder hint in place // FREEBIE
2015-11-28 22:41:58 +00:00
</div>
Restyle first run hint // FREEBIE
2015-11-27 23:43:45 +00:00
</div>
Restore two column layout Establishes basic functionality for viewing conversations in two column mode, including message area and message list resizing, and maintaining scroll position. Various subviews need to be retooled but are more or less still functional, i.e., new message, message detail, key verification, etc...
2015-08-25 23:47:15 +00:00
</script>
Show a hint on startup if the inbox is empty Fixes #403 // FREEBIE
2015-11-21 00:58:52 +00:00
<script type='text/x-tmpl-mustache' id='hint'>
Add hint for users with no groups or contacts If you have no contacts or groups, display a hint about phone numbers. // FREEBIE
2015-11-28 01:34:02 +00:00
<p> {{ content }}</p>
Show a hint on startup if the inbox is empty Fixes #403 // FREEBIE
2015-11-21 00:58:52 +00:00
</script>
Move most scripts to the background page Dramatically improve load times for frontend pages. Closes #133
2015-03-15 23:04:39 +00:00
<script type='text/x-tmpl-mustache' id='conversation'>
Fix disappearing conversation bug Opening two message-detail views in two separate conversations would disappear one of the conversations. Fixed by better encapsulating the sub-views of a conversation. // FREEBIE
2015-10-02 18:21:10 +00:00
<div class='panel'>
Restore two column layout Establishes basic functionality for viewing conversations in two column mode, including message area and message list resizing, and maintaining scroll position. Various subviews need to be retooled but are more or less still functional, i.e., new message, message detail, key verification, etc...
2015-08-25 23:47:15 +00:00
<div class='conversation-header'>
<div class='conversation-menu menu'>
Restyle conversation menu button
2015-08-31 20:58:17 +00:00
<button class='drop-down'></button>
Move most scripts to the background page Dramatically improve load times for frontend pages. Closes #133
2015-03-15 23:04:39 +00:00
<ul class='menu-list'>
{{#group}}
i18n ConversationView // FREEBIE
2015-12-25 06:50:27 +00:00
<li><a class='view-members'>{{ view-members }}</a></li>
Hide buttons for group creation, update, and leave // FREEBIE
2015-10-16 18:17:49 +00:00
<!-- <li><a class='update-group'>Update group</a></li> -->
<!-- <li><a class='leave-group'>Leave group</a></li> -->
Move most scripts to the background page Dramatically improve load times for frontend pages. Closes #133
2015-03-15 23:04:39 +00:00
{{/group}}
{{^group}}
i18n ConversationView // FREEBIE
2015-12-25 06:50:27 +00:00
<li><a class='end-session'>{{ end-session }}</a></li>
<li><a class='verify-identity'>{{ verify-identity }}</a></li>
Move most scripts to the background page Dramatically improve load times for frontend pages. Closes #133
2015-03-15 23:04:39 +00:00
{{/group}}
i18n ConversationView // FREEBIE
2015-12-25 06:50:27 +00:00
<li><a class='destroy'>{{ destroy }}</a></li>
Move most scripts to the background page Dramatically improve load times for frontend pages. Closes #133
2015-03-15 23:04:39 +00:00
</ul>
</div>
Add avatars to conversation headers So as not to look repetitive, hide the per-message avatars in one-on-one conversations. // FREEBIE
2015-11-09 19:29:51 +00:00
{{> avatar }}
Display phone number in conversation header Fixes #436 // FREEBIE
2015-12-04 02:21:19 +00:00
<span class='conversation-title'>
{{ title }}
{{ #number }}
<span class='conversation-number'>{{ number }}</span>
{{ /number }}
</span>
Move most scripts to the background page Dramatically improve load times for frontend pages. Closes #133
2015-03-15 23:04:39 +00:00
</div>
<div class='discussion-container'></div>
Prefer single quotes // FREEBIE
2015-12-26 06:17:30 +00:00
<div class='bottom-bar' id='footer'>
Move most scripts to the background page Dramatically improve load times for frontend pages. Closes #133
2015-03-15 23:04:39 +00:00
<form class='send'>
Change target for appending file previews // FREEBIE
2015-10-29 18:04:21 +00:00
<div class='attachment-previews'></div>
Restyle attachment previews Closes #380 // FREEBIE
2015-10-30 01:19:51 +00:00
<div class='choose-file'>
<div class='paperclip thumbnail'></div>
Move most scripts to the background page Dramatically improve load times for frontend pages. Closes #133
2015-03-15 23:04:39 +00:00
<input type='file' class='file-input'>
</div>
Prefer single quotes // FREEBIE
2015-12-26 06:17:30 +00:00
<textarea class='send-message' placeholder='{{ send-message }}' rows='1'></textarea>
Move most scripts to the background page Dramatically improve load times for frontend pages. Closes #133
2015-03-15 23:04:39 +00:00
</form>
</div>
Fix disappearing conversation bug Opening two message-detail views in two separate conversations would disappear one of the conversations. Fixed by better encapsulating the sub-views of a conversation. // FREEBIE
2015-10-02 18:21:10 +00:00
</div>
Move most scripts to the background page Dramatically improve load times for frontend pages. Closes #133
2015-03-15 23:04:39 +00:00
</script>
Fix 'Delete messages' Replaces window.confirm with generic promise-based confirmation dialog functionality available to all views. // FREEBIE
2015-05-26 23:54:21 +00:00
<script type='text/x-tmpl-mustache' id='confirmation-dialog'>
Dedupe modal styles // FREEBIE
2016-02-19 01:28:34 +00:00
<div class="content">
Improve Confirmation Dialog Some basic modifications to the Confirmation Dialog: * Always attached to <body> regardless of view that called it. * Always centered horizontally on screen. * A black semi-transparent overlay is now displayed over everything, and under the dialog. * Various other style changes. fixes #389 // FREEBIE
2016-01-23 16:00:07 +00:00
<div class='message'>{{ message }}</div>
<div class='buttons'>
<button class='cancel'>{{ cancel }}</button>
<button class='ok'>{{ ok }}</button>
</div>
Fix 'Delete messages' Replaces window.confirm with generic promise-based confirmation dialog functionality available to all views. // FREEBIE
2015-05-26 23:54:21 +00:00
</div>
</script>
Move most scripts to the background page Dramatically improve load times for frontend pages. Closes #133
2015-03-15 23:04:39 +00:00
<script type='text/x-tmpl-mustache' id='attachment-preview'>
Prefer single quotes // FREEBIE
2015-12-26 06:17:30 +00:00
<img src='{{ source }}' class='preview' />
<div class='close'>x</div>
Move most scripts to the background page Dramatically improve load times for frontend pages. Closes #133
2015-03-15 23:04:39 +00:00
</script>
<script type='text/x-tmpl-mustache' id='message'>
Fixes #198 Squished avatars Refactor all avatar views to use a shared partial, then change it to a background image. Requires allowing unsafe-inline styles in the CSP.
2015-03-23 21:01:18 +00:00
{{> avatar }}
Prefer single quotes // FREEBIE
2015-12-26 06:17:30 +00:00
<div class='bubble'>
Initial restyle Added background gradient and restyled conversation elements as floating panels and cards. // FREEBIE
2015-10-17 01:14:50 +00:00
<div class='sender'>{{ sender }}</div>
Move most scripts to the background page Dramatically improve load times for frontend pages. Closes #133
2015-03-15 23:04:39 +00:00
<div class='attachments'></div>
Prefer single quotes // FREEBIE
2015-12-26 06:17:30 +00:00
<p class='content'>{{ message }}</p>
Move most scripts to the background page Dramatically improve load times for frontend pages. Closes #133
2015-03-15 23:04:39 +00:00
<div class='meta'>
Update message bubble timestamps as needed Display format consistent with Android: * relative time for everything from today * Day of week + time for within the past 7 days * Static Month Day time for everything older Each timestamp will only update as often as needed to stay accurate, which is once a minute, once an hour, once a week, or never. // FREEBIE
2015-11-06 22:58:26 +00:00
<span class='timestamp' data-timestamp={{ timestamp }}></span>
Refactor pending/sent/delivered state markup & css No need for separate elements since we only ever display one of these states at a time. // FREEBIE
2015-10-28 21:12:40 +00:00
<span class='status hide'></span>
Move most scripts to the background page Dramatically improve load times for frontend pages. Closes #133
2015-03-15 23:04:39 +00:00
</div>
</div>
</script>
Clean up shared compose/group update ui Makes the groupupdate and recipient input fields stick to the top, restyles the typeahead as a floating dropdown list of suggestions rather than a full width component, fixes group avatar thumbnail rendering. // FREEBIE
2015-09-04 20:11:21 +00:00
<script type='text/x-tmpl-mustache' id='new-group-update'>
Retool various sub-screens to fit two-column layout
2015-08-26 22:13:14 +00:00
<div class='conversation-header'>
Move most scripts to the background page Dramatically improve load times for frontend pages. Closes #133
2015-03-15 23:04:39 +00:00
<button class='back'></button>
<button class='send check'></button>
Retool various sub-screens to fit two-column layout
2015-08-26 22:13:14 +00:00
<span class='conversation-title'>Update group</span>
Move most scripts to the background page Dramatically improve load times for frontend pages. Closes #133
2015-03-15 23:04:39 +00:00
</div>
Clean up shared compose/group update ui Makes the groupupdate and recipient input fields stick to the top, restyles the typeahead as a floating dropdown list of suggestions rather than a full width component, fixes group avatar thumbnail rendering. // FREEBIE
2015-09-04 20:11:21 +00:00
{{> group_info_input }}
Move most scripts to the background page Dramatically improve load times for frontend pages. Closes #133
2015-03-15 23:04:39 +00:00
<div class='container'>
Clean up shared compose/group update ui Makes the groupupdate and recipient input fields stick to the top, restyles the typeahead as a floating dropdown list of suggestions rather than a full width component, fixes group avatar thumbnail rendering. // FREEBIE
2015-09-04 20:11:21 +00:00
<div class='scrollable'></div>
Move most scripts to the background page Dramatically improve load times for frontend pages. Closes #133
2015-03-15 23:04:39 +00:00
</div>
</script>
Render identicons in notifications Render an svg, then canvas, then data url. Fixes #325 // FREEBIE
2015-09-10 07:46:50 +00:00
<script type='text/x-tmpl-mustache' id='identicon-svg'>
Prefer single quotes // FREEBIE
2015-12-26 06:17:30 +00:00
<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'>
Render identicons in notifications Render an svg, then canvas, then data url. Fixes #325 // FREEBIE
2015-09-10 07:46:50 +00:00
{{ content }}
</text>
</svg>
</script>
Fixes #198 Squished avatars Refactor all avatar views to use a shared partial, then change it to a background image. Requires allowing unsafe-inline styles in the CSP.
2015-03-23 21:01:18 +00:00
<script type='text/x-tmpl-mustache' id='avatar'>
Render identicons in notifications Render an svg, then canvas, then data url. Fixes #325 // FREEBIE
2015-09-10 07:46:50 +00:00
<span class='avatar'
style='background-image: url("{{ avatar.url }}"); background-color: {{ avatar.color }}'>
Default avatar support Fixes #264 Implement the equivalent of java's String.hashCode on the conversation model. Change avatar template and attributes. Use css classes for colors.
2015-06-19 00:05:00 +00:00
{{ avatar.content }}
Add contact list view Used by member list view. Refactored some templates for shared markup. Fixes strange behavior where members in the list were hoverable and selectable. // FREEBIE
2015-09-03 20:33:17 +00:00
</span>
Fixes #198 Squished avatars Refactor all avatar views to use a shared partial, then change it to a background image. Requires allowing unsafe-inline styles in the CSP.
2015-03-23 21:01:18 +00:00
</script>
Move most scripts to the background page Dramatically improve load times for frontend pages. Closes #133
2015-03-15 23:04:39 +00:00
<script type='text/x-tmpl-mustache' id='contact_pill'>
<span>{{ name }}</span><span class='remove'>x</span>
</script>
Add contact list view Used by member list view. Refactored some templates for shared markup. Fixes strange behavior where members in the list were hoverable and selectable. // FREEBIE
2015-09-03 20:33:17 +00:00
<script type='text/x-tmpl-mustache' id='contact_name_and_number'>
<h3 class='name'> {{ title }} </h3>
<div class='number'>{{ number }}</div>
</script>
Move most scripts to the background page Dramatically improve load times for frontend pages. Closes #133
2015-03-15 23:04:39 +00:00
<script type='text/x-tmpl-mustache' id='contact'>
Add contact list view Used by member list view. Refactored some templates for shared markup. Fixes strange behavior where members in the list were hoverable and selectable. // FREEBIE
2015-09-03 20:33:17 +00:00
{{> avatar }}
<div class='contact-details'> {{> contact_name_and_number }} </div>
</script>
Provide user feedback when number is invalid While typing a number, the new contact element is faded out. When the number becomes valid it is opaque. If the element is clicked while invalid, it displays 'Invalid number' and waits for the input to change again. A new conversation is only opened if the number is valid. // FREEBIE
2015-12-06 03:21:15 +00:00
<script type='text/x-tmpl-mustache' id='new-contact'>
{{> avatar }}
<div class='contact-details'>
{{> contact_name_and_number }}
</div>
</script>
Fix suggestion list template Convention collision. // FREEBIE
2015-09-05 01:44:33 +00:00
<script type='text/x-tmpl-mustache' id='conversation-preview'>
Fixes #198 Squished avatars Refactor all avatar views to use a shared partial, then change it to a background image. Requires allowing unsafe-inline styles in the CSP.
2015-03-23 21:01:18 +00:00
{{> avatar }}
Move most scripts to the background page Dramatically improve load times for frontend pages. Closes #133
2015-03-15 23:04:39 +00:00
<div class='contact-details'>
Display relative timestamps in conversation list This mimicks Signal-Android's relative timestamps. Previously, only the date was displayed. Fixes #284
2015-12-20 12:34:35 +00:00
<span class='last-timestamp' data-timestamp={{ last_message_timestamp }}> </span>
Fix overlapping name and timestamp In the conversation list, fix long conversation names overlapping with the right-floated timestamps. // FREEBIE
2015-10-23 22:47:32 +00:00
{{> contact_name_and_number }}
Display unreadCount badges in conversation list // FREEBIE
2015-11-09 20:07:40 +00:00
{{ #unreadCount }}
<span class='unread-count'>{{ unreadCount }}</span>
{{ /unreadCount }}
Tweak conversation list style Styled the conversation list items so that: - Timestamp is on the same line as the name - The message text on an unread conversation is ligher than the rest of the text Resolves: #379
2015-10-23 21:43:51 +00:00
<p class='last-message'> {{ last_message }} </p>
Move most scripts to the background page Dramatically improve load times for frontend pages. Closes #133
2015-03-15 23:04:39 +00:00
</div>
</script>
Prefer single quotes // FREEBIE
2015-12-26 06:17:30 +00:00
<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" />
Move most scripts to the background page Dramatically improve load times for frontend pages. Closes #133
2015-03-15 23:04:39 +00:00
</div>
</div>
</script>
<script type='text/x-tmpl-mustache' id='file-size-modal'>
i18n FileSizeToast // FREEBIE
2015-12-26 04:38:16 +00:00
{{ file-size-warning }}
({{ limit }}{{ units }})
Move most scripts to the background page Dramatically improve load times for frontend pages. Closes #133
2015-03-15 23:04:39 +00:00
</script>
Added error message for unsupported attachment type (issue #419)
2015-12-05 06:39:15 +00:00
<script type='text/x-tmpl-mustache' id='attachment-type-modal'>
Sorry, your attachment has a type, {{type}}, that is not currently supported.
</script>
Move most scripts to the background page Dramatically improve load times for frontend pages. Closes #133
2015-03-15 23:04:39 +00:00
<script type='text/x-tmpl-mustache' id='message-detail'>
Retool various sub-screens to fit two-column layout
2015-08-26 22:13:14 +00:00
<div class='conversation-header'>
Move most scripts to the background page Dramatically improve load times for frontend pages. Closes #133
2015-03-15 23:04:39 +00:00
<button class='back'></button>
i18n MessageDetailView // FREEBIE
2015-12-25 06:55:53 +00:00
<span class='conversation-title'>{{ title }}</span>
Move most scripts to the background page Dramatically improve load times for frontend pages. Closes #133
2015-03-15 23:04:39 +00:00
</div>
Improve identity key conflict ux Clicking on a key conflict message opens the message detail view, which displays the contact(s) in this conversation. If the message contains a key conflict with any of these contacts, a button is displayed which attempts to resolve that conflict and any other conflicts in the conversation that are related to that contact.
2015-02-18 02:03:05 +00:00
<div class='container'>
Make network errors & resend button more prominent // FREEBIE
2016-02-12 23:16:57 +00:00
{{ #hasRetry }}
<div class='hasRetry clearfix'>
Move identity conflicts to top of message detail Also restyle them as with network errors // FREEBIE
2016-02-15 00:46:28 +00:00
<h3 class='retryMessage'>{{ failedToSend }}</h3>
Make network errors & resend button more prominent // FREEBIE
2016-02-12 23:16:57 +00:00
<button class='retry'>{{ resend }}</button>
</div>
{{ /hasRetry }}
Move identity conflicts to top of message detail Also restyle them as with network errors // FREEBIE
2016-02-15 00:46:28 +00:00
{{ #hasConflict }}
<div class='hasConflict clearfix'>
<div class='conflicts'>
</div>
</div>
{{ /hasConflict }}
Improve identity key conflict ux Clicking on a key conflict message opens the message detail view, which displays the contact(s) in this conversation. If the message contains a key conflict with any of these contacts, a button is displayed which attempts to resolve that conflict and any other conflicts in the conversation that are related to that contact.
2015-02-18 02:03:05 +00:00
<div class='message-container'></div>
<div class='info'>
<table>
Move error indicators on message bubbles // FREEBIE
2016-02-15 07:30:14 +00:00
{{ #errors }}
<tr>
<td class='label'>{{ errorLabel }}</td>
<td> <span class='error-message'>{{message}}</span> </td>
</tr>
{{ /errors }}
i18n MessageDetailView // FREEBIE
2015-12-25 06:55:53 +00:00
<tr>
<td class='label'>{{ sent }}</td>
<td> {{ sent_at }}</td>
</tr>
Remove received_at from message detail on outgoing messages Only show sent_at for outgoing messages, matching Android. The received_at timestamp reflects the time a message was saved locally. It is necessary on both incoming and outgoing messages for sorting purposes, but can be confusing in the context of an outgoing message detail view, since users don't think about themselves "receiving" their own messages, and may even interpret this as the time that a message was received by their conversation partner's device. // FREEBIE
2015-12-21 07:32:39 +00:00
{{ #received_at }}
i18n MessageDetailView // FREEBIE
2015-12-25 06:55:53 +00:00
<tr>
<td class='label'>{{ received }}</td>
<td> {{ received_at }}</td>
</tr>
Remove received_at from message detail on outgoing messages Only show sent_at for outgoing messages, matching Android. The received_at timestamp reflects the time a message was saved locally. It is necessary on both incoming and outgoing messages for sorting purposes, but can be confusing in the context of an outgoing message detail view, since users don't think about themselves "receiving" their own messages, and may even interpret this as the time that a message was received by their conversation partner's device. // FREEBIE
2015-12-21 07:32:39 +00:00
{{ /received_at }}
Collapse multiple retry buttons If you're going to retry one, you might as well retry everyone. // FREEBIE
2015-10-10 23:41:44 +00:00
<tr> <td class='tofrom label'>{{tofrom}}</td> </tr>
Improve identity key conflict ux Clicking on a key conflict message opens the message detail view, which displays the contact(s) in this conversation. If the message contains a key conflict with any of these contacts, a button is displayed which attempts to resolve that conflict and any other conflicts in the conversation that are related to that contact.
2015-02-18 02:03:05 +00:00
</table>
Collapse multiple retry buttons If you're going to retry one, you might as well retry everyone. // FREEBIE
2015-10-10 23:41:44 +00:00
<div class='contacts'>
</div>
Improve identity key conflict ux Clicking on a key conflict message opens the message detail view, which displays the contact(s) in this conversation. If the message contains a key conflict with any of these contacts, a button is displayed which attempts to resolve that conflict and any other conflicts in the conversation that are related to that contact.
2015-02-18 02:03:05 +00:00
</div>
Move most scripts to the background page Dramatically improve load times for frontend pages. Closes #133
2015-03-15 23:04:39 +00:00
</div>
</script>
Add group member list // Closes #279
2015-08-04 19:15:37 +00:00
<script type='text/x-tmpl-mustache' id='group-member-list'>
Retool various sub-screens to fit two-column layout
2015-08-26 22:13:14 +00:00
<div class='conversation-header'>
Add group member list // Closes #279
2015-08-04 19:15:37 +00:00
<button class='back'></button>
i18n GroupMemberListView // FREEBIE
2015-12-26 01:03:32 +00:00
<span class='conversation-title'>{{ members }}</span>
Add group member list // Closes #279
2015-08-04 19:15:37 +00:00
</div>
<div class='container'>
<div class='scrollable'></div>
</div>
</script>
Move most scripts to the background page Dramatically improve load times for frontend pages. Closes #133
2015-03-15 23:04:39 +00:00
<script type='text/x-tmpl-mustache' id='key-verification'>
Retool various sub-screens to fit two-column layout
2015-08-26 22:13:14 +00:00
<div class='conversation-header'>
Move most scripts to the background page Dramatically improve load times for frontend pages. Closes #133
2015-03-15 23:04:39 +00:00
<button class='back'></button>
i18n KeyVerificationView // FREEBIE
2015-12-26 01:16:36 +00:00
<span class='conversation-title'>{{ verifyIdentity }}</span>
Move most scripts to the background page Dramatically improve load times for frontend pages. Closes #133
2015-03-15 23:04:39 +00:00
</div>
<div class='container'>
Add a trifle of i18n to KeyVerificationView Two strings were left behind: - "Their identity (they read)" - "Your identity (you read)" I saved them. // FREEBIE
2016-01-17 21:41:45 +00:00
<p> {{theirIdentity}} </p>
Don't render placeholder markup unless necessary Rather than always rendering divs for the key and placeholder, render the placeholder only if the key is missing. // FREEBIE
2016-01-20 03:01:47 +00:00
{{ ^their_key }}
<div class='placeholder'>{{ their_key_unknown }}</div>
{{ /their_key }}
Move most scripts to the background page Dramatically improve load times for frontend pages. Closes #133
2015-03-15 23:04:39 +00:00
<div class='key'>
{{ #their_key }} <span>{{ . }}</span> {{ /their_key }}
</div>
Add a trifle of i18n to KeyVerificationView Two strings were left behind: - "Their identity (they read)" - "Your identity (you read)" I saved them. // FREEBIE
2016-01-17 21:41:45 +00:00
<p> {{yourIdentity}} </p>
Move most scripts to the background page Dramatically improve load times for frontend pages. Closes #133
2015-03-15 23:04:39 +00:00
<div class='key'>
{{ #your_key }} <span>{{ . }}</span> {{ /your_key }}
</div>
</div>
</script>
<!-- index -->
Clean up shared compose/group update ui Makes the groupupdate and recipient input fields stick to the top, restyles the typeahead as a floating dropdown list of suggestions rather than a full width component, fixes group avatar thumbnail rendering. // FREEBIE
2015-09-04 20:11:21 +00:00
<script type='text/x-tmpl-mustache' id='group_info_input'>
<div class='group-info-input'>
<div class='group-avatar'>
Change target for appending file previews // FREEBIE
2015-10-29 18:04:21 +00:00
<div class='choose-file attachment-previews thumbnail'>
{{> avatar }}
</div>
Clean up shared compose/group update ui Makes the groupupdate and recipient input fields stick to the top, restyles the typeahead as a floating dropdown list of suggestions rather than a full width component, fixes group avatar thumbnail rendering. // FREEBIE
2015-09-04 20:11:21 +00:00
<input type='file' name='avatar' class='file-input'>
</div>
Prefer single quotes // FREEBIE
2015-12-26 06:17:30 +00:00
<input type='text' name='name' class='name' placeholder='Group Name' value='{{ name }}'>
Clean up shared compose/group update ui Makes the groupupdate and recipient input fields stick to the top, restyles the typeahead as a floating dropdown list of suggestions rather than a full width component, fixes group avatar thumbnail rendering. // FREEBIE
2015-09-04 20:11:21 +00:00
</div>
</script>
Move most scripts to the background page Dramatically improve load times for frontend pages. Closes #133
2015-03-15 23:04:39 +00:00
<script type='text/x-tmpl-mustache' id='new-conversation'>
Retool various sub-screens to fit two-column layout
2015-08-26 22:13:14 +00:00
<div class='conversation-header'>
Move most scripts to the background page Dramatically improve load times for frontend pages. Closes #133
2015-03-15 23:04:39 +00:00
<button class='back'></button>
<button class='create check hide'></button>
Retool various sub-screens to fit two-column layout
2015-08-26 22:13:14 +00:00
<span class='conversation-title'>New Message</span>
Move most scripts to the background page Dramatically improve load times for frontend pages. Closes #133
2015-03-15 23:04:39 +00:00
</div>
Clean up shared compose/group update ui Makes the groupupdate and recipient input fields stick to the top, restyles the typeahead as a floating dropdown list of suggestions rather than a full width component, fixes group avatar thumbnail rendering. // FREEBIE
2015-09-04 20:11:21 +00:00
{{> group_info_input }}
Retool various sub-screens to fit two-column layout
2015-08-26 22:13:14 +00:00
<div class='container'>
Move most scripts to the background page Dramatically improve load times for frontend pages. Closes #133
2015-03-15 23:04:39 +00:00
<div class='scrollable'>
</div>
</div>
</script>
<script type='text/x-tmpl-mustache' id='recipients-input'>
<div class='recipients-container'>
<span class='recipients'></span>
Prefer single quotes // FREEBIE
2015-12-26 06:17:30 +00:00
<input type='text' class='search' placeholder='{{ placeholder }}' />
Move most scripts to the background page Dramatically improve load times for frontend pages. Closes #133
2015-03-15 23:04:39 +00:00
</div>
<div class='results'>
<div class='new-contact contact hide'></div>
<div class='contacts'></div>
</div>
</script>
Improve identity key conflict ux Clicking on a key conflict message opens the message detail view, which displays the contact(s) in this conversation. If the message contains a key conflict with any of these contacts, a button is displayed which attempts to resolve that conflict and any other conflicts in the conversation that are related to that contact.
2015-02-18 02:03:05 +00:00
<script type='text/x-tmpl-mustache' id='generic-error'>
<p>{{ message }}</p>
</script>
<script type='text/x-tmpl-mustache' id='contact-detail'>
Display key conflict dialog inline One less modal. // FREEBIE
2016-02-15 06:41:52 +00:00
<div class='clearfix'>
Collapse multiple retry buttons If you're going to retry one, you might as well retry everyone. // FREEBIE
2015-10-10 23:41:44 +00:00
{{ #errors }}
<span class='error-icon'>
<span class='error-message'>{{message}}</span>
</span>
{{ /errors }}
Fixes #198 Squished avatars Refactor all avatar views to use a shared partial, then change it to a background image. Requires allowing unsafe-inline styles in the CSP.
2015-03-23 21:01:18 +00:00
{{> avatar }}
Collapse multiple retry buttons If you're going to retry one, you might as well retry everyone. // FREEBIE
2015-10-10 23:41:44 +00:00
<span class='name'>{{ name }}
</span>
Improve identity key conflict ux Clicking on a key conflict message opens the message detail view, which displays the contact(s) in this conversation. If the message contains a key conflict with any of these contacts, a button is displayed which attempts to resolve that conflict and any other conflicts in the conversation that are related to that contact.
2015-02-18 02:03:05 +00:00
</div>
</script>
<script type='text/x-tmpl-mustache' id='key-conflict-dialogue'>
Refactor Contact and Conflict views Untangle these two views into their component parts, consolidating all the key conflict logic in the key conflict view. Contact view now simply renders basic contact info and miscellaneous errors but not conflicts or message errors. // FREEBIE
2016-02-17 19:59:20 +00:00
<div class='clearfix'>
<h3>{{ newIdentity }}</h3>
{{> avatar }}
<span class='name'>{{ name }}
<button class='conflict'><span>{{ verify }}</span></button>
<button class='cancel hide'><span>{{ cancel }}</span></button>
</span>
</div>
<div class='content hide'>
Improve identity key conflict ux Clicking on a key conflict message opens the message detail view, which displays the contact(s) in this conversation. If the message contains a key conflict with any of these contacts, a button is displayed which attempts to resolve that conflict and any other conflicts in the conversation that are related to that contact.
2015-02-18 02:03:05 +00:00
<p> {{ message }} </p>
Fix key conflict dialog i18n Allow html in this i18n message. TODO: re-design this dialog. Fixes #584 // FREEBIE
2016-01-12 16:53:00 +00:00
<p> {{{ verifyContact }}} </p>
Refactor Contact and Conflict views Untangle these two views into their component parts, consolidating all the key conflict logic in the key conflict view. Contact view now simply renders basic contact info and miscellaneous errors but not conflicts or message errors. // FREEBIE
2016-02-17 19:59:20 +00:00
<p><button class='resolve'>{{ resolve }}</button></p>
Improve identity key conflict ux Clicking on a key conflict message opens the message detail view, which displays the contact(s) in this conversation. If the message contains a key conflict with any of these contacts, a button is displayed which attempts to resolve that conflict and any other conflicts in the conversation that are related to that contact.
2015-02-18 02:03:05 +00:00
</div>
</script>
Keep inbox window open, but allow it to be hidden As a chrome packaged app, we have to keep at least one window open in order to maintain our websocket connection in the background page. This change replaces the system window frame with custom buttons in the inbox header, such that the 'close' button merely hides the window rather than unloading it. Fixes #237 FREEBIE
2015-05-21 20:05:52 +00:00
<script type='text/x-tmpl-mustache' id='window-controls'>
<button class='minimize'>&minus;</button>
<button class='close'>&times;</button>
</script>
Add UI for submitting debug logs Fixes #343 // FREEBIE
2015-09-16 06:28:00 +00:00
<script type='text/x-tmpl-mustache' id='debug-log'>
Put debug log in a modal Also dedupe close-button style // FREEBIE
2016-02-19 19:26:32 +00:00
<div class='content'>
Make debug log as big as possible Tweak style to make the modal reasonably wide/tall, and use flexbox to automatically expand the textarea. // FREEBIE
2016-02-22 20:17:54 +00:00
<div>
<a class='x close'>&times;</a>
<h1> {{ title }} </h1>
<p> {{ debugLogExplanation }}</p>
</div>
<textarea rows='5'></textarea>
<div class='buttons'>
<button class='submit'>{{ submit }}</button>
Put debug log in a modal Also dedupe close-button style // FREEBIE
2016-02-19 19:26:32 +00:00
<button class='close'>{{ cancel }}</button>
Make debug log as big as possible Tweak style to make the modal reasonably wide/tall, and use flexbox to automatically expand the textarea. // FREEBIE
2016-02-22 20:17:54 +00:00
</div>
Put debug log in a modal Also dedupe close-button style // FREEBIE
2016-02-19 19:26:32 +00:00
<div class='result'>
Fix debug log submission loading UX This flow broke a bit with transition to modal debug log. Restructure such that the loading class can be applied to an appropriate element inside the modal. Ensure that the input elements are hidden when submit is clicked, the result elements are shown when the log upload is completed. // FREEBIE
2016-02-22 20:43:05 +00:00
<a class='hide' target='_blank'></a>
<div class='hide'><button class='close'>{{ close }}</button></div>
Put debug log in a modal Also dedupe close-button style // FREEBIE
2016-02-19 19:26:32 +00:00
</div>
Add UI for submitting debug logs Fixes #343 // FREEBIE
2015-09-16 06:28:00 +00:00
</div>
</script>
Add Notification Settings Fixes #471 // FREEBIE
2016-02-18 00:08:17 +00:00
<script type='text/x-tmpl-mustache' id='settings'>
<div class='content'>
Put debug log in a modal Also dedupe close-button style // FREEBIE
2016-02-19 19:26:32 +00:00
<a class='x close'>&times;</a>
Add Notification Settings Fixes #471 // FREEBIE
2016-02-18 00:08:17 +00:00
<h3>Notifications</h3>
<div>
<input type='radio' name='notifications' id='notification-setting-message' value='message'>
<label for='notification-setting-message'>{{ nameAndMessage }} </label>
</div>
<div>
<input type='radio' name='notifications' id='notification-setting-name' value='name'/>
<label for='notification-setting-name'>{{ nameOnly }} </label>
</div>
<div>
<input type='radio' name='notifications' id='notification-setting-count' value='count'/>
<label for='notification-setting-count'>{{ noNameOrMessage }} </label>
</div>
<div>
<input type='radio' name='notifications' id='notification-setting-off' value='off'/>
<label for='notification-setting-off'>{{ off }} </label>
</div>
</div>
</script>
Prefer single quotes // FREEBIE
2015-12-26 06:17:30 +00:00
<script type='text/javascript' src='js/components.js'></script>
<script type='text/javascript' src='js/database.js'></script>
Make debug log persistent Save log entries in indexedDB rather than just in memory. Reload them whenever the background page is refreshed. // FREEBIE
2016-02-03 01:55:27 +00:00
<script type='text/javascript' src='js/debugLog.js'></script>
Prefer single quotes // FREEBIE
2015-12-26 06:17:30 +00:00
<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>
Move js files around for libtextsecure split
2015-01-14 00:09:32 +00:00
Prefer single quotes // FREEBIE
2015-12-26 06:17:30 +00:00
<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>
sendMessage refactor, initial group stuff (breaks message storage)
2014-06-03 16:39:29 +00:00
Prefer single quotes // FREEBIE
2015-12-26 06:17:30 +00:00
<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>
Move most scripts to the background page Dramatically improve load times for frontend pages. Closes #133
2015-03-15 23:04:39 +00:00
Prefer single quotes // FREEBIE
2015-12-26 06:17:30 +00:00
<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/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>
Add Notification Settings Fixes #471 // FREEBIE
2016-02-18 00:08:17 +00:00
<script type='text/javascript' src='js/views/settings_view.js'></script>
Prevent duplicate conversations and refocus on click (still buggy)
2015-01-19 01:43:25 +00:00
Prefer single quotes // FREEBIE
2015-12-26 06:17:30 +00:00
<script type='text/javascript' src='js/background.js'></script>
Missing background.html
2014-01-12 14:07:30 +00:00
</head>
Remove NaCL!
2015-01-14 21:21:54 +00:00
<body>
Missing background.html
2014-01-12 14:07:30 +00:00
</body>
</html>
Reference in a new issue Copy permalink