{% extends "base.html" %}
{% load userdisplay %}
{% block js %}
<script type="text/javascript">
$(function() {
    {% block widgets %}{% endblock %}
   	$('#jstree').jstree({
	   		'json_data': {
	   			'ajax': {
	   				'url': function(n) {
	   					if (n == -1) {
	   						return {% if name %}"/rtree/"+{{name.id}}+".json"{% else %}"/rtree.json"{% endif %};
	   					} else {
	   						return "/ctree/"+n.attr('id')+".json";
	   					}
	   				}
	   			},
	   			"progressive_render"  : true
	   		},
	   		'animation': 0,
	   		'themeroller': {
	   			'item': 'ui-state-none',
	   			'opened': 'ui-icon-circlesmall-minus',
	   			'closed': 'ui-icon-circlesmall-plus'
	   		},
	   		'plugins': ['json_data','themeroller']
	   	});
	//$('#jstree').removeClass('ui-widget-content');
	//$('#tree').addClass('ui-widget ui-corner-all ui-widget-content');
	$('#jstree').addClass('ui-corner-all');
	$('#sidemenu').menu();
	$('.tabs').tabs();
});
</script>
{% endblock %}
{% block main %}
                        {% if user.is_authenticated %}
                <!-- <a class="gravatar" href="#" title="{{user.email}}"></a> -->
                <!-- <a href="/user/home">{{user|userdisplay}}</a> -->
            {% endif %}
            <!--
            <ul class="nav nav-tabs">
                <li class="active">
                    <a href="#mygroups">My Groups</a>
                </li>
                <li>
                    <a href="#jstree">All Groups</a>
                </li>
            </ul>
            -->
                        <!-- <div id="jstree"></div> -->
                        <!-- <div id="mygroups">My groups</div> -->
            <!--
            <div id="headline">
                {% block headline %}<a style="text-decoration: none" href="{% if name %}{{name.url}}{% else %}/user/home{% endif %}">{% if name %}{{name.shortname}}{% else %}Dashboard{% endif %}</a>{% endblock %}
            </div>
            -->
                {% block content %}{% endblock %}
{% endblock %}