shuffles editing view

rtd2
Bobby Grace 2010-08-15 12:26:10 -05:00
parent d8f7fc7f0f
commit 0c9cfb48bc
4 changed files with 27 additions and 6 deletions

View File

@ -100,12 +100,17 @@ label { display: block; margin-bottom: 4px; font-weight: bold; }
.module-wrapper { padding: 8px; }
.module-header { padding: 0 10px; }
.module-list { background: #fff; border: 1px solid #bfbfbf; border-bottom: none; }
.module-item { border-bottom: 1px solid #bfbfbf; padding: 10px; }
.module-item { position: relative; border-bottom: 1px solid #bfbfbf; padding: 10px; }
/* module title */
.module-item .module-item-title { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 16px; text-decoration: none; }
.module-item a.module-item-title:hover { text-decoration: underline; }
/* right module menu */
.module-item-menu { position: absolute; right: 0; top: 0; z-index: 5; }
.module-item-menu li { display: block; float: left; border-left: 1px solid #bfbfbf; }
.module-item-menu li a { display: block; padding: 10px; background: #fff; }
/* for links that span the column */
.module-item.col-span { border-bottom: 1px solid #bfbfbf; padding: 0; }
.module-item.col-span a { text-decoration: none; display: block; padding: 10px; }
@ -123,7 +128,7 @@ label { display: block; margin-bottom: 4px; font-weight: bold; }
#project_bar a { text-decoration: none; }
/* editing dashboard toolbar */
#project_bar .project-title { float: left; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-weight: bold; padding: 15px 0; }
#project_bar .project-title { float: left; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-weight: bold; padding: 5px 0 0 0; }
#project_bar .project-title h2 { font-size: 24px; }
/* editing options */
@ -164,7 +169,8 @@ label { display: block; margin-bottom: 4px; font-weight: bold; }
/* call out */
.callout { background: url(../images/gradient.png) bottom left repeat-x #697983; padding: 10px 20px; }
.call-out { display: block; float: right; padding: 6px 10px 4px; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; height: 18px; line-height: 18px; text-decoration: none; color: #fff; background: #8CA1AF; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.call-out:hover { color: #fff; background-color: #465158; }
/* footer */

View File

@ -13,8 +13,8 @@
<div class="editing-options">
<ul>
<li {% block editing-option-manage %}{% endblock %}><a href="{% url projects_manage project.slug %}">Manage Files</a></li>
<li {% block editing-option-conf %}{% endblock %}><a href="{% url projects_configure project.slug %}">Edit Conf</a></li>
<li {% block editing-option-new-page %}{% endblock %}><a href="{% url projects_file_add project.slug %}">Add New Page</a></li>
<li {% block editing-option-view %}{% endblock %}><a href="{{ project.get_docs_url }}">View Docs</a></li>
</ul>
</div>

View File

@ -18,7 +18,13 @@
<div class="module-list">
<ul>
{% for project in project_list %}
<li class="module-item"><a href="{% url projects_manage project.slug %}">{{ project.name }}</a></li>
<li class="module-item col-span">
<a href="{% url projects_manage project.slug %}">{{ project.name }}</a>
<ul class="module-item-menu">
<li><a href="{% url projects_delete project.slug %}">Delete</a></li>
<li><a href="{% url docs_detail project.user.username project.slug "index.html" %}">View Docs</a></li>
</ul>
</li>
{% endfor %}
</ul>
</div>

View File

@ -6,10 +6,19 @@
{% block content-header %}<h1>Project Files</h1>{% endblock %}
{% block editing-option-manage %} class="active"{% endblock %}
{% block content %}
<a class="call-out" href="{% url projects_file_add project.slug %}">Add New Page</a>
<ul>
{% for file in project|annotated_tree %}
<li class="depth-{{ file.depth }}"><a href="{% url projects_file_edit project.slug file.id %}">{{ file.heading }}</a></li>
<li class="depth-{{ file.depth }}">
<a href="{% url projects_file_edit project.slug file.id %}">{{ file.heading }}</a>
<a class="quiet" href="{% url projects_file_delete project.slug file.id %}">(delete)</a>
</li>
{% endfor %}
</ul>
{% endblock %}