2012-09-24 21:02:13 +02:00
< div class = "container-fluid" >
< div class = "row-fluid" >
< div class = "span8" >
2012-09-17 20:59:26 +02:00
< div id = "wrapper" >
2012-09-24 16:52:48 +02:00
< div class = "zephyr_list scrolling-tab" id = "main_div" >
2012-09-17 20:59:26 +02:00
< br / > < br / >
2012-09-20 20:27:43 +02:00
< table class = "zephyr_table focused_table" id = "zhome" >
2012-09-17 20:59:26 +02:00
< tbody >
< / tbody >
< / table >
2012-09-20 20:27:43 +02:00
< table class = "zephyr_table" id = "zfilt" >
2012-09-13 22:00:11 +02:00
< tbody >
< / tbody >
< / table >
2012-09-17 20:59:26 +02:00
< br / > < br / >
< div class = "row" id = "narrowbox" >
< div class = "input-prepend input-append pull-left" >
< button id = "show_all_messages" class = "btn" disabled = disabled onclick = "show_all_messages()" > < i class = "icon-arrow-left" > < / i > < / button >
< span class = "add-on" > < span class = "badge" > < span id = "currently_narrowed_to" > < / span > < i class = "badge_close_button icon-remove-sign icon-white" onclick = "show_all_messages()" > < / i > < / span > < / span >
< / div >
< / div >
< div id = "bottom_whitespace" > < / div >
< / div >
< / div >
2012-09-26 21:34:36 +02:00
< div class = "tabbable zephyr_compose" id = "zephyr_compose" >
2012-09-17 20:59:26 +02:00
< ul class = "nav nav-tabs" id = "zephyr-type-tabs" >
< li class = "active" > < a href = "#class-message" data-toggle = "tab" > Stream< / a > < / li >
< li > < a href = "#personal-message" data-toggle = "tab" > Huddle< / a > < / li >
< li class = "alert" id = "send-status" > < / li >
< li class = "pull-right" > < button type = "button" class = "close" onclick = "hide_compose()" > × < / button > < / li >
< / ul >
< div class = "tab-content" >
< div class = "tab-pane active" id = "class-message" >
< div class = "zephyr_comp" >
< form action = "/zephyr/" method = "post" class = "zephyr" >
< input type = "hidden" name = "type" value = "class" / >
{% csrf_token %}
< table >
< tbody >
2012-09-26 22:19:01 +02:00
< tr >
< td colspan = "2" class = "zephyr_label_clickable zephyr_recipient zephyr_newstyle_class" >
< input type = "text" class = "zephyr_recipient_box" name = "class" id = "class" value = "" placeholder = "Stream" autocomplete = "off" / >
< / td >
< td class = "zephyr_label_clickable zephyr_recipient zephyr_newstyle_instance" >
< input type = "text" class = "zephyr_recipient_box" name = "instance" id = "instance" value = "" placeholder = "Topic" autocomplete = "off" / >
< / td >
< / tr >
< tr >
< td class = "zephyr_recipient" > < / td >
< td class = "pointer" > < / td >
< td class = "messagebox" >
< div class = "zephyr_content" >
< textarea class = "zephyr_message" name = "new_zephyr" id = "new_zephyr" value = "" placeholder = "Compose your message here..." > < / textarea >
< input type = "submit" value = "Send" class = "btn send_zephyr" / >
< / div >
< / td >
< / tr >
2012-09-17 20:59:26 +02:00
< / tbody >
< / table >
< / form >
< / div >
< / div >
< div class = "tab-pane" id = "personal-message" >
< div class = "zephyr_comp" >
2012-09-26 22:19:01 +02:00
< form action = "/zephyr/" method = "post" class = "zephyr" >
2012-09-17 20:59:26 +02:00
< input type = "hidden" name = "type" value = "personal" / >
{% csrf_token %}
< table >
< tbody >
2012-09-26 22:19:01 +02:00
< tr >
< td colspan = "2" class = "zephyr_label_clickable zephyr_recipient zephyr_newstyle_class" >
Huddle
< / td >
< td class = "zephyr_label_clickable zephyr_recipient zephyr_newstyle_instance" >
< input type = "text" class = "zephyr_recipient_box" name = "recipient" id = "recipient" value = "" placeholder = "with one or more of your friends..." autocomplete = "off" / >
< / td >
< / tr >
< tr >
< td class = "zephyr_recipient" > < / td >
< td class = "pointer" > < / td >
< td class = "messagebox" >
< div class = "zephyr_content" >
< textarea class = "zephyr_message" name = "new_zephyr" id = "new_personal_zephyr" value = "" placeholder = "Compose your message here..." > < / textarea >
< input type = "submit" name = "personal_zephyr" value = "Send" class = "btn send_zephyr" / >
< / div >
< / td >
< / tr >
2012-09-17 20:59:26 +02:00
< / tbody >
< / table >
< / form >
< / div >
< / div >
< / div >
< / div >
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" >
2012-09-25 15:47:22 +02:00
< i class = "icon-fast-forward" onclick = "go_to_high_water_mark();" > < / i >
2012-09-24 21:02:13 +02:00
< br / >
< i class = "icon-arrow-down" onclick = "simulate_keypress(34);" > < / i >
< / div >
< / div >
< / div >
< / div >