From 19fc37c7729e2b003ec574c88ae610148d9c71b4 Mon Sep 17 00:00:00 2001
From: Jonathan Bernard <jdbernard@gmail.com>
Date: Sun, 13 Feb 2011 11:38:50 -0600
Subject: [PATCH] Working on new entry.

---
 www/css/ts-screen.css  | 11 +++++++++++
 www/css/ts-screen.scss | 12 ++++++++++++
 www/js/ts.js           |  4 ++++
 www/ts/index.yaws      | 14 +++++++++++++-
 4 files changed, 40 insertions(+), 1 deletion(-)

diff --git a/www/css/ts-screen.css b/www/css/ts-screen.css
index 9b90077..3228f5c 100644
--- a/www/css/ts-screen.css
+++ b/www/css/ts-screen.css
@@ -151,3 +151,14 @@ form {
   display: none;
   width: 100%;
   float: left; }
+
+#new-entry form {
+  border: 0;
+  margin: 0;
+  padding: 0; }
+#new-entry input {
+  color: #626150; }
+#new-entry #add-notes {
+  display: none; }
+#new-entry #new-entry-input {
+  margin-right: 1em; }
diff --git a/www/css/ts-screen.scss b/www/css/ts-screen.scss
index df051ad..c8fd4ee 100644
--- a/www/css/ts-screen.scss
+++ b/www/css/ts-screen.scss
@@ -194,4 +194,16 @@ form {
     float: left;
 }
 
+#new-entry {
 
+    form {
+        border: 0;
+        margin: 0;
+        padding: 0;
+    }
+
+    input { color: $greyTxt; }
+
+    #add-notes { display: none; }
+    #new-entry-input { margin-right: 1em; }
+}
diff --git a/www/js/ts.js b/www/js/ts.js
index 14e7a84..b4ba993 100644
--- a/www/js/ts.js
+++ b/www/js/ts.js
@@ -27,6 +27,10 @@ function updateTimeline(event) {
     event.preventDefault();
 }
 
+function showNewNotes(event) {
+    $("#add-notes").slideToggle("slow");
+}
+
 function logout(event) {
     alert("TODO: log user out via AJAX.");
     event.preventDefault();
diff --git a/www/ts/index.yaws b/www/ts/index.yaws
index d161a8a..39ff81c 100644
--- a/www/ts/index.yaws
+++ b/www/ts/index.yaws
@@ -87,7 +87,19 @@
         </div>
 
         <div id="new-entry" class="bar last-bar">
-            <span>Begin a new activity:</span>
+            <form action="/ts/new-entry.yaws" onclick="newEntry(event)">
+                <span for="new-entry">begin a new activity:
+                    <input name="new-entry" id="new-entry-input"
+                        class="text-input" type="text"/>
+                    <a id="show-notes" href="#"
+                        onclick="showNewNotes(event)"/>add notes</a>
+                </span>
+                <div id="add-notes">
+                    <label for="new-notes">notes:</label>
+                    <input name="new-notes" id="new-notes-input"
+                        class="text-input" type="textarea"/>
+                </div>
+            </form>
         </div>
     </body>