From 0de63e2b4babe4be5f57857101c7fe7fc9845858 Mon Sep 17 00:00:00 2001
From: Patrick Jentsch <p.jentsch@uni-bielefeld.de>
Date: Fri, 2 Aug 2019 13:25:54 +0200
Subject: [PATCH] Add prototype vision for dashboard elements.

---
 app/templates/main/dashboard.html.j2 | 50 ++++++++++++++++++++--------
 1 file changed, 37 insertions(+), 13 deletions(-)

diff --git a/app/templates/main/dashboard.html.j2 b/app/templates/main/dashboard.html.j2
index 86002922..2f1ea330 100644
--- a/app/templates/main/dashboard.html.j2
+++ b/app/templates/main/dashboard.html.j2
@@ -7,36 +7,60 @@
 </div>
 
 <div class="col s12 m8">
-  <ul class="collection">
-    <li class="collection-item avatar">
+  <div class="collection">
+    <a href="#!" class="collection-item avatar">
         <i class="material-icons circle">book</i>
         <span class="title">Utopias</span>
         <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed dia</p>
-        <a href="#!" class="secondary-content"><i class="material-icons">send</i></a>
-    </li>
-    <li class="collection-item avatar">
+    </a>
+    <a href="#!" class="collection-item avatar">
         <i class="material-icons circle">book</i>
         <span class="title">Dystopias</span>
         <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed dia</p>
-        <a href="#!" class="secondary-content"><i class="material-icons">send</i></a>
-    </li>
-    <li class="collection-item avatar">
+    </a>
+    <a href="#!" class="collection-item avatar">
         <i class="material-icons circle">book</i>
         <span class="title">Mungo Park - Travel books</span>
         <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed dia</p>
-        <a href="#!" class="secondary-content"><i class="material-icons">send</i></a>
-    </li>
-  </ul>
+    </a>
+  </div>
 </div>
 
-
 <div class="col s12">
-  <h3>Create new Corpus</h3>
+  <p>&nbsp;</p>
+</div>
+
+<div class="col s12 m4">
+  <h3>Jobs</h3>
+</div>
+
+<div class="col s12 m8">
+  <div class="collection">
+    <a class="collection-item avatar">
+        <i class="material-icons circle">find_in_page</i>
+        <span class="new badge teal" data-badge-caption="">finished</span>
+        <span class="title">Harry Potter</span>
+        <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed dia</p>
+    </a>
+    <a class="collection-item avatar">
+        <i class="material-icons circle">find_in_page</i>
+        <span class="new badge amber" data-badge-caption="">queued</span>
+        <span class="title">Sprawl trilogy</span>
+        <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed dia</p>
+    </a>
+    <a class="collection-item avatar">
+        <i class="material-icons circle">format_textdirection_l_to_r</i>
+        <span class="new badge indigo" data-badge-caption="">running</span>
+        <span class="title">Bob the Builder</span>
+        <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed dia</p>
+    </a>
+  </div>
 </div>
 
 <div class="col s12">
   <div class="card small">
     <div class="card-content">
+      <span class="card-title">Create new corpus</span>
       <form method="POST" enctype="multipart/form-data">
         {{ create_corpus_form.hidden_tag() }}
         <div class="row">
-- 
GitLab