oxen-io/session-desktop
1
0
Fork 0
mirror of https://github.com/oxen-io/session-desktop.git synced 2023-12-14 02:12:57 +01:00
Code Issues Projects Releases Wiki Activity
session-desktop/background.html

372 lines
14 KiB
HTML
Raw Normal View History

improved number validation (based on google's libphonenumber)
2014-06-30 00:15:27 +02:00
<!DOCTYPE html>
Missing background.html
2014-01-12 15:07:30 +01:00
<html>
<head>
Move most scripts to the background page Dramatically improve load times for frontend pages. Closes #133
2015-03-16 00:04:39 +01: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-26 01:47:15 +02: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 08:28:00 +02: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-26 01:47:15 +02:00
<button class='hamburger'></button>
<ul class='menu-list'>
Add UI for submitting debug logs Fixes #343 // FREEBIE
2015-09-16 08:28:00 +02:00
<li><a class='show-debug-log'>Submit debug log</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-26 01:47:15 +02:00
</ul>
</div>
Fix up socket status display
2015-08-26 19:31:16 +02:00
<span class='socket-status'></span>
Initial restyle Added background gradient and restyled conversation elements as floating panels and cards. // FREEBIE
2015-10-17 03:14:50 +02:00
<div class='tool-bar clearfix'>
<!-- <button class='show-new-conversation'></button> -->
Change input type of search field to "search" This generates a simple clear element when typing. Cloeses https://github.com/WhisperSystems/Signal-Desktop/issues/420
2015-12-06 19:01:32 +01:00
<input type='search' class='search' placeholder='Search for people or groups'>
Initial restyle Added background gradient and restyled conversation elements as floating panels and cards. // FREEBIE
2015-10-17 03:14:50 +02: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-26 01:47:15 +02:00
</div>
<div class='gutter'>
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 21:10:03 +02:00
<div class='conversations scrollable inbox'></div>
<div class='conversations scrollable search-results hide'>
<div class='new-contact contact hide'></div>
</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-26 01:47:15 +02:00
</div>
Restyle first run hint // FREEBIE
2015-11-28 00:43:45 +01:00
<div class='conversation-stack'>
Render conversation placeholder hint in place // FREEBIE
2015-11-28 23:41:58 +01:00
<div class='conversation placeholder'>
<h3>Welcome to Signal</h3>
<p> Select a contact or group to start chatting.</p>
</div>
Restyle first run hint // FREEBIE
2015-11-28 00:43:45 +01: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-26 01:47:15 +02:00
</script>
Show a hint on startup if the inbox is empty Fixes #403 // FREEBIE
2015-11-21 01:58:52 +01: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 02:34:02 +01:00
<p> {{ content }}</p>
Show a hint on startup if the inbox is empty Fixes #403 // FREEBIE
2015-11-21 01:58:52 +01:00
</script>
Move most scripts to the background page Dramatically improve load times for frontend pages. Closes #133
2015-03-16 00:04:39 +01: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 20:21:10 +02: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-26 01:47:15 +02:00
<div class='conversation-header'>
<div class='conversation-menu menu'>
Restyle conversation menu button
2015-08-31 22:58:17 +02:00
<button class='drop-down'></button>
Move most scripts to the background page Dramatically improve load times for frontend pages. Closes #133
2015-03-16 00:04:39 +01:00
<ul class='menu-list'>
{{#group}}
Add group member list // Closes #279
2015-08-04 21:15:37 +02:00
<li><a class='view-members'>Members</a></li>
Hide buttons for group creation, update, and leave // FREEBIE
2015-10-16 20:17:49 +02: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-16 00:04:39 +01:00
{{/group}}
{{^group}}
<li><a class='end-session'>Reset Session</a></li>
<li><a class='verify-identity'>Verify Identity</a></li>
{{/group}}
<li><a class='destroy'>Delete messages</a></li>
</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 20:29:51 +01:00
{{> avatar }}
Display phone number in conversation header Fixes #436 // FREEBIE
2015-12-04 03:21:19 +01: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-16 00:04:39 +01:00
</div>
<div class='discussion-container'></div>
<div class="bottom-bar" id='footer'>
<form class='send'>
Change target for appending file previews // FREEBIE
2015-10-29 19:04:21 +01:00
<div class='attachment-previews'></div>
Restyle attachment previews Closes #380 // FREEBIE
2015-10-30 02:19:51 +01: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-16 00:04:39 +01:00
<input type='file' class='file-input'>
</div>
239 Auto-expand message area when typing
2015-06-16 22:43:40 +02:00
<textarea class='send-message' placeholder="Send a message" rows="1"></textarea>
Move most scripts to the background page Dramatically improve load times for frontend pages. Closes #133
2015-03-16 00:04:39 +01: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 20:21:10 +02:00
</div>
Move most scripts to the background page Dramatically improve load times for frontend pages. Closes #133
2015-03-16 00:04:39 +01:00
</script>
Fix 'Delete messages' Replaces window.confirm with generic promise-based confirmation dialog functionality available to all views. // FREEBIE
2015-05-27 01:54:21 +02:00
<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>
Move most scripts to the background page Dramatically improve load times for frontend pages. Closes #133
2015-03-16 00:04:39 +01:00
<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'>
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 22:01:18 +01:00
{{> avatar }}
Move most scripts to the background page Dramatically improve load times for frontend pages. Closes #133
2015-03-16 00:04:39 +01:00
<div class="bubble">
Initial restyle Added background gradient and restyled conversation elements as floating panels and cards. // FREEBIE
2015-10-17 03:14:50 +02:00
<div class='sender'>{{ sender }}</div>
Move most scripts to the background page Dramatically improve load times for frontend pages. Closes #133
2015-03-16 00:04:39 +01:00
<div class='attachments'></div>
Fix tests, let templating handle html escaping Note: as a Chrome app, we're also protected from xss by the content security policy. // FREEBIE
2015-07-05 08:08:25 +02:00
<p class="content">{{ message }}</p>
Move most scripts to the background page Dramatically improve load times for frontend pages. Closes #133
2015-03-16 00:04:39 +01: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 23:58:26 +01: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 22:12:40 +01:00
<span class='status hide'></span>
Move most scripts to the background page Dramatically improve load times for frontend pages. Closes #133
2015-03-16 00:04:39 +01: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 22:11:21 +02:00
<script type='text/x-tmpl-mustache' id='new-group-update'>
Retool various sub-screens to fit two-column layout
2015-08-27 00:13:14 +02:00
<div class='conversation-header'>
Move most scripts to the background page Dramatically improve load times for frontend pages. Closes #133
2015-03-16 00:04:39 +01:00
<button class='back'></button>
<button class='send check'></button>
Retool various sub-screens to fit two-column layout
2015-08-27 00:13:14 +02: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-16 00:04:39 +01: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 22:11:21 +02:00
{{> group_info_input }}
Move most scripts to the background page Dramatically improve load times for frontend pages. Closes #133
2015-03-16 00:04:39 +01: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 22:11:21 +02:00
<div class='scrollable'></div>
Move most scripts to the background page Dramatically improve load times for frontend pages. Closes #133
2015-03-16 00:04:39 +01:00
</div>
</script>
Render identicons in notifications Render an svg, then canvas, then data url. Fixes #325 // FREEBIE
2015-09-10 09:46:50 +02:00
<script type='text/x-tmpl-mustache' id='identicon-svg'>
Upsize svg identicons The chrome.notifications api renders iconUrls at full bleed, as opposed to the Web Notifications api, which adds padding. This was causing our identicons to look a bit over stretched. Fixed by rendering them a bit larger and with some padding. // FREEBIE
2015-09-14 20:39:42 +02: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 09:46:50 +02: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 22:01:18 +01: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 09:46:50 +02: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 02:05:00 +02: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 22:33:17 +02: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 22:01:18 +01:00
</script>
Move most scripts to the background page Dramatically improve load times for frontend pages. Closes #133
2015-03-16 00:04:39 +01: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 22:33:17 +02: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-16 00:04:39 +01: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 22:33:17 +02: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 04:21:15 +01: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 03:44:33 +02: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 22:01:18 +01:00
{{> avatar }}
Move most scripts to the background page Dramatically improve load times for frontend pages. Closes #133
2015-03-16 00:04:39 +01:00
<div class='contact-details'>
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 22:33:17 +02:00
<span class='last-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-24 00:47:32 +02:00
{{> contact_name_and_number }}
Display unreadCount badges in conversation list // FREEBIE
2015-11-09 21:07:40 +01: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 23:43:51 +02: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-16 00:04:39 +01:00
</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'>
Sorry, the selected file exceeds message size
Update attachment size limits to match mobile clients Per WhisperSystems/TextSecure@8a1428e, bump GIF limit to 5MB, and audio/video limit to 100MB. Update toast to notify in correct human-readable units. The only kB size limit is for images, and will trigger only if after scaling up to 4 times, the rescaled image did not come in under the size limit without unacceptable quality loss. Closes #354
2015-10-19 22:26:11 +02:00
restrictions. ({{ limit }}{{ units }})
Move most scripts to the background page Dramatically improve load times for frontend pages. Closes #133
2015-03-16 00:04:39 +01:00
</script>
<script type='text/x-tmpl-mustache' id='message-detail'>
Retool various sub-screens to fit two-column layout
2015-08-27 00:13:14 +02:00
<div class='conversation-header'>
Move most scripts to the background page Dramatically improve load times for frontend pages. Closes #133
2015-03-16 00:04:39 +01:00
<button class='back'></button>
Retool various sub-screens to fit two-column layout
2015-08-27 00:13:14 +02:00
<span class='conversation-title'>Message Detail</span>
Move most scripts to the background page Dramatically improve load times for frontend pages. Closes #133
2015-03-16 00:04:39 +01: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 03:03:05 +01:00
<div class='container'>
<div class='message-container'></div>
<div class='info'>
Collapse multiple retry buttons If you're going to retry one, you might as well retry everyone. // FREEBIE
2015-10-11 01:41:44 +02:00
{{ #hasRetry }}
<h3 class='hasRetry clearfix'>
<button class='retry'>Resend</button>
<span>Failed to send to some recipients.</span>
</h3>
{{ /hasRetry }}
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 03:03:05 +01:00
<table>
Move error messages to message detail view Change how message errors are rendered. Errors associated with a number will be shown under that number in the detail view rather than piling up in the message bubble. // FREEBIE
2015-09-30 23:27:18 +02: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 08:32:39 +01:00
{{ #received_at }}
<tr><td class='label'>Received</td><td> {{ received_at }}</td></tr>
{{ /received_at }}
Move error messages to message detail view Change how message errors are rendered. Errors associated with a number will be shown under that number in the detail view rather than piling up in the message bubble. // FREEBIE
2015-09-30 23:27:18 +02:00
{{ #errors }}
<tr>
<td class='label'>Error</td>
<td> <span class='error-message'>{{message}}</span> </td>
</tr>
{{ /errors }}
Collapse multiple retry buttons If you're going to retry one, you might as well retry everyone. // FREEBIE
2015-10-11 01:41:44 +02: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 03:03:05 +01:00
</table>
Collapse multiple retry buttons If you're going to retry one, you might as well retry everyone. // FREEBIE
2015-10-11 01:41:44 +02: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 03:03:05 +01:00
</div>
Move most scripts to the background page Dramatically improve load times for frontend pages. Closes #133
2015-03-16 00:04:39 +01:00
</div>
</script>
Add group member list // Closes #279
2015-08-04 21:15:37 +02:00
<script type='text/x-tmpl-mustache' id='group-member-list'>
Retool various sub-screens to fit two-column layout
2015-08-27 00:13:14 +02:00
<div class='conversation-header'>
Add group member list // Closes #279
2015-08-04 21:15:37 +02:00
<button class='back'></button>
Retool various sub-screens to fit two-column layout
2015-08-27 00:13:14 +02:00
<span class='conversation-title'>Members</span>
Add group member list // Closes #279
2015-08-04 21:15:37 +02: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-16 00:04:39 +01:00
<script type='text/x-tmpl-mustache' id='key-verification'>
Retool various sub-screens to fit two-column layout
2015-08-27 00:13:14 +02:00
<div class='conversation-header'>
Move most scripts to the background page Dramatically improve load times for frontend pages. Closes #133
2015-03-16 00:04:39 +01:00
<button class='back'></button>
Retool various sub-screens to fit two-column layout
2015-08-27 00:13:14 +02:00
<span class='conversation-title'>Verify Identity</span>
Move most scripts to the background page Dramatically improve load times for frontend pages. Closes #133
2015-03-16 00:04:39 +01:00
</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>
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 22:11:21 +02: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 19:04:21 +01: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 22:11:21 +02:00
<input type='file' name='avatar' class='file-input'>
</div>
<input type='text' name='name' class='name' placeholder='Group Name' value="{{ name }}">
</div>
</script>
Move most scripts to the background page Dramatically improve load times for frontend pages. Closes #133
2015-03-16 00:04:39 +01:00
<script type='text/x-tmpl-mustache' id='new-conversation'>
Retool various sub-screens to fit two-column layout
2015-08-27 00:13:14 +02:00
<div class='conversation-header'>
Move most scripts to the background page Dramatically improve load times for frontend pages. Closes #133
2015-03-16 00:04:39 +01:00
<button class='back'></button>
<button class='create check hide'></button>
Retool various sub-screens to fit two-column layout
2015-08-27 00:13:14 +02: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-16 00:04:39 +01: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 22:11:21 +02:00
{{> group_info_input }}
Retool various sub-screens to fit two-column layout
2015-08-27 00:13:14 +02:00
<div class='container'>
Move most scripts to the background page Dramatically improve load times for frontend pages. Closes #133
2015-03-16 00:04:39 +01:00
<div class='scrollable'>
</div>
</div>
</script>
<script type='text/x-tmpl-mustache' id='recipients-input'>
<div class='recipients-container'>
<span class='recipients'></span>
Support custom placeholder on recipients input
2015-06-09 21:04:03 +02: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-16 00:04:39 +01: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 03:03:05 +01:00
<script type='text/x-tmpl-mustache' id='incoming-key-conflict'>
<p>
Received message with unknown identity key.
Click to process and display.
</p>
</script>
<script type='text/x-tmpl-mustache' id='outgoing-key-conflict'>
<p>
Fix outgoing identity key conflict handling // FREEBIE
2015-07-06 22:40:23 +02:00
This contact's identity key has changed.
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 03:03:05 +01:00
Click to process and display.
</p>
</script>
<script type='text/x-tmpl-mustache' id='generic-error'>
<p>{{ message }}</p>
</script>
<script type='text/x-tmpl-mustache' id='contact-detail'>
<div>
Collapse multiple retry buttons If you're going to retry one, you might as well retry everyone. // FREEBIE
2015-10-11 01:41:44 +02: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 22:01:18 +01:00
{{> avatar }}
Collapse multiple retry buttons If you're going to retry one, you might as well retry everyone. // FREEBIE
2015-10-11 01:41:44 +02:00
<span class='name'>{{ name }}
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 03:03:05 +01:00
{{ #conflict }}
<button class='conflict'><span>Verify</span></button>
{{ /conflict }}
Collapse multiple retry buttons If you're going to retry one, you might as well retry everyone. // FREEBIE
2015-10-11 01:41:44 +02:00
</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 03:03:05 +01:00
</div>
</script>
<script type='text/x-tmpl-mustache' id='key-conflict-dialogue'>
<div class='content'>
<p> {{ message }} </p>
<p>
You may wish to <span class='verify'>verify</span> this contact.
</p>
<p>
<button class='cancel'>Cancel</button>
<button class='resolve'>Accept new key</button>
</p>
</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 22:05:52 +02: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 08:28:00 +02:00
<script type='text/x-tmpl-mustache' id='debug-log'>
Restyle debug log Fixup for new layout and add a close button. // FREEBIE
2015-10-20 23:24:11 +02:00
<a class='x close'>&times;</a>
Add UI for submitting debug logs Fixes #343 // FREEBIE
2015-09-16 08:28:00 +02:00
<h1> Submit Debug Log </h1>
<form>
<textarea rows="5"></textarea>
<input class="submit" type='submit' value='Create Public Gist' />
<button class='close'>Cancel</button>
</form>
<div class='result'>
<a target='_blank'></a>
<div><button class='close'>Got it!</button></div>
</div>
</script>
Add code for submitting debug logs We keep the last 1000 log messages in memory and dump them to an anonymous public gist if console.post is called. // FREEBIE
2015-09-16 03:48:49 +02:00
<script type="text/javascript" src="js/debugLog.js"></script>
Switch libphonenumber to bower
2014-11-01 04:59:30 +01:00
<script type="text/javascript" src="js/components.js"></script>
Reorder database.js include Prep to use indexedDB for axolotl storage.
2015-04-08 21:20:34 +02:00
<script type="text/javascript" src="js/database.js"></script>
Remove remaining traces of localStorage Add window.storage to the background page, which loads all data from the 'items' store in indexeddb, caching them in memory for synchronous access, then override textsecure storage to use that in memory store.
2015-05-13 00:14:20 +02:00
<script type="text/javascript" src="js/storage.js"></script>
Integrate libaxolotl async storage changes * Session records are now opaque strings, so treat them that way: - no more cross checking identity key and session records - Move hasOpenSession to axolotl wrapper - Remote registration ids must be fetched async'ly via protocol wrapper * Implement async AxolotlStore using textsecure.storage * Add some db stores and move prekeys and signed keys to indexeddb * Add storage tests * Rename identityKey storage key from libaxolotl25519KeyidentityKey to simply identityKey, since it's no longer hardcoded in libaxolotl * Rework registration and key-generation, keeping logic in libtextsecure and rendering in options.js. * Remove key_worker since workers are handled at the libaxolotl level now
2015-04-01 22:08:09 +02:00
<script type="text/javascript" src="js/axolotl_store.js"></script>
Move js files around for libtextsecure split
2015-01-14 01:09:32 +01:00
<script type="text/javascript" src="js/libtextsecure.js"></script>
Trigger desktop notifications Notifications show the conversation name, avatar, and new message text. Clicking the notification opens the conversation.
2015-03-17 23:06:21 +01:00
<script type="text/javascript" src="js/notifications.js"></script>
Move js files around for libtextsecure split
2015-01-14 01:09:32 +01:00
<script type="text/javascript" src="js/libphonenumber-util.js"></script>
s/\t/ /g in {background,options}.html
2015-01-06 23:51:59 +01:00
<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 18:39:29 +02:00
s/\t/ /g in {background,options}.html
2015-01-06 23:51:59 +01:00
<script type="text/javascript" src="js/chromium.js"></script>
Move ConversationController to its own file Encapsulate the global conversation cache collection against accidental access, avoiding the data-clobbering bug fixed in previous commit. Also move some one-off program initialization code from panel controller to background.js // FREEBIE
2015-09-17 08:13:17 +02:00
<script type="text/javascript" src="js/conversation_controller.js"></script>
Refactor for less model duplication
2015-08-27 21:38:51 +02:00
<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-16 00:04:39 +01:00
<script type="text/javascript" src="js/views/whisper_view.js"></script>
Add UI for submitting debug logs Fixes #343 // FREEBIE
2015-09-16 08:28:00 +02:00
<script type="text/javascript" src="js/views/debug_log_view.js"></script>
Move most scripts to the background page Dramatically improve load times for frontend pages. Closes #133
2015-03-16 00:04:39 +01:00
<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>
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 22:33:17 +02:00
<script type="text/javascript" src="js/views/contact_list_view.js"></script>
Move most scripts to the background page Dramatically improve load times for frontend pages. Closes #133
2015-03-16 00:04:39 +01:00
<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>
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 03:03:05 +01:00
<script type="text/javascript" src="js/views/key_conflict_dialogue_view.js"></script>
<script type="text/javascript" src="js/views/error_view.js"></script>
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 23:58:26 +01:00
<script type="text/javascript" src="js/views/timestamp_view.js"></script>
Move most scripts to the background page Dramatically improve load times for frontend pages. Closes #133
2015-03-16 00:04:39 +01:00
<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>
Add group member list // Closes #279
2015-08-04 21:15:37 +02:00
<script type="text/javascript" src="js/views/group_member_list_view.js"></script>
Move most scripts to the background page Dramatically improve load times for frontend pages. Closes #133
2015-03-16 00:04:39 +01:00
<script type="text/javascript" src="js/views/conversation_view.js"></script>
<script type="text/javascript" src="js/views/new_conversation_view.js"></script>
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 21:10:03 +02:00
<script type="text/javascript" src="js/views/conversation_search_view.js"></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 22:05:52 +02:00
<script type="text/javascript" src="js/views/window_controls_view.js"></script>
Show a hint on startup if the inbox is empty Fixes #403 // FREEBIE
2015-11-21 01:58:52 +01:00
<script type="text/javascript" src="js/views/hint_view.js"></script>
Move most scripts to the background page Dramatically improve load times for frontend pages. Closes #133
2015-03-16 00:04:39 +01:00
<script type="text/javascript" src="js/views/inbox_view.js"></script>
Fix 'Delete messages' Replaces window.confirm with generic promise-based confirmation dialog functionality available to all views. // FREEBIE
2015-05-27 01:54:21 +02:00
<script type="text/javascript" src="js/views/confirmation_dialog_view.js"></script>
Render identicons in notifications Render an svg, then canvas, then data url. Fixes #325 // FREEBIE
2015-09-10 09:46:50 +02:00
<script type="text/javascript" src="js/views/identicon_svg_view.js"></script>
Prevent duplicate conversations and refocus on click (still buggy)
2015-01-19 02:43:25 +01:00
Consolidate window logic in panel controller Previously the conversation window would query the background page for a model id and then fetch the conversation. Instead, we can fetch the conversation before opening the window, which simplifies the front end scripts and avoids creating multiple copies of the same model.
2015-02-11 11:47:50 +01:00
<script type="text/javascript" src="js/background.js"></script>
Missing background.html
2014-01-12 15:07:30 +01:00
</head>
Remove NaCL!
2015-01-14 22:21:54 +01:00
<body>
Missing background.html
2014-01-12 15:07:30 +01:00
</body>
</html>
Reference in a new issue Copy permalink