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

77 lines
4.8 KiB
HTML
Raw Normal View History

Better, but still not great, small-window behavior. I'd like it to ultimately be the case that if you make the window too narrow, the menubar goes to the very top and has small icons. (imported from commit 0a5fe548d4d848c0358c9780df7af1fe1abc93fa)
2012-10-05 17:46:07 +02:00
<div class="row-fluid">
<div class="span12">
Rename zephyr_list to message_list. (imported from commit e9fbf075036f85aaf95d492701efb464347d9586)
2012-10-10 00:05:37 +02:00
<div class="message_list" id="main_div">
Add an interim "Loading..." indicator We will probably re-style this eventually. Also, the animation freezes during template rendering. And the HTML is a "give up and use tables" situation. (imported from commit 847374b616dc7ce909834f23d5ed9522aa457254)
2012-09-26 22:44:38 +02:00
<table id="loading_indicator">
<tr><td id="loading_spinner"></td><td>Loading...</td></tr>
</table>
Refactor our different pages into separate templates. They are all included by index.html in different divs. (imported from commit bd8b485516007075d33c2614b1de9f08999e927c)
2012-09-17 20:59:26 +02:00
<br/><br/>
Rename zephyr_table to message_table. (imported from commit 5a898b642235516a193eaacdf430ca9bb0eccc38)
2012-10-09 23:53:06 +02:00
<table class="message_table focused_table" id="zhome">
Refactor our different pages into separate templates. They are all included by index.html in different divs. (imported from commit bd8b485516007075d33c2614b1de9f08999e927c)
2012-09-17 20:59:26 +02:00
<tbody>
</tbody>
</table>
Rename zephyr_table to message_table. (imported from commit 5a898b642235516a193eaacdf430ca9bb0eccc38)
2012-10-09 23:53:06 +02:00
<table class="message_table" id="zfilt">
Long class and instance names get auto-abbreviated. This required some serious retooling of the table, and some thinking about the interactions between table-layout: fixed and colspan. And some of it is still a little magic-number-y. (Like that 97% width on zephyr_compose_box -- without it, the stream compose box looks weird in Chrome, but not Firefox.) (imported from commit 20c426ad2dae5efa3107890b28976a957bb3d1e3)
2012-10-02 20:47:01 +02:00
<tbody>
</tbody>
Reimplement collapsing, for realsies this time. We no longer break random things! Its pretty grand, actually. This reworks and reverts commit fbadd6e854722e41cccd2535748ee47f4efd657b. Conflicts: zephyr/static/js/zephyr.js (imported from commit 534a120290855d3bf2cf979ac174267c2d07bf68)
2012-09-13 22:00:11 +02:00
</table>
Refactor our different pages into separate templates. They are all included by index.html in different divs. (imported from commit bd8b485516007075d33c2614b1de9f08999e927c)
2012-09-17 20:59:26 +02:00
<br/><br/>
<div class="row" id="narrowbox">
Restyle narrowbar to avoid wrapping. Previously, when we narrowed on a super-long class/instance or a huddle with lots of people, the box overflowed. This is an attempt to fix that, even if it isn't the prettiest. (imported from commit 4eb58726a4c4714bd5435a791ad8fea0eabb58ed)
2012-10-03 00:36:34 +02:00
<div class="pull-left" id="narrowlabel">
<span id="currently_narrowed_to"></span>
</div>
Make composebox look better. Make it look as wide as normal messages, and improve the closing 'x'. (imported from commit 2aae92192ba8fc9bc4ee28a57755c4bd40726fb4)
2012-10-03 22:50:32 +02:00
<div class="close" onclick="show_all_messages()">&times;</div>
Refactor our different pages into separate templates. They are all included by index.html in different divs. (imported from commit bd8b485516007075d33c2614b1de9f08999e927c)
2012-09-17 20:59:26 +02:00
</div>
<div id="bottom_whitespace"></div>
</div>
Rename zephyr_compose* to compose*. (imported from commit 103351bbdb7657720d7b7b9f57ee88e5957d09a4)
2012-10-09 23:56:16 +02:00
<div class="compose" id="compose">
Compose box UI experiment. (imported from commit cf95f39da1a8c6558d2a3c3629efe425e274e80d)
2012-09-27 22:54:27 +02:00
<div class="alert" id="send-status"></div>
Make composebox look better. Make it look as wide as normal messages, and improve the closing 'x'. (imported from commit 2aae92192ba8fc9bc4ee28a57755c4bd40726fb4)
2012-10-03 22:50:32 +02:00
<div class="close composebox-close" onclick="hide_compose()">&times;</div>
Rename zephyr_comp to message_comp. (imported from commit 752b669c3298dd791ba26de9fd815faa1b4e8a73)
2012-10-10 00:06:04 +02:00
<div class="message_comp">
Rename /zephyr/ to /send_message/. (imported from commit 41c2ff67cfc514e53aff8648c36f545526e324ed)
2012-10-03 00:09:18 +02:00
<form action="/send_message/" method="post" class="zephyr">
Change send_message to accept a stream, not a class. (imported from commit 0f58de2502bec227f5f33e44692d03f2f28d6f63)
2012-10-10 23:09:16 +02:00
<input type="hidden" name="type" value="stream" id="new_message_type"/>
Refactor our different pages into separate templates. They are all included by index.html in different divs. (imported from commit bd8b485516007075d33c2614b1de9f08999e927c)
2012-09-17 20:59:26 +02:00
{% csrf_token %}
Rename zephyr_compose* to compose*. (imported from commit 103351bbdb7657720d7b7b9f57ee88e5957d09a4)
2012-10-09 23:56:16 +02:00
<table class="compose_table">
Refactor our different pages into separate templates. They are all included by index.html in different divs. (imported from commit bd8b485516007075d33c2614b1de9f08999e927c)
2012-09-17 20:59:26 +02:00
<tbody>
Long class and instance names get auto-abbreviated. This required some serious retooling of the table, and some thinking about the interactions between table-layout: fixed and colspan. And some of it is still a little magic-number-y. (Like that 97% width on zephyr_compose_box -- without it, the stream compose box looks weird in Chrome, but not Firefox.) (imported from commit 20c426ad2dae5efa3107890b28976a957bb3d1e3)
2012-10-02 20:47:01 +02:00
<tr style="visibility: collapse;">
<td class="ztable_col1" />
<td class="ztable_col2" />
<td class="ztable_col3" />
</tr>
Rename class-message to stream-message. (imported from commit fe69222bdca28bab303adca8ea8448a6aac35e40)
2012-10-10 23:29:02 +02:00
<tr id="stream-message">
Rename zephyr_newstyle_* to message_newstyle_*. (imported from commit 774588d19c782255ce128cbadb20aef8373d0030)
2012-10-10 00:01:31 +02:00
<td colspan="2" class="message_newstyle_class">
Rename #class* to #stream*. (imported from commit a8f15f636f3801ba1152f1020e885240984d070e)
2012-10-10 23:33:38 +02:00
<input type="text" class="recipient_box" name="stream" id="stream" onchange="focus_on('instance')" value="" placeholder="Stream" autocomplete="off"/>
Restyle compose box to be more consistent with our experiment. (imported from commit a035c82e83a0bb1a2eea24de18044e3022ecdde5)
2012-09-26 22:19:01 +02:00
</td>
Rename zephyr_newstyle_* to message_newstyle_*. (imported from commit 774588d19c782255ce128cbadb20aef8373d0030)
2012-10-10 00:01:31 +02:00
<td class="message_newstyle_instance">
Rename "Topic" to "Subject". (imported from commit ad35917f2f3d3d382426d4514cefd1ef100ee2a4)
2012-10-10 17:57:32 +02:00
<input type="text" class="recipient_box" name="instance" id="instance" onchange="focus_on('new_message_content')" value="" placeholder="Subject" autocomplete="off"/>
Restyle compose box to be more consistent with our experiment. (imported from commit a035c82e83a0bb1a2eea24de18044e3022ecdde5)
2012-09-26 22:19:01 +02:00
</td>
</tr>
Use the new_zephyr form for personal zephyrs, rather than a duplicate. (imported from commit 741a785efba9ea40b5c1022d710360f086a2d859)
2012-10-05 23:42:58 +02:00
<tr id="personal-message">
Rename zephyr_newstyle_* to message_newstyle_*. (imported from commit 774588d19c782255ce128cbadb20aef8373d0030)
2012-10-10 00:01:31 +02:00
<td colspan="3" class="message_newstyle_pm">
Rename "Topic" to "Subject". (imported from commit ad35917f2f3d3d382426d4514cefd1ef100ee2a4)
2012-10-10 17:57:32 +02:00
Huddle with <input type="text" class="recipient_box" name="recipient" id="huddle_recipient" onblur="focus_on('new_message_content')" value="" placeholder="one or more people..." autocomplete="off"/>
Restyle compose box to be more consistent with our experiment. (imported from commit a035c82e83a0bb1a2eea24de18044e3022ecdde5)
2012-09-26 22:19:01 +02:00
</td>
</tr>
<tr>
Rename zephyr_picture to message_picture. (imported from commit 829ccc59184ff7728c6da61d4ed71db1695e1729)
2012-10-10 00:06:50 +02:00
<td class="message_picture">
HTML cleanup since the two compose forms are now unified. This also prevents the "bounciness" associated with the fact that the stream/huddle selector was an absolutely positioned div relative to the bottom of the compose window. (imported from commit 413003a83c187efd45d0281f7cb6c9d0bd550674)
2012-10-09 17:03:59 +02:00
<div id="stream_or_huddle">
Rename zephyr-type-tabs to message-type-tabs. (imported from commit 623d226209bc6cbe20721be08a271e52185ea65e)
2012-10-09 23:46:41 +02:00
<ul class="nav nav-pills nav-stacked" id="message-type-tabs">
Rename class-message to stream-message. (imported from commit fe69222bdca28bab303adca8ea8448a6aac35e40)
2012-10-10 23:29:02 +02:00
<li class="active"><a href="#stream-message" data-toggle="pill">Stream</a></li>
HTML cleanup since the two compose forms are now unified. This also prevents the "bounciness" associated with the fact that the stream/huddle selector was an absolutely positioned div relative to the bottom of the compose window. (imported from commit 413003a83c187efd45d0281f7cb6c9d0bd550674)
2012-10-09 17:03:59 +02:00
<li><a href="#personal-message" data-toggle="pill">Huddle</a></li>
</ul>
</div>
</td>
Restyle compose box to be more consistent with our experiment. (imported from commit a035c82e83a0bb1a2eea24de18044e3022ecdde5)
2012-09-26 22:19:01 +02:00
<td class="pointer"></td>
Use the new_zephyr form for personal zephyrs, rather than a duplicate. (imported from commit 741a785efba9ea40b5c1022d710360f086a2d859)
2012-10-05 23:42:58 +02:00
<td class="messagebox">
Rename zephyr_content to message_content. (imported from commit 05e255ec275a8aeaf3967d6a4305cc4440c81913)
2012-10-10 00:02:28 +02:00
<div class="message_content">
Rename zephyr_message to new_message_textarea. (imported from commit 7176738a9bf04bf96327338626e63adf03884a56)
2012-10-10 00:07:41 +02:00
<textarea class="new_message_textarea" name="content" id="new_message_content" value="" placeholder="Compose your message here..."></textarea>
Rename send_zephyr to send_message. (imported from commit 211d5a78435fe797191425a2ed975ca1885a15a6)
2012-10-10 00:05:05 +02:00
<input type="submit" value="Send" class="btn send_message"/>
Restyle compose box to be more consistent with our experiment. (imported from commit a035c82e83a0bb1a2eea24de18044e3022ecdde5)
2012-09-26 22:19:01 +02:00
</div>
</td>
</tr>
Refactor our different pages into separate templates. They are all included by index.html in different divs. (imported from commit bd8b485516007075d33c2614b1de9f08999e927c)
2012-09-17 20:59:26 +02:00
</tbody>
</table>
</form>
</div>
</div>
Add page up and down arrows to the zephyr list. (imported from commit e66dfc4eef150e5b84d98ab7346d4d66852699b3)
2012-09-24 21:02:13 +02:00
</div>
</div>