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">
|
|
|
|
|
<div id="compose_controls" class="compose-content">
|
2013-06-14 22:02:45 +02:00
|
|
|
|
<div id="compose_buttons">
|
|
|
|
|
<span class="new_message_button">
|
|
|
|
|
<button type="button" class="btn btn-large compose_stream_button"
|
2013-06-21 00:43:19 +02:00
|
|
|
|
id="left_bar_compose_stream_button_big" title="New stream message (c)">
|
2013-06-20 17:56:48 +02:00
|
|
|
|
<i class="icon-vector-bullhorn"></i><span class="compose_stream_button_label"> New stream message</span>
|
2013-06-14 22:02:45 +02:00
|
|
|
|
</button>
|
|
|
|
|
</span>
|
2013-12-13 22:10:06 +01:00
|
|
|
|
{%if not embedded %}
|
2013-06-14 22:02:45 +02:00
|
|
|
|
<span class="new_message_button">
|
|
|
|
|
<button type="button" class="btn btn-large compose_private_button"
|
2013-06-21 00:43:19 +02:00
|
|
|
|
id="left_bar_compose_private_button_big" title="New private message (C)">
|
2013-06-20 17:56:48 +02:00
|
|
|
|
<i class="icon-vector-user"></i><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 %}
|
2013-06-14 22:02:45 +02:00
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2013-08-21 19:53:34 +02:00
|
|
|
|
<div class="message_comp compose-content">
|
2013-02-28 19:41:33 +01:00
|
|
|
|
<div class="alert" id="send-status">
|
2013-06-12 23:57:43 +02:00
|
|
|
|
<span class="send-status-close">×</span>
|
|
|
|
|
<span id="error-msg"></span>
|
2013-02-28 19:41:33 +01:00
|
|
|
|
</div>
|
2013-09-16 21:13:11 +02:00
|
|
|
|
<div id="compose_invite_users" class="alert"></div>
|
2013-11-19 21:21:15 +01:00
|
|
|
|
<div id="out-of-view-notification" class="notification-alert">
|
|
|
|
|
</div>
|
|
|
|
|
<div class="composition-area">
|
|
|
|
|
<button type="button" class="close" id='compose_close'>×</button>
|
2013-02-28 19:41:33 +01:00
|
|
|
|
<form id="send_message_form" action="/json/send_message" method="post">
|
|
|
|
|
{% csrf_token %}
|
|
|
|
|
<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">
|
|
|
|
|
<i class="icon-vector-lock" title="This is an invite-only stream"></i>
|
|
|
|
|
</span>
|
2013-09-04 01:14:29 +02:00
|
|
|
|
<input type="text" class="recipient_box" name="stream" id="stream"
|
|
|
|
|
maxlength="30"
|
|
|
|
|
value="" placeholder="Stream" autocomplete="off" tabindex="120"/>
|
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"
|
2013-07-16 21:00:52 +02:00
|
|
|
|
value="" placeholder="Topic" autocomplete="off" tabindex="130"/>
|
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">
|
2013-09-04 22:08:04 +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"
|
2013-02-28 19:41:33 +01:00
|
|
|
|
value="" placeholder="one or more people..." autocomplete="off" tabindex="130"/>
|
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">
|
|
|
|
|
<textarea class="new_message_textarea" name="content" id="new_message_content"
|
|
|
|
|
value="" placeholder="Compose your message here..." tabindex="140" maxlength="10000"></textarea>
|
|
|
|
|
<div id="below-compose-content">
|
2013-05-10 20:01:55 +02:00
|
|
|
|
<input type="file" id="file_input" class="notvisible pull-left" multiple />
|
2013-08-10 04:42:53 +02:00
|
|
|
|
<a class="message-control-button icon-vector-dropbox notdisplayed"
|
2013-09-02 21:47:00 +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"
|
2013-09-02 21:47:00 +02:00
|
|
|
|
id="attach_files" href="#" title="Attach files"></a>
|
2013-05-10 20:01:55 +02:00
|
|
|
|
<a class="message-control-button icon-vector-font"
|
|
|
|
|
href="#markdown-help" title="Formatting" data-toggle="modal"></a>
|
2013-09-02 21:47:00 +02:00
|
|
|
|
<a id="restore-draft" onclick="compose.restore_message();">Restore last draft?</a>
|
|
|
|
|
<span id="sending-indicator">Sending...</span>
|
2013-02-28 19:41:33 +01:00
|
|
|
|
<div id="send_controls">
|
2013-09-02 21:47:00 +02:00
|
|
|
|
<label id="enter-sends-label" class="compose_checkbox_label" for="enter_sends">Press Enter to send </label>
|
|
|
|
|
<input type="checkbox" id="enter_sends" name="enter_sends" value="enter_sends" />
|
2013-02-28 19:41:33 +01:00
|
|
|
|
<input type="submit" value="Send" id="compose-send-button" class="btn btn-primary send_message" tabindex="150"/>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2013-09-02 21:47:00 +02:00
|
|
|
|
|
2013-02-28 19:41:33 +01:00
|
|
|
|
</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>
|