From 5e59c79d1d0604e04aa5f5faef438d8b7d407b43 Mon Sep 17 00:00:00 2001
From: Keegan McAllister <keegan@humbughq.com>
Date: Tue, 28 Aug 2012 19:05:57 -0400
Subject: [PATCH] Tab between class and personal message

(imported from commit f7ce9eebc8fe75ad0fcfd0f60dde9ae117681134)
---
 templates/zephyr/index.html     | 79 +++++++++++++++++++--------------
 zephyr/static/styles/zephyr.css |  4 +-
 2 files changed, 48 insertions(+), 35 deletions(-)

diff --git a/templates/zephyr/index.html b/templates/zephyr/index.html
index 8a729ffd4f..5a65e2b805 100644
--- a/templates/zephyr/index.html
+++ b/templates/zephyr/index.html
@@ -157,41 +157,54 @@ function get_updates() {
 }
 </script>
 
-<form action="/zephyr/" method="post" class="zephyr">
-{% csrf_token %}
-<div class="row-fluid">
-<div class="span6">
-    <label>Class</label>
-    <input type="text" name="class" id="class" value="" />
-</div>
-<div class="span6">
-    <label>Instance</label>
-    <input type="text" name="instance" id="instance" value="" />
-</div>
-</div>
-<div class="row-fluid">
-<div class="span12">
-<label>Content</label> <textarea rows="4" cols="60" name="new_zephyr" id="new_zephyr" value="" /></textarea>
-<input type="submit" value="Zephyr" />
-</div>
-</div>
-</form>
+<div class="tabbable container">
+    <ul class="nav nav-tabs">
+        <li class="active"><a href="#class-message" data-toggle="tab">Class message</a></li>
+        <li><a href="#personal-message" data-toggle="tab">Personal message</a></li>
+    </ul>
 
-<form action="/personal-zephyr/" method="post" class="zephyr">
-{% csrf_token %}
-<div class="row-fluid">
-<div class="span6">
-    <label>User</label>
-    <input type="text" name="recipient" id="recipient" value="" />
+    <div class="tab-content">
+        <div class="tab-pane active" id="class-message">
+            <form action="/zephyr/" method="post" class="zephyr">
+                {% csrf_token %}
+                <div class="row-fluid">
+                    <div class="span6">
+                        <label>Class</label>
+                        <input type="text" name="class" id="class" value="" />
+                    </div>
+                    <div class="span6">
+                        <label>Instance</label>
+                        <input type="text" name="instance" id="instance" value="" />
+                    </div>
+                </div>
+                <div class="row-fluid">
+                    <div class="span12">
+                        <label>Content</label> <textarea rows="4" cols="60" name="new_zephyr" id="new_zephyr" value="" /></textarea>
+                        <input type="submit" value="Zephyr" />
+                    </div>
+                </div>
+            </form>
+        </div>
+        <div class="tab-pane" id="personal-message">
+            <form action="/personal-zephyr/" method="post" class="zephyr">
+                {% csrf_token %}
+                <div class="row-fluid">
+                    <div class="span6">
+                        <label>User</label>
+                        <input type="text" name="recipient" id="recipient" value="" />
+                    </div>
+                </div>
+                <div class="row-fluid">
+                    <div class="span12">
+                        <label>Content</label>
+                        <textarea rows="4" cols="60" name="new_personal_zephyr" id="new_personal_zephyr" value="" /></textarea>
+                        <input type="submit" name="personal_zephyr" value="Send Personal" />
+                    </div>
+                </div>
+            </form>
+        </div>
+    </div>
 </div>
-<div class="row-fluid">
-<div class="span12">
-    <label>Content</label>
-    <textarea rows="4" cols="60" name="new_personal_zephyr" id="new_personal_zephyr" value="" /></textarea>
-<input type="submit" name="personal_zephyr" value="Send Personal" />
-</div>
-</div>
-</form>
 
 <span id="unhide" style="background-color: aqua;" onclick="unhide()">Unhide</span>
 
diff --git a/zephyr/static/styles/zephyr.css b/zephyr/static/styles/zephyr.css
index 71b80cb2b8..449b646cc1 100644
--- a/zephyr/static/styles/zephyr.css
+++ b/zephyr/static/styles/zephyr.css
@@ -14,9 +14,9 @@ body {
 }
 
 form.zephyr input {
-    width: 100%;
+    width: 95%;
 }
 
 form.zephyr textarea {
-    width: 100%;
+    width: 95%;
 }