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.7 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">
Eliminate scrolling-tab. scrolling-tab used to be used to target which tab would be a recipient of the scroll events generated by PgUp, PgDn, etc. Since we now let the browser handle these natively, we don't need to worry about it. (Instead, when we hook the 'scroll' event, we should make sure that home screen.) (imported from commit c555d960da995a09b370867c96d17f4ce4f2171f)
2012-10-04 00:09:37 +02:00
<div class="zephyr_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/>
More consistent naming for #table and #filtered_table (imported from commit 966ab97522a79fb5cf6dc1e215487ceba01f6d11)
2012-09-20 20:27:43 +02:00
<table class="zephyr_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>
More consistent naming for #table and #filtered_table (imported from commit 966ab97522a79fb5cf6dc1e215487ceba01f6d11)
2012-09-20 20:27:43 +02:00
<table class="zephyr_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>
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 class="zephyr_compose" id="zephyr_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>
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 class="zephyr_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">
Use the new_zephyr form for personal zephyrs, rather than a duplicate. (imported from commit 741a785efba9ea40b5c1022d710360f086a2d859)
2012-10-05 23:42:58 +02:00
<input type="hidden" name="type" value="class" 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 %}
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
<table class="zephyr_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>
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="class-message">
Compose window class/instance should not be clickable. (imported from commit b32bc57e101d232fb9d0a1f1272aba35b536576f)
2012-09-28 00:03:16 +02:00
<td colspan="2" class="zephyr_newstyle_class">
Restyle compose box to be more consistent with our experiment. (imported from commit a035c82e83a0bb1a2eea24de18044e3022ecdde5)
2012-09-26 22:19:01 +02:00
<input type="text" class="zephyr_recipient_box" name="class" id="class" value="" placeholder="Stream" autocomplete="off"/>
</td>
Compose window class/instance should not be clickable. (imported from commit b32bc57e101d232fb9d0a1f1272aba35b536576f)
2012-09-28 00:03:16 +02:00
<td class="zephyr_newstyle_instance">
Restyle compose box to be more consistent with our experiment. (imported from commit a035c82e83a0bb1a2eea24de18044e3022ecdde5)
2012-09-26 22:19:01 +02:00
<input type="text" class="zephyr_recipient_box" name="instance" id="instance" value="" placeholder="Topic" autocomplete="off"/>
</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">
Restyle personals, attempt #2. (imported from commit a8bdf6ad1d7e3dd24b8d42b0f46472ba2db15900)
2012-09-28 20:34:09 +02:00
<td colspan="3" class="zephyr_newstyle_pm">
Rename huddle recipient field to #huddle_recipient. (imported from commit 8670f06679aa1554003aa2832dec3ed6d00ad1c3)
2012-10-09 15:36:24 +02:00
Huddle with <input type="text" class="zephyr_recipient_box" name="recipient" id="huddle_recipient" value="" placeholder="one or more of your friends..." 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>
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
<td class="zephyr_picture">
<div id="stream_or_huddle">
<ul class="nav nav-pills nav-stacked" id="zephyr-type-tabs">
<li class="active"><a href="#class-message" data-toggle="pill">Stream</a></li>
<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">
Restyle compose box to be more consistent with our experiment. (imported from commit a035c82e83a0bb1a2eea24de18044e3022ecdde5)
2012-09-26 22:19:01 +02:00
<div class="zephyr_content">
Use the new_zephyr form for personal zephyrs, rather than a duplicate. (imported from commit 741a785efba9ea40b5c1022d710360f086a2d859)
2012-10-05 23:42:58 +02:00
<textarea class="zephyr_message" name="content" id="new_zephyr" value="" placeholder="Compose your message here..."></textarea>
<input type="submit" value="Send" class="btn send_zephyr"/>
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>