Finish new Message component, integrate into application
Also: - New schema version 8 with video/image thumbnails, screenshots, sizes - Upgrade messages not at current schema version when loading messages to show in conversation - New MessageDetail react component - New ConversationHeader react component
This commit is contained in:
Scott Nonnenberg
222
background.html
222
background.html
@@ -23,9 +23,8 @@
|
||||
<link href='images/icon_128.png' rel='shortcut icon'>
|
||||
<link href="stylesheets/manifest.css" rel="stylesheet" type="text/css" />
|
||||
|
||||
<!-- When making changes to these templates, be sure to update these two places:
|
||||
1) test/styleguide/legacy_templates.js
|
||||
2) test/index.html
|
||||
<!--
|
||||
When making changes to these templates, be sure to update test/index.html as well
|
||||
-->
|
||||
|
||||
<script type='text/x-tmpl-mustache' id='app-loading-screen'>
|
||||
@@ -51,20 +50,20 @@
|
||||
</script>
|
||||
<script type='text/x-tmpl-mustache' id='two-column'>
|
||||
<div class='gutter'>
|
||||
<div class='network-status-container'></div>
|
||||
<div class='title-bar active' id='header'>
|
||||
<h1>Signal</h1>
|
||||
<div class='tool-bar clearfix'>
|
||||
<input type='search' class='search' placeholder='{{ searchForPeopleOrGroups }}' dir='auto'>
|
||||
<span class='search-icon'></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class='content'>
|
||||
<div class='conversations inbox'></div>
|
||||
<div class='conversations search-results hide'>
|
||||
<div class='new-contact contact hide'></div>
|
||||
</div>
|
||||
<div class='network-status-container'></div>
|
||||
<div class='title-bar active'>
|
||||
<div class='logo'>Signal</div>
|
||||
</div>
|
||||
<div class='tool-bar clearfix'>
|
||||
<input type='search' class='search' placeholder='{{ searchForPeopleOrGroups }}' dir='auto'>
|
||||
<span class='search-icon'></span>
|
||||
</div>
|
||||
<div class='content'>
|
||||
<div class='conversations inbox'></div>
|
||||
<div class='conversations search-results hide'>
|
||||
<div class='new-contact contact hide'></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class='conversation-stack'>
|
||||
<div class='conversation placeholder'>
|
||||
@@ -81,15 +80,14 @@
|
||||
<div class='lightbox-container'></div>
|
||||
</script>
|
||||
<script type='text/x-tmpl-mustache' id='scroll-down-button-view'>
|
||||
<button class='text {{ cssClass }}' alt='{{ moreBelow }}'>
|
||||
<div class='icon'></div>
|
||||
<button class='text module-scroll-down__button {{ buttonClass }}' alt='{{ moreBelow }}'>
|
||||
<div class='module-scroll-down__icon'></div>
|
||||
</button>
|
||||
</script>
|
||||
<script type='text/x-tmpl-mustache' id='last-seen-indicator-view'>
|
||||
<div class='bar'>
|
||||
<div class='text'>
|
||||
{{ unreadMessages }}
|
||||
</div>
|
||||
<div class='module-last-seen-indicator__bar'/>
|
||||
<div class='module-last-seen-indicator__text'>
|
||||
{{ unreadMessages }}
|
||||
</div>
|
||||
</script>
|
||||
<script type='text/x-tmpl-mustache' id='expired_alert'>
|
||||
@@ -112,46 +110,7 @@
|
||||
<p> {{ content }}</p>
|
||||
</script>
|
||||
<script type='text/x-tmpl-mustache' id='conversation'>
|
||||
<div class='conversation-header {{ avatar.color }}'>
|
||||
<div class='header-buttons left'>
|
||||
<div class='vertical-align'>
|
||||
<button class='back hide'></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class='header-buttons right'>
|
||||
<div class='vertical-align'>
|
||||
<div class='conversation-menu menu'>
|
||||
<button class='hamburger' alt='conversation menu'></button>
|
||||
<ul class='menu-list'>
|
||||
<li class='disappearing-messages'>{{ disappearing-messages }}</li>
|
||||
<li class='view-all-media'>{{ view-all-media }}</li>
|
||||
{{#group}}
|
||||
<li class='show-members'>{{ show-members }}</li>
|
||||
<!-- <li class='update-group'>Update group</li> -->
|
||||
<!-- <li class='leave-group'>Leave group</li> -->
|
||||
{{/group}}
|
||||
{{^group}}
|
||||
{{ ^isMe }}
|
||||
<li class='show-identity'>{{ show-identity }}</li>
|
||||
{{ /isMe }}
|
||||
<li class='end-session'>{{ end-session }}</li>
|
||||
{{/group}}
|
||||
<li class='destroy'>{{ destroy }}</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class='timer-menu menu'>
|
||||
<button class='clock' alt='timer menu'></button>
|
||||
<ul class='menu-list'>
|
||||
{{ #timer_options }}
|
||||
<li data-seconds={{ attributes.seconds }}>{{ getName }}</li>
|
||||
{{ /timer_options }}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<span class='conversation-title'></span>
|
||||
{{> avatar }}
|
||||
</div>
|
||||
<div class='conversation-header'></div>
|
||||
<div class='main panel'>
|
||||
<div class='discussion-container'>
|
||||
<div class='bar-container hide'>
|
||||
@@ -217,65 +176,6 @@
|
||||
<div class='fileSize'>{{ fileSize }}</div>
|
||||
</div>
|
||||
</script>
|
||||
<script type='text/x-tmpl-mustache' id='hasRetry'>
|
||||
{{ messageNotSent }}
|
||||
<span href='#' class='retry'>{{ resend }}</span>
|
||||
</script>
|
||||
<script type='text/x-tmpl-mustache' id='some-failed'>
|
||||
{{ someFailed }}
|
||||
</script>
|
||||
<script type='text/x-tmpl-mustache' id='keychange'>
|
||||
<span class='content' dir='auto'><span class='shield icon'></span> {{ content }}</span>
|
||||
</script>
|
||||
<script type='text/x-tmpl-mustache' id='verified-change'>
|
||||
<span class='content' dir='auto'><span class='{{ icon }} icon'></span> {{ content }}</span>
|
||||
</script>
|
||||
<script type='text/x-tmpl-mustache' id='message'>
|
||||
{{> avatar }}
|
||||
<div class='bubble {{ avatar.color }}'>
|
||||
<div class='sender' dir='auto'>
|
||||
{{ sender }}
|
||||
{{ #profileName }}
|
||||
<span class='profileName'>{{ profileName }} </span>
|
||||
{{ /profileName }}
|
||||
</div>
|
||||
<div class='tail-wrapper {{ innerBubbleClasses }}'>
|
||||
<div class='inner-bubble'>
|
||||
{{ #hasAttachments }}
|
||||
<div class='attachments'></div>
|
||||
{{ /hasAttachments }}
|
||||
{{ #hasBody }}
|
||||
<div class='content' dir='auto'>
|
||||
{{ #message }}
|
||||
<div class='body'></div>
|
||||
{{ /message }}
|
||||
</div>
|
||||
{{ /hasBody }}
|
||||
</div>
|
||||
</div>
|
||||
<div class='meta'>
|
||||
<span class='timestamp' data-timestamp={{ timestamp }}></span>
|
||||
<span class='status hide'></span>
|
||||
<span class='timer'></span>
|
||||
</div>
|
||||
{{ #hoverIcon }}
|
||||
<div class='menu-container menu'>
|
||||
<div class='menu-anchor'>
|
||||
<span class='dots-horizontal-icon'></span>
|
||||
<ul class='menu-list'>
|
||||
<li class='reply'>{{ reply }}</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
{{ /hoverIcon }}
|
||||
</div>
|
||||
</script>
|
||||
<script type='text/x-tmpl-mustache' id='hourglass'>
|
||||
<span class='hourglass'><span class='sand'></span></span>
|
||||
</script>
|
||||
<script type='text/x-tmpl-mustache' id='expirationTimerUpdate'>
|
||||
<span class='content'><span class='icon clock'></span> {{ content }}</span>
|
||||
</script>
|
||||
<script type='text/x-tmpl-mustache' id='new-group-update'>
|
||||
<div class='conversation-header'>
|
||||
<button class='back'></button>
|
||||
@@ -357,51 +257,6 @@
|
||||
<script type='text/x-tmpl-mustache' id='attachment-type-modal'>
|
||||
Sorry, your attachment has a type, {{type}}, that is not currently supported.
|
||||
</script>
|
||||
<script type='text/x-tmpl-mustache' id='message-detail'>
|
||||
<div class='container'>
|
||||
<div class='message-container'></div>
|
||||
<div class='info'>
|
||||
<table>
|
||||
{{ #errors }}
|
||||
<tr>
|
||||
<td class='label'>{{ errorLabel }}</td>
|
||||
<td> <span class='error-message'>{{message}}</span> </td>
|
||||
</tr>
|
||||
{{ /errors }}
|
||||
<tr>
|
||||
<td class='label'>{{ sent }}</td>
|
||||
<td> {{ sent_at }}</td>
|
||||
</tr>
|
||||
{{ #received_at }}
|
||||
<tr>
|
||||
<td class='label'>{{ received }}</td>
|
||||
<td> {{ received_at }}</td>
|
||||
</tr>
|
||||
{{ /received_at }}
|
||||
<tr> <td class='tofrom label'>{{tofrom}}</td> </tr>
|
||||
</table>
|
||||
<div class='contacts'>
|
||||
</div>
|
||||
</div>
|
||||
<div class='delete-container'>
|
||||
<button class='delete grey'>{{ deleteLabel }}</button>
|
||||
</div>
|
||||
</div>
|
||||
</script>
|
||||
<script type='text/x-tmpl-mustache' id='identity-key-send-error'>
|
||||
<div class='container'>
|
||||
<div class='explanation'>
|
||||
{{ errorExplanation }}
|
||||
</div>
|
||||
<div class='safety-number'>
|
||||
<button class='show-safety-number grey'>{{ showSafetyNumber }}</button>
|
||||
</div>
|
||||
<div class='actions'>
|
||||
<button class='send-anyway grey'>{{ sendAnyway }}</button>
|
||||
<button class='cancel grey'>{{ cancel }}</button>
|
||||
</div>
|
||||
</div>
|
||||
</script>
|
||||
<script type='text/x-tmpl-mustache' id='group-member-list'>
|
||||
<div class='container'>
|
||||
{{ #summary }} <div class='summary'>{{ summary }}</div>{{ /summary }}
|
||||
@@ -478,39 +333,6 @@
|
||||
<span class='error-message'>{{message}}</span>
|
||||
{{ /message }}
|
||||
</script>
|
||||
<script type='text/x-tmpl-mustache' id='contact-detail'>
|
||||
<div class='clearfix'>
|
||||
{{> avatar }}
|
||||
<div class='contact-details'>
|
||||
{{ #errors }}
|
||||
<div class='error-icon-container'>
|
||||
{{ #showErrorButton }}
|
||||
<button class='error'>
|
||||
<span class='icon error'></span>
|
||||
{{ errorButtonLabel }}
|
||||
</button>
|
||||
{{ /showErrorButton }}
|
||||
{{ ^showErrorButton }}
|
||||
<span class='error-icon'></span>
|
||||
{{ /showErrorButton }}
|
||||
</div>
|
||||
{{ /errors }}
|
||||
|
||||
{{ ^errors }}
|
||||
<div class='status-icon-container {{ status }}'>
|
||||
<span class='status'></span>
|
||||
</div>
|
||||
{{ /errors }}
|
||||
|
||||
<span class='name' dir='auto'>{{ name }}</span>
|
||||
{{ #errors }}
|
||||
{{ #message }}
|
||||
<p class='error-message'>{{message}}</p>
|
||||
{{ /message }}
|
||||
{{ /errors }}
|
||||
</div>
|
||||
</div>
|
||||
</script>
|
||||
<script type='text/x-tmpl-mustache' id='link_to_support'>
|
||||
<a href='http://support.signal.org/hc/articles/213134107' target='_blank'>
|
||||
{{ learnMore }}
|
||||
@@ -805,7 +627,6 @@
|
||||
<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/recorder_view.js'></script>
|
||||
@@ -818,7 +639,6 @@
|
||||
<script type='text/javascript' src='js/views/identicon_svg_view.js'></script>
|
||||
<script type='text/javascript' src='js/views/install_view.js'></script>
|
||||
<script type='text/javascript' src='js/views/banner_view.js'></script>
|
||||
<script type='text/javascript' src='js/views/identity_key_send_error_view.js'></script>
|
||||
<script type="text/javascript" src="js/views/phone-input-view.js"></script>
|
||||
<script type='text/javascript' src='js/views/standalone_registration_view.js'></script>
|
||||
<script type='text/javascript' src='js/views/app_view.js'></script>
|
||||
|
||||
Reference in New Issue
Block a user