(#1) - WebPack bundling of JS and CSS

assets/js/elements/RsvCalendar.js

@@ -1,4 +1,4 @@
-const RsvCalendarPicker = (() => {
+export const RsvCalendarPicker = (() => {
 
   function get_first_day_of_month(date) {
     const day = new Date(date.getFullYear(), date.getMonth(), 1).getDay();

assets/js/elements/RsvDatagrid.js

@@ -2,7 +2,7 @@
  * RSV Dynamic datagrid
  * Allows fetching with JS instead of page reload.
  */
-window.RsvDataGrid = window.RsvDataGrid || {
+const RsvDataGrid = {
   create_header(self, columns, has_actions) {
     let thead = document.createElement('thead');
 
@@ -419,4 +419,6 @@ window.RsvDataGrid = window.RsvDataGrid || {
 
     return state;
   }
-}
+};
+
+export { RsvDataGrid };

assets/js/elements/RsvReservationSelector.js

@@ -1,3 +1,5 @@
+import { RsvCalendarPicker } from './RsvCalendar.js';
+
 class RsvReservationSelector extends HTMLElement {
   static get observedAttributes() {
     return ['timetable-id', 'name', 'price-per-block'];

assets/js/elements/RsvTimeline.js

@@ -1,3 +1,5 @@
+import { RsvTimetableService } from '../services/RsvTimetableService.js';
+
 class RsvTimeline extends HTMLElement {
   static get observedAttributes() {
     return ['timetable-id', 'date'];