diff options
| author | Dusty Phillips <dusty@archlinux.ca> | 2010-07-23 09:05:43 -0600 |
|---|---|---|
| committer | Dan McGee <dan@archlinux.org> | 2010-07-25 16:07:47 -0500 |
| commit | ca409654b1d66b663c175ca67c649813ac104b6d (patch) | |
| tree | 1650a4de280f8a38e08b87461434e7d4f426b6a2 | |
| parent | d316f4b1975ee3c189e1df4087bea938bb43a377 (diff) | |
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.css | 10 | ||||
| -rw-r--r-- | 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 %} |