sort document lists by their status

sdbs_pile/pile/static/main.css

@@ -100,6 +100,20 @@ ul > li:before {
     margin: 0 0 1rem 0;
 }
 
+.docs-header {
+    text-align: center;
+    text-transform: uppercase;
+    background: #303030;
+}
+
+.docs-header h3 {
+    margin: 0;
+}
+
+.doc-item {
+    padding: 1.2rem 1rem;
+}
+
 .doc-item-text {
     display: inline-block;
     margin-right: 3em;

sdbs_pile/pile/templates/front_doc_listing.html

@@ -19,6 +19,9 @@
         </div>
     {% endif %}
 
+    {% for status, documents in status_documents.items %}
+        {% if documents|length > 0 %}
+            <div class="text docs-header"><h3>{{ status.label }}</h3></div>
             {% for document in documents %}
                 <div class="text doc-item">
                     <a class="doc-item-link" href="{% url "pile:retrieve" document.id %}">🔗</a>
@@ -30,6 +33,8 @@
                     </a>
                 </div>
             {% endfor %}
+        {% endif %}
+    {% endfor %}
 {% endblock %}
 
 {% block meta-og %}

sdbs_pile/pile/views.py

@@ -78,10 +78,14 @@ class TagView(BasePileView):
             except ObjectDoesNotExist:
                 raise Http404
 
+        status_documents = {s: [] for s in Document.DocumentStatus}
+        for document in documents:
+            status_documents[document.status] += [document]
+
         return {
             'tag': tag if tag != "UNTAGGED" else None,
             'untagged': tag == "UNTAGGED",
-            'documents': documents,
+            'status_documents': status_documents,
             **base_context_data
         }