sporada/nopaque
1
0
Fork 0
mirror of https://gitlab.ub.uni-bielefeld.de/sfb1288inf/nopaque.git synced 2025-11-03 20:02:47 +00:00
Code Issues Projects Releases Wiki Activity

Better auto initialization method for forms and resource displays

Browse Source
This commit is contained in:
Patrick Jentsch
2023-10-09 14:21:31 +02:00
parent 1b974f0bbc
commit e20dd01710
10 changed files with 42 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
app/static/js/forms/create-contribution-form.js
View File

@@ -1,10 +1,5 @@
Forms.CreateContributionForm = class CreateContributionForm extends Forms.BaseForm {
static autoInit() {
let createContributionFormElements = document.querySelectorAll('.create-contribution-form');
for (let createContributionFormElement of createContributionFormElements) {
new Forms.CreateContributionForm(createContributionFormElement);
}
}
static htmlClass = 'create-contribution-form';
constructor(formElement) {
super(formElement);

7
app/static/js/forms/create-corpus-file-form.js
View File

@@ -1,10 +1,5 @@
Forms.CreateCorpusFileForm = class CreateCorpusFileForm extends Forms.BaseForm {
static autoInit() {
let createCorpusFileFormElements = document.querySelectorAll('.create-corpus-file-form');
for (let createCorpusFileFormElement of createCorpusFileFormElements) {
new Forms.CreateCorpusFileForm(createCorpusFileFormElement);
}
}
static htmlClass = 'create-corpus-file-form';
constructor(formElement) {
super(formElement);

7
app/static/js/forms/create-job-form.js
View File

@@ -1,10 +1,5 @@
Forms.CreateJobForm = class CreateJobForm extends Forms.BaseForm {
static autoInit() {
let createJobFormElements = document.querySelectorAll('.create-job-form');
for (let createJobFormElement of createJobFormElements) {
new Forms.CreateJobForm(createJobFormElement);
}
}
static htmlClass = 'create-job-form';
constructor(formElement) {
super(formElement);

13
app/static/js/forms/index.js
View File

@@ -3,15 +3,22 @@ var Forms = {};
Forms.autoInit = () => {
for (let propertyName in Forms) {
let property = Forms[propertyName];
// Call the autoInit method of all properties that are subclasses of Forms.BaseForm
// Call autoInit of all properties that are subclasses of Forms.BaseForm.
// This does not include Forms.BaseForm itself.
if (property.prototype instanceof Forms.BaseForm) {
property.autoInit();
// Check if the static htmlClass property is defined.
if (property.htmlClass === undefined) {return;}
// Gather all HTML elements that have the `this.htmlClass` class
// and do not have the no-autoinit class.
let formElements = document.querySelectorAll(`.${property.htmlClass}:not(.no-autoinit)`);
// Create an instance of this class for each form element.
for (let formElement of formElements) {new property(formElement);}
}
}
};
Forms.BaseForm = class BaseForm {
static autoInit() {throw 'Not implemented';}
static htmlClass;
constructor(formElement) {
this.formElement = formElement;

2
app/static/js/resource-displays/corpus-display.js
View File

@@ -1,4 +1,6 @@
ResourceDisplays.CorpusDisplay = class CorpusDisplay extends ResourceDisplays.BaseDisplay {
static htmlClass = 'corpus-display';
constructor(displayElement) {
super(displayElement);
this.corpusId = displayElement.dataset.corpusId;

22
app/static/js/resource-displays/index.js
View File

@@ -1,6 +1,28 @@
var ResourceDisplays = {};
ResourceDisplays.autoInit = () => {
console.log('ResourceDisplays.autoInit');
for (let propertyName in ResourceDisplays) {
let property = ResourceDisplays[propertyName];
// Call autoInit of all properties that are subclasses of `ResourceDisplays.BaseDisplay`.
// This does not include `ResourceDisplays.BaseDisplay` itself.
if (property.prototype instanceof ResourceDisplays.BaseDisplay) {
console.log(property);
// Check if the static `htmlClass` property is defined.
if (property.htmlClass === undefined) {return;}
// Gather all HTML elements that have the `this.htmlClass` class
// and do not have the `no-autoinit` class.
let displayElements = document.querySelectorAll(`.${property.htmlClass}:not(.no-autoinit)`);
console.log(displayElements);
// Create an instance of this class for each display element.
for (let displayElement of displayElements) {new property(displayElement);}
}
}
}
ResourceDisplays.BaseDisplay = class BaseDisplay {
static htmlClass;
constructor(displayElement) {
this.displayElement = displayElement;
this.userId = this.displayElement.dataset.userId;

2
app/static/js/resource-displays/job-display.js
View File

@@ -1,4 +1,6 @@
ResourceDisplays.JobDisplay = class JobDisplay extends ResourceDisplays.BaseDisplay {
static htmlClass = 'job-display';
constructor(displayElement) {
super(displayElement);
this.jobId = this.displayElement.dataset.jobId;