sporada/nopaque
1
0
Fork 0
mirror of https://gitlab.ub.uni-bielefeld.de/sfb1288inf/nopaque.git synced 2024-12-25 02:44:18 +00:00
Code Issues Projects Releases Wiki Activity

Add live colors to corpu sstatus

Browse Source
This commit is contained in:
Stephan Porada 2019-11-05 15:22:25 +01:00
parent f2024be050
commit d04f90dee8
3 changed files with 22 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
app/static/js/CorpusList.js
View File

@ -79,3 +79,8 @@ class CorpusList extends List {
); );
} }
} }
CorpusList.STATUS_COLORS = {"unprepared": "grey",
"preparable": "orange",
"preparing": "yellow",
"prepared": "green",
"default": "red"};

10
app/static/js/JobList.js
View File

@ -113,7 +113,11 @@ JobList.SERVICE_COLORS = {"nlp": "blue",
JobList.SERVICE_ICONS = {"nlp": "format_textdirection_l_to_r", JobList.SERVICE_ICONS = {"nlp": "format_textdirection_l_to_r",
"ocr": "find_in_page", "ocr": "find_in_page",
"default": "help"}; "default": "help"};
JobList.STATUS_COLORS = {"pending": "amber", JobList.STATUS_COLORS = {"submitted": "blue",
"running": "indigo", "preparing": "light-blue",
"complete": "teal", "pending": "orange",
"running": "amber",
"complete": "green",
"stopping": "orange",
"removing": "deep-orange",
"default": "red"}; "default": "red"};

11
app/templates/corpora/corpus.html.j2
View File

@ -1,10 +1,19 @@
{% extends "limited_width.html.j2" %} {% extends "limited_width.html.j2" %}
{% block page_content %} {% block page_content %}
<script>
setStatus(status) {
var statusElement;
statusElement = document.getElementById("status");
statusElement.classList.remove(...Object.values(CorpusList.STATUS_COLORS));
statusElement.classList.add(CorpusList.STATUS_COLORS[status] || CorpusList.STATUS_COLORS['default']);
statusElement.innerText = status;
}
</script>
<div class="col s12 m4"> <div class="col s12 m4">
<h3 id="title">{{ corpus.title }}</h3> <h3 id="title">{{ corpus.title }}</h3>
<p id="description">{{ corpus.description }}</p> <p id="description">{{ corpus.description }}</p>
<a class="waves-effect waves-light btn">{{ corpus.status }}</a> <a class="waves-effect waves-light btn" id="status">{{ corpus.status }}</a>
</div> </div>
<div class="col s12 m8"> <div class="col s12 m8">