sporada/nopaque
1
0
Fork 0
mirror of https://gitlab.ub.uni-bielefeld.de/sfb1288inf/nopaque.git synced 2025-06-14 01:50:40 +00:00
Code Issues Projects Releases Wiki Activity

Designpatch 2/2

Browse Source
This commit is contained in:
Patrick Jentsch
2021-05-05 10:05:12 +02:00
parent 04e53fef98
commit c0d337137e
13 changed files with 61 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
web/app/static/css/nopaque.css
View File

@ -121,51 +121,62 @@ indicator will show up how the column is sorted right now.; */
.analyse-link[href=""] {
display: none;
}
.service[data-service]:before {
.btn-scale-x2 {
transform: scale(2);
}
.btn-scale-x2 .service-icon {
font-size: 2.5rem;
}
.service-icon[data-service]:before {
content: "help";
}
.service[data-service="corpus-analysis"]:before {
.service-icon[data-service="corpus-analysis"]:before {
content: "H";
}
.service[data-service="file-setup"]:before {
.service-icon[data-service="file-setup"]:before {
content: "E";
}
.service[data-service="nlp"]:before {
.service-icon[data-service="nlp"]:before {
content: "G";
}
.service[data-service="ocr"]:before {
.service-icon[data-service="ocr"]:before {
content: "F";
}
.status[data-status]:before {
.status-text[data-status]:before {
content: attr(data-status);
}
.status[data-status] {
.status-color[data-status] {
background-color: #f44336 !important; /* ~materialize "red" */
}
.status[data-status="unprepared"] {
.status-color[data-status="unprepared"] {
background-color: #9e9e9e !important; /* ~materialize grey */
}
.status[data-status="submitted"] {
.status-color[data-status="submitted"] {
background-color: #9e9e9e !important; /* ~materialize grey */
}
.status[data-status="queued"] {
.status-color[data-status="queued"] {
background-color: #2196f3 !important; /* ~materialize blue */
}
.status[data-status="running"] {
.status-color[data-status="running"] {
background-color: #ffc107 !important; /* ~materialize amber */
}
.status[data-status="complete"] {
.status-color[data-status="complete"] {
background-color: #4caf50 !important; /* ~materialize green */
}
.status[data-status="prepared"] {
.status-color[data-status="prepared"] {
background-color: #4caf50 !important; /* ~materialize green */
}
.status[data-status="start analysis"] {
.status-color[data-status="start analysis"] {
background-color: #2196f3 !important; /* ~materialize blue */
}
.status[data-status="analysing"] {
.status-color[data-status="analysing"] {
background-color: #4caf50 !important; /* ~materialize green */
}
.status[data-status="stop analysis"] {
.status-color[data-status="stop analysis"] {
background-color: #ff5722 !important; /* ~materialize deep-orange */
}

4
web/app/static/js/nopaque/RessourceLists/CorpusList.js
View File

@ -81,9 +81,9 @@ class CorpusList extends RessourceList {
}
CorpusList.options = {
item: `<tr>
<td><a class="btn-floating disabled"><i class="material-icons">book</i></a></td>
<td><a class="btn-floating disabled"><i class="material-icons service-color" data-service="corpus-analysis">book</i></a></td>
<td><b class="title"></b><br><i class="description"></i></td>
<td><span class="badge new status" data-badge-caption=""></span></td>
<td><span class="badge new status status-color status-text" data-badge-caption=""></span></td>
<td class="right-align">
<a class="action-button btn-floating red tooltipped waves-effect waves-light" data-action="delete" data-position="top" data-tooltip="Delete"><i class="material-icons">delete</i></a>
<a class="action-button btn-floating tooltipped waves-effect waves-light" data-action="view" data-position="top" data-tooltip="View"><i class="material-icons">send</i></a>

4
web/app/static/js/nopaque/RessourceLists/JobList.js
View File

@ -82,9 +82,9 @@ class JobList extends RessourceList {
}
JobList.options = {
item: `<tr>
<td><a class="btn-floating disabled"><i class="nopaque-icons service"></i></a></td>
<td><a class="btn-floating disabled"><i class="nopaque-icons service service-color service-icon"></i></a></td>
<td><b class="title"></b><br><i class="description"></i></td>
<td><span class="badge new status" data-badge-caption=""></span></td>
<td><span class="badge new status status-color status-text" data-badge-caption=""></span></td>
<td class="right-align">
<a class="action-button btn-floating red tooltipped waves-effect waves-light" data-action="delete" data-position="top" data-tooltip="Delete"><i class="material-icons">delete</i></a>
<a class="action-button btn-floating tooltipped waves-effect waves-light" data-action="view" data-position="top" data-tooltip="View"><i class="material-icons">send</i></a>

2
web/app/static/js/nopaque/main.js
View File

@ -20,7 +20,7 @@ class AppClient {
message = `<i class="left material-icons red-text">error</i>${message}`;
break;
case "job":
message = `<i class="left material-icons">work</i>${message}`;
message = `<i class="left nopaque-icons">J</i>${message}`;
break;
default:
message = `<i class="left material-icons">notifications</i>${message}`;