Enterprise WMS Refactoring with Fleetops Architecture

addon/components/batch/details.hbs

@@ -0,0 +1,38 @@
+<div class="details-wrapper" ...attributes>
+    <ContentPanel @title={{t "batch.sections.details"}} @open={{true}} @wrapperClass="bordered-top">
+        <div class="grid grid-cols-2 gap-2 text-xs dark:text-gray-100">
+            <div class="field-info-container">
+                <div class="field-name">{{t "common.id"}}</div>
+                <ClickToCopy @value={{@resource.public_id}} class="field-value">{{n-a @resource.public_id}}</ClickToCopy>
+            </div>
+            <div class="field-info-container">
+                <div class="field-name">{{t "batch.fields.batch-number"}}</div>
+                <ClickToCopy @value={{@resource.batch_number}} class="field-value">{{n-a @resource.batch_number}}</ClickToCopy>
+            </div>
+            <div class="field-info-container">
+                <div class="field-name">{{t "batch.fields.product"}}</div>
+                <div class="field-value">{{n-a @resource.product_name}}</div>
+            </div>
+            <div class="field-info-container">
+                <div class="field-name">{{t "batch.fields.supplier"}}</div>
+                <div class="field-value">{{n-a @resource.supplier_name}}</div>
+            </div>
+            <div class="field-info-container">
+                <div class="field-name">{{t "batch.fields.production-date"}}</div>
+                <div class="field-value">{{format-date @resource.production_date_at}}</div>
+            </div>
+            <div class="field-info-container">
+                <div class="field-name">{{t "batch.fields.expiry-date"}}</div>
+                <div class="field-value">{{format-date @resource.expiry_date_at}}</div>
+            </div>
+            <div class="field-info-container md:col-span-2">
+                <div class="field-name">{{t "common.notes"}}</div>
+                <div class="field-value">{{n-a @resource.notes}}</div>
+            </div>
+        </div>
+    </ContentPanel>
+    <CustomField::Yield @subject={{@resource}} @viewMode={{true}} @wrapperClass="bordered-top" />
+    <ContentPanel @title={{t "common.metadata"}} @open={{true}} @wrapperClass="bordered-top" @panelBodyWrapperClass={{unless (is-object-empty @resource.meta) "px-0i" ""}}>
+        <MetadataViewer @metadata={{@resource.meta}} />
+    </ContentPanel>
+</div>

addon/components/batch/details.js

@@ -0,0 +1,3 @@
+import Component from '@glimmer/component';
+
+export default class BatchDetailsComponent extends Component {}

addon/components/batch/form.hbs

@@ -0,0 +1,54 @@
+<div class="form-wrapper" ...attributes>
+    <ContentPanel @title={{t "batch.sections.details"}} @open={{true}} @wrapperClass="bordered-top">
+        <div class="grid grid-cols-1 lg:grid-cols-2 gap-2 text-xs no-input-group-padding">
+            <InputGroup @name={{t "batch.fields.batch-number"}} @wrapperClass="col-span-2">
+                <Input @value={{@resource.batch_number}} @type="text" class="w-full form-input" placeholder={{t "batch.fields.batch-number"}} disabled={{cannot-write @resource}} />
+            </InputGroup>
+            <InputGroup @name={{t "batch.fields.product"}}>
+                <ModelSelect
+                    @modelName="pallet-product"
+                    @selectedModel={{@resource.product}}
+                    @placeholder={{t "batch.fields.select-product"}}
+                    @triggerClass="form-select form-input"
+                    @infiniteScroll={{false}}
+                    @renderInPlace={{true}}
+                    @onChange={{fn (mut @resource.product)}}
+                    @onChangeId={{fn (mut @resource.product_uuid)}}
+                    @disabled={{cannot-write @resource}}
+                    as |model|
+                >
+                    {{model.name}}
+                </ModelSelect>
+            </InputGroup>
+            <InputGroup @name={{t "batch.fields.supplier"}}>
+                <ModelSelect
+                    @modelName="supplier"
+                    @selectedModel={{@resource.supplier}}
+                    @placeholder={{t "batch.fields.select-supplier"}}
+                    @triggerClass="form-select form-input"
+                    @infiniteScroll={{false}}
+                    @renderInPlace={{true}}
+                    @onChange={{fn (mut @resource.supplier)}}
+                    @onChangeId={{fn (mut @resource.supplier_uuid)}}
+                    @disabled={{cannot-write @resource}}
+                    as |model|
+                >
+                    {{model.name}}
+                </ModelSelect>
+            </InputGroup>
+            <InputGroup @name={{t "batch.fields.production-date"}}>
+                <input value={{@resource.production_date_at}} type="date" class="form-input w-full" disabled={{cannot-write @resource}} />
+            </InputGroup>
+            <InputGroup @name={{t "batch.fields.expiry-date"}}>
+                <input value={{@resource.expiry_date_at}} type="date" class="form-input w-full" disabled={{cannot-write @resource}} />
+            </InputGroup>
+            <InputGroup @name={{t "common.notes"}} @wrapperClass="col-span-2">
+                <Textarea @value={{@resource.notes}} class="w-full form-input" placeholder={{t "common.notes"}} disabled={{cannot-write @resource}} />
+            </InputGroup>
+        </div>
+    </ContentPanel>
+    <CustomField::Yield @subject={{@resource}} @wrapperClass="bordered-top" />
+    <ContentPanel @title={{t "common.metadata"}} @open={{true}} @wrapperClass="bordered-top">
+        <MetadataEditor @value={{@resource.meta}} @onChange={{fn (mut @resource.meta)}} />
+    </ContentPanel>
+</div>

addon/components/batch/form.js

@@ -0,0 +1,3 @@
+import Component from '@glimmer/component';
+
+export default class BatchFormComponent extends Component {}

addon/components/batch/panel-header.hbs

@@ -0,0 +1,13 @@
+<div class="flex flex-row items-center justify-between" ...attributes>
+    <div class="flex flex-col">
+        <div class="text-lg font-semibold">{{@resource.batch_number}}</div>
+        <div class="text-xs text-gray-600 dark:text-gray-400">
+            {{@resource.product_name}}
+        </div>
+    </div>
+    <div class="flex flex-row items-center space-x-2">
+        {{#if @resource.expiry_date_at}}
+            <Badge @status="warning" @hideStatusDot={{true}}>Expires: {{format-date @resource.expiry_date_at}}</Badge>
+        {{/if}}
+    </div>
+</div>

addon/components/batch/panel-header.js

@@ -0,0 +1,3 @@
+import Component from '@glimmer/component';
+
+export default class BatchPanelHeaderComponent extends Component {}

addon/components/batch/pill.hbs

@@ -0,0 +1,3 @@
+<div class="flex flex-row items-center space-x-2 px-2 py-1 bg-gray-100 dark:bg-gray-700 rounded-md" ...attributes>
+    <span class="text-sm font-medium">{{@resource.batch_number}}</span>
+</div>

addon/components/batch/pill.js

@@ -0,0 +1,3 @@
+import Component from '@glimmer/component';
+
+export default class BatchPillComponent extends Component {}

addon/components/inventory/details.hbs

@@ -0,0 +1,108 @@
+<div class="details-wrapper" ...attributes>
+    <ContentPanel @title={{t "inventory.sections.details"}} @open={{true}} @wrapperClass="bordered-top">
+        <div class="grid grid-cols-2 gap-2 text-xs dark:text-gray-100">
+            <div class="field-info-container">
+                <div class="field-name">{{t "common.id"}}</div>
+                <ClickToCopy @value={{@resource.public_id}} class="field-value">{{n-a @resource.public_id}}</ClickToCopy>
+            </div>
+            <div class="field-info-container">
+                <div class="field-name">{{t "inventory.fields.product"}}</div>
+                <div class="field-value">{{n-a @resource.product_name}}</div>
+            </div>
+            <div class="field-info-container">
+                <div class="field-name">{{t "inventory.fields.warehouse"}}</div>
+                <div class="field-value">{{n-a @resource.warehouse_name}}</div>
+            </div>
+            <div class="field-info-container">
+                <div class="field-name">{{t "inventory.fields.supplier"}}</div>
+                <div class="field-value">{{n-a @resource.supplier_name}}</div>
+            </div>
+            <div class="field-info-container">
+                <div class="field-name">{{t "common.status"}}</div>
+                <div class="field-value">
+                    <Badge @status={{@resource.status}}>{{smart-humanize @resource.status}}</Badge>
+                </div>
+            </div>
+            <div class="field-info-container">
+                <div class="field-name">{{t "inventory.fields.quantity"}}</div>
+                <div class="field-value">{{format-number @resource.quantity}}</div>
+            </div>
+            <div class="field-info-container">
+                <div class="field-name">{{t "inventory.fields.available-quantity"}}</div>
+                <div class="field-value">{{format-number @resource.available_quantity}}</div>
+            </div>
+            <div class="field-info-container">
+                <div class="field-name">{{t "inventory.fields.reserved-quantity"}}</div>
+                <div class="field-value">{{format-number @resource.reserved_quantity}}</div>
+            </div>
+            <div class="field-info-container">
+                <div class="field-name">{{t "inventory.fields.min-quantity"}}</div>
+                <div class="field-value">{{format-number @resource.min_quantity}}</div>
+            </div>
+            <div class="field-info-container">
+                <div class="field-name">{{t "inventory.fields.max-quantity"}}</div>
+                <div class="field-value">{{format-number @resource.max_quantity}}</div>
+            </div>
+            <div class="field-info-container">
+                <div class="field-name">{{t "inventory.fields.reorder-point"}}</div>
+                <div class="field-value">{{format-number @resource.reorder_point}}</div>
+            </div>
+            <div class="field-info-container">
+                <div class="field-name">{{t "inventory.fields.unit-cost"}}</div>
+                <div class="field-value">{{format-currency @resource.unit_cost @resource.currency}}</div>
+            </div>
+        </div>
+    </ContentPanel>
+
+    <ContentPanel @title={{t "inventory.sections.tracking"}} @open={{true}} @wrapperClass="bordered-top">
+        <div class="grid grid-cols-2 gap-2 text-xs dark:text-gray-100">
+            <div class="field-info-container">
+                <div class="field-name">{{t "inventory.fields.lot-number"}}</div>
+                <ClickToCopy @value={{@resource.lot_number}} class="field-value">{{n-a @resource.lot_number}}</ClickToCopy>
+            </div>
+            <div class="field-info-container">
+                <div class="field-name">{{t "inventory.fields.serial-number"}}</div>
+                <ClickToCopy @value={{@resource.serial_number}} class="field-value">{{n-a @resource.serial_number}}</ClickToCopy>
+            </div>
+            <div class="field-info-container">
+                <div class="field-name">{{t "inventory.fields.batch-number"}}</div>
+                <div class="field-value">{{n-a @resource.batch.batch_number}}</div>
+            </div>
+            <div class="field-info-container">
+                <div class="field-name">{{t "inventory.fields.expiry-date"}}</div>
+                <div class="field-value">{{format-date @resource.batch.expiry_date_at}}</div>
+            </div>
+            <div class="field-info-container">
+                <div class="field-name">{{t "inventory.fields.received-at"}}</div>
+                <div class="field-value">{{format-date @resource.received_at}}</div>
+            </div>
+            <div class="field-info-container">
+                <div class="field-name">{{t "inventory.fields.last-counted"}}</div>
+                <div class="field-value">{{format-date @resource.last_counted_at}}</div>
+            </div>
+        </div>
+    </ContentPanel>
+
+    <ContentPanel @title={{t "inventory.sections.location"}} @open={{true}} @wrapperClass="bordered-top">
+        <div class="grid grid-cols-2 gap-2 text-xs dark:text-gray-100">
+            <div class="field-info-container">
+                <div class="field-name">{{t "inventory.fields.bin-location"}}</div>
+                <div class="field-value">{{n-a @resource.binLocation.bin_number}}</div>
+            </div>
+            <div class="field-info-container">
+                <div class="field-name">{{t "inventory.fields.zone"}}</div>
+                <div class="field-value">{{n-a @resource.zone.name}}</div>
+            </div>
+            <div class="field-info-container">
+                <div class="field-name">{{t "inventory.fields.uom"}}</div>
+                <div class="field-value">{{n-a @resource.uom}}</div>
+            </div>
+        </div>
+    </ContentPanel>
+
+    <CustomField::Yield @subject={{@resource}} @viewMode={{true}} @wrapperClass="bordered-top" />
+
+    <ContentPanel @title={{t "common.metadata"}} @open={{true}} @wrapperClass="bordered-top" @panelBodyWrapperClass={{unless (is-object-empty @resource.meta) "px-0i" ""}}>
+        <MetadataViewer @metadata={{@resource.meta}} />
+    </ContentPanel>
+</div>

addon/components/inventory/details.js

@@ -0,0 +1,3 @@
+import Component from '@glimmer/component';
+
+export default class InventoryDetailsComponent extends Component {}