summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorDusty Phillips <dusty@archlinux.ca>2010-07-23 09:05:43 -0600
committerDan McGee <dan@archlinux.org>2010-07-25 16:07:47 -0500
commitca409654b1d66b663c175ca67c649813ac104b6d (patch)
tree1650a4de280f8a38e08b87461434e7d4f426b6a2
parentd316f4b1975ee3c189e1df4087bea938bb43a377 (diff)
downloadarchweb-ca409654b1d66b663c175ca67c649813ac104b6d.tar.gz
archweb-ca409654b1d66b663c175ca67c649813ac104b6d.zip
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>
-rw-r--r--media/archweb.css10
-rw-r--r--templates/todolists/public_list.html13
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 %}