Finish Orders for Admin and Customers (#6)

.iex.exs

@@ -27,4 +27,6 @@ alias BikeShop.Carts
 alias BikeShop.Carts.Core.HandleCarts
 alias BikeShop.Carts.Data.Cart
 alias BikeShop.Carts.Server.CartSessionServer
+alias BikeShop.Orders
+alias BikeShop.Orders.Order
 alias BikeShopWeb.Middleware.CartSession

README.md

@@ -8,4 +8,9 @@ __Demo BikeShop Built with Phoenix LiveView__
 >2. [dialyxir](https://github.com/jeremyjh/dialyxir) - elixir dialyxir
 >3. [excoveralls](https://github.com/parroty/excoveralls) - code coverage tool
 >4. [mix_test_watch](https://github.com/lpil/mix-test.watch) - continuous test runner
->5. [libcluster](https://github.com/bitwalker/libcluster) - provides a mechanism for automatically forming clusters of Erlang nodes
+>5. [libcluster](https://github.com/bitwalker/libcluster) - provides a mechanism for automatically forming clusters of Erlang nodes
+
+
+## ToDo
+
+-[ ] cart icon quantity - `handle_info` update cart isn't working.  may need pub/sub

assets/js/hooks.js

@@ -1,11 +1,9 @@
 import CartSession from "./hooks/cartSession";
-// import LoadMoreProducts from "./hooks/loadMoreProducts";
-// import Drag from "./hooks/drag";
+import Drag from "./hooks/drag";
 
 let Hooks = {
   CartSession: CartSession,
-  // LoadMoreProducts: LoadMoreProducts,
-  // Drag: Drag,
+  Drag: Drag,
 };
 
 export default Hooks;

assets/js/hooks/drag.js

@@ -0,0 +1,23 @@
+import Sortable from "../../vendor/sortable";
+
+const Drag = {
+  mounted() {
+    const hook = this;
+    const selector = "#" + hook.el.id;
+    const el = document.getElementById(hook.el.id);
+
+    new Sortable(el, {
+      group: "shared",
+      draggable: ".draggable",
+      onEnd: function (evt) {
+        hook.pushEventTo(selector, "dropped", {
+          old_status: evt.from.id,
+          new_status: evt.to.id,
+          order_id: evt.item.id,
+        });
+      },
+    });
+  },
+};
+
+export default Drag;