sporada/nopaque
1
0
Fork 0
mirror of https://gitlab.ub.uni-bielefeld.de/sfb1288inf/nopaque.git synced 2024-11-15 01:05:42 +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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
app/static/js/RessourceLists/RessourceList.js
View File

@ -10,14 +10,13 @@ class RessourceList {
JobList.autoInit(); JobList.autoInit();
JobInputList.autoInit(); JobInputList.autoInit();
JobResultList.autoInit(); JobResultList.autoInit();
PublicCorporaList.autoInit();
PublicUserList.autoInit(); PublicUserList.autoInit();
SpaCyNLPPipelineModelList.autoInit(); SpaCyNLPPipelineModelList.autoInit();
TesseractOCRPipelineModelList.autoInit(); TesseractOCRPipelineModelList.autoInit();
UserList.autoInit(); UserList.autoInit();
} }
static options = {page: 5, pagination: {innerWindow: 4, outerWindow: 1}}; static options = {page: 5, pagination: {innerWindow: 2, outerWindow: 2}};
constructor(listElement, options = {}) { constructor(listElement, options = {}) {
if (!(listElement.hasAttribute('id'))) { if (!(listElement.hasAttribute('id'))) {
@ -29,7 +28,7 @@ class RessourceList {
} }
} }
options = { options = {
...{pagination: {item: `<li><a class="page" href="#${listElement.id}"></a></li>`}}, ...RessourceList.options,
...options ...options
} }
if ('ressourceMapper' in options && typeof options.ressourceMapper === 'function') { if ('ressourceMapper' in options && typeof options.ressourceMapper === 'function') {

1
app/templates/_scripts.html.j2
View File

@ -24,7 +24,6 @@
'js/RessourceLists/JobList.js', 'js/RessourceLists/JobList.js',
'js/RessourceLists/JobInputList.js', 'js/RessourceLists/JobInputList.js',
'js/RessourceLists/JobResultList.js', 'js/RessourceLists/JobResultList.js',
'js/RessourceLists/PublicCorporaList.js',
'js/RessourceLists/PublicUserList.js', 'js/RessourceLists/PublicUserList.js',
'js/RessourceLists/SpacyNLPPipelineModelList.js', 'js/RessourceLists/SpacyNLPPipelineModelList.js',
'js/RessourceLists/TesseractOCRPipelineModelList.js', 'js/RessourceLists/TesseractOCRPipelineModelList.js',

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

@ -2,6 +2,25 @@
{% from "main/_breadcrumbs.html.j2" import breadcrumbs with context %} {% from "main/_breadcrumbs.html.j2" import breadcrumbs with context %}
{% block page_content %} {% 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="corpus-list no-autoinit" id="corpus-list" data-user-id="{{ current_user.hashid }}">
<div class="parallax-container"> <div class="parallax-container">
<div class="parallax"><img src="{{ url_for('static', filename='images/parallax_hq/canvas.png') }}"></div> <div class="parallax"><img src="{{ url_for('static', filename='images/parallax_hq/canvas.png') }}"></div>
@ -18,15 +37,15 @@
</div> </div>
</div> </div>
<div class="section"> <div class="section scrollspy" id="my-corpora">
<div class="row"> <div class="row">
<div class="col s1"></div> <div class="col s1"></div>
<div class="col s3"> <div class="col s2">
<h2 id="corpora">My Corpora</h1> <h2>My Corpora</h2>
<p>Create a corpus to interactively perform linguistic analysis.</p> <p>Create a corpus to interactively perform linguistic analysis.</p>
<p>Or browse our users public corpora.<span class="new badge"></span></p> <p>Or browse our users public corpora.<span class="new badge"></span></p>
</div> </div>
<div class="col s7"> <div class="col s6">
<div class="card"> <div class="card">
<div class="card-content"> <div class="card-content">
<div> <div>
@ -50,6 +69,15 @@
</div> </div>
</div> </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>
</div> </div>
@ -70,11 +98,11 @@
</div> </div>
</div> </div>
<div class="section"> <div class="section scrollspy" id="my-jobs">
<div class="row"> <div class="row">
<div class="col s1"></div> <div class="col s1"></div>
<div class="col s3"> <div class="col s2">
<h2 id="jobs">My Jobs</h1> <h2>My Jobs</h2>
<p> <p>
A job is the execution of a service provided by nopaque. You can 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 create any number of jobs and let them be processed simultaneously. We
@ -85,7 +113,7 @@
</p> </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> <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>
<div class="col s7"> <div class="col s6">
<div class="card"> <div class="card">
<div class="card-content"> <div class="card-content">
<div> <div>
@ -108,6 +136,74 @@
</div> </div>
</div> </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> </div>
</div> </div>