feat(migration): moved material helper over
This commit is contained in:
61
frontend/package-lock.json
generated
61
frontend/package-lock.json
generated
@@ -20,6 +20,8 @@
|
|||||||
"@radix-ui/react-select": "^2.2.6",
|
"@radix-ui/react-select": "^2.2.6",
|
||||||
"@radix-ui/react-separator": "^1.1.7",
|
"@radix-ui/react-separator": "^1.1.7",
|
||||||
"@radix-ui/react-slot": "^1.2.3",
|
"@radix-ui/react-slot": "^1.2.3",
|
||||||
|
"@radix-ui/react-switch": "^1.2.6",
|
||||||
|
"@radix-ui/react-tabs": "^1.1.13",
|
||||||
"@radix-ui/react-tooltip": "^1.2.8",
|
"@radix-ui/react-tooltip": "^1.2.8",
|
||||||
"@tailwindcss/vite": "^4.1.13",
|
"@tailwindcss/vite": "^4.1.13",
|
||||||
"@tanstack/react-form": "^1.23.0",
|
"@tanstack/react-form": "^1.23.0",
|
||||||
@@ -2258,6 +2260,65 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/@radix-ui/react-switch": {
|
||||||
|
"version": "1.2.6",
|
||||||
|
"resolved": "https://registry.npmjs.org/@radix-ui/react-switch/-/react-switch-1.2.6.tgz",
|
||||||
|
"integrity": "sha512-bByzr1+ep1zk4VubeEVViV592vu2lHE2BZY5OnzehZqOOgogN80+mNtCqPkhn2gklJqOpxWgPoYTSnhBCqpOXQ==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"@radix-ui/primitive": "1.1.3",
|
||||||
|
"@radix-ui/react-compose-refs": "1.1.2",
|
||||||
|
"@radix-ui/react-context": "1.1.2",
|
||||||
|
"@radix-ui/react-primitive": "2.1.3",
|
||||||
|
"@radix-ui/react-use-controllable-state": "1.2.2",
|
||||||
|
"@radix-ui/react-use-previous": "1.1.1",
|
||||||
|
"@radix-ui/react-use-size": "1.1.1"
|
||||||
|
},
|
||||||
|
"peerDependencies": {
|
||||||
|
"@types/react": "*",
|
||||||
|
"@types/react-dom": "*",
|
||||||
|
"react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
|
||||||
|
"react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
|
||||||
|
},
|
||||||
|
"peerDependenciesMeta": {
|
||||||
|
"@types/react": {
|
||||||
|
"optional": true
|
||||||
|
},
|
||||||
|
"@types/react-dom": {
|
||||||
|
"optional": true
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"node_modules/@radix-ui/react-tabs": {
|
||||||
|
"version": "1.1.13",
|
||||||
|
"resolved": "https://registry.npmjs.org/@radix-ui/react-tabs/-/react-tabs-1.1.13.tgz",
|
||||||
|
"integrity": "sha512-7xdcatg7/U+7+Udyoj2zodtI9H/IIopqo+YOIcZOq1nJwXWBZ9p8xiu5llXlekDbZkca79a/fozEYQXIA4sW6A==",
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"@radix-ui/primitive": "1.1.3",
|
||||||
|
"@radix-ui/react-context": "1.1.2",
|
||||||
|
"@radix-ui/react-direction": "1.1.1",
|
||||||
|
"@radix-ui/react-id": "1.1.1",
|
||||||
|
"@radix-ui/react-presence": "1.1.5",
|
||||||
|
"@radix-ui/react-primitive": "2.1.3",
|
||||||
|
"@radix-ui/react-roving-focus": "1.1.11",
|
||||||
|
"@radix-ui/react-use-controllable-state": "1.2.2"
|
||||||
|
},
|
||||||
|
"peerDependencies": {
|
||||||
|
"@types/react": "*",
|
||||||
|
"@types/react-dom": "*",
|
||||||
|
"react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
|
||||||
|
"react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
|
||||||
|
},
|
||||||
|
"peerDependenciesMeta": {
|
||||||
|
"@types/react": {
|
||||||
|
"optional": true
|
||||||
|
},
|
||||||
|
"@types/react-dom": {
|
||||||
|
"optional": true
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/@radix-ui/react-tooltip": {
|
"node_modules/@radix-ui/react-tooltip": {
|
||||||
"version": "1.2.8",
|
"version": "1.2.8",
|
||||||
"resolved": "https://registry.npmjs.org/@radix-ui/react-tooltip/-/react-tooltip-1.2.8.tgz",
|
"resolved": "https://registry.npmjs.org/@radix-ui/react-tooltip/-/react-tooltip-1.2.8.tgz",
|
||||||
|
|||||||
@@ -22,6 +22,8 @@
|
|||||||
"@radix-ui/react-select": "^2.2.6",
|
"@radix-ui/react-select": "^2.2.6",
|
||||||
"@radix-ui/react-separator": "^1.1.7",
|
"@radix-ui/react-separator": "^1.1.7",
|
||||||
"@radix-ui/react-slot": "^1.2.3",
|
"@radix-ui/react-slot": "^1.2.3",
|
||||||
|
"@radix-ui/react-switch": "^1.2.6",
|
||||||
|
"@radix-ui/react-tabs": "^1.1.13",
|
||||||
"@radix-ui/react-tooltip": "^1.2.8",
|
"@radix-ui/react-tooltip": "^1.2.8",
|
||||||
"@tailwindcss/vite": "^4.1.13",
|
"@tailwindcss/vite": "^4.1.13",
|
||||||
"@tanstack/react-form": "^1.23.0",
|
"@tanstack/react-form": "^1.23.0",
|
||||||
|
|||||||
29
frontend/src/components/ui/switch.tsx
Normal file
29
frontend/src/components/ui/switch.tsx
Normal file
@@ -0,0 +1,29 @@
|
|||||||
|
import * as React from "react"
|
||||||
|
import * as SwitchPrimitive from "@radix-ui/react-switch"
|
||||||
|
|
||||||
|
import { cn } from "@/lib/utils"
|
||||||
|
|
||||||
|
function Switch({
|
||||||
|
className,
|
||||||
|
...props
|
||||||
|
}: React.ComponentProps<typeof SwitchPrimitive.Root>) {
|
||||||
|
return (
|
||||||
|
<SwitchPrimitive.Root
|
||||||
|
data-slot="switch"
|
||||||
|
className={cn(
|
||||||
|
"peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
|
||||||
|
className
|
||||||
|
)}
|
||||||
|
{...props}
|
||||||
|
>
|
||||||
|
<SwitchPrimitive.Thumb
|
||||||
|
data-slot="switch-thumb"
|
||||||
|
className={cn(
|
||||||
|
"bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0"
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
</SwitchPrimitive.Root>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
export { Switch }
|
||||||
64
frontend/src/components/ui/tabs.tsx
Normal file
64
frontend/src/components/ui/tabs.tsx
Normal file
@@ -0,0 +1,64 @@
|
|||||||
|
import * as React from "react"
|
||||||
|
import * as TabsPrimitive from "@radix-ui/react-tabs"
|
||||||
|
|
||||||
|
import { cn } from "@/lib/utils"
|
||||||
|
|
||||||
|
function Tabs({
|
||||||
|
className,
|
||||||
|
...props
|
||||||
|
}: React.ComponentProps<typeof TabsPrimitive.Root>) {
|
||||||
|
return (
|
||||||
|
<TabsPrimitive.Root
|
||||||
|
data-slot="tabs"
|
||||||
|
className={cn("flex flex-col gap-2", className)}
|
||||||
|
{...props}
|
||||||
|
/>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
function TabsList({
|
||||||
|
className,
|
||||||
|
...props
|
||||||
|
}: React.ComponentProps<typeof TabsPrimitive.List>) {
|
||||||
|
return (
|
||||||
|
<TabsPrimitive.List
|
||||||
|
data-slot="tabs-list"
|
||||||
|
className={cn(
|
||||||
|
"bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]",
|
||||||
|
className
|
||||||
|
)}
|
||||||
|
{...props}
|
||||||
|
/>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
function TabsTrigger({
|
||||||
|
className,
|
||||||
|
...props
|
||||||
|
}: React.ComponentProps<typeof TabsPrimitive.Trigger>) {
|
||||||
|
return (
|
||||||
|
<TabsPrimitive.Trigger
|
||||||
|
data-slot="tabs-trigger"
|
||||||
|
className={cn(
|
||||||
|
"data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
|
||||||
|
className
|
||||||
|
)}
|
||||||
|
{...props}
|
||||||
|
/>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
function TabsContent({
|
||||||
|
className,
|
||||||
|
...props
|
||||||
|
}: React.ComponentProps<typeof TabsPrimitive.Content>) {
|
||||||
|
return (
|
||||||
|
<TabsPrimitive.Content
|
||||||
|
data-slot="tabs-content"
|
||||||
|
className={cn("flex-1 outline-none", className)}
|
||||||
|
{...props}
|
||||||
|
/>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
export { Tabs, TabsList, TabsTrigger, TabsContent }
|
||||||
@@ -35,9 +35,11 @@ import { Route as AppauthUserProfileRouteImport } from './routes/_app/(auth)/use
|
|||||||
import { Route as AppAdminLayoutAdminUsersRouteRouteImport } from './routes/_app/_adminLayout/admin/_users/route'
|
import { Route as AppAdminLayoutAdminUsersRouteRouteImport } from './routes/_app/_adminLayout/admin/_users/route'
|
||||||
import { Route as OldOldocmeCyclecountIndexRouteImport } from './routes/_old/old/(ocme)/cyclecount/index'
|
import { Route as OldOldocmeCyclecountIndexRouteImport } from './routes/_old/old/(ocme)/cyclecount/index'
|
||||||
import { Route as OldOldlogisticsSiloAdjustmentsIndexRouteImport } from './routes/_old/old/(logistics)/siloAdjustments/index'
|
import { Route as OldOldlogisticsSiloAdjustmentsIndexRouteImport } from './routes/_old/old/(logistics)/siloAdjustments/index'
|
||||||
|
import { Route as OldOldlogisticsMaterialHelperIndexRouteImport } from './routes/_old/old/(logistics)/materialHelper/index'
|
||||||
import { Route as OldOldlogisticsSiloAdjustmentsHistRouteImport } from './routes/_old/old/(logistics)/siloAdjustments/$hist'
|
import { Route as OldOldlogisticsSiloAdjustmentsHistRouteImport } from './routes/_old/old/(logistics)/siloAdjustments/$hist'
|
||||||
import { Route as AppAdminLayoutAdminUsersUsersRouteImport } from './routes/_app/_adminLayout/admin/_users/users'
|
import { Route as AppAdminLayoutAdminUsersUsersRouteImport } from './routes/_app/_adminLayout/admin/_users/users'
|
||||||
import { Route as AppAdminLayoutAdminUsersProdUsersRouteImport } from './routes/_app/_adminLayout/admin/_users/prodUsers'
|
import { Route as AppAdminLayoutAdminUsersProdUsersRouteImport } from './routes/_app/_adminLayout/admin/_users/prodUsers'
|
||||||
|
import { Route as OldOldlogisticsMaterialHelperConsumptionIndexRouteImport } from './routes/_old/old/(logistics)/materialHelper/consumption/index'
|
||||||
import { Route as OldOldlogisticsSiloAdjustmentsCommentCommentRouteImport } from './routes/_old/old/(logistics)/siloAdjustments/comment/$comment'
|
import { Route as OldOldlogisticsSiloAdjustmentsCommentCommentRouteImport } from './routes/_old/old/(logistics)/siloAdjustments/comment/$comment'
|
||||||
|
|
||||||
const AppAdminLayoutAdminRouteImport = createFileRoute(
|
const AppAdminLayoutAdminRouteImport = createFileRoute(
|
||||||
@@ -176,6 +178,12 @@ const OldOldlogisticsSiloAdjustmentsIndexRoute =
|
|||||||
path: '/siloAdjustments/',
|
path: '/siloAdjustments/',
|
||||||
getParentRoute: () => OldOldRouteRoute,
|
getParentRoute: () => OldOldRouteRoute,
|
||||||
} as any)
|
} as any)
|
||||||
|
const OldOldlogisticsMaterialHelperIndexRoute =
|
||||||
|
OldOldlogisticsMaterialHelperIndexRouteImport.update({
|
||||||
|
id: '/(logistics)/materialHelper/',
|
||||||
|
path: '/materialHelper/',
|
||||||
|
getParentRoute: () => OldOldRouteRoute,
|
||||||
|
} as any)
|
||||||
const OldOldlogisticsSiloAdjustmentsHistRoute =
|
const OldOldlogisticsSiloAdjustmentsHistRoute =
|
||||||
OldOldlogisticsSiloAdjustmentsHistRouteImport.update({
|
OldOldlogisticsSiloAdjustmentsHistRouteImport.update({
|
||||||
id: '/(logistics)/siloAdjustments/$hist',
|
id: '/(logistics)/siloAdjustments/$hist',
|
||||||
@@ -194,6 +202,12 @@ const AppAdminLayoutAdminUsersProdUsersRoute =
|
|||||||
path: '/prodUsers',
|
path: '/prodUsers',
|
||||||
getParentRoute: () => AppAdminLayoutAdminUsersRouteRoute,
|
getParentRoute: () => AppAdminLayoutAdminUsersRouteRoute,
|
||||||
} as any)
|
} as any)
|
||||||
|
const OldOldlogisticsMaterialHelperConsumptionIndexRoute =
|
||||||
|
OldOldlogisticsMaterialHelperConsumptionIndexRouteImport.update({
|
||||||
|
id: '/(logistics)/materialHelper/consumption/',
|
||||||
|
path: '/materialHelper/consumption/',
|
||||||
|
getParentRoute: () => OldOldRouteRoute,
|
||||||
|
} as any)
|
||||||
const OldOldlogisticsSiloAdjustmentsCommentCommentRoute =
|
const OldOldlogisticsSiloAdjustmentsCommentCommentRoute =
|
||||||
OldOldlogisticsSiloAdjustmentsCommentCommentRouteImport.update({
|
OldOldlogisticsSiloAdjustmentsCommentCommentRouteImport.update({
|
||||||
id: '/(logistics)/siloAdjustments/comment/$comment',
|
id: '/(logistics)/siloAdjustments/comment/$comment',
|
||||||
@@ -224,9 +238,11 @@ export interface FileRoutesByFullPath {
|
|||||||
'/admin/prodUsers': typeof AppAdminLayoutAdminUsersProdUsersRoute
|
'/admin/prodUsers': typeof AppAdminLayoutAdminUsersProdUsersRoute
|
||||||
'/admin/users': typeof AppAdminLayoutAdminUsersUsersRoute
|
'/admin/users': typeof AppAdminLayoutAdminUsersUsersRoute
|
||||||
'/old/siloAdjustments/$hist': typeof OldOldlogisticsSiloAdjustmentsHistRoute
|
'/old/siloAdjustments/$hist': typeof OldOldlogisticsSiloAdjustmentsHistRoute
|
||||||
|
'/old/materialHelper': typeof OldOldlogisticsMaterialHelperIndexRoute
|
||||||
'/old/siloAdjustments': typeof OldOldlogisticsSiloAdjustmentsIndexRoute
|
'/old/siloAdjustments': typeof OldOldlogisticsSiloAdjustmentsIndexRoute
|
||||||
'/old/cyclecount': typeof OldOldocmeCyclecountIndexRoute
|
'/old/cyclecount': typeof OldOldocmeCyclecountIndexRoute
|
||||||
'/old/siloAdjustments/comment/$comment': typeof OldOldlogisticsSiloAdjustmentsCommentCommentRoute
|
'/old/siloAdjustments/comment/$comment': typeof OldOldlogisticsSiloAdjustmentsCommentCommentRoute
|
||||||
|
'/old/materialHelper/consumption': typeof OldOldlogisticsMaterialHelperConsumptionIndexRoute
|
||||||
}
|
}
|
||||||
export interface FileRoutesByTo {
|
export interface FileRoutesByTo {
|
||||||
'/changelog': typeof AppChangelogRoute
|
'/changelog': typeof AppChangelogRoute
|
||||||
@@ -250,9 +266,11 @@ export interface FileRoutesByTo {
|
|||||||
'/admin/prodUsers': typeof AppAdminLayoutAdminUsersProdUsersRoute
|
'/admin/prodUsers': typeof AppAdminLayoutAdminUsersProdUsersRoute
|
||||||
'/admin/users': typeof AppAdminLayoutAdminUsersUsersRoute
|
'/admin/users': typeof AppAdminLayoutAdminUsersUsersRoute
|
||||||
'/old/siloAdjustments/$hist': typeof OldOldlogisticsSiloAdjustmentsHistRoute
|
'/old/siloAdjustments/$hist': typeof OldOldlogisticsSiloAdjustmentsHistRoute
|
||||||
|
'/old/materialHelper': typeof OldOldlogisticsMaterialHelperIndexRoute
|
||||||
'/old/siloAdjustments': typeof OldOldlogisticsSiloAdjustmentsIndexRoute
|
'/old/siloAdjustments': typeof OldOldlogisticsSiloAdjustmentsIndexRoute
|
||||||
'/old/cyclecount': typeof OldOldocmeCyclecountIndexRoute
|
'/old/cyclecount': typeof OldOldocmeCyclecountIndexRoute
|
||||||
'/old/siloAdjustments/comment/$comment': typeof OldOldlogisticsSiloAdjustmentsCommentCommentRoute
|
'/old/siloAdjustments/comment/$comment': typeof OldOldlogisticsSiloAdjustmentsCommentCommentRoute
|
||||||
|
'/old/materialHelper/consumption': typeof OldOldlogisticsMaterialHelperConsumptionIndexRoute
|
||||||
}
|
}
|
||||||
export interface FileRoutesById {
|
export interface FileRoutesById {
|
||||||
__root__: typeof rootRouteImport
|
__root__: typeof rootRouteImport
|
||||||
@@ -282,9 +300,11 @@ export interface FileRoutesById {
|
|||||||
'/_app/_adminLayout/admin/_users/prodUsers': typeof AppAdminLayoutAdminUsersProdUsersRoute
|
'/_app/_adminLayout/admin/_users/prodUsers': typeof AppAdminLayoutAdminUsersProdUsersRoute
|
||||||
'/_app/_adminLayout/admin/_users/users': typeof AppAdminLayoutAdminUsersUsersRoute
|
'/_app/_adminLayout/admin/_users/users': typeof AppAdminLayoutAdminUsersUsersRoute
|
||||||
'/_old/old/(logistics)/siloAdjustments/$hist': typeof OldOldlogisticsSiloAdjustmentsHistRoute
|
'/_old/old/(logistics)/siloAdjustments/$hist': typeof OldOldlogisticsSiloAdjustmentsHistRoute
|
||||||
|
'/_old/old/(logistics)/materialHelper/': typeof OldOldlogisticsMaterialHelperIndexRoute
|
||||||
'/_old/old/(logistics)/siloAdjustments/': typeof OldOldlogisticsSiloAdjustmentsIndexRoute
|
'/_old/old/(logistics)/siloAdjustments/': typeof OldOldlogisticsSiloAdjustmentsIndexRoute
|
||||||
'/_old/old/(ocme)/cyclecount/': typeof OldOldocmeCyclecountIndexRoute
|
'/_old/old/(ocme)/cyclecount/': typeof OldOldocmeCyclecountIndexRoute
|
||||||
'/_old/old/(logistics)/siloAdjustments/comment/$comment': typeof OldOldlogisticsSiloAdjustmentsCommentCommentRoute
|
'/_old/old/(logistics)/siloAdjustments/comment/$comment': typeof OldOldlogisticsSiloAdjustmentsCommentCommentRoute
|
||||||
|
'/_old/old/(logistics)/materialHelper/consumption/': typeof OldOldlogisticsMaterialHelperConsumptionIndexRoute
|
||||||
}
|
}
|
||||||
export interface FileRouteTypes {
|
export interface FileRouteTypes {
|
||||||
fileRoutesByFullPath: FileRoutesByFullPath
|
fileRoutesByFullPath: FileRoutesByFullPath
|
||||||
@@ -311,9 +331,11 @@ export interface FileRouteTypes {
|
|||||||
| '/admin/prodUsers'
|
| '/admin/prodUsers'
|
||||||
| '/admin/users'
|
| '/admin/users'
|
||||||
| '/old/siloAdjustments/$hist'
|
| '/old/siloAdjustments/$hist'
|
||||||
|
| '/old/materialHelper'
|
||||||
| '/old/siloAdjustments'
|
| '/old/siloAdjustments'
|
||||||
| '/old/cyclecount'
|
| '/old/cyclecount'
|
||||||
| '/old/siloAdjustments/comment/$comment'
|
| '/old/siloAdjustments/comment/$comment'
|
||||||
|
| '/old/materialHelper/consumption'
|
||||||
fileRoutesByTo: FileRoutesByTo
|
fileRoutesByTo: FileRoutesByTo
|
||||||
to:
|
to:
|
||||||
| '/changelog'
|
| '/changelog'
|
||||||
@@ -337,9 +359,11 @@ export interface FileRouteTypes {
|
|||||||
| '/admin/prodUsers'
|
| '/admin/prodUsers'
|
||||||
| '/admin/users'
|
| '/admin/users'
|
||||||
| '/old/siloAdjustments/$hist'
|
| '/old/siloAdjustments/$hist'
|
||||||
|
| '/old/materialHelper'
|
||||||
| '/old/siloAdjustments'
|
| '/old/siloAdjustments'
|
||||||
| '/old/cyclecount'
|
| '/old/cyclecount'
|
||||||
| '/old/siloAdjustments/comment/$comment'
|
| '/old/siloAdjustments/comment/$comment'
|
||||||
|
| '/old/materialHelper/consumption'
|
||||||
id:
|
id:
|
||||||
| '__root__'
|
| '__root__'
|
||||||
| '/_app'
|
| '/_app'
|
||||||
@@ -368,9 +392,11 @@ export interface FileRouteTypes {
|
|||||||
| '/_app/_adminLayout/admin/_users/prodUsers'
|
| '/_app/_adminLayout/admin/_users/prodUsers'
|
||||||
| '/_app/_adminLayout/admin/_users/users'
|
| '/_app/_adminLayout/admin/_users/users'
|
||||||
| '/_old/old/(logistics)/siloAdjustments/$hist'
|
| '/_old/old/(logistics)/siloAdjustments/$hist'
|
||||||
|
| '/_old/old/(logistics)/materialHelper/'
|
||||||
| '/_old/old/(logistics)/siloAdjustments/'
|
| '/_old/old/(logistics)/siloAdjustments/'
|
||||||
| '/_old/old/(ocme)/cyclecount/'
|
| '/_old/old/(ocme)/cyclecount/'
|
||||||
| '/_old/old/(logistics)/siloAdjustments/comment/$comment'
|
| '/_old/old/(logistics)/siloAdjustments/comment/$comment'
|
||||||
|
| '/_old/old/(logistics)/materialHelper/consumption/'
|
||||||
fileRoutesById: FileRoutesById
|
fileRoutesById: FileRoutesById
|
||||||
}
|
}
|
||||||
export interface RootRouteChildren {
|
export interface RootRouteChildren {
|
||||||
@@ -556,6 +582,13 @@ declare module '@tanstack/react-router' {
|
|||||||
preLoaderRoute: typeof OldOldlogisticsSiloAdjustmentsIndexRouteImport
|
preLoaderRoute: typeof OldOldlogisticsSiloAdjustmentsIndexRouteImport
|
||||||
parentRoute: typeof OldOldRouteRoute
|
parentRoute: typeof OldOldRouteRoute
|
||||||
}
|
}
|
||||||
|
'/_old/old/(logistics)/materialHelper/': {
|
||||||
|
id: '/_old/old/(logistics)/materialHelper/'
|
||||||
|
path: '/materialHelper'
|
||||||
|
fullPath: '/old/materialHelper'
|
||||||
|
preLoaderRoute: typeof OldOldlogisticsMaterialHelperIndexRouteImport
|
||||||
|
parentRoute: typeof OldOldRouteRoute
|
||||||
|
}
|
||||||
'/_old/old/(logistics)/siloAdjustments/$hist': {
|
'/_old/old/(logistics)/siloAdjustments/$hist': {
|
||||||
id: '/_old/old/(logistics)/siloAdjustments/$hist'
|
id: '/_old/old/(logistics)/siloAdjustments/$hist'
|
||||||
path: '/siloAdjustments/$hist'
|
path: '/siloAdjustments/$hist'
|
||||||
@@ -577,6 +610,13 @@ declare module '@tanstack/react-router' {
|
|||||||
preLoaderRoute: typeof AppAdminLayoutAdminUsersProdUsersRouteImport
|
preLoaderRoute: typeof AppAdminLayoutAdminUsersProdUsersRouteImport
|
||||||
parentRoute: typeof AppAdminLayoutAdminUsersRouteRoute
|
parentRoute: typeof AppAdminLayoutAdminUsersRouteRoute
|
||||||
}
|
}
|
||||||
|
'/_old/old/(logistics)/materialHelper/consumption/': {
|
||||||
|
id: '/_old/old/(logistics)/materialHelper/consumption/'
|
||||||
|
path: '/materialHelper/consumption'
|
||||||
|
fullPath: '/old/materialHelper/consumption'
|
||||||
|
preLoaderRoute: typeof OldOldlogisticsMaterialHelperConsumptionIndexRouteImport
|
||||||
|
parentRoute: typeof OldOldRouteRoute
|
||||||
|
}
|
||||||
'/_old/old/(logistics)/siloAdjustments/comment/$comment': {
|
'/_old/old/(logistics)/siloAdjustments/comment/$comment': {
|
||||||
id: '/_old/old/(logistics)/siloAdjustments/comment/$comment'
|
id: '/_old/old/(logistics)/siloAdjustments/comment/$comment'
|
||||||
path: '/siloAdjustments/comment/$comment'
|
path: '/siloAdjustments/comment/$comment'
|
||||||
@@ -685,9 +725,11 @@ interface OldOldRouteRouteChildren {
|
|||||||
OldOldOcpIndexRoute: typeof OldOldOcpIndexRoute
|
OldOldOcpIndexRoute: typeof OldOldOcpIndexRoute
|
||||||
OldOldRfidIndexRoute: typeof OldOldRfidIndexRoute
|
OldOldRfidIndexRoute: typeof OldOldRfidIndexRoute
|
||||||
OldOldlogisticsSiloAdjustmentsHistRoute: typeof OldOldlogisticsSiloAdjustmentsHistRoute
|
OldOldlogisticsSiloAdjustmentsHistRoute: typeof OldOldlogisticsSiloAdjustmentsHistRoute
|
||||||
|
OldOldlogisticsMaterialHelperIndexRoute: typeof OldOldlogisticsMaterialHelperIndexRoute
|
||||||
OldOldlogisticsSiloAdjustmentsIndexRoute: typeof OldOldlogisticsSiloAdjustmentsIndexRoute
|
OldOldlogisticsSiloAdjustmentsIndexRoute: typeof OldOldlogisticsSiloAdjustmentsIndexRoute
|
||||||
OldOldocmeCyclecountIndexRoute: typeof OldOldocmeCyclecountIndexRoute
|
OldOldocmeCyclecountIndexRoute: typeof OldOldocmeCyclecountIndexRoute
|
||||||
OldOldlogisticsSiloAdjustmentsCommentCommentRoute: typeof OldOldlogisticsSiloAdjustmentsCommentCommentRoute
|
OldOldlogisticsSiloAdjustmentsCommentCommentRoute: typeof OldOldlogisticsSiloAdjustmentsCommentCommentRoute
|
||||||
|
OldOldlogisticsMaterialHelperConsumptionIndexRoute: typeof OldOldlogisticsMaterialHelperConsumptionIndexRoute
|
||||||
}
|
}
|
||||||
|
|
||||||
const OldOldRouteRouteChildren: OldOldRouteRouteChildren = {
|
const OldOldRouteRouteChildren: OldOldRouteRouteChildren = {
|
||||||
@@ -696,11 +738,15 @@ const OldOldRouteRouteChildren: OldOldRouteRouteChildren = {
|
|||||||
OldOldRfidIndexRoute: OldOldRfidIndexRoute,
|
OldOldRfidIndexRoute: OldOldRfidIndexRoute,
|
||||||
OldOldlogisticsSiloAdjustmentsHistRoute:
|
OldOldlogisticsSiloAdjustmentsHistRoute:
|
||||||
OldOldlogisticsSiloAdjustmentsHistRoute,
|
OldOldlogisticsSiloAdjustmentsHistRoute,
|
||||||
|
OldOldlogisticsMaterialHelperIndexRoute:
|
||||||
|
OldOldlogisticsMaterialHelperIndexRoute,
|
||||||
OldOldlogisticsSiloAdjustmentsIndexRoute:
|
OldOldlogisticsSiloAdjustmentsIndexRoute:
|
||||||
OldOldlogisticsSiloAdjustmentsIndexRoute,
|
OldOldlogisticsSiloAdjustmentsIndexRoute,
|
||||||
OldOldocmeCyclecountIndexRoute: OldOldocmeCyclecountIndexRoute,
|
OldOldocmeCyclecountIndexRoute: OldOldocmeCyclecountIndexRoute,
|
||||||
OldOldlogisticsSiloAdjustmentsCommentCommentRoute:
|
OldOldlogisticsSiloAdjustmentsCommentCommentRoute:
|
||||||
OldOldlogisticsSiloAdjustmentsCommentCommentRoute,
|
OldOldlogisticsSiloAdjustmentsCommentCommentRoute,
|
||||||
|
OldOldlogisticsMaterialHelperConsumptionIndexRoute:
|
||||||
|
OldOldlogisticsMaterialHelperConsumptionIndexRoute,
|
||||||
}
|
}
|
||||||
|
|
||||||
const OldOldRouteRouteWithChildren = OldOldRouteRoute._addFileChildren(
|
const OldOldRouteRouteWithChildren = OldOldRouteRoute._addFileChildren(
|
||||||
|
|||||||
@@ -0,0 +1,42 @@
|
|||||||
|
import { createFileRoute } from "@tanstack/react-router";
|
||||||
|
import ConsumeMaterial from "../../../-components/logistics/materialHelper/consumption/ConsumeMaterial";
|
||||||
|
import PreformReturn from "../../../-components/logistics/materialHelper/consumption/MaterialReturn";
|
||||||
|
import TransferToNextLot from "../../../-components/logistics/materialHelper/consumption/TransferToNextLot";
|
||||||
|
|
||||||
|
export const Route = createFileRoute(
|
||||||
|
"/_old/old/(logistics)/materialHelper/consumption/",
|
||||||
|
)({
|
||||||
|
component: RouteComponent,
|
||||||
|
head: () => ({
|
||||||
|
meta: [
|
||||||
|
{
|
||||||
|
name: "description",
|
||||||
|
content: "My App is a web application",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "LST - Logistics",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
}),
|
||||||
|
});
|
||||||
|
|
||||||
|
function RouteComponent() {
|
||||||
|
const url: string = window.location.host.split(":")[0];
|
||||||
|
const auth = localStorage.getItem("auth_token");
|
||||||
|
return (
|
||||||
|
<div className="flex flex-wrap">
|
||||||
|
{auth ? (
|
||||||
|
<>
|
||||||
|
<ConsumeMaterial />
|
||||||
|
{url === "localhost" && <PreformReturn />}
|
||||||
|
<TransferToNextLot />
|
||||||
|
</>
|
||||||
|
) : (
|
||||||
|
<>
|
||||||
|
<ConsumeMaterial />
|
||||||
|
<TransferToNextLot />
|
||||||
|
</>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
@@ -0,0 +1,25 @@
|
|||||||
|
import { createFileRoute } from "@tanstack/react-router";
|
||||||
|
import MaterialHelperPage from "../../-components/logistics/materialHelper/materialHelperPage";
|
||||||
|
|
||||||
|
export const Route = createFileRoute("/_old/old/(logistics)/materialHelper/")({
|
||||||
|
component: RouteComponent,
|
||||||
|
head: () => ({
|
||||||
|
meta: [
|
||||||
|
{
|
||||||
|
name: "description",
|
||||||
|
content: "My App is a web application",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "LST - Logistics",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
}),
|
||||||
|
});
|
||||||
|
|
||||||
|
function RouteComponent() {
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<MaterialHelperPage />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
@@ -0,0 +1,107 @@
|
|||||||
|
import axios from "axios";
|
||||||
|
import { useState } from "react";
|
||||||
|
import { useForm } from "react-hook-form";
|
||||||
|
import { toast } from "sonner";
|
||||||
|
import { Button } from "@/components/ui/button";
|
||||||
|
import { CardHeader } from "@/components/ui/card";
|
||||||
|
import { Input } from "@/components/ui/input";
|
||||||
|
import { Label } from "@/components/ui/label";
|
||||||
|
import { LstCard } from "../../../extendedUi/LstCard";
|
||||||
|
|
||||||
|
export default function ConsumeMaterial() {
|
||||||
|
const { register: register1, handleSubmit: handleSubmit1, reset } = useForm();
|
||||||
|
const [submitting, setSubmitting] = useState(false);
|
||||||
|
|
||||||
|
const handleConsume = async (data: any) => {
|
||||||
|
setSubmitting(true);
|
||||||
|
try {
|
||||||
|
// const result = await axios.post(`/api/logistics/consume`, data, {
|
||||||
|
// headers: {Authorization: `Bearer ${token}`},
|
||||||
|
// });
|
||||||
|
const result = await axios.post(`/lst/old/api/logistics/consume`, data);
|
||||||
|
if (result.data.success) {
|
||||||
|
toast.success(result.data.message);
|
||||||
|
setSubmitting(false);
|
||||||
|
reset();
|
||||||
|
}
|
||||||
|
if (!result.data.success) {
|
||||||
|
//console.log(result.data);
|
||||||
|
setSubmitting(false);
|
||||||
|
|
||||||
|
toast.error(result.data.message);
|
||||||
|
}
|
||||||
|
} catch (error: any) {
|
||||||
|
console.log(error);
|
||||||
|
setSubmitting(false);
|
||||||
|
if (error.status === 401) {
|
||||||
|
toast.error("Unauthorized to do this task.");
|
||||||
|
} else {
|
||||||
|
toast.error(
|
||||||
|
"Unexpected error if this continues please constact an admin.",
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
return (
|
||||||
|
<div className="m-2">
|
||||||
|
<LstCard>
|
||||||
|
<CardHeader>
|
||||||
|
<p className="text-center text-lg">Consuming Material.</p>
|
||||||
|
</CardHeader>
|
||||||
|
<div className="flex m-1">
|
||||||
|
<div className="w-96 m-1">
|
||||||
|
<LstCard>
|
||||||
|
<form onSubmit={handleSubmit1(handleConsume)}>
|
||||||
|
<div className="m-2">
|
||||||
|
<Label htmlFor="runningNr">Enter unit running number</Label>
|
||||||
|
<Input
|
||||||
|
className="mt-2"
|
||||||
|
//defaultValue="634"
|
||||||
|
type="number"
|
||||||
|
{...register1("runningNr")}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className="m-2">
|
||||||
|
<Label htmlFor="lotNum">Enter lot number</Label>
|
||||||
|
<Input
|
||||||
|
className="mt-2"
|
||||||
|
//defaultValue="634"
|
||||||
|
type="number"
|
||||||
|
{...register1("lotNum")}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<Button
|
||||||
|
className="m-2"
|
||||||
|
color="primary"
|
||||||
|
type="submit"
|
||||||
|
disabled={submitting}
|
||||||
|
>
|
||||||
|
Consume materal
|
||||||
|
</Button>
|
||||||
|
</form>
|
||||||
|
</LstCard>
|
||||||
|
</div>
|
||||||
|
<div className="m-1 p-1">
|
||||||
|
<LstCard>
|
||||||
|
<div className="w-96 p-1">
|
||||||
|
<ol>
|
||||||
|
<li>
|
||||||
|
1. Enter the running number of the material you would like
|
||||||
|
to consume
|
||||||
|
</li>
|
||||||
|
<li>2. Enter the lot number you will be consuming to</li>
|
||||||
|
<li>3. Press consume material</li>
|
||||||
|
</ol>
|
||||||
|
<p className="text-pretty w-96">
|
||||||
|
*This process is only for barcoded material, if it is set to
|
||||||
|
auto consume you will encounter and error.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</LstCard>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</LstCard>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
@@ -0,0 +1,144 @@
|
|||||||
|
import axios from "axios";
|
||||||
|
import { useState } from "react";
|
||||||
|
import { useForm } from "react-hook-form";
|
||||||
|
import { toast } from "sonner";
|
||||||
|
|
||||||
|
import { Button } from "@/components/ui/button";
|
||||||
|
import { CardHeader } from "@/components/ui/card";
|
||||||
|
import { Input } from "@/components/ui/input";
|
||||||
|
import { Label } from "@/components/ui/label";
|
||||||
|
import { LstCard } from "../../../extendedUi/LstCard";
|
||||||
|
|
||||||
|
export default function PreformReturn() {
|
||||||
|
const { register: register1, handleSubmit: handleSubmit1, reset } = useForm();
|
||||||
|
const [submitting, setSubmitting] = useState(false);
|
||||||
|
|
||||||
|
const handleConsume = async (data: any) => {
|
||||||
|
setSubmitting(true);
|
||||||
|
try {
|
||||||
|
const result = await axios.post(
|
||||||
|
`/lst/old/auth/api/logistics/consume`,
|
||||||
|
data,
|
||||||
|
);
|
||||||
|
if (result.data.success) {
|
||||||
|
toast.success(result.data.message);
|
||||||
|
setSubmitting(false);
|
||||||
|
reset();
|
||||||
|
}
|
||||||
|
if (!result.data.success) {
|
||||||
|
//console.log(result.data);
|
||||||
|
setSubmitting(false);
|
||||||
|
|
||||||
|
toast.error(result.data.message);
|
||||||
|
}
|
||||||
|
} catch (error: any) {
|
||||||
|
//console.log(error);
|
||||||
|
setSubmitting(false);
|
||||||
|
if (error.status === 401) {
|
||||||
|
toast.error("Unauthorized to do this task.");
|
||||||
|
} else {
|
||||||
|
toast.error(
|
||||||
|
"Unexpected error if this continues please constact an admin.",
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
return (
|
||||||
|
<div className="m-2">
|
||||||
|
<LstCard>
|
||||||
|
<CardHeader>
|
||||||
|
<p className="text-center text-lg">Preform Return.</p>
|
||||||
|
</CardHeader>
|
||||||
|
<div className="flex m-1">
|
||||||
|
<div className="w-96 m-1">
|
||||||
|
<LstCard>
|
||||||
|
<form onSubmit={handleSubmit1(handleConsume)}>
|
||||||
|
<div className="m-2">
|
||||||
|
<Label htmlFor="runningNr">Enter unit running number</Label>
|
||||||
|
<Input
|
||||||
|
className="mt-2"
|
||||||
|
//defaultValue="634"
|
||||||
|
type="number"
|
||||||
|
{...register1("runningNr")}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className="m-2">
|
||||||
|
<Label htmlFor="lotNum">
|
||||||
|
Enter the new wight of the gaylord of preforms
|
||||||
|
</Label>
|
||||||
|
<Input
|
||||||
|
className="mt-2"
|
||||||
|
//defaultValue="634"
|
||||||
|
type="number"
|
||||||
|
{...register1("lotNum")}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className="m-2">
|
||||||
|
<Label htmlFor="lotNum">
|
||||||
|
Select the printer you would like to print to
|
||||||
|
</Label>
|
||||||
|
<Input
|
||||||
|
className="mt-2"
|
||||||
|
//defaultValue="634"
|
||||||
|
type="number"
|
||||||
|
{...register1("lotNum")}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="m-2">
|
||||||
|
<Label htmlFor="lotNum">
|
||||||
|
Select the staging location to be returned to.
|
||||||
|
</Label>
|
||||||
|
<Input
|
||||||
|
className="mt-2"
|
||||||
|
//defaultValue="634"
|
||||||
|
type="number"
|
||||||
|
{...register1("lotNum")}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className="m-2">
|
||||||
|
<Label htmlFor="lotNum">
|
||||||
|
Select type of material coming back.
|
||||||
|
</Label>
|
||||||
|
<Input
|
||||||
|
className="mt-2"
|
||||||
|
//defaultValue="634"
|
||||||
|
type="number"
|
||||||
|
{...register1("lotNum")}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<Button
|
||||||
|
className="m-2"
|
||||||
|
color="primary"
|
||||||
|
type="submit"
|
||||||
|
disabled={submitting}
|
||||||
|
>
|
||||||
|
Preform return
|
||||||
|
</Button>
|
||||||
|
</form>
|
||||||
|
</LstCard>
|
||||||
|
</div>
|
||||||
|
<div className="m-1 p-1">
|
||||||
|
<LstCard>
|
||||||
|
<div className="w-96 p-1">
|
||||||
|
<ol>
|
||||||
|
<li>
|
||||||
|
1. Enter the running number of the preform cage you would
|
||||||
|
like to return
|
||||||
|
</li>
|
||||||
|
<li>2. Enter the new weight of the gaylord</li>
|
||||||
|
<li>3. Select the printer you would like to print to</li>
|
||||||
|
</ol>
|
||||||
|
<p className="text-pretty w-96">
|
||||||
|
*As soon as you press preform return it will print a new label
|
||||||
|
and return to the staging location.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</LstCard>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</LstCard>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
@@ -0,0 +1,348 @@
|
|||||||
|
import axios from "axios";
|
||||||
|
import { Info } from "lucide-react";
|
||||||
|
import { useState } from "react";
|
||||||
|
import { toast } from "sonner";
|
||||||
|
import { Button } from "@/components/ui/button";
|
||||||
|
import { CardContent, CardHeader } from "@/components/ui/card";
|
||||||
|
import { Input } from "@/components/ui/input";
|
||||||
|
import { Switch } from "@/components/ui/switch";
|
||||||
|
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
|
||||||
|
import {
|
||||||
|
Tooltip,
|
||||||
|
TooltipContent,
|
||||||
|
TooltipTrigger,
|
||||||
|
} from "@/components/ui/tooltip";
|
||||||
|
import { useAppForm } from "@/lib/formStuff";
|
||||||
|
import { useSettingStore } from "@/routes/_old/old/-lib/store/useSettings";
|
||||||
|
import { LstCard } from "../../../extendedUi/LstCard";
|
||||||
|
|
||||||
|
export default function TransferToNextLot() {
|
||||||
|
const [gaylordFilled, setGaylordFilled] = useState([0]);
|
||||||
|
const [actualAmount, setActualAmount] = useState(0);
|
||||||
|
const [tab, setTab] = useState("esitmate");
|
||||||
|
const [typeSwitch, setTypeSwitch] = useState(false);
|
||||||
|
const { settings } = useSettingStore();
|
||||||
|
|
||||||
|
const server = settings.filter((n: any) => n.name === "plantToken");
|
||||||
|
const form = useAppForm({
|
||||||
|
defaultValues: {
|
||||||
|
runningNumber: "",
|
||||||
|
lotNumber: "",
|
||||||
|
originalAmount: "",
|
||||||
|
amount: "",
|
||||||
|
},
|
||||||
|
onSubmit: async ({ value }) => {
|
||||||
|
//console.log(transferData);
|
||||||
|
//toast.success("603468: qty: 361, was transfered to lot:24897");
|
||||||
|
try {
|
||||||
|
const res = await axios.post("/lst/old/api/ocp/materiallottransfer", {
|
||||||
|
runningNumber: Number(value.runningNumber),
|
||||||
|
lotNumber: Number(value.lotNumber),
|
||||||
|
originalAmount: Number(value.originalAmount),
|
||||||
|
level: Number(
|
||||||
|
gaylordFilled.length === 1
|
||||||
|
? 0.25
|
||||||
|
: gaylordFilled.length === 2
|
||||||
|
? 0.5
|
||||||
|
: gaylordFilled.length === 3
|
||||||
|
? 0.75
|
||||||
|
: gaylordFilled.length === 4 && 0.95,
|
||||||
|
),
|
||||||
|
amount: actualAmount,
|
||||||
|
type: typeSwitch ? "eom" : "lot",
|
||||||
|
});
|
||||||
|
|
||||||
|
if (res.data.success) {
|
||||||
|
toast.success(`${res.data.message}`);
|
||||||
|
form.reset();
|
||||||
|
setGaylordFilled([0]);
|
||||||
|
setActualAmount(0);
|
||||||
|
}
|
||||||
|
//console.log(res.data);
|
||||||
|
|
||||||
|
if (!res.data.success) {
|
||||||
|
toast.error(res.data.message);
|
||||||
|
}
|
||||||
|
} catch (error) {
|
||||||
|
if (error) {
|
||||||
|
console.log(error);
|
||||||
|
//toast.error(error)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
});
|
||||||
|
return (
|
||||||
|
<div>
|
||||||
|
<LstCard>
|
||||||
|
<CardHeader>
|
||||||
|
<p className="text-center text-lg">Material Transfer to Next lot</p>
|
||||||
|
</CardHeader>
|
||||||
|
<div>
|
||||||
|
<div className="flex flex-wrap m-2 gap-2">
|
||||||
|
<div className="flex gap-2">
|
||||||
|
<div>
|
||||||
|
<LstCard className="">
|
||||||
|
<Tabs defaultValue={tab} onValueChange={setTab}>
|
||||||
|
<TabsList>
|
||||||
|
<TabsTrigger value="esitmate">
|
||||||
|
Estimate Amount
|
||||||
|
</TabsTrigger>
|
||||||
|
<TabsTrigger value="actual">Actual Amount</TabsTrigger>
|
||||||
|
</TabsList>
|
||||||
|
|
||||||
|
<TabsContent value="esitmate">
|
||||||
|
<div className="grid columns-1">
|
||||||
|
<button
|
||||||
|
className={`box-border h-16 w-96 border-3 ${
|
||||||
|
gaylordFilled.includes(4) ? " bg-green-500" : ""
|
||||||
|
}`}
|
||||||
|
onClick={() => setGaylordFilled([1, 2, 3, 4])}
|
||||||
|
>
|
||||||
|
<p className="text-center">Almost full - 95%</p>
|
||||||
|
</button>
|
||||||
|
<button
|
||||||
|
className={`box-border h-16 w-96 border-3 ${
|
||||||
|
gaylordFilled.includes(3) ? " bg-green-500" : ""
|
||||||
|
}`}
|
||||||
|
onClick={() => setGaylordFilled([1, 2, 3])}
|
||||||
|
>
|
||||||
|
<p className="text-center">About full - 75%</p>
|
||||||
|
</button>
|
||||||
|
<button
|
||||||
|
className={`box-border h-16 w-96 border-3 ${
|
||||||
|
gaylordFilled.includes(2) ? " bg-green-500" : ""
|
||||||
|
}`}
|
||||||
|
onClick={() => setGaylordFilled([1, 2])}
|
||||||
|
>
|
||||||
|
<p className="text-center">Half full - 50%</p>
|
||||||
|
</button>
|
||||||
|
<button
|
||||||
|
className={`box-border h-16 w-96 border-3 ${
|
||||||
|
gaylordFilled.includes(1) ? " bg-green-500" : ""
|
||||||
|
}`}
|
||||||
|
onClick={() => setGaylordFilled(() => [1])}
|
||||||
|
>
|
||||||
|
<p className="text-center">Almost empty - 25%</p>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div className="flex justify-end pr-1">
|
||||||
|
<Button onClick={() => setGaylordFilled([0])}>
|
||||||
|
Reset Gaylord
|
||||||
|
</Button>
|
||||||
|
</div>
|
||||||
|
</TabsContent>
|
||||||
|
<TabsContent value="actual" className="w-96">
|
||||||
|
<CardHeader>
|
||||||
|
<p>Enter the total amount of the cage/gaylord</p>
|
||||||
|
</CardHeader>
|
||||||
|
<CardContent>
|
||||||
|
<Input
|
||||||
|
type="number"
|
||||||
|
//placeholder="35"
|
||||||
|
onChange={(e) =>
|
||||||
|
setActualAmount(Number(e.target.value))
|
||||||
|
}
|
||||||
|
/>
|
||||||
|
</CardContent>
|
||||||
|
</TabsContent>
|
||||||
|
</Tabs>
|
||||||
|
</LstCard>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<div className="w-96">
|
||||||
|
<LstCard>
|
||||||
|
<form
|
||||||
|
onSubmit={(e) => {
|
||||||
|
e.preventDefault();
|
||||||
|
form.handleSubmit();
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<div className="mt-3 p-2">
|
||||||
|
<form.AppField
|
||||||
|
name="runningNumber"
|
||||||
|
children={(field) => (
|
||||||
|
<field.InputField
|
||||||
|
label="Running Number"
|
||||||
|
inputType="number"
|
||||||
|
required={true}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div className="mt-3 p-2">
|
||||||
|
<form.AppField
|
||||||
|
name="lotNumber"
|
||||||
|
children={(field) => (
|
||||||
|
<field.InputField
|
||||||
|
label="Lot Number"
|
||||||
|
inputType="number"
|
||||||
|
required={true}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
{tab !== "actual" && (
|
||||||
|
<div className="mt-3 p-2">
|
||||||
|
<form.AppField
|
||||||
|
name="originalAmount"
|
||||||
|
children={(field) => (
|
||||||
|
<field.InputField
|
||||||
|
label="Orignal Quantity"
|
||||||
|
inputType="number"
|
||||||
|
required={true}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
<div className="flex justify-between p-2">
|
||||||
|
<div className="flex items-center space-x-2">
|
||||||
|
<Switch
|
||||||
|
checked={typeSwitch}
|
||||||
|
onCheckedChange={setTypeSwitch}
|
||||||
|
/>
|
||||||
|
<span>
|
||||||
|
{typeSwitch ? (
|
||||||
|
<div className="flex items-center space-x-2">
|
||||||
|
<span>"EOM Transfer"</span>
|
||||||
|
<Tooltip>
|
||||||
|
<TooltipTrigger>
|
||||||
|
<Info className="h-[16px] w-[16px]" />
|
||||||
|
</TooltipTrigger>
|
||||||
|
<TooltipContent>
|
||||||
|
<p>
|
||||||
|
Click the toggle if you will be
|
||||||
|
transfering at EOM, NOTE: This will
|
||||||
|
trigger the delayed transfer.
|
||||||
|
</p>
|
||||||
|
</TooltipContent>
|
||||||
|
</Tooltip>
|
||||||
|
</div>
|
||||||
|
) : (
|
||||||
|
<div className="flex items-center space-x-2">
|
||||||
|
<span>"Lot Transfer"</span>
|
||||||
|
<Tooltip>
|
||||||
|
<TooltipTrigger>
|
||||||
|
<Info className="h-[16px] w-[16px]" />
|
||||||
|
</TooltipTrigger>
|
||||||
|
<TooltipContent>
|
||||||
|
<p>
|
||||||
|
Click the toggle if you will be
|
||||||
|
transferring at EOM, NOTE: This will
|
||||||
|
trigger the delayed transfer.
|
||||||
|
</p>
|
||||||
|
</TooltipContent>
|
||||||
|
</Tooltip>
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<form.AppForm>
|
||||||
|
<form.SubmitButton>Transfer To Lot</form.SubmitButton>
|
||||||
|
</form.AppForm>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</LstCard>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<LstCard className="p-2">
|
||||||
|
<CardHeader>
|
||||||
|
<p className="text-center text-lg">
|
||||||
|
Moving material to the next lot.
|
||||||
|
</p>
|
||||||
|
</CardHeader>
|
||||||
|
{tab !== "actual" ? (
|
||||||
|
<div>
|
||||||
|
<ol>
|
||||||
|
<li>
|
||||||
|
1. Grab the gaylord running number from the gaylord at
|
||||||
|
the line/next to the tschritter
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
2. Grab the next lot number you are going to be running
|
||||||
|
(or the one that state no Main material prepared)
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
3. Enter the total gaylord weight (this is how much the
|
||||||
|
gaylord weighed when it came in from the supplier.)
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
4. *Click the level of the gaylord (this is just an
|
||||||
|
estimate to move to the next lot.)
|
||||||
|
</li>
|
||||||
|
<li>5. type in running number on the gaylord.</li>
|
||||||
|
<li>6. Type in the new lot number.</li>
|
||||||
|
<li>7. Press "Transfer To Lot"</li>
|
||||||
|
</ol>
|
||||||
|
<br></br>
|
||||||
|
<p>
|
||||||
|
* to reduce the time needed to get the lot going we will
|
||||||
|
use an estimate of how full the gaylord is.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
NOTE: This is not the return process, this process will
|
||||||
|
just get the gaylord to the next lot.
|
||||||
|
</p>
|
||||||
|
<br />
|
||||||
|
{settings.length > 0 && (
|
||||||
|
<p>
|
||||||
|
For more in depth instructions please{" "}
|
||||||
|
<a
|
||||||
|
href={`https://${server[0].value}prod.alpla.net/lst/d/docs/ocp/ocp#tranfer-partial-estimated-quantity-to-the-next-lot`}
|
||||||
|
target="_blank"
|
||||||
|
>
|
||||||
|
<em>CLICK HERE</em>
|
||||||
|
</a>
|
||||||
|
</p>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
) : (
|
||||||
|
<div>
|
||||||
|
<ol>
|
||||||
|
<li>
|
||||||
|
1. Grab the gaylord running number from the gaylord at
|
||||||
|
the line/next to the tschritter
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
2. Grab the next lot number you are going to be running
|
||||||
|
(or the one that state no Main material prepared)
|
||||||
|
</li>
|
||||||
|
<li>3. Take the gaylord to the scale and weight it</li>
|
||||||
|
<li>
|
||||||
|
4. Enter the weight of the gaylord minus the tar weight.
|
||||||
|
</li>
|
||||||
|
<li>5. type in running number on the gaylord.</li>
|
||||||
|
<li>6. Type in the new lot number.</li>
|
||||||
|
<li>7. Press "Transfer To Lot"</li>
|
||||||
|
</ol>
|
||||||
|
<br></br>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
NOTE: This is not the return process, this process will
|
||||||
|
just get the gaylord to the next lot.
|
||||||
|
</p>
|
||||||
|
<br />
|
||||||
|
{settings.length > 0 && (
|
||||||
|
<p>
|
||||||
|
For more in depth instructions please{" "}
|
||||||
|
<a
|
||||||
|
href={`https://${server[0].value}.alpla.net/lst/d/docs/ocp/ocp#tranfer-partial-estimated-quantity-to-the-next-lot`}
|
||||||
|
target="_blank"
|
||||||
|
>
|
||||||
|
<em>CLICK HERE</em>
|
||||||
|
</a>
|
||||||
|
</p>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
</LstCard>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</LstCard>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user