Change js structure for displays

This commit is contained in:
Patrick Jentsch 2023-10-05 14:11:17 +02:00
parent 53f4400731
commit 1d6834302d
6 changed files with 12 additions and 10 deletions

View File

@ -1,4 +1,4 @@
class CorpusDisplay extends ResourceDisplay {
ResourceDisplays.CorpusDisplay = class CorpusDisplay extends ResourceDisplays.BaseDisplay {
constructor(displayElement) {
super(displayElement);
this.corpusId = displayElement.dataset.corpusId;

View File

@ -1,4 +1,6 @@
class ResourceDisplay {
var ResourceDisplays = {};
ResourceDisplays.BaseDisplay = class BaseDisplay {
constructor(displayElement) {
this.displayElement = displayElement;
this.userId = this.displayElement.dataset.userId;
@ -41,4 +43,4 @@ class ResourceDisplay {
this.setElement(element, value);
}
}
}
};

View File

@ -1,4 +1,4 @@
class JobDisplay extends ResourceDisplay {
ResourceDisplays.JobDisplay = class JobDisplay extends ResourceDisplays.BaseDisplay {
constructor(displayElement) {
super(displayElement);
this.jobId = this.displayElement.dataset.jobId;

View File

@ -45,10 +45,10 @@
{%- assets
filters='rjsmin',
output='gen/ResourceDisplays.%(version)s.js',
'js/ResourceDisplays/ResourceDisplay.js',
'js/ResourceDisplays/CorpusDisplay.js',
'js/ResourceDisplays/JobDisplay.js'
output='gen/resource-displays.%(version)s.js',
'js/resource-displays/index.js',
'js/resource-displays/corpus-display.js',
'js/resource-displays/job-display.js'
%}
<script src="{{ ASSET_URL }}"></script>
{%- endassets %}

View File

@ -237,7 +237,7 @@
{% block scripts %}
{{ super() }}
<script>
let corpusDisplay = new CorpusDisplay(document.querySelector('#corpus-display'));
let corpusDisplay = new ResourceDisplays.CorpusDisplay(document.querySelector('#corpus-display'));
{# {% if current_user.is_following_corpus(corpus) %}
let unfollowRequestElement = document.querySelector('.action-button[data-action="unfollow-request"]');

View File

@ -150,7 +150,7 @@
{% block scripts %}
{{ super() }}
<script>
let jobDisplay = new JobDisplay(document.querySelector('#job-display'));
let jobDisplay = new ResourceDisplays.JobDisplay(document.querySelector('#job-display'));
let deleteJobRequestElement = document.querySelector('#delete-job-request');
let restartJobRequestElement = document.querySelector('#restart-job-request');
deleteJobRequestElement.addEventListener('click', (event) => {