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

123 lines
7.0 KiB
HTML
Raw Normal View History

Add page up and down arrows to the zephyr list. (imported from commit e66dfc4eef150e5b84d98ab7346d4d66852699b3)
2012-09-24 21:02:13 +02:00
<div class="container-fluid">
<div class="row-fluid">
<div class="span8">
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 id="wrapper">
Add page up/down support for all tabs. This does not yet try to keep the pointer in view. (imported from commit 865413ba70e271ed12d5cc45d13e56ff9a3275f9)
2012-09-24 16:52:48 +02:00
<div class="zephyr_list scrolling-tab" 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>
<div class="pull-right 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>
</div>
Unbreak the compose window. For some reason it was super-wide, probably due to a bug of mine. (imported from commit be5079d61eadb7b011e5c57084938f90bb741bc5)
2012-09-26 21:34:36 +02:00
<div class="tabbable zephyr_compose" id="zephyr_compose">
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 class="tab-content">
Compose box UI experiment. (imported from commit cf95f39da1a8c6558d2a3c3629efe425e274e80d)
2012-09-27 22:54:27 +02:00
<div class="alert" id="send-status"></div>
<div class="pull-right"><button type="button" class="close" onclick="hide_compose()">×</button></div>
<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>
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 class="tab-pane active" id="class-message">
<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">
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
<input type="hidden" name="type" value="class" />
{% 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>
Restyle compose box to be more consistent with our experiment. (imported from commit a035c82e83a0bb1a2eea24de18044e3022ecdde5)
2012-09-26 22:19:01 +02:00
<tr>
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>
<tr>
CSS cleanup. (imported from commit a7a13e57cf43368d66e94d01ef25ec14d0c15657)
2012-09-27 21:37:14 +02:00
<td class="zephyr_picture"></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>
<td class="messagebox">
<div class="zephyr_content">
Rename the 'new_zephyr' argument to the more descriptive 'content'. (imported from commit b47e2c4823bbfbf2f94cbafb24ed5d78dfbe841b)
2012-10-02 23:25:14 +02:00
<textarea class="zephyr_message" name="content" id="new_zephyr" value="" placeholder="Compose your message here..."></textarea>
Restyle compose box to be more consistent with our experiment. (imported from commit a035c82e83a0bb1a2eea24de18044e3022ecdde5)
2012-09-26 22:19:01 +02:00
<input type="submit" value="Send" class="btn send_zephyr"/>
</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>
<div class="tab-pane" id="personal-message">
<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">
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
<input type="hidden" name="type" value="personal" />
{% 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>
Restyle compose box to be more consistent with our experiment. (imported from commit a035c82e83a0bb1a2eea24de18044e3022ecdde5)
2012-09-26 22:19:01 +02:00
<tr>
Restyle personals, attempt #2. (imported from commit a8bdf6ad1d7e3dd24b8d42b0f46472ba2db15900)
2012-09-28 20:34:09 +02:00
<td colspan="3" class="zephyr_newstyle_pm">
Huddle with <input type="text" class="zephyr_recipient_box" name="recipient" id="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>
CSS cleanup. (imported from commit a7a13e57cf43368d66e94d01ef25ec14d0c15657)
2012-09-27 21:37:14 +02:00
<td class="zephyr_picture"></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>
Style the compose dialog, too. (imported from commit 5e464c18d913b016d1a9d4514e2aef7e56c5df2c)
2012-09-28 19:42:56 +02:00
<td class="messagebox personal-message">
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">
Rename the 'new_zephyr' argument to the more descriptive 'content'. (imported from commit b47e2c4823bbfbf2f94cbafb24ed5d78dfbe841b)
2012-10-02 23:25:14 +02:00
<textarea class="zephyr_message" name="content" id="new_personal_zephyr" value="" placeholder="Compose your message here..."></textarea>
Restyle compose box to be more consistent with our experiment. (imported from commit a035c82e83a0bb1a2eea24de18044e3022ecdde5)
2012-09-26 22:19:01 +02:00
<input type="submit" name="personal_zephyr" value="Send" class="btn send_zephyr"/>
</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>
</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 class="span1" id="nav-indicators">
<div id="top-nav">
<i class="icon-arrow-up" onclick="simulate_keypress(33);"></i>
</div>
<div id="bottom-nav">
Track and be able to return to your high water mark. (imported from commit 52a1ce8c84ad3f4eea16b7abaf075ebffc794c9a)
2012-09-25 15:47:22 +02:00
<i class="icon-fast-forward" onclick="go_to_high_water_mark();"></i>
Add page up and down arrows to the zephyr list. (imported from commit e66dfc4eef150e5b84d98ab7346d4d66852699b3)
2012-09-24 21:02:13 +02:00
<br />
<i class="icon-arrow-down" onclick="simulate_keypress(34);"></i>
</div>
</div>
</div>
</div>