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> </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