basic edit view for nodes

3 files changed, 66 insertions, 11 deletions

diff --git a/templates/apps/name/edit.html b/templates/apps/name/edit.html
new file mode 100644
index 0000000..bb39478
--- /dev/null
+++ b/templates/apps/name/edit.html
@@ -0,0 +1,60 @@
+{% extends "base.html" %}
+{% block js %}
+<script type="text/javascript">
+$(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 %}{% if name %}{{name.shortname}}{% else %}(){% endif %}{% endblock %}
+{% block title %}COIP{% if name %} - {{name.shortname}}{% endif %}{% endblock %}
+{% block main %}
+<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 style="float: right; width: 60%; padding-left: 20px;">
+	<form method="POST">
+		<div class="ui-widget-content ui-corner-all infopanel"
+			<table>
+		      {% for field in form %}
+		        <tr>
+		          {% if field.errors %}
+		            <td colspan="2">{{ field.errors }}</td>
+		          {% endif %}
+		        </tr>
+		        <tr>
+		          <td>{{ field.label_tag }}</td>
+		          <td><div class="ui-widget">{{ field }}</div></td>
+		        </tr>
+		      {% endfor %}
+		    </table>
+		</div>
+		<br/>
+		<div class="button">
+		    <input type="submit" value="Update" />
+		    <input type="button" onClick="document.location='/name/id/{{name.id}}'" value="Cancel"/>
+	    </div>
+	</form>
+</div>
+{% endblock %}
\ No newline at end of file
diff --git a/templates/apps/name/name.html b/templates/apps/name/name.html
index 587d30e..744948c 100644
--- a/templates/apps/name/name.html
+++ b/templates/apps/name/name.html
@@ -33,11 +33,11 @@ $(function() {
 	{% endif %}
 	<div style="height: 100%;" id="tree"></div>
 </div>
-<div style="float: right; width: 70%;">
+<div style="float: right; width: 60%; padding-left: 20px;">
 {% if name %}
-	<div class="infopanel">
-	<h3>{{name}}</h3>
-	{{name.description}}
+	<div class="ui-widget-content ui-corner-all infopanel">
+		<h3 style="float: left;">{{name}}</h3><a style="float: right;" href="/name/edit/id/{{name.id}}"><div class="ui-icon ui-icon-wrench"></div></a><div class="clear"/>
+		<p>{{name.description}}</p>
 	</div>
 	{% endif %}
 	{% if memberships %}
diff --git a/templates/base.html b/templates/base.html
index f63e601..cc0f8a4 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -64,7 +64,7 @@
 		   .navlist ul { list-style: none; padding: 0; margin: 0; }
 		   .navlist li { float: left; display: inline; margin: 0 0.15em; }
 		   .description { clear: both; margin-top: 25px; padding-top: 5px; border-top: 1px solid black; }
-		   #branding{ font: 500% "Trebuchet MS", sans-serif; margin-left: 50px; margin-bottom: 20px; float: left}
+		   #branding{ font: 300% "Trebuchet MS", sans-serif; margin-left: 50px; margin-bottom: 20px; float: left}
 		   #linklist { float: right; margin-right: 50px; }
 		   #linklist ul{ list-style: none; padding: 0; margin: 0; }
 		   #linklist li{ float: left; margin: 0 0.15em}
@@ -73,8 +73,7 @@
 		   a:hover { text-decoration: underline; }
 		   .clear { clear: both; }
 		   #content{ }
-		   #rhs{ float: right; width: 20%; position:absolute; top: 100px; right: 300px; font-size: 150%;}
-		   #main{ font: 100% "Trebuchet MS", sans-serif; margin: 50px; width:70%}
+		   #main{ font: 100% "Trebuchet MS", sans-serif; width:90%; }
 		   .code{font: 110% "Courier", fixed}
 		   .infopanel {font-size: 130%; width: 100%; padding: 5px; margin-bottom: 10px; }
 		   .infopanel label { display:block; }
@@ -101,10 +100,6 @@
 		<div id="main">
 		   	{% block main %}{% endblock %}
 		</div>
-		<div id="rhs">
-		    {% block rhs %}{% endblock %}
-		</div>
-		<div class="clear"></div>
 	</div>
 	<div class="clear"></div>
 	<div id="footer">