atome.js in atome-0.5.1.1

- old
+ new

@@ -1,71 +1,70 @@
-class AtomeDrag {
-    constructor() {
-    }
+// class AtomeDrag {
+//     constructor() {
+//     }
+//
+//     drag(atome_drag_id) {
+//         // target elements with the "draggable" class
+//         self.current_obj = Opal.Utilities.$grab(atome_drag_id)
+//         interact('.'+atome_drag_id)
+//             .draggable({
+//                 // enable inertial throwing
+//                 startAxis: 'x',
+//                 lockAxis: 'x',
+//                 // lockAxis: ''+lock_axis,
+//                 inertia: true,
+//                 // keep the element within the area of it's parent
+//                 modifiers: [
+//                     interact.modifiers.restrictRect({
+//                         restriction: 'parent',
+//                         endOnly: true
+//                     })
+//                 ],
+//                 // enable autoScroll
+//                 autoScroll: true,
+//
+//                 listeners: {
+//                     // call this function on every dragmove event
+//
+//                     move: dragMoveListener,
+//                     start(event) {
+// //TODO:  optimise this passing the proc to the drag callback
+//                         // lets get the current atome Object
+//                         // self.current_obj = Opal.Utilities.$grab(atome_drag_id)
+//                         // now get the grab proc
+//                         self.proc_meth = current_obj.bloc
+//                     },
+//                     // call this function on every dragend event
+//                     end(event) {
+//                     }
+//                 }
+//             })
+//
+//         function dragMoveListener(event) {
+//             const target = event.target
+//             // the code below can be conditioned to receive the drag event without moving the object
+//             // keep the dragged position in the data-x/data-y attributes
+//             const x = (parseFloat(target.getAttribute('data-x')) || 0) + event.dx;
+//             const y = (parseFloat(target.getAttribute('data-y')) || 0) + event.dy
+//             // translate the element
+//             target.style.transform = 'translate(' + x + 'px, ' + y + 'px)'
+//             // update the position attributes
+//             target.setAttribute('data-x', x)
+//             target.setAttribute('data-y', y)
+//             // CallBack here
+//             self.current_obj.$dragCallback(event.pageX, event.pageY, event.rect.left, event.rect.top, self.current_obj, self.proc_meth);
+//         }
+//     }
+//
+// }
 
-    drag(atome_drag_id) {
-        // target elements with the "draggable" class
-        self.current_obj = Opal.Utilities.$grab(atome_drag_id)
-        interact('.'+atome_drag_id)
-            .draggable({
-                // enable inertial throwing
-                startAxis: 'x',
-                lockAxis: 'x',
-                // lockAxis: ''+lock_axis,
-                inertia: true,
-                // keep the element within the area of it's parent
-                modifiers: [
-                    interact.modifiers.restrictRect({
-                        restriction: 'parent',
-                        endOnly: true
-                    })
-                ],
-                // enable autoScroll
-                autoScroll: true,
-
-                listeners: {
-                    // call this function on every dragmove event
-
-                    move: dragMoveListener,
-                    start(event) {
-//TODO:  optimise this passing the proc to the drag callback
-                        // lets get the current atome Object
-                        // self.current_obj = Opal.Utilities.$grab(atome_drag_id)
-                        // now get the grab proc
-                        self.proc_meth = current_obj.bloc
-                    },
-                    // call this function on every dragend event
-                    end(event) {
-
-                    }
-                }
-            })
-
-        function dragMoveListener(event) {
-            const target = event.target
-            // the code below can be conditioned to receive the drag event without moving the object
-            // keep the dragged position in the data-x/data-y attributes
-            const x = (parseFloat(target.getAttribute('data-x')) || 0) + event.dx;
-            const y = (parseFloat(target.getAttribute('data-y')) || 0) + event.dy
-            // translate the element
-            target.style.transform = 'translate(' + x + 'px, ' + y + 'px)'
-            // update the position attributes
-            target.setAttribute('data-x', x)
-            target.setAttribute('data-y', y)
-            // CallBack here
-            self.current_obj.$dragCallback(event.pageX, event.pageY, event.rect.left, event.rect.top, self.current_obj, self.proc_meth);
-        }
-    }
-
-}
-
 // Usage:
 // let atomeDrag = new AtomeDrag();
 // atomeDrag.drag('atome_id', 'options');
 
 
-class Atomeanimation {
+const Atomeanimation ={
 
 
 }
 
 // TODO: put in a class
@@ -77,6 +76,7 @@
         const diffTime = Math.abs(formatedDate - now);
         setTimeout(function () {
             Opal.Object.$schedule_callback(proc);
         }, diffTime);
     }
-}
\ No newline at end of file
+}
+