Ledger Working Release

.github/workflows/create-release.yml

@@ -0,0 +1,23 @@
+name: Create Release
+on:
+  push:
+    tags:
+      - 'v*'
+
+jobs:
+  create:
+    permissions:
+      contents: write
+    runs-on: ubuntu-latest
+    steps:
+        - uses: actions/checkout@v4
+        - name: Publish GitHub Release
+          uses: softprops/action-gh-release@v2
+          with:
+            tag_name: ${{ github.ref_name }}
+            name: ${{ github.ref_name }}
+            generate_release_notes: true 
+            draft: false
+            prerelease: false
+          env:
+            GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.github/workflows/ember.yml

@@ -32,6 +32,9 @@ jobs:
     - name: Install Dependencies
       run: pnpm install
 
+    - name: Lint
+      run: pnpm run lint
+
     - name: Build
       run: pnpm run build
 

addon/adapters/ledger-account.js

@@ -0,0 +1 @@
+export { default } from './ledger';

addon/adapters/ledger-gateway.js

@@ -0,0 +1 @@
+export { default } from './ledger';

addon/adapters/ledger-invoice.js

@@ -0,0 +1 @@
+export { default } from './ledger';

addon/adapters/ledger-journal.js

@@ -0,0 +1 @@
+export { default } from './ledger';

addon/adapters/ledger-transaction.js

@@ -0,0 +1 @@
+export { default } from './ledger';

addon/adapters/ledger-wallet.js

@@ -0,0 +1 @@
+export { default } from './ledger';

addon/adapters/ledger.js

@@ -0,0 +1,15 @@
+import ApplicationAdapter from '@fleetbase/ember-core/adapters/application';
+import { pluralize } from 'ember-inflector';
+import { dasherize } from '@ember/string';
+
+export default class LedgerAdapter extends ApplicationAdapter {
+    namespace = 'ledger/int/v1';
+
+    /**
+     * Strip the 'ledger-' prefix from the model name before building the URL path.
+     * e.g. 'ledger-account' -> 'accounts', 'ledger-transaction' -> 'transactions'
+     */
+    pathForType(modelName) {
+        return pluralize(dasherize(modelName)).replace('ledger-', '');
+    }
+}

addon/components/account/details.hbs

@@ -0,0 +1,78 @@
+<div class="details-wrapper" ...attributes>
+    {{! ACCOUNT DETAILS }}
+    <ContentPanel @title="Account Details" @open={{true}} @wrapperClass="bordered-top">
+        <div class="grid grid-cols-1 lg:grid-cols-2 gap-2 text-xs dark:text-gray-100">
+
+            <div class="col-span-2 text-[11px] uppercase tracking-wide text-gray-500 font-semibold mt-1">
+                Account Information
+            </div>
+
+            <div class="field-info-container">
+                <div class="field-name">Account Name</div>
+                <div class="field-value">{{n-a @resource.name}}</div>
+            </div>
+
+            <div class="field-info-container">
+                <div class="field-name">Account Code</div>
+                <div class="field-value font-mono">{{n-a @resource.code}}</div>
+            </div>
+
+            <div class="field-info-container">
+                <div class="field-name">Type</div>
+                <div class="field-value">{{n-a (titleize @resource.type)}}</div>
+            </div>
+
+            <div class="field-info-container">
+                <div class="field-name">Status</div>
+                <div class="field-value">
+                    <Badge @status={{@resource.status}}>{{titleize @resource.status}}</Badge>
+                </div>
+            </div>
+
+            <div class="field-info-container">
+                <div class="field-name">Currency</div>
+                <div class="field-value">{{n-a @resource.currency}}</div>
+            </div>
+
+            {{#if @resource.description}}
+                <div class="field-info-container col-span-2">
+                    <div class="field-name">Description</div>
+                    <div class="field-value">{{@resource.description}}</div>
+                </div>
+            {{/if}}
+
+            <div class="col-span-2 text-[11px] uppercase tracking-wide text-gray-500 font-semibold mt-3">
+                Balance
+            </div>
+
+            <div class="field-info-container">
+                <div class="field-name">Current Balance</div>
+                <div class="field-value text-xl font-bold text-gray-900 dark:text-white">{{format-currency @resource.balance @resource.currency}}</div>
+            </div>
+
+        </div>
+    </ContentPanel>
+
+    {{! RECORD INFO }}
+    <ContentPanel @title="Record Info" @open={{true}} @wrapperClass="bordered-top">
+        <div class="grid grid-cols-1 lg:grid-cols-2 gap-2 text-xs dark:text-gray-100">
+
+            <div class="field-info-container">
+                <div class="field-name">Internal ID</div>
+                <div class="field-value font-mono">{{n-a @resource.public_id}}</div>
+            </div>
+
+            <div class="field-info-container">
+                <div class="field-name">Created</div>
+                <div class="field-value">{{n-a @resource.createdAt}}</div>
+            </div>
+
+            <div class="field-info-container">
+                <div class="field-name">Last Updated</div>
+                <div class="field-value">{{n-a @resource.updatedAt}}</div>
+            </div>
+
+        </div>
+    </ContentPanel>
+    <Spacer @height="200px" />
+</div>

addon/components/account/form.hbs

@@ -0,0 +1,116 @@
+<div class="form-wrapper" ...attributes>
+    {{! ACCOUNT DETAILS }}
+    <ContentPanel @title="Account Details" @open={{true}} @wrapperClass="bordered-top">
+        <div class="grid grid-cols-1 gap-2 lg:grid-cols-2 lg:gap-2 no-input-group-padding text-xs">
+
+            {{! Identification }}
+            <div class="col-span-1 lg:col-span-2 text-[11px] uppercase tracking-wide text-gray-500 font-semibold mt-1">
+                Account Information
+            </div>
+
+            <InputGroup @name="Account Name" @wrapperClass="col-span-2">
+                <Input @value={{@resource.name}} @type="text" class="w-full form-input" placeholder="e.g. Cash and Cash Equivalents" disabled={{cannot-write @resource}} />
+            </InputGroup>
+
+            <InputGroup @name="Account Code">
+                <Input @value={{@resource.code}} @type="text" class="w-full form-input" placeholder="e.g. 1000" disabled={{cannot-write @resource}} />
+            </InputGroup>
+
+            <InputGroup @name="Account Type">
+                <div class="fleetbase-model-select fleetbase-power-select ember-model-select">
+                    <PowerSelect
+                        @options={{array "asset" "liability" "equity" "revenue" "expense"}}
+                        @selected={{@resource.type}}
+                        @onChange={{fn (mut @resource.type)}}
+                        @placeholder="Select account type"
+                        @triggerClass="form-select form-input"
+                        @disabled={{cannot-write @resource}}
+                        as |option|
+                    >
+                        <div class="capitalize text-sm">{{option}}</div>
+                    </PowerSelect>
+                </div>
+            </InputGroup>
+
+            <InputGroup @name="Currency">
+                <div class="fleetbase-model-select fleetbase-power-select ember-model-select">
+                    <PowerSelect
+                        @options={{array
+                            "USD"
+                            "EUR"
+                            "GBP"
+                            "AED"
+                            "SAR"
+                            "QAR"
+                            "KWD"
+                            "BHD"
+                            "OMR"
+                            "JOD"
+                            "EGP"
+                            "NGN"
+                            "KES"
+                            "GHS"
+                            "ZAR"
+                            "INR"
+                            "PKR"
+                            "BDT"
+                            "MYR"
+                            "SGD"
+                            "IDR"
+                            "PHP"
+                            "THB"
+                            "CNY"
+                            "JPY"
+                            "KRW"
+                            "AUD"
+                            "CAD"
+                            "NZD"
+                            "CHF"
+                            "SEK"
+                            "NOK"
+                            "DKK"
+                            "BRL"
+                            "MXN"
+                        }}
+                        @selected={{@resource.currency}}
+                        @onChange={{fn (mut @resource.currency)}}
+                        @placeholder="Select currency"
+                        @triggerClass="form-select form-input"
+                        @disabled={{cannot-write @resource}}
+                        as |option|
+                    >
+                        <div class="text-sm">{{option}}</div>
+                    </PowerSelect>
+                </div>
+            </InputGroup>
+
+            <InputGroup @name="Status">
+                <div class="fleetbase-model-select fleetbase-power-select ember-model-select">
+                    <PowerSelect
+                        @options={{array "active" "inactive" "archived"}}
+                        @selected={{@resource.status}}
+                        @onChange={{fn (mut @resource.status)}}
+                        @placeholder="Select status"
+                        @triggerClass="form-select form-input"
+                        @disabled={{cannot-write @resource}}
+                        as |option|
+                    >
+                        <div class="capitalize text-sm">{{option}}</div>
+                    </PowerSelect>
+                </div>
+            </InputGroup>
+
+            {{! Description }}
+            <div class="col-span-1 lg:col-span-2 text-[11px] uppercase tracking-wide text-gray-500 font-semibold mt-3">
+                Description
+            </div>
+
+            <InputGroup @name="Description" @wrapperClass="col-span-2">
+                <Textarea @value={{@resource.description}} class="w-full form-input" rows="3" placeholder="Optional description of this account..." disabled={{cannot-write @resource}} />
+            </InputGroup>
+
+        </div>
+    </ContentPanel>
+
+    <Spacer @height="100px" />
+</div>

addon/components/account/general-ledger.hbs

@@ -0,0 +1,25 @@
+<div ...attributes>
+    {{#if this.loadLedger.isRunning}}
+        <div class="flex items-center justify-center py-8">
+            <Spinner />
+        </div>
+    {{else}}
+        {{#if this.summary}}
+            <div class="grid grid-cols-3 gap-3 p-4 border-b border-gray-200 dark:border-gray-700">
+                <div class="bg-gray-50 dark:bg-gray-700 rounded p-3 text-center">
+                    <p class="text-xs text-gray-500 mb-1">Total Debits</p>
+                    <p class="text-sm font-semibold text-gray-900 dark:text-white">{{format-currency this.summary.total_debits @resource.currency}}</p>
+                </div>
+                <div class="bg-gray-50 dark:bg-gray-700 rounded p-3 text-center">
+                    <p class="text-xs text-gray-500 mb-1">Total Credits</p>
+                    <p class="text-sm font-semibold text-gray-900 dark:text-white">{{format-currency this.summary.total_credits @resource.currency}}</p>
+                </div>
+                <div class="bg-gray-50 dark:bg-gray-700 rounded p-3 text-center">
+                    <p class="text-xs text-gray-500 mb-1">Net Balance</p>
+                    <p class="text-sm font-semibold text-gray-900 dark:text-white">{{format-currency this.summary.net_balance @resource.currency}}</p>
+                </div>
+            </div>
+        {{/if}}
+        <Table @rows={{this.entries}} @columns={{this.columns}} />
+    {{/if}}
+</div>

addon/components/account/general-ledger.js

@@ -0,0 +1,67 @@
+import Component from '@glimmer/component';
+import { tracked } from '@glimmer/tracking';
+import { inject as service } from '@ember/service';
+import { task } from 'ember-concurrency';
+
+export default class AccountGeneralLedgerComponent extends Component {
+    @service fetch;
+    @service intl;
+    @tracked entries = [];
+    @tracked summary = null;
+
+    constructor(owner, args) {
+        super(owner, args);
+        this.loadLedger.perform();
+    }
+
+    get columns() {
+        return [
+            {
+                label: this.intl.t('column.date'),
+                valuePath: 'date',
+                cellComponent: 'table/cell/anchor',
+                resizable: true,
+                sortable: false,
+            },
+            {
+                label: this.intl.t('column.description'),
+                valuePath: 'description',
+                resizable: true,
+                sortable: false,
+            },
+            {
+                label: 'Debit',
+                valuePath: 'debit_amount',
+                cellComponent: 'table/cell/currency',
+                resizable: true,
+                sortable: false,
+            },
+            {
+                label: 'Credit',
+                valuePath: 'credit_amount',
+                cellComponent: 'table/cell/currency',
+                resizable: true,
+                sortable: false,
+            },
+            {
+                label: 'Balance',
+                valuePath: 'running_balance',
+                cellComponent: 'table/cell/currency',
+                resizable: true,
+                sortable: false,
+            },
+        ];
+    }
+
+    @task *loadLedger() {
+        const account = this.args.account;
+        if (!account?.id) return;
+        try {
+            const result = yield this.fetch.get(`accounts/${account.id}/general-ledger`, {}, { namespace: 'ledger/int/v1' });
+            this.entries = result?.entries ?? [];
+            this.summary = result?.summary ?? null;
+        } catch {
+            this.entries = [];
+        }
+    }
+}

addon/components/account/panel-header.hbs

@@ -0,0 +1,29 @@
+<div class="px-4 py-2" ...attributes>
+    <div class="flex flex-1 flex-row items-start justify-between">
+        <div class="flex flex-col">
+            <h1 class="text-gray-900 dark:text-white font-semibold text-lg">{{n-a @resource.name}}</h1>
+            <div class="flex flex-row items-center space-x-2 mt-0.5">
+                <span class="text-sm text-gray-500 dark:text-gray-400">{{n-a @resource.code}}</span>
+                <Badge @status="info" @hideStatusDot={{true}}>{{titleize @resource.type}}</Badge>
+                <Badge @status={{@resource.status}}>{{titleize @resource.status}}</Badge>
+            </div>
+        </div>
+        <div class="next-view-header-right f-child-items-start">
+            <Layout::Resource::Panel::HeaderActions
+                @resource={{@resource}}
+                @saveTask={{@saveTask}}
+                @saveOptions={{@saveOptions}}
+                @saveDisabled={{@saveDisabled}}
+                @pojoResource={{@pojoResource}}
+                @authSchema={{@authSchema}}
+                @actionButtons={{@actionButtons}}
+                @onPressCancel={{@onPressCancel}}
+            >
+                <div class="flex flex-col items-end mr-2">
+                    <span class="text-lg font-bold text-gray-900 dark:text-white">{{format-currency @resource.balance @resource.currency}}</span>
+                    <span class="text-xs text-gray-500">{{n-a @resource.currency}}</span>
+                </div>
+            </Layout::Resource::Panel::HeaderActions>
+        </div>
+    </div>
+</div>