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/conversation.html

159 lines
7.1 KiB
HTML
Raw Normal View History

Start on panels
2015-01-16 05:41:44 +01:00
<!DOCTYPE html>
<html class='no-js' lang='en'>
<head>
<meta charset='utf-8'>
<meta content='width=device-width, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0' name='viewport'>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
Update favicons
2015-02-08 08:57:20 +01:00
<link href='/icon.png' rel='shortcut icon'>
Start on panels
2015-01-16 05:41:44 +01:00
<link href="/stylesheets/manifest.css" rel="stylesheet" type="text/css" />
</head>
Fixup conversation page styles and functionality Render the entire conversation from a template, because some parts of it must be rendered conditionally if it is a group vs private conversation. Also apply some style fixes and restore lost functionality: * Make conversation title bar fixed. * Widens message bubbles. * Unhide message list. * Restore attachment rendering. * Restore message sending and attachment file selection. * Style attachments file input as a paperclip. * Style send button like on Android and make it a submit input.
2015-01-22 10:39:07 +01:00
<body class='signal'>
<script type='text/x-tmpl-mustache' id='conversation'>
<div class='title-bar' id='header'>
Style conversation menu
2015-01-26 21:37:13 +01:00
<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}}
s/End Session/Reset Session/ Use the friendlier sounding copy from iOS.
2015-03-03 20:40:23 +01:00
<li><a class='end-session'>Reset Session</a></li>
Add key verification screen Accessible from the menu on private conversations.
2015-02-27 03:10:04 +01:00
<li><a class='verify-identity'>Verify Identity</a></li>
Style conversation menu
2015-01-26 21:37:13 +01:00
{{/group}}
<li><a class='destroy'>Delete messages</a></li>
</ul>
</div>
Fixup conversation page styles and functionality Render the entire conversation from a template, because some parts of it must be rendered conditionally if it is a group vs private conversation. Also apply some style fixes and restore lost functionality: * Make conversation title bar fixed. * Widens message bubbles. * Unhide message list. * Restore attachment rendering. * Restore message sending and attachment file selection. * Style attachments file input as a paperclip. * Style send button like on Android and make it a submit input.
2015-01-22 10:39:07 +01:00
</div>
Simplify panel state management and message passing
2015-01-22 05:27:42 +01:00
Fixup conversation page styles and functionality Render the entire conversation from a template, because some parts of it must be rendered conditionally if it is a group vs private conversation. Also apply some style fixes and restore lost functionality: * Make conversation title bar fixed. * Widens message bubbles. * Unhide message list. * Restore attachment rendering. * Restore message sending and attachment file selection. * Style attachments file input as a paperclip. * Style send button like on Android and make it a submit input.
2015-01-22 10:39:07 +01:00
<div class='discussion-container'></div>
Start on panels
2015-01-16 05:41:44 +01:00
Fix list view scrolling Resize handlers are ugly. But not as ugly as scroll handlers. :p Normalized some whitespace along the way.
2015-01-30 07:59:08 +01:00
<div class="bottom-bar" id='footer'>
Fixup conversation page styles and functionality Render the entire conversation from a template, because some parts of it must be rendered conditionally if it is a group vs private conversation. Also apply some style fixes and restore lost functionality: * Make conversation title bar fixed. * Widens message bubbles. * Unhide message list. * Restore attachment rendering. * Restore message sending and attachment file selection. * Style attachments file input as a paperclip. * Style send button like on Android and make it a submit input.
2015-01-22 10:39:07 +01:00
<form class='send'>
<div class='attachments'>
<div class='paperclip'></div>
Automatically compress and scale large images Do nothing to other file types. Continue to block files that are too large even after scaling and compression.
2015-03-04 02:50:24 +01:00
<input type='file' class='file-input'>
Fixup conversation page styles and functionality Render the entire conversation from a template, because some parts of it must be rendered conditionally if it is a group vs private conversation. Also apply some style fixes and restore lost functionality: * Make conversation title bar fixed. * Widens message bubbles. * Unhide message list. * Restore attachment rendering. * Restore message sending and attachment file selection. * Style attachments file input as a paperclip. * Style send button like on Android and make it a submit input.
2015-01-22 10:39:07 +01:00
</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>
Update styles to material design to match Android client (first pass)
2015-01-20 03:44:34 +01:00
<script type='text/x-tmpl-mustache' id='message'>
Fixup conversation page styles and functionality Render the entire conversation from a template, because some parts of it must be rendered conditionally if it is a group vs private conversation. Also apply some style fixes and restore lost functionality: * Make conversation title bar fixed. * Widens message bubbles. * Unhide message list. * Restore attachment rendering. * Restore message sending and attachment file selection. * Style attachments file input as a paperclip. * Style send button like on Android and make it a submit input.
2015-01-22 10:39:07 +01:00
<div class='sender'>{{ sender }}</div>
<img class='avatar' src='{{ contact_avatar }}'>
Refactor content message class names
2015-02-18 08:36:20 +01:00
<div class="bubble">
Update styles to material design to match Android client (first pass)
2015-01-20 03:44:34 +01:00
<p class="content">{{ message }}</p>
Fixup conversation page styles and functionality Render the entire conversation from a template, because some parts of it must be rendered conditionally if it is a group vs private conversation. Also apply some style fixes and restore lost functionality: * Make conversation title bar fixed. * Widens message bubbles. * Unhide message list. * Restore attachment rendering. * Restore message sending and attachment file selection. * Style attachments file input as a paperclip. * Style send button like on Android and make it a submit input.
2015-01-22 10:39:07 +01:00
<div class='attachments'></div>
Tweak delivery receipt and timestamp display Checkmark is no longer underlined when hovering over the timestamp.
2015-03-06 01:29:12 +01:00
<div class='meta'>
<span class='timestamp'>{{ timestamp }}</span>
<span class='checkmark hide'>✓</span>
</div>
Update styles to material design to match Android client (first pass)
2015-01-20 03:44:34 +01:00
</div>
</script>
Move templates from index to converation pages These templates are only needed in conversations.
2015-01-24 20:49:13 +01:00
<script type='text/x-tmpl-mustache' id='new-group-update-form'>
<div>
<input type='text' name='name' class='name' placeholder='Group Name' value="{{ name }}">
</div>
<div class='group-avatar'>
<div><input type='file' name='avatar' class='file-input'></div>
</div>
Remove bootstrap tagsinput
2015-02-08 08:57:04 +01:00
<div>Add members: <input name='members' class='members'></div>
Move templates from index to converation pages These templates are only needed in conversations.
2015-01-24 20:49:13 +01:00
<button class='send'>Update</button>
</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'>
Fixup file size warning Add contentType-specific limits, switch to lazy-init iff we encounter an oversized file, and restyle as a toast, factoring out a generic ToastView along the way.
2015-03-03 01:31:04 +01:00
Sorry, the selected file exceeds message size
restrictions. ({{ limit }}kB)
Move templates from index to converation pages These templates are only needed in conversations.
2015-01-24 20:49:13 +01:00
</script>
Add message detail view
2015-02-23 22:17:50 +01:00
<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>
<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'>
{{ #contacts }}
Render group members in the message detail view This requires that we fetch contact info when opening a conversation so that's available for rendering contact names and avatars.
2015-02-25 01:02:33 +01:00
<div>
<img class='avatar' src='{{ avatar }}'>
<span class='name'>{{ name }}</div>
{{ #conflict }}
<button class='resolve'>Key Conflict</button>
{{ /conflict }}
</div>
Add message detail view
2015-02-23 22:17:50 +01:00
{{ /contacts }}
</div>
</td>
</tr>
</table>
</div>
</script>
Add key verification screen Accessible from the menu on private conversations.
2015-02-27 03:10:04 +01:00
<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>
Start on panels
2015-01-16 05:41:44 +01:00
<script type="text/javascript" src="js/components.js"></script>
<script type="text/javascript" src="js/libtextsecure.js"></script>
<script type="text/javascript" src="js/database.js"></script>
<script type="text/javascript" src="js/libphonenumber-util.js"></script>
<script type="text/javascript" src="js/models/messages.js"></script>
<script type="text/javascript" src="js/models/conversations.js"></script>
<script type="text/javascript" src="js/chromium.js"></script>
DRY up a common view pattern Define a Whisper.View base class that automatically parses and renders templates and attributes defined by the subclass. This saves us a good number of lines of code as well as some marginal memory overhead, since we are no longer saving per-instance copies of template strings.
2015-03-06 00:25:49 +01:00
<script type="text/javascript" src="js/views/whisper_view.js"></script>
Fixup file size warning Add contentType-specific limits, switch to lazy-init iff we encounter an oversized file, and restyle as a toast, factoring out a generic ToastView along the way.
2015-03-03 01:31:04 +01:00
<script type="text/javascript" src="js/views/toast_view.js"></script>
Start on panels
2015-01-16 05:41:44 +01:00
<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>
add missing new group update view to conversation page
2015-01-25 10:17:32 +01:00
<script type="text/javascript" src="js/views/new_group_update_view.js"></script>
Render end session messages correctly
2015-02-13 22:12:54 +01:00
<script type="text/javascript" src="js/views/end_session_view.js"></script>
Start on panels
2015-01-16 05:41:44 +01:00
<script type="text/javascript" src="js/views/group_update_view.js"></script>
<script type="text/javascript" src="js/views/attachment_view.js"></script>
<script type="text/javascript" src="js/views/message_view.js"></script>
Add key verification screen Accessible from the menu on private conversations.
2015-02-27 03:10:04 +01:00
<script type="text/javascript" src="js/views/key_verification_view.js"></script>
Add message detail view
2015-02-23 22:17:50 +01:00
<script type="text/javascript" src="js/views/message_detail_view.js"></script>
Start on panels
2015-01-16 05:41:44 +01:00
<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/conversation_panel.js"></script>
</body>
</html>
Reference in a new issue Copy permalink