Adding some extensions and appearance improvements.

templates/circles/add.html

@@ -5,6 +5,7 @@
 {% block content %}
 
 <form method="POST" class="circles-add-form">
+  {% if returnto %}<input type="hidden" name="returnto" value="{{ returnto }}">{% endif %}
   <div>
     <label>#</label>
     <input type="number" name="code" placeholder="00000" required="" maxlength="6" value="{{ pl.code if pl else '' }}" />

templates/circles/list.html

@@ -5,8 +5,8 @@
 {% block content %}
 <p>Showing: <strong>{{ cat }}</strong></p>
 
-<div>
-  <p>Show by:</p>
+<fieldset>
+  <legend>Show by:</legend>
   <p><strong>Type</strong>:
     {% set typ_list = [
       'INTJ', 'INTP', 'INFJ', 'INFP', 'ENTJ', 'ENTP',
@@ -26,7 +26,9 @@
     {% for t in range(1, 13) %}
     <a href="/circles/area-{{ t }}">{{ t }}</a> ·
     {% endfor %}
+    <a href="/circles/no-area">Unassigned</a>
   </p>
+  <p><a href="/circles/stats">Stats</a> · <a href="/circles/new">Add new</a>.</p>
 </div>
 
 {% if count > people.count() %}
@@ -42,7 +44,10 @@
 
 <ul class="circles-list">
   {% for p in people %}
-  <li class="circles-{{ 'red' if p.status == -1 else 'green' if p.status == 2 else 'yellow' if p.status == 1 else 'orange' }}">{{ p.code }} – {{ p.display_name }} – {{ p.type }} – {% if p.area %}Area {{ p.area }}{% else %}No area{% endif %} (<a href="/circles/edit/{{ p.code }}">edit</a>)</li>
+  <li class="circles-{{ 'red' if p.status == -1 else 'green' if p.status == 2 else 'yellow' if p.status == 1 else 'orange' }}">
+    <span class="circles-li-code">{{ p.code }}</span>
+    <span>{{ p.display_name }} – {{ p.type }} – {% if p.area %}Area {{ p.area }}{% else %}No area{% endif %} (<a href="/circles/edit/{{ p.code }}">edit</a>)</span>
+  </li>
   {% endfor %}
 </ul>
 

templates/circles/stats.html

@@ -8,7 +8,7 @@
 <ul>
   <li>All people: <strong>{{ count }}</strong></li>
   <li>People by type:</li>
-  <ul>
+  <ul class="wrap_responsive_cells_narrow">
     {% for k in typed_count.items() %}
     <li>{{ k[0] }}: <strong>{{ k[1] }}</strong></li>
     {% endfor %}
@@ -19,5 +19,12 @@
     <li>{{ k[0] }}: <strong>{{ k[1] }}</strong></li>
     {% endfor %}
   </ul>
+  <li>People by area:</li>
+  <ul class="wrap_responsive_cells_narrow">
+    {% for k in area_count.items() %}
+    <li>Area {{ k[0] }}: <strong>{{ k[1] }}</strong></li>
+    {% endfor %}
+    <li>No area: <strong>{{ no_area_count }}</strong></li>
+  </ul>
 </ul>
 {% endblock %}