Refactor CustomModal to Modal with improved architecture

Renamed and migrated `CustomModal` to `Modal` to streamline the modal implementation. The new `Modal` class leverages `IFlow` for dynamic content updates and relies on `ModalSettings` for configuration, improving modularity and maintainability. Updated related interfaces, exceptions, and test files accordingly. Enhanced `DraggableElement` to include a visual handle cue. Improved readability and separation of concerns by organizing the modal's settings into a dedicated class.
PxaMMaxP · Aug 18, 2024 · 8037865 · 8037865
1 parent 485f7e8
commit 8037865
Show file tree

Hide file tree

Showing 8 changed files with 494 additions and 384 deletions.
diff --git a/src/libs/Modals/CustomModal/CustomModal.ts b/src/libs/Modals/CustomModal/CustomModal.ts
diff --git a/src/libs/Modals/CustomModal/DraggableElement.ts b/src/libs/Modals/CustomModal/DraggableElement.ts
@@ -91,6 +91,7 @@ export class DraggableElement extends DIComponent implements IDraggableElement {
      */
     public enableDragging(): void {
         if (this._dragHandle != null) {
+            this._dragHandle.classList.add('draggable-handle');
             this._dragHandle.style.cursor = 'grab';
 
             this.registerDomEvent(
@@ -131,7 +132,7 @@ export class DraggableElement extends DIComponent implements IDraggableElement {
             this._isDragging = true;
             this._initialX = event.clientX - this._currentX;
             this._initialY = event.clientY - this._currentY;
-            this._dragHandle.style.cursor = 'grabbing'; // Change cursor to grabbing
+            this._dragHandle.style.cursor = 'grabbing';
         }
     }