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

85 lines
4.7 KiB
HTML
Raw Normal View History

Make the narrowbar responsive as well. This is one approach, anyway. Another is to keep it inside message_list, which is what we (currently) do in the composebox. (imported from commit 64c69b931012e3d21b7a10e3909f7a13f7dcfc4f)
2012-10-11 20:35:57 +02:00
<div class="row">
<div class="span9" id="narrowbox">
<div class="narrowcontent">
<div id="narrowlabel">
<span id="currently_narrowed_to"></span>
<div class="close" onclick="show_all_messages()">&times;</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="span9">
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 id="bottom_whitespace"></div>
</div>
Responsive compose window. (imported from commit 432223391cf158a6c8902370a911a08fd3179401)
2012-10-11 20:58:44 +02:00
</div>
</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
Responsive compose window. (imported from commit 432223391cf158a6c8902370a911a08fd3179401)
2012-10-11 20:58:44 +02:00
<div class="row">
<div class="span9 compose" id="compose">
<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">
Responsive compose window. (imported from commit 432223391cf158a6c8902370a911a08fd3179401)
2012-10-11 20:58:44 +02:00
<div class="alert" id="send-status"></div>
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 newstyle_class to newstyle_stream. (imported from commit b5b9dc1a899c31a07c9c5eba84fd4846aeb4cd08)
2012-10-10 23:35:30 +02:00
<td colspan="2" class="message_newstyle_stream">
Rename instance to subject. (imported from commit 6b4693da03f106448c137cf81cf9801cac44f2b8)
2012-10-11 00:01:39 +02:00
<input type="text" class="recipient_box" name="stream" id="stream" onchange="focus_on('subject')" 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 instance to subject. (imported from commit 6b4693da03f106448c137cf81cf9801cac44f2b8)
2012-10-11 00:01:39 +02:00
<td class="message_newstyle_subject">
<input type="text" class="recipient_box" name="subject" id="subject" 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>
Responsive compose window. (imported from commit 432223391cf158a6c8902370a911a08fd3179401)
2012-10-11 20:58:44 +02:00