wcs: redo list of forms with a more fine grained markup (#14907)

combo/apps/wcs/templates/combo/wcs/current_drafts.html

@@ -1,12 +1,15 @@
-{% load i18n %}
+{% load i18n combo %}
 <h2>{% trans 'Current Drafts' %}</h2>
 {% for slug, forms in current_drafts.iteritems %}
-<div class="current-drafts-{{ slug }}">
+<div class="current-drafts-{{ slug }} current-drafts list-of-forms">
   {% if forms.data %}
   <ul>
     {% for data in forms.data %}
     {% if data.url and data.title and not data.form_status_is_endpoint %}
-    <li><a href="{{ data.url }}">{{ data.title }}</a></li>
+    <li class="{{data.status_css_class}} {% if data.form_status_is_endpoint %}done{% endif %}"><a
+      href="{{ data.url }}">{{ data.name }}
+        <span class="form-number">{{data.datetime|strptime:"%Y-%m-%d %H:%M:%S"}}</span>
+        <span class="form-status">{% trans 'draft' %}</span></a></li>
     {% endif %}
     {% endfor %}
   </ul>

combo/apps/wcs/templates/combo/wcs/current_forms.html

@@ -1,12 +1,15 @@
 {% load i18n %}
 <h2>{% trans 'Current Forms' %}</h2>
 {% for slug, forms in current_forms.iteritems %}
-<div class="current-forms-{{ slug }}">
+<div class="current-forms-{{ slug }} current-forms list-of-forms">
   {% if forms.data %}
   <ul>
     {% for data in forms.data|dictsortreversed:"form_receipt_datetime" %}
     {% if data.url and data.title %}
-    <li><a href="{{ data.url }}">{{ data.title }}</a></li>
+    <li class="{{data.status_css_class}} {% if data.form_status_is_endpoint %}done{% endif %}"><a
+      href="{{ data.url }}">{{ data.name }}
+      <span class="form-number">{{data.form_number}}</span>
+      <span class="form-status">{{data.status}}</span></a></li>
     {% endif %}
     {% endfor %}
   </ul>

combo/apps/wcs/templates/combo/wcs/user_all_forms.html

@@ -1,12 +1,15 @@
-{% load i18n %}
+{% load combo i18n %}
 <h2>{% trans 'All Forms' %}</h2>
 {% for slug, forms in user_forms.iteritems %}
-<div class="user-forms-{{ slug }} user-all-forms">
+<div class="user-forms-{{ slug }} user-all-forms list-of-forms">
   {% if forms.data %}
   <ul>
     {% for data in forms.data|dictsortreversed:"form_receipt_datetime" %}
     {% if data.url and data.title %}
-    <li {% if data.form_status_is_endpoint %}class="done"{% endif %}><a href="{{ data.url }}">{{ data.title }}</a></li>
+    <li class="{{data.status_css_class}} {% if data.form_status_is_endpoint %}done{% endif %}"><a
+      href="{{ data.url }}">{{ data.name }}
+        <span class="form-number">{{data.form_number}}</span>
+        <span class="form-status">{{data.status}}</span></a></li>
     {% endif %}
     {% endfor %}
   </ul>

combo/apps/wcs/templates/combo/wcs/user_done_forms.html

@@ -1,12 +1,15 @@
-{% load i18n %}
+{% load combo i18n %}
 <h2>{% trans 'Done Forms' %}</h2>
 {% for slug, forms in user_forms.iteritems %}
-<div class="user-forms-{{ slug }}">
+<div class="user-forms-{{ slug }} list-of-forms">
   {% if forms.data %}
   <ul>
     {% for data in forms.data|dictsortreversed:"form_receipt_datetime" %}
     {% if data.url and data.title %}
-    <li><a href="{{ data.url }}">{{ data.title }}</a></li>
+    <li class="{{data.status_css_class}} {% if data.form_status_is_endpoint %}done{% endif %}"><a
+      href="{{ data.url }}">{{ data.name }}
+        <span class="form-number">{{data.form_number}}</span>
+        <span class="form-status">{{data.status}}</span></a></li>
     {% endif %}
     {% endfor %}
   </ul>