Changeset 255:134c6156f8ba

Timestamp:

24.05.2010 00:11:30 (21 months ago)

Author:

alafin

Branch:

default

Message:

add cookie collapser for category

Location:

djangobb

Files:

• djangobb_forum/templates/forum/forum_row.html (modified) (1 diff)
• djangobb_forum/templates/forum/index.html (modified) (1 diff)
• djangobb_forum/views.py (modified) (2 diffs)
• static/forum/js/jquery.cookie.js (added)
• static/forum/themes/default/css/default_cs.css (modified) (2 diffs)
• static/forum/themes/default/img/cat_maximize.png (added)
• static/forum/themes/default/img/cat_minimize.png (added)

djangobb/djangobb_forum/templates/forum/forum_row.html

@@ -15 +15 @@
                         <div class="tclcon">
                                 <h3>{% link forum %} <a href="{% url djangobb:forum_feed "forum" %}{{ forum.id }}/"><img src="{{ MEDIA_URL }}forum/img/feed-icon-small.png"  alt="[RSS Feed]" title="[RSS Feed]" class="rss" /></a></h3>
-                                {{ forum.description|safe }}
-                                
+                                {{ forum.description|safe }}                            
                                 <p>
                                 {% cache 6000 moderators forum.id %}

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">

djangobb/djangobb_forum/views.py

@@ -52 +52 @@
     for forum in _forums:
         cat = cats.setdefault(forum.category.id,
-            {'cat': forum.category, 'forums': []})
+            {'id': forum.category.id, 'cat': forum.category, 'forums': []})
         cat['forums'].append(forum)
         forums[forum.id] = forum
@@ -59 +59 @@
     cats = sorted(cats.values(), cmpdef)
 
+    print cats
+    
     to_return = {'cats': cats,
                 'posts': Post.objects.count(),

djangobb/static/forum/themes/default/css/default_cs.css

@@ -25 +25 @@
 .djangobb H2, #brdmenu {BACKGROUND: url(../img/fon111.gif); COLOR: #FFF; font-weight: bold; height: 16px;}
 .djangobb H2 {font-weight: bold;BACKGROUND: #46586a url(../img/fon111.gif);border-top: 1px solid #46586a;border-left: 1px solid #46586a;border-right: 1px solid #46586a; height: 16px;}
+.djangobb H2 a.toggle  {
+        float: right;
+        BACKGROUND: url(../img/cat_minimize.png);
+        display:block;
+        height:17px;
+        line-height:1px;
+        outline-color:-moz-use-text-color;
+        outline-style:none;
+        outline-width:0;
+        text-indent:-3000em;
+        width:28px;
+}
+
+.djangobb H2.collapsed a.toggle {
+        background-image:url(../img/cat_maximize.png);
+}
 
 /* 1.4 Table header rows */
@@ -111 +127 @@
 .isticky = sticky topics. The default is "icon". By default only .inew is different.*/
 
+DIV.forum_icon {background:url(../img/active_forum.gif)}
 DIV.icon {background:url(../img/inactive_topic.gif)}
 DIV.inew {background:url(../img/active_topic.gif)}