zulip/templates/zerver/compose.html

108 lines
5.8 KiB
HTML
Raw Normal View History

<div id="compose">
<div id="compose-notifications" class="notifications above-composebox">
</div>
<div id="compose-container">
<div id="compose_controls" class="compose-content">
<div id="compose_buttons">
<span class="new_message_button">
<button type="button" class="btn btn-default btn-large compose_stream_button"
id="left_bar_compose_stream_button_big" title="{{ _('New stream message (c)') }}">
<i class="icon-vector-bullhorn"></i><span class="compose_stream_button_label">&nbsp;&nbsp;{{ _('New stream message') }}</span>
</button>
</span>
{% if not embedded %}
<span class="new_message_button">
<button type="button" class="btn btn-default btn-large compose_private_button"
id="left_bar_compose_private_button_big" title="{{ _('New private message (C)') }}">
<i class="icon-vector-user"></i><span class="compose_private_button_label">&nbsp;&nbsp;{{ _('New private message') }}</span>
</button>
</span>
{% endif %}
</div>
</div>
<div class="message_comp compose-content">
<div class="alert" id="send-status">
<span class="send-status-close">&times;</span>
<span id="error-msg"></span>
</div>
<div id="compose_invite_users" class="alert home-error-bar"></div>
<div id="compose-all-everyone" class="alert home-error-bar"></div>
<div id="out-of-view-notification" class="notification-alert"></div>
<div class="composition-area">
<button type="button" class="close" id='compose_close'>×</button>
<form id="send_message_form" action="/json/messages" method="post">
{{ csrf_input }}
<table class="compose_table">
<tbody>
<tr class="ztable_layout_row">
<td class="ztable_comp_col1" />
<td class="ztable_comp_col2" />
</tr>
<tr id="stream-message">
<td class="message_header_colorblock message_header_stream left_part">
</td>
<td class="right_part">
<span id="compose-lock-icon">
<i class="icon-vector-lock" title="{{ _('This is an invite-only stream') }}"></i>
</span>
<input type="text" class="recipient_box" name="stream" id="stream"
maxlength="30"
value="" placeholder="{{ _('Stream') }}" autocomplete="off" tabindex="120"/>
<i class="icon-vector-narrow icon-vector-small"></i>
<input type="text" class="recipient_box" name="subject" id="subject"
maxlength="60"
value="" placeholder="{{ _('Topic') }}" autocomplete="off" tabindex="130"/>
</td>
</tr>
<tr id="private-message">
<td class="message_header_colorblock message_header_private_message message_header left_part">
</td>
<td class="right_part">
<div class="pm_recipient">
<span class="you_text">{{ _('You and') }}</span>
<input type="text" class="recipient_box" name="recipient" id="private_message_recipient"
value="" placeholder="{{ _('one or more people...') }}" autocomplete="off" tabindex="130"/>
</div>
</td>
</tr>
<tr>
<td class="messagebox" colspan="2">
2016-07-13 03:36:02 +02:00
<textarea class="new_message_textarea" name="content" id="new_message_content"
value="" placeholder="{{ _('Compose your message here...') }}" tabindex="140" maxlength="10000"></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>
<div class="drag"></div>
<div class="emoji_popover"></div>
2016-07-13 03:36:02 +02:00
<div id="below-compose-content">
<input type="file" id="file_input" class="notvisible pull-left" multiple />
<a class="message-control-button icon-vector-smile"
id="emoji_map" href="#"></a>
<a class="message-control-button icon-vector-dropbox notdisplayed"
id="attach_dropbox_files" href="#" title="{{ _('Attach files from Dropbox') }}"></a>
<a class="message-control-button icon-vector-paper-clip notdisplayed"
id="attach_files" href="#" title="{{ _('Attach files') }}"></a>
<a class="message-control-button icon-vector-font"
href="#markdown-help" title="{{ _('Formatting') }}" data-toggle="modal"></a>
<a id="undo_markdown_preview" class="icon-vector-edit" style="display:none;" title="{{ _('Write') }}"></a>
<a id="markdown_preview" class="icon-vector-eye-open" title="{{ _('Preview') }}"></a>
<a id="restore-draft" onclick="compose.restore_message();">{{ _('Restore draft') }}</a>
<span id="sending-indicator">{{ _('Sending...') }}</span>
<div id="send_controls">
2016-07-13 03:36:02 +02:00
<label id="enter-sends-label" class="compose_checkbox_label" for="enter_sends">{{ _('Press Enter to send') }}&nbsp;</label>
<input type="checkbox" id="enter_sends" name="enter_sends" value="enter_sends" />
<input type="submit" value="Send" id="compose-send-button" class="btn btn-primary send_message" tabindex="150"/>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</form>
</div>
</div>
</div>
</div>