Improve Process editing template layout.

[plomtask] / templates / process.html

diff --git a/templates/process.html b/templates/process.html
index 8239dc27ef41104dd1ab701a3ca2556c31c7753e..064e83da1dae009da6c1c396a978d114d59b2a65 100644 (file)
--- a/templates/process.html
+++ b/templates/process.html
@@ -3,6 +3,28 @@
 
 
 
+{% block css %}
+input[type="text"] {
+  width: 100em;
+}
+details > summary::after {
+  content: '[+]';
+}
+details summary {
+  list-style: none;
+}
+details[open] > summary::after {
+  content: '[-]';
+}
+table.main > tbody > tr > td, table.main > tbody > tr > th {
+  border-bottom: 0.1em solid #bbbbbb;
+  padding-top: 0.5em;
+  padding-bottom: 0.5em;
+}
+{% endblock %}
+
+
+
 {% macro step_with_steps(step_id, step_node, indent) %}
 <tr>
 <td>
@@ -13,19 +35,34 @@
 <input type="hidden" name="step_{{step_id}}_parent_id" value="{{step_node.parent_id or ''}}" />
 {% endif %}
 </td>
-<td>{% for i in range(indent) %}+{%endfor %}
+
+{% if step_node.is_explicit and not step_node.seen %}
+<td colspan=2>
+<details>
+<summary>
+{% else %}
+<td>
+{% endif %}
+
+{% for i in range(indent) %}+{%endfor %}
 {% if step_node.is_suppressed %}<del>{% endif %}
 {% if step_node.seen %}
 <a href="process?id={{step_node.process.id_}}">({{step_node.process.title.newest|e}})</a>
 {% else %}
 <a href="process?id={{step_node.process.id_}}">{{step_node.process.title.newest|e}}</a>
 {% endif %}
-{% if step_node.is_suppressed %}<del>{% endif %}
+{% if step_node.is_suppressed %}</del>{% endif %}
+
+
+{% if step_node.is_explicit and not step_node.seen %}
+</summary>
+<div>add sub-step: <input name="new_step_to_{{step_id}}" list="process_candidates" autocomplete="off" size="100" /></div>
+</details>
+{% endif %}
+
 </td>
 <td>
-{% if step_node.is_explicit %}
-add sub-step: <input name="new_step_to_{{step_id}}" list="process_candidates" autocomplete="off" />
-{% elif not step_node.seen %}
+{% if (not step_node.is_explicit) and (not step_node.seen) %}
 <input type="checkbox" name="suppresses" value="{{step_id}}" {% if step_node.is_suppressed %}checked{% endif %}> suppress
 {% endif %}
 </td>
@@ -40,9 +77,15 @@ add sub-step: <input name="new_step_to_{{step_id}}" list="process_candidates" au
 
 
 {% block content %}
-<h3>{% if is_new %}NEW {% endif %}process</h3>
+<h3>
+{% if is_new %}
+add NEW process
+{% else %}
+edit process of ID {{process.id_}}
+{% endif %}
+</h3>
 <form action="process?id={{process.id_ or ''}}" method="POST">
-<table>
+<table class="main">
 
 <tr>
 <th>title</th>
@@ -92,7 +135,7 @@ add sub-step: <input name="new_step_to_{{step_id}}" list="process_candidates" au
 {{ step_with_steps(step_id, step_node, 0) }}
 {% endfor %}
 </table>
-add: <input name="new_top_step" list="process_candidates" autocomplete="off" />
+add: <input name="new_top_step" list="process_candidates" autocomplete="off" value="{{preset_top_step or ''}}" />
 </td>
 </tr>