diff --git a/web/app/models.py b/web/app/models.py
index 6b7314ae..757e5f40 100644
--- a/web/app/models.py
+++ b/web/app/models.py
@@ -547,9 +547,11 @@ class Corpus(db.Model):
'id': self.id,
'user_id': self.user_id,
'creation_date': self.creation_date.timestamp(),
+ 'current_nr_of_tokens': self.current_nr_of_tokens,
'description': self.description,
'status': self.status,
'last_edited_date': self.last_edited_date.timestamp(),
+ 'max_nr_of_tokens': self.max_nr_of_tokens,
'title': self.title,
'files': {file.id: file.to_dict() for file in self.files}}
diff --git a/web/app/static/js/nopaque/RessorceLists.js b/web/app/static/js/nopaque/RessorceLists.js
new file mode 100644
index 00000000..47c0edb8
--- /dev/null
+++ b/web/app/static/js/nopaque/RessorceLists.js
@@ -0,0 +1,492 @@
+class RessourceList {
+ /* A wrapper class for the list.js list.
+ * This class is not meant to be used directly, instead it should be used as
+ * a base class for concrete ressource list implementations.
+ */
+ constructor(listElement, options = {}) {
+ if (listElement.dataset.userId) {
+ if (listElement.dataset.userId in nopaque.appClient.users) {
+ this.user = nopaque.appClient.users[listElement.dataset.userId];
+ } else {
+ console.error(`User not found: ${listElement.dataset.userId}`);
+ return;
+ }
+ } else {
+ this.user = nopaque.appClient.users.self;
+ }
+ this.list = new List(listElement, {...RessourceList.options, ...options});
+ this.list.list.innerHTML = `
+
+ file_downloadNothing here...
+
No ressource available (yet).
+
+
`;
+ }
+
+ eventHandler(eventType, payload) {
+ switch (eventType) {
+ case 'init':
+ this.init(payload);
+ break;
+ case 'patch':
+ this.patch(payload);
+ break;
+ default:
+ console.error(`Unknown event type: ${eventType}`);
+ break;
+ }
+ }
+
+ init(ressources) {
+ this.list.clear();
+ this.add(Object.values(ressources));
+ this.list.sort('id', {order: 'desc'});
+ }
+
+ patch(patch) {
+ /*
+ * It's not possible to generalize a patch Handler for all type of
+ * ressources. So this method is meant to be an interface.
+ */
+ console.error('patch method not implemented!');
+ }
+
+ add(values) {
+ let ressources = Array.isArray(values) ? values : [values];
+ if (typeof this.preprocessRessource === 'function') {
+ ressources = ressources.map(ressource => this.preprocessRessource(ressource));
+ }
+ // Set a callback function ('() => {return;}') to force List.js perform the
+ // add method asynchronous: https://listjs.com/api/#add
+ this.list.add(ressources, () => {return;});
+ }
+
+ remove(id) {
+ this.list.remove('id', id);
+ }
+
+ replace(id, valueName, newValue) {
+ this.list.get('id', id)[0].values({[valueName]: newValue});
+ }
+}
+RessourceList.options = {page: 5, pagination: [{innerWindow: 4, outerWindow: 1}]};
+
+
+class CorpusList extends RessourceList {
+ constructor(listElement, options = {}) {
+ super(listElement, {...CorpusList.options, ...options});
+ this.corpora = undefined;
+ this.user.eventListeners.corpus.addEventListener((eventType, payload) => this.eventHandler(eventType, payload));
+ listElement.addEventListener('click', event => this.onclick(event));
+ }
+
+ init(corpora) {
+ this.corpora = corpora;
+ super.init(corpora);
+ }
+
+ onclick(event) {
+ let ressourceElement = event.target.closest('tr');
+ if (ressourceElement === null) {return;}
+ let corpusId = ressourceElement.dataset.id;
+ let actionButtonElement = event.target.closest('.action-button');
+ let action = (actionButtonElement === null) ? 'view' : actionButtonElement.dataset.action;
+ switch (action) {
+ case 'analyse':
+ window.location.href = this.corpora[corpusId].analysis_url;
+ case 'delete':
+ let deleteModalHTML = `
+
+
Confirm corpus deletion
+
Do you really want to delete the corpus ${this.corpora[corpusId].title}? All files will be permanently deleted!
+
+
+
`;
+ let deleteModalParentElement = document.querySelector('main');
+ deleteModalParentElement.insertAdjacentHTML('beforeend', deleteModalHTML);
+ let deleteModalElement = deleteModalParentElement.lastChild;
+ let deleteModal = M.Modal.init(deleteModalElement, {onCloseEnd: () => {deleteModal.destroy(); deleteModalElement.remove();}});
+ deleteModal.open();
+ break;
+ case 'view':
+ // TODO: handle unprepared corpora
+ window.location.href = this.corpora[corpusId].url;
+ break;
+ default:
+ console.error(`Unknown action: ${action}`);
+ break;
+ }
+ }
+
+ patch(patch) {
+ let id, match, re, valueName;
+ for (let operation of patch) {
+ switch(operation.op) {
+ case 'add':
+ // Matches the only paths that should be handled here: /corpora/{corpusId}
+ re = /^\/corpora\/(\d+)$/;
+ if (re.test(operation.path)) {this.add(operation.value);}
+ break;
+ case 'remove':
+ // See case 'add' ;)
+ re = /^\/corpora\/(\d+)$/;
+ if (re.test(operation.path)) {
+ [match, id] = operation.path.match(re);
+ this.remove(id);
+ }
+ break;
+ case 'replace':
+ // Matches the only paths that should be handled here: /corpora/{corpusId}/{status || description || title}
+ re = /^\/corpora\/(\d+)\/(status|description|title)$/;
+ if (re.test(operation.path)) {
+ [match, id, valueName] = operation.path.match(re);
+ this.replace(id, valueName, operation.value);
+ }
+ break;
+ default:
+ break;
+ }
+ }
+ }
+
+ preprocessRessource(corpus) {
+ return {id: corpus.id,
+ status: corpus.status,
+ description: corpus.description,
+ title: corpus.title};
+ }
+}
+CorpusList.options = {
+ item: `