Change js structure for displays

app/static/js/ResourceDisplays/CorpusDisplay.js → app/static/js/resource-displays/corpus-display.js

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

app/static/js/ResourceDisplays/ResourceDisplay.js → app/static/js/resource-displays/index.js

-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);
     }
   }
-}
+};

app/static/js/ResourceDisplays/JobDisplay.js → app/static/js/resource-displays/job-display.js

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

app/templates/_scripts.html.j2

@@ -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 %}

app/templates/corpora/corpus.html.j2

@@ -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"]');

app/templates/jobs/job.html.j2

@@ -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) => {