2013-08-13 12:52:26 +02:00
|
|
|
<div id="compose">
|
2013-10-09 22:42:15 +02:00
|
|
|
<div id="compose-notifications" class="notifications above-composebox">
|
|
|
|
</div>
|
2013-08-21 19:53:34 +02:00
|
|
|
<div id="compose-container">
|
2016-12-02 01:36:40 +01:00
|
|
|
<div id="compose_controls" class="compose-content new-style">
|
2017-12-11 11:39:49 +01:00
|
|
|
<div id="nonexistent_stream_reply_error" class="alert-error">
|
|
|
|
<span class="compose-send-status-close">×</span>
|
|
|
|
<span id="compose-reply-error-msg"></span>
|
|
|
|
</div>
|
2013-06-14 22:02:45 +02:00
|
|
|
<div id="compose_buttons">
|
|
|
|
<span class="new_message_button">
|
2017-08-16 19:25:53 +02:00
|
|
|
<a class="drafts-link no-style" href="#drafts" title="{{ _('Drafts') }} (d)">
|
2017-06-06 01:57:22 +02:00
|
|
|
<button type="button" class="button small rounded compose_drafts_button">
|
2016-12-02 01:36:40 +01:00
|
|
|
<span>{{ _('Drafts') }}</span>
|
|
|
|
</button>
|
|
|
|
</a>
|
2017-12-11 17:04:42 +01:00
|
|
|
<span class="alert-draft pull-left">{{ _('Saved as draft') }}</span>
|
2016-12-02 01:36:40 +01:00
|
|
|
</span>
|
|
|
|
<span class="new_message_button">
|
2017-06-06 01:57:22 +02:00
|
|
|
<button type="button" class="button small rounded compose_stream_button"
|
2017-03-23 22:03:07 +01:00
|
|
|
id="left_bar_compose_stream_button_big"
|
|
|
|
title="{{ _('New topic') }} (c)">
|
2017-02-27 03:40:18 +01:00
|
|
|
<span class="compose_stream_button_label">{{ _('New topic') }}</span>
|
2013-06-14 22:02:45 +02:00
|
|
|
</button>
|
|
|
|
</span>
|
2014-02-27 22:58:10 +01:00
|
|
|
{% if not embedded %}
|
2013-06-14 22:02:45 +02:00
|
|
|
<span class="new_message_button">
|
2017-06-06 01:57:22 +02:00
|
|
|
<button type="button" class="button small rounded compose_private_button"
|
2017-03-23 22:03:07 +01:00
|
|
|
id="left_bar_compose_private_button_big"
|
|
|
|
title="{{ _('New private message') }} (C)">
|
2016-12-02 01:36:40 +01:00
|
|
|
<span class="compose_private_button_label">{{ _('New private message') }}</span>
|
2013-06-14 22:02:45 +02:00
|
|
|
</button>
|
|
|
|
</span>
|
2013-12-13 22:10:06 +01:00
|
|
|
{% endif %}
|
2017-12-11 11:39:49 +01:00
|
|
|
<span class="new_message_button">
|
|
|
|
<button type="button" class="button small rounded compose_reply_button"
|
|
|
|
id="left_bar_compose_reply_button_big"
|
|
|
|
title="{{ _('Reply') }} (r)">
|
|
|
|
<span class="compose_reply_button_label">{{ _('Reply') }}</span>
|
|
|
|
</button>
|
|
|
|
</span>
|
2013-06-14 22:02:45 +02:00
|
|
|
</div>
|
|
|
|
</div>
|
2013-08-21 19:53:34 +02:00
|
|
|
<div class="message_comp compose-content">
|
2017-11-26 19:58:36 +01:00
|
|
|
<div class="alert" id="compose-send-status">
|
2017-11-26 20:01:37 +01:00
|
|
|
<span class="compose-send-status-close">×</span>
|
2017-11-26 20:03:46 +01:00
|
|
|
<span id="compose-error-msg"></span>
|
2013-02-28 19:41:33 +01:00
|
|
|
</div>
|
2016-06-04 04:31:35 +02:00
|
|
|
<div id="compose_invite_users" class="alert home-error-bar"></div>
|
|
|
|
<div id="compose-all-everyone" class="alert home-error-bar"></div>
|
2017-12-18 16:09:41 +01:00
|
|
|
<div id="compose-announce" class="alert home-error-bar"></div>
|
2017-10-14 15:18:21 +02:00
|
|
|
<div id="compose_private_stream_alert" class="alert home-error-bar"></div>
|
2016-06-04 04:31:35 +02:00
|
|
|
<div id="out-of-view-notification" class="notification-alert"></div>
|
2013-11-19 21:21:15 +01:00
|
|
|
<div class="composition-area">
|
2017-08-16 19:25:53 +02:00
|
|
|
<button type="button" class="close" id='compose_close' title="{{ _('Cancel compose') }} (Esc)">×</button>
|
2015-12-01 00:18:33 +01:00
|
|
|
<form id="send_message_form" action="/json/messages" method="post">
|
2016-04-21 08:48:33 +02:00
|
|
|
{{ csrf_input }}
|
2013-02-28 19:41:33 +01:00
|
|
|
<table class="compose_table">
|
|
|
|
<tbody>
|
|
|
|
<tr class="ztable_layout_row">
|
2013-05-24 00:03:39 +02:00
|
|
|
<td class="ztable_comp_col1" />
|
|
|
|
<td class="ztable_comp_col2" />
|
2013-02-28 19:41:33 +01:00
|
|
|
</tr>
|
|
|
|
<tr id="stream-message">
|
2013-09-02 21:47:00 +02:00
|
|
|
<td class="message_header_colorblock message_header_stream left_part">
|
2013-02-28 19:41:33 +01:00
|
|
|
</td>
|
2013-09-02 21:47:00 +02:00
|
|
|
<td class="right_part">
|
2013-09-03 17:55:57 +02:00
|
|
|
<span id="compose-lock-icon">
|
2016-04-21 08:48:33 +02:00
|
|
|
<i class="icon-vector-lock" title="{{ _('This is an invite-only stream') }}"></i>
|
2013-09-03 17:55:57 +02:00
|
|
|
</span>
|
2013-09-04 01:14:29 +02:00
|
|
|
<input type="text" class="recipient_box" name="stream" id="stream"
|
|
|
|
maxlength="30"
|
2017-07-12 11:13:37 +02:00
|
|
|
value="" placeholder="{{ _('Stream') }}" autocomplete="off" tabindex="0" aria-label="{{ _('Stream') }}"/>
|
2013-05-09 00:39:47 +02:00
|
|
|
<i class="icon-vector-narrow icon-vector-small"></i>
|
2013-02-28 19:41:33 +01:00
|
|
|
<input type="text" class="recipient_box" name="subject" id="subject"
|
|
|
|
maxlength="60"
|
2017-07-12 11:13:37 +02:00
|
|
|
value="" placeholder="{{ _('Topic') }}" autocomplete="off" tabindex="0" aria-label="{{ _('Topic') }}"/>
|
2013-02-28 19:41:33 +01:00
|
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
<tr id="private-message">
|
2013-09-04 22:08:04 +02:00
|
|
|
<td class="message_header_colorblock message_header_private_message message_header left_part">
|
|
|
|
|
|
|
|
</td>
|
2013-09-02 21:47:00 +02:00
|
|
|
<td class="right_part">
|
|
|
|
<div class="pm_recipient">
|
2016-04-21 08:48:33 +02:00
|
|
|
<span class="you_text">{{ _('You and') }}</span>
|
2013-09-02 21:47:00 +02:00
|
|
|
<input type="text" class="recipient_box" name="recipient" id="private_message_recipient"
|
2017-06-20 15:30:15 +02:00
|
|
|
value="" placeholder="{{ _('one or more people...') }}" autocomplete="off" tabindex="0"/>
|
2013-09-02 21:47:00 +02:00
|
|
|
</div>
|
2013-02-28 19:41:33 +01:00
|
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
<tr>
|
2013-09-02 21:47:00 +02:00
|
|
|
<td class="messagebox" colspan="2">
|
2017-11-26 20:37:44 +01:00
|
|
|
<textarea class="new_message_textarea" name="content" id='compose-textarea'
|
2017-07-12 11:13:37 +02:00
|
|
|
value="" placeholder="{{ _('Compose your message here...') }}" tabindex="0" maxlength="10000" aria-label="{{ _('Compose your message here...') }}"></textarea>
|
2016-09-26 22:03:42 +02:00
|
|
|
<div class="scrolling_list" id="preview_message_area" style="display:none;">
|
|
|
|
<div id="markdown_preview_spinner"></div>
|
|
|
|
<div id="preview_content"></div>
|
|
|
|
</div>
|
2015-10-15 22:34:30 +02:00
|
|
|
<div class="drag"></div>
|
2016-07-13 03:36:02 +02:00
|
|
|
<div id="below-compose-content">
|
2013-05-10 20:01:55 +02:00
|
|
|
<input type="file" id="file_input" class="notvisible pull-left" multiple />
|
2015-10-15 22:34:30 +02:00
|
|
|
<a class="message-control-button icon-vector-smile"
|
2017-08-16 19:26:36 +02:00
|
|
|
id="emoji_map" href="#" title="{{ _('Add emoji') }}"></a>
|
2017-10-31 00:41:01 +01:00
|
|
|
<a class="message-control-button icon-vector-font"
|
|
|
|
title="{{ _('Formatting') }}" data-overlay-trigger="markdown-help"></a>
|
2013-08-10 04:42:53 +02:00
|
|
|
<a class="message-control-button icon-vector-dropbox notdisplayed"
|
2016-04-21 08:48:33 +02:00
|
|
|
id="attach_dropbox_files" href="#" title="{{ _('Attach files from Dropbox') }}"></a>
|
2013-05-10 20:01:55 +02:00
|
|
|
<a class="message-control-button icon-vector-paper-clip notdisplayed"
|
2016-04-21 08:48:33 +02:00
|
|
|
id="attach_files" href="#" title="{{ _('Attach files') }}"></a>
|
2017-08-11 01:51:48 +02:00
|
|
|
<a class="message-control-button fa fa-video-camera"
|
|
|
|
id="video_link" href="#" title="{{ _('Add video call') }}"></a>
|
2017-10-31 00:40:23 +01:00
|
|
|
<a id="undo_markdown_preview"
|
|
|
|
class="message-control-button icon-vector-edit"
|
|
|
|
style="display:none;" title="{{ _('Write') }}"></a>
|
|
|
|
<a id="markdown_preview" class="message-control-button icon-vector-eye-open"
|
|
|
|
title="{{ _('Preview') }}"></a>
|
2017-08-16 19:25:53 +02:00
|
|
|
<a class="drafts-link" href="#drafts" title="{{ _('Drafts') }} (d)">{{ _('Drafts') }}</a>
|
2016-10-13 14:31:53 +02:00
|
|
|
<span id="sending-indicator">{{ _('Sending...') }}</span>
|
2016-12-02 01:36:40 +01:00
|
|
|
<div id="send_controls" class="new-style">
|
2017-12-10 00:43:17 +01:00
|
|
|
<label id="enter-sends-label" class="compose_checkbox_label">
|
|
|
|
<input type="checkbox" id="enter_sends" />{{ _('Press Enter to send') }}
|
|
|
|
</label>
|
2017-08-16 19:25:53 +02:00
|
|
|
<button type="submit" id="compose-send-button" class="button small send_message" tabindex="150" title="{{ _('Send') }} (Ctrl + Enter)">{{ _('Send') }}</button>
|
2013-02-28 19:41:33 +01:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
</tbody>
|
|
|
|
</table>
|
|
|
|
</form>
|
2013-11-19 21:21:15 +01:00
|
|
|
</div>
|
2013-02-28 19:41:33 +01:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|