Sales orders

.github/workflows/elixir.yml

@@ -0,0 +1,46 @@
+# This workflow uses actions that are not certified by GitHub.
+# They are provided by a third-party and are governed by
+# separate terms of service, privacy policy, and support
+# documentation.
+
+name: Elixir CI
+
+on:
+  push:
+    branches: ["main"]
+  pull_request:
+    branches: ["main"]
+
+permissions:
+  contents: read
+
+jobs:
+  build:
+    name: Build and test
+    runs-on: ubuntu-22.04
+
+    steps:
+      - uses: ikalnytskyi/action-setup-postgres@v7 # https://github.com/marketplace/actions/setup-postgresql-for-linux-macos-windows
+
+      - run: psql postgresql://postgres:postgres@localhost:5432/postgres -c "SELECT 1"
+      - run: psql service=postgres -c "SELECT 1"
+      - run: psql -c "SELECT 1"
+        env:
+          PGSERVICE: postgres
+
+      - uses: actions/checkout@v4
+      - name: Set up Elixir
+        uses: erlef/setup-beam@61e01a43a562a89bfc54c7f9a378ff67b03e4a21 # v1.16.0 https://github.com/erlef/setup-beam/releases/tag/v1.16.0
+        with:
+          elixir-version: "1.18.2" # [Required] Define the Elixir version
+          otp-version: "27.2" # [Required] Define the Erlang/OTP version
+      - name: Restore dependencies cache
+        uses: actions/cache@v3
+        with:
+          path: deps
+          key: ${{ runner.os }}-mix-${{ hashFiles('**/mix.lock') }}
+          restore-keys: ${{ runner.os }}-mix-
+      - name: Install dependencies
+        run: mix deps.get
+      - name: Run tests
+        run: mix test

assets/css/app.css

@@ -5,11 +5,6 @@
 
 /* This file is for your main application CSS */
 
-.inline-container {
-    @apply h-full relative;
-    display: inline-block;
-}
-
 .inline-text-input {
 }
 
@@ -27,11 +22,19 @@
     @apply hover:bg-transparent !important;
 }
 
+.inline-container {
+    @apply h-full relative;
+    display: inline-block;
+}
+
 .inline-container:hover + .link-to-inside-field > a > span {
     visibility: visible;
 }
 
 .link-to-inside-field {
+    position: absolute;
+    margin-top: 22px;
+
     span {
         position: relative;
         left: -35px;
@@ -43,6 +46,25 @@
     }
 }
 
+.link-to-inside-field.address-link {
+    span {
+        left: -135px;
+    }
+}
+
+.revert-button {
+    position: absolute;
+    /* margin-top: 22px; */
+    color: black;
+    @apply border-transparent bg-transparent;
+    @apply hover:bg-transparent !important;
+
+    span {
+        position: relative;
+        left: -35px;
+    }
+}
+
 .breadcrumbs {
     @apply text-sm;
 
@@ -64,6 +86,101 @@
 
         input {
             @apply border-transparent hover:border-solid hover:border-zinc-300;
+            @apply border-b-brand;
+        }
+    }
+}
+
+.product-category-table {
+    @apply text-left;
+
+    td {
+        div {
+            width: 100%;
         }
+
+        padding-left: 0;
     }
 }
+
+.product-name-field {
+    display: inline-block;
+    input {
+        field-sizing: content;
+        @apply border-transparent hover:border-solid hover:border-zinc-300;
+        @apply border-b-brand;
+    }
+}
+
+.input-icon {
+    position: relative;
+}
+
+.input-icon > i {
+    position: absolute;
+    display: block;
+    transform: translate(0, -40%);
+    top: 50%;
+    pointer-events: none;
+    width: 25px;
+    text-align: center;
+    font-style: normal;
+}
+
+.input-icon input {
+    padding-left: 25px;
+    padding-right: 0;
+}
+
+.cost-summary {
+    width: 200px;
+    float: right;
+
+    div {
+        text-align: right;
+
+        span {
+            float: left;
+        }
+    }
+}
+
+.address-container {
+    display: inline-block;
+    width: 400px;
+}
+
+.address div {
+    height: 1.5em;
+}
+
+.address-container div select {
+    display: inline-block;
+    width: 200px;
+}
+
+.fieldsetlike {
+    width: 500px;
+    overflow-x: scroll;
+    padding: 20px;
+    border: 1px solid lightgray;
+}
+
+.fieldsetlikelabel {
+    position: relative;
+    top: 14px; /* change this how you need */
+    left: 20px; /* change this how you need */
+    background-color: white;
+    display: inline-block;
+}
+
+.address-city-state-zip {
+    div {
+        display: inline-block;
+    }
+}
+
+.empty-field {
+    @apply border-red-500 border-solid border-2;
+    box-sizing: border-box;
+}

assets/js/app.js

@@ -31,6 +31,68 @@ const hooks = {
   ...live_select,
 };
 
+hooks.Sidebar = {
+  mounted() {
+    let menuOpen = false;
+
+    let listeners = (a) =>
+      a.addEventListener("click", () => {
+        if (!menuOpen) {
+          menuOpen = true;
+          document
+            .getElementById("off-canvas-menu")
+            .classList.add("translate-x-0");
+
+          document
+            .getElementById("off-canvas-menu")
+            .classList.remove("-translate-x-full");
+
+          document.getElementById("close-sidebar").classList.add("opacity-100");
+
+          document
+            .getElementById("close-sidebar")
+            .classList.remove("opacity-0");
+
+          document.getElementById("menu-backdrop").classList.add("opacity-100");
+
+          document
+            .getElementById("menu-backdrop")
+            .classList.remove("opacity-0");
+
+          document.getElementById("off-canvas").classList.add("z-50");
+
+          document.getElementById("off-canvas").style.display = "initial";
+        } else {
+          menuOpen = false;
+          document
+            .getElementById("off-canvas-menu")
+            .classList.add("-translate-x-full");
+
+          document
+            .getElementById("off-canvas-menu")
+            .classList.remove("translate-x-0");
+
+          document.getElementById("close-sidebar").classList.add("opacity-0");
+
+          document
+            .getElementById("close-sidebar")
+            .classList.remove("opacity-100");
+
+          document.getElementById("menu-backdrop").classList.add("opacity-0");
+
+          document
+            .getElementById("menu-backdrop")
+            .classList.remove("opacity-100");
+          document.getElementById("off-canvas").classList.remove("z-50");
+          document.getElementById("off-canvas").style.display = "none";
+        }
+      });
+
+    listeners(document.getElementById("open-sidebar"));
+    listeners(document.getElementById("close-sidebar"));
+  },
+};
+
 let liveSocket = new LiveSocket("/live", Socket, {
   longPollFallbackMs: 2500,
   params: { _csrf_token: csrfToken },

assets/tailwind.config.js

@@ -28,6 +28,35 @@ module.exports = {
 
         // Options: slate, gray, zinc, neutral, stone
         gray: colors.gray,
+
+        // Logo based reds
+        mojo: {
+          50: "#fdf4f3",
+          100: "#fce7e4",
+          200: "#fad4ce",
+          300: "#f5b7ac",
+          400: "#ee8c7b",
+          500: "#e26651",
+          600: "#bf432e",
+          700: "#ad3b28",
+          800: "#8f3425",
+          900: "#783024",
+          950: "#40160f",
+        },
+        // Logo based greens
+        eagle: {
+          50: "#f6f6f4",
+          100: "#e5e6df",
+          200: "#ccccbb",
+          300: "#b7b7a0",
+          400: "#9f9d80",
+          500: "#918c6f",
+          600: "#7f7860",
+          700: "#6b6352",
+          800: "#595247",
+          900: "#4b453c",
+          950: "#29251f",
+        },
       },
     },
   },

config/config.exs

@@ -57,7 +57,14 @@ config :spark,
 config :therons_erp,
   ecto_repos: [TheronsErp.Repo],
   generators: [timestamp_type: :utc_datetime],
-  ash_domains: [TheronsErp.Sales, TheronsErp.Inventory, TheronsErp.Ledger, TheronsErp.Accounts]
+  ash_domains: [
+    TheronsErp.Invoices,
+    TheronsErp.People,
+    TheronsErp.Sales,
+    TheronsErp.Inventory,
+    TheronsErp.Ledger,
+    TheronsErp.Accounts
+  ]
 
 # Configures the endpoint
 config :therons_erp, TheronsErpWeb.Endpoint,

lib/therons_erp/inventory.ex

@@ -12,6 +12,9 @@ defmodule TheronsErp.Inventory do
     resource TheronsErp.Inventory.Product do
       define :create_product, args: [:name, :sales_price], action: :create
       define :update_product, args: [:name, :sales_price], action: :update
+      define :create_product_stub, action: :create_stub
+      define :get_saleable_products, action: :list_saleable
+      define :get_products, action: :list
     end
   end
 end