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

269 lines
10 KiB
HTML
Raw Normal View History

LGPL license (I'd like to be an axolotl/TS JS lib in the future)
2014-05-04 08:34:13 +02:00
<!--This program is free software: you can redistribute it and/or modify
s/\t/ /g in {background,options}.html
2015-01-06 23:51:59 +01:00
it under the terms of the GNU Lesser General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
LGPL license (I'd like to be an axolotl/TS JS lib in the future)
2014-05-04 08:34:13 +02:00
s/\t/ /g in {background,options}.html
2015-01-06 23:51:59 +01:00
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU Lesser General Public License for more details.
LGPL license (I'd like to be an axolotl/TS JS lib in the future)
2014-05-04 08:34:13 +02:00
s/\t/ /g in {background,options}.html
2015-01-06 23:51:59 +01:00
You should have received a copy of the GNU Lesser General Public License
along with this program. If not, see <http://www.gnu.org/licenses/>.
LGPL license (I'd like to be an axolotl/TS JS lib in the future)
2014-05-04 08:34:13 +02:00
-->
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'>
<script type='text/x-tmpl-mustache' id='conversation'>
<div class='title-bar' id='header'>
<div class='menu'>
<button class='hamburger'></button>
<ul class='menu-list'>
{{#group}}
<li><a class='new-group-update'>Update group</a></li>
<li><a class='leave-group'>Leave group</a></li>
{{/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>
</div>
<div class='discussion-container'></div>
<div class="bottom-bar" id='footer'>
<form class='send'>
<div class='attachments'>
<div class='paperclip thumbnail'></div>
<input type='file' class='file-input'>
</div>
<input class="send-btn" type='submit' value='' />
<input class='send-message' type='textarea' placeholder="Send a message">
</form>
</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'>
<div class='sender'>{{ sender }}</div>
Simplify avatar rendering
2015-03-18 01:10:18 +01:00
<span class='avatar'><img src='{{ avatar_url }}' /></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 class="bubble">
<p class="content">{{ message }}</p>
<div class='attachments'></div>
<div class='meta'>
<span class='timestamp'>{{ timestamp }}</span>
<span class='checkmark hide'>✓</span>
</div>
</div>
</script>
<script type='text/x-tmpl-mustache' id='new-group-update-form'>
<div class='title-bar' id='header'>
<button class='back'></button>
<button class='send check'></button>
<span class='title-text'>Update group</span>
</div>
<div class='container'>
<div class='scrollable'>
<div class='clearfix'>
<div class='group-avatar'>
<div class='thumbnail'>
Simplify avatar rendering
2015-03-18 01:10:18 +01:00
<span class='default avatar'><img src='{{ avatar_url }}' /></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>
<input type='file' name='avatar' class='file-input'>
</div>
<div>
<input type='text' name='name' class='name' placeholder='Group Name' value="{{ name }}">
</div>
</div>
</div>
</div>
</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'>
Simplify avatar rendering
2015-03-18 01:10:18 +01:00
<span class='avatar'><img src='{{ avatar_url }}' /></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 class='contact-details'>
<h3 class='contact-name'>
{{ contact_name }}
</h3>
<p class='number'>{{ number }}</p>
<p class='last-message'>
{{ last_message }}
</p>
<span class='last-timestamp'>
{{ last_message_timestamp }}
</span>
</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
restrictions. ({{ limit }}kB)
</script>
<script type='text/x-tmpl-mustache' id='message-detail'>
<div class='title-bar' id='header'>
<button class='back'></button>
<span class='title-text'>Message Detail</span>
</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'>
<table>
<tr><td class='label'>Sent</td><td> {{ sent_at }}</td></tr>
<tr><td class='label'>Received</td><td> {{ received_at }}</td></tr>
<tr>
<td class='tofrom label'>{{ tofrom }}</td>
<td> <div class='contacts'></div> </td>
</tr>
</table>
</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>
<script type='text/x-tmpl-mustache' id='key-verification'>
<div class='title-bar' id='header'>
<button class='back'></button>
<span class='title-text'>Verify Identity</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='new-conversation'>
<div class='title-bar' id='header'>
<button class='back'></button>
<button class='create check hide'></button>
<span class='title-text'>New Message</span>
</div>
<div class='gutter'>
<div class='scrollable'>
<div class='new-group-update-form clearfix'>
<div class='group-avatar'>
<div class='thumbnail'>
<span class='default group-default'></span>
</div>
<input type='file' name='avatar' class='file-input'>
</div>
<input type='text' name='name' class='name' placeholder='Group Name' value="{{ name }}">
</div>
</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="Name or phone number" />
</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>
This contact's identity key.has changed.
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>
<span class='avatar'><img src='{{ avatar_url }}' /></span>
<span class='name'>{{ name }}</span>
{{ #conflict }}
<button class='conflict'><span>Verify</span></button>
{{ /conflict }}
</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>
Switch libphonenumber to bower
2014-11-01 04:59:30 +01:00
<script type="text/javascript" src="js/components.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/database.js"></script>
<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 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>
<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/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/end_session_view.js"></script>
<script type="text/javascript" src="js/views/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>
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>
<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/inbox_view.js"></script>
Move inbox collection to the background page No more waiting, no more messy fetch logic. Background page bootstraps the inbox and keeps it up to date.
2015-02-11 00:27:26 +01:00
<script type="text/javascript" src="js/inbox_controller.js"></script>
Prevent duplicate conversations and refocus on click (still buggy)
2015-01-19 02:43:25 +01:00
Simplify panel state management and message passing
2015-01-22 05:27:42 +01:00
<script type="text/javascript" src="js/bimap.js"></script>
<script type="text/javascript" src="js/panel_controller.js"></script>
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