diff --git a/app/static/js/ResourceLists/CorpusList.js b/app/static/js/ResourceLists/CorpusList.js index bd92a206a11ffd9a8c1280da591b107b0c9b2e14..e4d1808f42423aad643e59c3c8a68507f83eeb02 100644 --- a/app/static/js/ResourceLists/CorpusList.js +++ b/app/static/js/ResourceLists/CorpusList.js @@ -20,18 +20,20 @@ class CorpusList extends ResourceList { // #region Mandatory getters and methods to implement get item() { - return ` - <tr class="list-item clickable hoverable"> - <td><a class="btn-floating disabled"><i class="material-icons service-color darken" data-service="corpus-analysis">book</i></a></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 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> - </td> - </tr> - `.trim(); + return (values) => { + return ` + <tr class="${values['is-owner'] ? '' : 'deep-purple lighten-5'} list-item clickable hoverable"> + <td><a class="btn-floating disabled"><i class="material-icons service-color darken" data-service="corpus-analysis">book</i></a></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 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> + </td> + </tr> + `.trim(); + }; } get valueNames() { @@ -42,7 +44,6 @@ class CorpusList extends ResourceList { 'description', 'title', 'owner', - {data: ['is-owner']} ]; } diff --git a/app/templates/main/dashboard.html.j2 b/app/templates/main/dashboard.html.j2 index 5dd980fe0ae63040f6195c41ff81aca4d69cb732..89f9121d3a5cb2e029395585b97e7c0b996b45b2 100644 --- a/app/templates/main/dashboard.html.j2 +++ b/app/templates/main/dashboard.html.j2 @@ -147,9 +147,5 @@ {% endfor %} ] ); - corpusItems = document.querySelectorAll('[data-is-owner="false"]'); - corpusItems.forEach((item) => { - item.classList.add('deep-purple', 'lighten-5'); - }); </script> {% endblock scripts %}