Changeset 255:134c6156f8ba for djangobb/djangobb_forum/templates/forum/index.html

Timestamp:

24.05.2010 00:11:30 (21 months ago)

Author:

alafin

Branch:

default

Message:

add cookie collapser for category

File:

• djangobb/djangobb_forum/templates/forum/index.html (modified) (1 diff)

djangobb/djangobb_forum/templates/forum/index.html

@@ -3 +3 @@
 {% load i18n %}
 
+{% block extra_meta %}
+<script type="text/javascript" src="{{ MEDIA_URL }}forum/js/jquery.cookie.js"></script>
+<script type="text/javascript">
+        
+        function set_collapser(cat_id) {
+                category_body_id = "category_body_" + cat_id;
+                if($.cookie(category_body_id)){
+                        item_id = "#" + category_body_id; 
+                        head_id = item_id.replace("body", "head");
+                        $(head_id).addClass("collapsed");
+                        $(item_id).slideToggle("slow");
+                }
+        }
+        $(document).ready(function(){   
+                $("a.toggle").click(function(){
+                        header_id = $(this).parent().attr('id');
+                        body_id = header_id.replace("head", "body");
+                        item_id = '#' + body_id
+                        if ($(this).parent().attr('class')==''){
+                                $(this).parent().addClass("collapsed");
+                                $.cookie(body_id, 'collapsed');
+                        }else {
+                                $(this).parent().removeClass("collapsed");
+                                $.cookie(body_id, '');
+                        }
+                        $(item_id).slideToggle("slow");
+                });
+        {% for iter in cats %}
+                set_collapser({{ iter.id }})
+        {% endfor %}
+        });
+</script>
+{% endblock %}
+
 {% block content %}
 <div id="idx1" class="blocktable">
 {% for iter in cats %}
-        <h2>
-                <a href="{% url djangobb:forum_feed "category" %}{{ iter.cat.id }}/"><img src="{{ MEDIA_URL }}forum/img/feed-icon-small.png"  alt="[RSS Feed]" title="[RSS Feed]" class="rss" /></a>
-                <span>{{ iter.cat }}</span>
+        <h2 id="category_head_{{ iter.id }}">
+                <a class="toggle" href="#">Toggle shoutbox</a>
+                <span>
+                        {{ iter.cat }}
+                </span>
         </h2>
-        <div class="box">
+        <div class="box" id="category_body_{{ iter.id }}">
                 <div class="inbox">
                         <table cellspacing="0">