From 6731730c035678abd212e4313e394eccd1628209 Mon Sep 17 00:00:00 2001
From: Edward Betts <edward@4angle.com>
Date: Thu, 31 May 2018 14:59:31 +0100
Subject: [PATCH] Use cards in place of document table.

---
 sourcing/templates/home.html | 43 ++++++++++++++++++++----------------
 1 file changed, 24 insertions(+), 19 deletions(-)

diff --git a/sourcing/templates/home.html b/sourcing/templates/home.html
index 1dd66d4..5dc06c4 100644
--- a/sourcing/templates/home.html
+++ b/sourcing/templates/home.html
@@ -5,32 +5,37 @@
 {% block content %}
   <h1>{{ self.title() }}</h1>
 
-<table class="table">
-  <thead>
-    <tr>
-      <th>item</th>
-      <th>type</th>
-      <th>user</th>
-      <th>date</th>
-    </tr>
-  </thead>
-  <tbody>
+<div class="container-fluid">
+<div class="row">
+  <div class="col-md-2">
+    item type<br>
+    {% for item_type in 'xanadoc', 'xanalink', 'sourcedoc' %}
+      <input type="checkbox" checked="checked" id="{{ item_type }}" value="{{ item_type }}"> <label for="{{ item_type }}"> {{ item_type }}</label><br>
+    {% endfor %}
+  </div>
+  <div class="col-md-10">
 {% for doc in docs %}
-  <tr>
-    <td><a href="{{ doc.url }}">{{ doc.title() }}</a></td>
-    <td>{{ doc.type }}</td>
-    <td>{{ doc.user.username }}</td>
-    <td>{{ doc.created | datetime }}</td>
-  </tr>
+    <div class="card border-primary w-50 my-2">
+      <h5 class="card-header"><a href="{{ doc.url }}">{{ doc.title() }}</a>
+        &mdash; {{ doc.user.username }} &mdash; {{ doc.created | datetime }}</h5>
+      <div class="card-body">
+        <p class="card-text">
+        {%- for line in doc.snippet().splitlines() -%}
+        {{ nbsp_at_start(line) }}<br/>
+        {%- endfor -%}
+        </p>
+      </div>
+    </div>
 {% endfor %}
-  </tbody>
-</table>
+</div>
+</div>
+</div>
 
 <p>
 <a href="{{ url_for('.new_sourcedoc') }}" class="btn btn-primary">new source document</a>
 <a href="{{ url_for('.new_xanalink') }}" class="btn btn-primary">new xanalink</a>
 <a href="{{ url_for('.new_xanadoc') }}" class="btn btn-primary">new xanadoc</a>
-{# 
+{#
 <a href="#" class="btn btn-default">upload a source document</a>
 #}
 </p>