add cookie collapser for category

djangobb/djangobb_forum/templates/forum/forum_row.html

@@ -14,8 +14,7 @@
 			</div>
 			<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 %}
 					{% if forum.moderators.count %}

djangobb/djangobb_forum/templates/forum/index.html

@@ -2,14 +2,50 @@
 {% load forum_extras %}
 {% 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">
 				<thead>

djangobb/djangobb_forum/views.py

@@ -51,13 +51,15 @@ def index(request, full=True):
                                                             'category')
     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
 
     cmpdef = lambda a, b: cmp(a['cat'].position, b['cat'].position)
     cats = sorted(cats.values(), cmpdef)
 
+    print cats
+    
     to_return = {'cats': cats,
                 'posts': Post.objects.count(),
                 'topics': Topic.objects.count(),

djangobb/static/forum/js/jquery.cookie.js

@@ -0,0 +1,96 @@
+/**
+ * Cookie plugin
+ *
+ * Copyright (c) 2006 Klaus Hartl (stilbuero.de)
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+ *
+ */
+
+/**
+ * Create a cookie with the given name and value and other optional parameters.
+ *
+ * @example $.cookie('the_cookie', 'the_value');
+ * @desc Set the value of a cookie.
+ * @example $.cookie('the_cookie', 'the_value', { expires: 7, path: '/', domain: 'jquery.com', secure: true });
+ * @desc Create a cookie with all available options.
+ * @example $.cookie('the_cookie', 'the_value');
+ * @desc Create a session cookie.
+ * @example $.cookie('the_cookie', null);
+ * @desc Delete a cookie by passing null as value. Keep in mind that you have to use the same path and domain
+ *       used when the cookie was set.
+ *
+ * @param String name The name of the cookie.
+ * @param String value The value of the cookie.
+ * @param Object options An object literal containing key/value pairs to provide optional cookie attributes.
+ * @option Number|Date expires Either an integer specifying the expiration date from now on in days or a Date object.
+ *                             If a negative value is specified (e.g. a date in the past), the cookie will be deleted.
+ *                             If set to null or omitted, the cookie will be a session cookie and will not be retained
+ *                             when the the browser exits.
+ * @option String path The value of the path atribute of the cookie (default: path of page that created the cookie).
+ * @option String domain The value of the domain attribute of the cookie (default: domain of page that created the cookie).
+ * @option Boolean secure If true, the secure attribute of the cookie will be set and the cookie transmission will
+ *                        require a secure protocol (like HTTPS).
+ * @type undefined
+ *
+ * @name $.cookie
+ * @cat Plugins/Cookie
+ * @author Klaus Hartl/klaus.hartl@stilbuero.de
+ */
+
+/**
+ * Get the value of a cookie with the given name.
+ *
+ * @example $.cookie('the_cookie');
+ * @desc Get the value of a cookie.
+ *
+ * @param String name The name of the cookie.
+ * @return The value of the cookie.
+ * @type String
+ *
+ * @name $.cookie
+ * @cat Plugins/Cookie
+ * @author Klaus Hartl/klaus.hartl@stilbuero.de
+ */
+jQuery.cookie = function(name, value, options) {
+    if (typeof value != 'undefined') { // name and value given, set cookie
+        options = options || {};
+        if (value === null) {
+            value = '';
+            options.expires = -1;
+        }
+        var expires = '';
+        if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) {
+            var date;
+            if (typeof options.expires == 'number') {
+                date = new Date();
+                date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));
+            } else {
+                date = options.expires;
+            }
+            expires = '; expires=' + date.toUTCString(); // use expires attribute, max-age is not supported by IE
+        }
+        // CAUTION: Needed to parenthesize options.path and options.domain
+        // in the following expressions, otherwise they evaluate to undefined
+        // in the packed version for some reason...
+        var path = options.path ? '; path=' + (options.path) : '';
+        var domain = options.domain ? '; domain=' + (options.domain) : '';
+        var secure = options.secure ? '; secure' : '';
+        document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join('');
+    } else { // only name given, get cookie
+        var cookieValue = null;
+        if (document.cookie && document.cookie != '') {
+            var cookies = document.cookie.split(';');
+            for (var i = 0; i < cookies.length; i++) {
+                var cookie = jQuery.trim(cookies[i]);
+                // Does this cookie string begin with the name we want?
+                if (cookie.substring(0, name.length + 1) == (name + '=')) {
+                    cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
+                    break;
+                }
+            }
+        }
+        return cookieValue;
+    }
+};

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

@@ -24,6 +24,22 @@ TH.tc3 {width: 70px}
 
 .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 */
 
@@ -110,6 +126,7 @@ LI.maintenancelink A:hover {COLOR: #B42000}
 .inew = new posts, .iredirect = redirect forums, .iclosed = closed topics and
 .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)}
 DIV.sticky {background:url(../img/sticky_topic.gif)}