used modules in all the files

sofiane-abou-abderrahim · Oct 14, 2023 · 8ebd167 · 8ebd167
1 parent a88c230
commit 8ebd167
Show file tree

Hide file tree

Showing 6 changed files with 15 additions and 7 deletions.
diff --git a/assets/scripts/App/ProjectItem.js b/assets/scripts/App/ProjectItem.js
@@ -1,4 +1,7 @@
-class ProjectItem {
+import { DOMHelper } from '../Utility/DOMHelper.js';
+import { Tooltip } from './Tooltip.js';
+
+export class ProjectItem {
   hasActiveTooltip = false;
 
   constructor(id, updateProjectListsFunction, type) {

diff --git a/assets/scripts/App/ProjectList.js b/assets/scripts/App/ProjectList.js
@@ -1,4 +1,7 @@
-class ProjectList {
+import { ProjectItem } from './ProjectItem.js';
+import { DOMHelper } from '../Utility/DOMHelper.js';
+
+export class ProjectList {
   projects = [];
 
   constructor(type) {

diff --git a/assets/scripts/App/Tooltip.js b/assets/scripts/App/Tooltip.js
@@ -1,6 +1,6 @@
 import { Component } from './Component.js';
 
-class Tooltip extends Component {
+export class Tooltip extends Component {
   constructor(closeNotifierFunction, text, hostElementId) {
     super(hostElementId);
     this.closeNotifier = closeNotifierFunction;

diff --git a/assets/scripts/Utility/DOMHelper.js b/assets/scripts/Utility/DOMHelper.js
@@ -1,4 +1,4 @@
-class DOMHelper {
+export class DOMHelper {
   static clearEventListeners(element) {
     const clonedElement = element.cloneNode(true);
     element.replaceWith(clonedElement);

diff --git a/assets/scripts/app.js b/assets/scripts/app.js
@@ -1,3 +1,5 @@
+import { ProjectList } from './App/ProjectList.js';
+
 class App {
   static init() {
     const activeProjectsList = new ProjectList('active');

diff --git a/index.html b/index.html
@@ -6,11 +6,11 @@
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
     <title>Project Board</title>
     <link rel="stylesheet" href="assets/styles/app.css" />
-    <script src="assets/scripts/Utility/DOMHelper.js" defer></script>
+    <!-- <script src="assets/scripts/Utility/DOMHelper.js" defer></script> -->
     <!-- <script src="assets/scripts/App/Component.js" defer></script> -->
-    <script src="assets/scripts/App/Tooltip.js" defer type="module"></script>
+    <!-- <script src="assets/scripts/App/Tooltip.js" defer type="module"></script>
     <script src="assets/scripts/App/ProjectItem.js" defer></script>
-    <script src="assets/scripts/App/ProjectList.js" defer></script>
+    <script src="assets/scripts/App/ProjectList.js" defer></script> -->
     <script src="assets/scripts/app.js" defer type="module"></script>
   </head>
   <body>