Beginning Draggability

src/js/services/ui/actions.js

@@ -39,4 +39,26 @@ export function lazyLoading( start ){
     }
 }
 
+export function dragStart( e, context, victims ){
+    return {
+        type: 'DRAG_START',
+        context: context,
+        victims: victims,
+        position_x: e.clientX,
+        position_y: e.clientY
+    }
+}
+
+export function dragMove( e ){
+    return {
+        type: 'DRAG_MOVE',
+        position_x: e.clientX,
+        position_y: e.clientY,
+    }
+}
+
+export function dragEnd(){
+    return { type: 'DRAG_END' }
+}
+
 

src/js/services/ui/reducer.js

@@ -23,6 +23,40 @@ export default function reducer(ui = {}, action){
             return Object.assign({}, ui, { context_menu: { show: false } });
 
 
+
+        /**
+         * Dragging
+         **/
+
+        case 'DRAG_START':
+            return Object.assign({}, ui, { 
+                dragger: { 
+                    dragging: true,
+                    context: action.context, 
+                    victims: action.victims,
+                    position_x: action.position_x,
+                    position_y: action.position_y
+                }
+            });
+
+        case 'DRAG_MOVE':
+            var dragger = Object.assign({}, ui.dragger, {              
+                    position_x: action.position_x,
+                    position_y: action.position_y
+                })
+            return Object.assign({}, ui, { dragger: dragger });
+
+        case 'DRAG_END':
+            return Object.assign({}, ui, { 
+                dragger: { 
+                    dragging: false,
+                    context: false, 
+                    victims: false
+                }
+            });
+
+
+
         /**
          * Albums
          **/