diff options
Diffstat (limited to 'templates')
-rw-r--r-- | templates/apps/name/edit.html | 60 | ||||
-rw-r--r-- | templates/apps/name/name.html | 8 | ||||
-rw-r--r-- | templates/base.html | 9 |
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"> |