sporada/nopaque
1
0
Fork 0
mirror of https://gitlab.ub.uni-bielefeld.de/sfb1288inf/nopaque.git synced 2025-11-04 04:12:45 +00:00
Code Issues Projects Releases Wiki Activity

Update Dashboard2

Browse Source
This commit is contained in:
Patrick Jentsch
2022-12-21 14:34:53 +01:00
parent 14d7dfc957
commit c79bc1ed57
3 changed files with 108 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

116
app/templates/main/dashboard2.html.j2
View File

@@ -2,6 +2,25 @@
{% from "main/_breadcrumbs.html.j2" import breadcrumbs with context %}
{% block page_content %}
<div class="section scrollspy" id="dashboard">
<div class="row">
<div class="col s1"></div>
<div class="col s11">
<h1 id="title">Dashboard</h1>
</div>
<div class="col s1"></div>
<div class="col s3">
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
</div>
<div class="col s8">
<a class="btn waves-effect waves-light" href="#my-corpora"><i class="nopaque-icons left">I</i>My Corpora</a>
<a class="btn waves-effect waves-light" href="#my-jobs"><i class="nopaque-icons left">J</i>My Jobs</a>
<a class="btn waves-effect waves-light" href="#my-groups"><i class="material-icons left">groups</i>My Groups</a>
</div>
</div>
</div>
<div class="corpus-list no-autoinit" id="corpus-list" data-user-id="{{ current_user.hashid }}">
<div class="parallax-container">
<div class="parallax"><img src="{{ url_for('static', filename='images/parallax_hq/canvas.png') }}"></div>
@@ -18,15 +37,15 @@
</div>
</div>
<div class="section">
<div class="section scrollspy" id="my-corpora">
<div class="row">
<div class="col s1"></div>
<div class="col s3">
<h2 id="corpora">My Corpora</h1>
<p>Create a corpus to interactively perform linguistic analysis.</p>
<p>Or browse our users public corpora.<span class="new badge"></span></p>
<div class="col s2">
<h2>My Corpora</h2>
<p>Create a corpus to interactively perform linguistic analysis.</p>
<p>Or browse our users public corpora.<span class="new badge"></span></p>
</div>
<div class="col s7">
<div class="col s6">
<div class="card">
<div class="card-content">
<div>
@@ -50,6 +69,15 @@
</div>
</div>
</div>
<div class="col s1"></div>
<div class="col s2">
<ul class="section table-of-contents">
<li><a href="#dashboard">Dashboard</a></li>
<li><a href="#my-corpora">My Corpora</a></li>
<li><a href="#my-jobs">My Jobs</a></li>
<li><a href="#my-groups">My Groups</a></li>
</ul>
</div>
</div>
</div>
</div>
@@ -70,11 +98,11 @@
</div>
</div>
<div class="section">
<div class="section scrollspy" id="my-jobs">
<div class="row">
<div class="col s1"></div>
<div class="col s3">
<h2 id="jobs">My Jobs</h1>
<div class="col s2">
<h2>My Jobs</h2>
<p>
A job is the execution of a service provided by nopaque. You can
create any number of jobs and let them be processed simultaneously. We
@@ -85,7 +113,7 @@
</p>
<p><b>Where is my Job data?</b> Don't worry, please read <a href="{{ url_for('main.news', _anchor='april-2022-update') }}">this news</a> entry</p>
</div>
<div class="col s7">
<div class="col s6">
<div class="card">
<div class="card-content">
<div>
@@ -108,6 +136,74 @@
</div>
</div>
</div>
<div class="col s1"></div>
<div class="col s2">
<ul class="section table-of-contents">
<li><a href="#dashboard">Dashboard</a></li>
<li><a href="#my-corpora">My Corpora</a></li>
<li><a href="#my-jobs">My Jobs</a></li>
<li><a href="#my-groups">My Groups</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="group-list no-autoinit" id="group-list" data-user-id="{{ current_user.hashid }}">
<div class="parallax-container">
<div class="parallax"><img src="{{ url_for('static', filename='images/parallax_hq/canvas.png') }}"></div>
<div style="position: absolute; bottom: 0; width: 100%;">
<div class="container">
<div class="white" style="padding: 1px 35px 0 10px; border-radius: 35px;">
<div class="input-field">
<i class="material-icons prefix">search</i>
<input class="search" id="group-list-search" type="text">
<label for="group-list-search">Search Group</label>
</div>
</div>
</div>
</div>
</div>
<div class="section scrollspy" id="my-groups">
<div class="row">
<div class="col s1"></div>
<div class="col s2">
<h2>My Groups</h2>
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p>
</div>
<div class="col s6">
<div class="card">
<div class="card-content">
<div>
<table>
<thead>
<tr>
<th></th>
<th>Title and Description</th>
<th>Status</th>
<th></th>
</tr>
</thead>
<tbody class="list"></tbody>
</table>
<ul class="pagination"></ul>
</div>
</div>
<div class="card-action right-align">
<a class="btn waves-effect waves-light"><i class="material-icons left">add</i>Create group</a>
</div>
</div>
</div>
<div class="col s1"></div>
<div class="col s2">
<ul class="section table-of-contents">
<li><a href="#dashboard">Dashboard</a></li>
<li><a href="#my-corpora">My Corpora</a></li>
<li><a href="#my-jobs">My Jobs</a></li>
<li><a href="#my-groups">My Groups</a></li>
</ul>
</div>
</div>
</div>
</div>