From 2bb8b5dd3eee47e665da570eb72cfea87c6ca3fe Mon Sep 17 00:00:00 2001
From: Leif Johansson <leifj@sunet.se>
Date: Thu, 8 Jul 2010 21:32:05 +0200
Subject: navigation based on jsTree

---
 templates/apps/name/name.html | 55 ++++++++++++++++++++++++++++++++-----------
 templates/base.html           |  1 +
 2 files changed, 42 insertions(+), 14 deletions(-)

(limited to 'templates')

diff --git a/templates/apps/name/name.html b/templates/apps/name/name.html
index c601da9..587d30e 100644
--- a/templates/apps/name/name.html
+++ b/templates/apps/name/name.html
@@ -5,25 +5,52 @@ $(function() {
    	$("#members").accordion({
    		header: 'h3'
    	});
+   	$('#tree').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,
+   		},
+   		'plugins': ['themeroller','json_data']
+   	});
 });
 </script>
 {% endblock %}
-{% block headline %}{{name.shortname}}{% endblock %}
-{% block title %}COIP - {{name.shortname}}{% endblock %}
+{% block headline %}{% if name %}{{name.shortname}}{% else %}(){% endif %}{% endblock %}
+{% block title %}COIP{% if name %} - {{name.shortname}}{% endif %}{% endblock %}
 {% block main %}
-<div class="infopanel">
-{{name.shortname}}
-{{name.description}}
-{{name}}
+<div style="float: left; width: 30%;">
+	{% if name and name.parent %}
+	<a href="/name/id/{{name.parent.id}}">.. (up one level)</a>
+	{% endif %}
+	<div style="height: 100%;" id="tree"></div>
 </div>
-<div id="members">
-	{% for m in memberships.all %}
-	<div id="m{{m.id}}" class="{{m.status}}">
-	   <h3 style="padding-left: 20px;">{{m.user}}</h3>
-	   <div>
-	   	  {{m.user}} has been a member of {{m.name.shortname}} since {{m.timecreated}}<br/>
-	   </div>
+<div style="float: right; width: 70%;">
+{% if name %}
+	<div class="infopanel">
+	<h3>{{name}}</h3>
+	{{name.description}}
+	</div>
+	{% endif %}
+	{% if memberships %}
+	<div id="members">
+		{% for m in memberships.all %}
+		<div id="m{{m.id}}" class="{{m.status}}">
+		   <h3 style="padding-left: 20px;">{{m.user}}</h3>
+		   <div>
+		   	  {{m.user}} has been a member of {{m.name.shortname}} since {{m.timecreated}}<br/>
+		   </div>
+		</div>
+		{% endfor %}
 	</div>
-	{% endfor %}
+{% endif %}
 </div>
 {% endblock %}
\ No newline at end of file
diff --git a/templates/base.html b/templates/base.html
index 6d81558..f63e601 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -16,6 +16,7 @@
         <script type="text/javascript" src="/site-media/js/jquery.timers.js"></script>
         <script type="text/javascript" src="/site-media/js/jquery.tagInput.js"></script>
         <script type="text/javascript" src="/site-media/js/jquery.multiselect2side.js"></script>
+        <script type="text/javascript" src="/site-media/js/jquery.jstree.js"></script>
         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
         <title>{% block title %}{% endblock %}</title>
 		<script type="text/javascript">
-- 
cgit v1.1