Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
zulip/templates/zephyr/compose.html

88 lines
4.5 KiB
HTML
Raw Normal View History

Make layout more responsive. To be fully responsive, we can basically never specify the width of our container in a fixed number of pixels; otherwise we'll run into the situation where there's an inordinate amount of wasted space on our left and right. So everything needs to change from, e.g. row to row-fluid, and that has a whole cascading series of changes that that implies. (imported from commit 7e2771d916f429548c65c0a00fc4c11397054656)
2013-02-28 19:04:58 +01:00
<div class="row-fluid">
<div class="span12" id="compose">
Hide more things when you "close" the compose box. This change backs off from the always-open-compose-box paradigm, so that when a user "closes" the compose box, they can no longer type text, attach files, etc., and instead, they have buttons to reopen the compose box. (This change does not affect the feature that when you're in reply mode, the compose box stays open.) (imported from commit 32305d5b35f457a83f126a2265defdd98e885a2b)
2013-06-14 22:02:45 +02:00
<div id="compose_controls">
<div id="compose_buttons">
<span class="new_message_button">
<button type="button" class="btn btn-large compose_stream_button"
Slightly cleaner hotkey help for "New X message" buttons. The "hotkey='x'" syntax was a bit too programmery for my tastes. (imported from commit 3b4c6f500301b4a4efc2834190f1e86e7f825c3a)
2013-06-21 00:43:19 +02:00
id="left_bar_compose_stream_button_big" title="New stream message (c)">
Prevent buttons from stacking in a narrow window by removing their text labels (imported from commit ab1526e12d7fea0dd791ae02f419ab65d7430e30)
2013-06-20 17:56:48 +02:00
<i class="icon-vector-bullhorn"></i><span class="compose_stream_button_label">&nbsp;&nbsp;New stream message</span>
Hide more things when you "close" the compose box. This change backs off from the always-open-compose-box paradigm, so that when a user "closes" the compose box, they can no longer type text, attach files, etc., and instead, they have buttons to reopen the compose box. (This change does not affect the feature that when you're in reply mode, the compose box stays open.) (imported from commit 32305d5b35f457a83f126a2265defdd98e885a2b)
2013-06-14 22:02:45 +02:00
</button>
</span>
<span class="new_message_button">
<button type="button" class="btn btn-large compose_private_button"
Slightly cleaner hotkey help for "New X message" buttons. The "hotkey='x'" syntax was a bit too programmery for my tastes. (imported from commit 3b4c6f500301b4a4efc2834190f1e86e7f825c3a)
2013-06-21 00:43:19 +02:00
id="left_bar_compose_private_button_big" title="New private message (C)">
Prevent buttons from stacking in a narrow window by removing their text labels (imported from commit ab1526e12d7fea0dd791ae02f419ab65d7430e30)
2013-06-20 17:56:48 +02:00
<i class="icon-vector-user"></i><span class="compose_private_button_label">&nbsp;&nbsp;New private message</span>
Hide more things when you "close" the compose box. This change backs off from the always-open-compose-box paradigm, so that when a user "closes" the compose box, they can no longer type text, attach files, etc., and instead, they have buttons to reopen the compose box. (This change does not affect the feature that when you're in reply mode, the compose box stays open.) (imported from commit 32305d5b35f457a83f126a2265defdd98e885a2b)
2013-06-14 22:02:45 +02:00
</button>
</span>
</div>
</div>
Move composebox into its own file. Similarly, here, no code should have changed. (imported from commit 0d739a28b4894dd28acea0a3d9ee503109368425)
2013-02-28 19:41:33 +01:00
<div class="message_comp">
Add a close button to the compose dialog (since users may not know to use Esc) (imported from commit 47dca0b2c76449be1d885b74c1cf6b036aa459c7)
2013-06-12 23:57:43 +02:00
<button type="button" class="close" id='compose_close'>×</button>
Move composebox into its own file. Similarly, here, no code should have changed. (imported from commit 0d739a28b4894dd28acea0a3d9ee503109368425)
2013-02-28 19:41:33 +01:00
<div class="alert" id="send-status">
Add a close button to the compose dialog (since users may not know to use Esc) (imported from commit 47dca0b2c76449be1d885b74c1cf6b036aa459c7)
2013-06-12 23:57:43 +02:00
<span class="send-status-close">&times;</span>
<span id="error-msg"></span>
Move composebox into its own file. Similarly, here, no code should have changed. (imported from commit 0d739a28b4894dd28acea0a3d9ee503109368425)
2013-02-28 19:41:33 +01:00
</div>
<form id="send_message_form" action="/json/send_message" method="post">
{% csrf_token %}
<table class="compose_table">
<tbody>
<tr class="ztable_layout_row">
Modify some messagebox colors and put the timestamp and icons into one line * Change the highlight colors for private and mention messages * Put timestamp and message controls into a single line * Modify layout to allow more flexibility in control placement * Lighten narrowed view background color * Adjust composition area columns (imported from commit c7edca358b079da0ca76fa26d998946574bded6a)
2013-05-24 00:03:39 +02:00
<td class="ztable_comp_col1" />
<td class="ztable_comp_col2" />
Move composebox into its own file. Similarly, here, no code should have changed. (imported from commit 0d739a28b4894dd28acea0a3d9ee503109368425)
2013-02-28 19:41:33 +01:00
</tr>
<tr id="stream-message">
Change a number of CSS properties to address various bugs. This mostly applies to the previous two commits. In principle, this could be teased out and merged into them, but the hassle here doesn't totally seem to be worth it. (imported from commit ee2469ca3762c50c6db49b93eec02b32589eafe3)
2013-06-27 08:49:38 +02:00
<td class="message_header message_header_stream left_part">
Move composebox into its own file. Similarly, here, no code should have changed. (imported from commit 0d739a28b4894dd28acea0a3d9ee503109368425)
2013-02-28 19:41:33 +01:00
</td>
<td class="message_header message_header_stream right_part">
Show lock icon in compose box for invite-only streams (811) (imported from commit c563fa605d850f39c3b3f0ae9530700f1d1b6e73)
2013-05-02 17:12:58 +02:00
<span id="compose-lock-icon">
<i class="icon-lock" title="This is an invite-only stream"></i>
</span>
Move composebox into its own file. Similarly, here, no code should have changed. (imported from commit 0d739a28b4894dd28acea0a3d9ee503109368425)
2013-02-28 19:41:33 +01:00
<input type="text" class="recipient_box" name="stream" id="stream"
maxlength="30"
value="" placeholder="Stream" autocomplete="off" tabindex="120"/>
Added new "narrow" icon to FontAwesome and placed it in the message headers and composition pane header. (imported from commit e8f927f464f78b680a03e1647128541abe872cde)
2013-05-09 00:39:47 +02:00
<i class="icon-vector-narrow icon-vector-small"></i>
Move composebox into its own file. Similarly, here, no code should have changed. (imported from commit 0d739a28b4894dd28acea0a3d9ee503109368425)
2013-02-28 19:41:33 +01:00
<input type="text" class="recipient_box" name="subject" id="subject"
maxlength="60"
value="" placeholder="Subject" autocomplete="off" tabindex="130"/>
</td>
</tr>
<tr id="private-message">
Change a number of CSS properties to address various bugs. This mostly applies to the previous two commits. In principle, this could be teased out and merged into them, but the hassle here doesn't totally seem to be worth it. (imported from commit ee2469ca3762c50c6db49b93eec02b32589eafe3)
2013-06-27 08:49:38 +02:00
<td class="message_header_private_message message_header left_part"></td>
<td class="message_header_private_message message_header right_part dark_background">
Move composebox into its own file. Similarly, here, no code should have changed. (imported from commit 0d739a28b4894dd28acea0a3d9ee503109368425)
2013-02-28 19:41:33 +01:00
You and <input type="text" class="recipient_box" name="recipient" id="private_message_recipient"
value="" placeholder="one or more people..." autocomplete="off" tabindex="130"/>
</td>
</tr>
<tr>
Make the compose box take less vertical space. (imported from commit ca28485d3def93e9c8b3e4a257f05ff4fb74ea18)
2013-05-10 20:01:55 +02:00
<td id="left-of-compose">
<div>
<input type="file" id="file_input" class="notvisible pull-left" multiple />
<a class="message-control-button icon-vector-paper-clip notdisplayed"
id="attach_files" href="#" title="Attach files"></a><br />
<a class="message-control-button icon-vector-font"
href="#markdown-help" title="Formatting" data-toggle="modal"></a>
</div>
</td>
Move composebox into its own file. Similarly, here, no code should have changed. (imported from commit 0d739a28b4894dd28acea0a3d9ee503109368425)
2013-02-28 19:41:33 +01:00
<td class="messagebox">
<div class="message_content">
<textarea class="new_message_textarea" name="content" id="new_message_content"
value="" placeholder="Compose your message here..." tabindex="140" maxlength="10000"></textarea>
<div id="send_controls">
<input type="submit" value="Send" id="compose-send-button" class="btn btn-primary send_message" tabindex="150"/>
</div>
</div>
Add UI for restoring a message draft. (imported from commit 3e374048a59d2caf858eb1ce9eae3e22eb0835e4)
2013-04-05 16:44:29 +02:00
<div id="below-compose-content">
Make text-underneath-compose-box all nicely line up together. (imported from commit d4676d95ccad18f65a29447647581b41d53dfa9a)
2013-04-24 23:44:25 +02:00
<a id="restore-draft" onclick="compose.restore_message();">Restore last draft?</a>
<span id="sending-indicator">Sending...</span>
Align Enter sends message with checkbox. This also saves us a little bit of vertical space. (imported from commit b7740f93259eb4678bac9370f1090d2c02954be7)
2013-05-10 20:46:57 +02:00
<input type="checkbox" class="pull-right" id="enter_sends" name="enter_sends" value="ender_sends" />
<label id="enter-sends-label" class="pull-right" for="enter_sends">Press Enter to send&nbsp;</label>
Move composebox into its own file. Similarly, here, no code should have changed. (imported from commit 0d739a28b4894dd28acea0a3d9ee503109368425)
2013-02-28 19:41:33 +01:00
</div>
</td>
</tr>
</tbody>
</table>
</form>
</div>
</div>
</div>