style and compatibility update

This commit is contained in:
Patrick Jentsch
2024-05-21 10:29:12 +02:00
parent c68286e010
commit cbd0a41bce
91 changed files with 6718 additions and 538 deletions

View File

@ -86,15 +86,7 @@ nopaque.resource_displays.CorpusDisplay = class CorpusDisplay extends nopaque.re
}
elements = this.displayElement.querySelectorAll('.corpus-status');
for (let element of elements) {
element.dataset.status = status;
}
elements = this.displayElement.querySelectorAll('.corpus-status-spinner');
for (let element of elements) {
if (['SUBMITTED', 'QUEUED', 'BUILDING', 'STARTING_ANALYSIS_SESSION', 'CANCELING_ANALYSIS_SESSION'].includes(status)) {
element.classList.remove('hide');
} else {
element.classList.add('hide');
}
element.dataset.corpusStatus = status;
}
}

View File

@ -61,15 +61,7 @@ nopaque.resource_displays.JobDisplay = class JobDisplay extends nopaque.resource
setStatus(status) {
let elements = this.displayElement.querySelectorAll('.job-status');
for (let element of elements) {
element.dataset.status = status;
}
elements = this.displayElement.querySelectorAll('.job-status-spinner');
for (let element of elements) {
if (['COMPLETED', 'FAILED'].includes(status)) {
element.classList.add('hide');
} else {
element.classList.remove('hide');
}
element.dataset.jobStatus = status;
}
elements = this.displayElement.querySelectorAll('.job-log-trigger');
for (let element of elements) {

View File

@ -41,8 +41,8 @@ nopaque.resource_lists.CorpusFileList = class CorpusFileList extends nopaque.res
<td><span class="publishing-year"></span></td>
<td class="right-align">
<a class="list-action-trigger btn-floating red waves-effect waves-light ${this.hasPermissionManageFiles ? '' : 'hide'}" data-list-action="delete"><i class="material-icons">delete</i></a>
<a class="list-action-trigger btn-floating service-color darken waves-effect waves-light ${this.hasPermissionView ? '' : 'hide'}" data-list-action="download" data-service="corpus-analysis"><i class="material-icons">file_download</i></a>
<a class="list-action-trigger btn-floating service-color darken waves-effect waves-light ${this.hasPermissionManageFiles ? '' : 'hide'}" data-list-action="view" data-service="corpus-analysis"><i class="material-icons">send</i></a>
<a class="list-action-trigger btn-floating waves-effect waves-light ${this.hasPermissionView ? '' : 'hide'}" data-list-action="download"><i class="material-icons">file_download</i></a>
<a class="list-action-trigger btn-floating waves-effect waves-light ${this.hasPermissionManageFiles ? '' : 'hide'}" data-list-action="view"><i class="material-icons">send</i></a>
</td>
</tr>
`.trim();

View File

@ -60,19 +60,27 @@ nopaque.resource_lists.CorpusList = class CorpusList extends nopaque.resource_li
return (values) => {
return `
<tr class="list-item clickable hoverable">
<td class="hide">
<time class="creation-date"></span>
</td>
<td>
<label class="list-action-trigger" data-list-action="select">
<input class="select-checkbox" type="checkbox">
<span class="disable-on-click"></span>
</label>
</td>
<td><b class="title"></b><br><i class="description"></i></td>
<td><span class="owner"></span></td>
<td>
<b class="title"></b><br>
<i class="description"></i>
</td>
<td>
<span class="owner"></span>
</td>
<td><span class="status badge new corpus-status-color corpus-status-text" data-badge-caption=""></span></td>
<td>${values['current-user-is-following'] ? '<span><i class="left material-icons">visibility</i>Following</span>' : ''}</td>
<td class="right-align">
<a class="list-action-trigger btn-floating red waves-effect waves-light" data-list-action="delete-request"><i class="material-icons">delete</i></a>
<a class="list-action-trigger btn-floating service-color darken waves-effect waves-light" data-list-action="view" data-service="corpus-analysis"><i class="material-icons">send</i></a>
<a class="list-action-trigger btn-floating service-color darken waves-effect waves-light" data-list-action="view"><i class="material-icons">send</i></a>
</td>
</tr>
`.trim();
@ -82,8 +90,8 @@ nopaque.resource_lists.CorpusList = class CorpusList extends nopaque.resource_li
get valueNames() {
return [
{data: ['id']},
{data: ['creation-date']},
{name: 'status', attr: 'data-status'},
{name: 'creation-date', attr: 'datetime'},
{name: 'status', attr: 'data-corpus-status'},
'description',
'title',
'owner',

View File

@ -25,16 +25,16 @@ nopaque.resource_lists.JobList = class JobList extends nopaque.resource_lists.Re
get item() {
return `
<tr class="list-item service-scheme clickable hoverable">
<tr class="list-item clickable hoverable">
<td>
<label class="list-action-trigger" data-list-action="select">
<input class="select-checkbox" type="checkbox">
<span class="disable-on-click"></span>
</label>
</td>
<td><a class="btn-floating"><i class="nopaque-icons service-icons" data-service="inherit"></i></a></td>
<td><a class="btn-floating service-color darken" data-service="inherit"><i class="nopaque-icons service-icons" data-service="inherit"></i></a></td>
<td><b class="title"></b><br><i class="description"></i></td>
<td><span class="badge new job-status-color job-status-text status" data-badge-caption=""></span></td>
<td><span class="status badge new job-status-color job-status-text" data-badge-caption=""></span></td>
<td class="right-align">
<a class="list-action-trigger btn-floating red waves-effect waves-light" data-list-action="delete-request"><i class="material-icons">delete</i></a>
<a class="list-action-trigger btn-floating darken waves-effect waves-light" data-list-action="view"><i class="material-icons">send</i></a>
@ -48,7 +48,7 @@ nopaque.resource_lists.JobList = class JobList extends nopaque.resource_lists.Re
{data: ['id']},
{data: ['creation-date']},
{data: ['service']},
{name: 'status', attr: 'data-status'},
{name: 'status', attr: 'data-job-status'},
'description',
'title'
];