From ca409654b1d66b663c175ca67c649813ac104b6d Mon Sep 17 00:00:00 2001
From: Dusty Phillips <dusty@archlinux.ca>
Date: Fri, 23 Jul 2010 09:05:43 -0600
Subject: Hide the details of the todo list until clicking

Dan: don't load jQuery until late in the page load.

Signed-off-by: Dan McGee <dan@archlinux.org>
---
 media/archweb.css                    | 10 ++++++++++
 templates/todolists/public_list.html | 13 +++++++++++--
 2 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/media/archweb.css b/media/archweb.css
index 4969db19..591f3be1 100644
--- a/media/archweb.css
+++ b/media/archweb.css
@@ -235,6 +235,16 @@ table.dash-stats .key { width: 50%; }
 span.dash-click { font-weight: normal; font-size: 0.8em; color: #888; }
 div.dash-stats h3 { color: #07b; border-bottom: 1px dotted #aaa; }
 
+/* read only (public) todo lists */
+#public_todo_lists .todo_list {
+    display: none;
+    margin-left: 2em;
+}
+#public_todo_lists h4 {
+    color: #07b;
+    cursor: pointer;
+}
+
 /* dev dashboard: admin actions (add news items, todo list, etc) */
 ul.admin-actions { float: right; list-style: none; margin-top: -2.5em; }
 ul.admin-actions li { display: inline; padding-left: 1.5em; }
diff --git a/templates/todolists/public_list.html b/templates/todolists/public_list.html
index 78e5b511..f1220f68 100644
--- a/templates/todolists/public_list.html
+++ b/templates/todolists/public_list.html
@@ -1,10 +1,11 @@
 {% extends "base.html" %}
+
 {% block title %}Arch Linux - Todo Lists{% endblock %}
 
 {% block content %}
-    <div id="read_only_todo_lists">
+    <div id="public_todo_lists">
         {% for list in todo_lists %}
-            <h2>{{list.name}}</h2>
+            <h4>{{list.name}}</h4>
             <div class="todo_list">
                 <p>{{list.description}}</p>
                 <ul>
@@ -15,4 +16,12 @@
             </div>
         {% endfor %}
     </div>
+{% load cdn %}{% jquery %}
+<script type="text/javascript">
+    $("#public_todo_lists h4").click(
+            function(e) {
+                $(this).next().toggle();
+            }
+    );
+</script>
 {% endblock %}
-- 
cgit v1.2.3-2-g168b