- = (props) => {
+
+
+ const [componentDisabled, setComponentDisabled] =
+ useState(props.operationId==='1');
+
+ const { RangePicker } = DatePicker;
+ const { TextArea } = Input;
+
+ const normFile = (e: any) => {
+ if (Array.isArray(e)) {
+ return e;
+ }
+ return e?.fileList;
+ };
+ return (
+ <>
+ setComponentDisabled(e.target.checked)}
+ >
+ Form disabled
+
+
- Get started by editing
- src/app/page.tsx
-
-
- By{" "}
-
+
-
-
+
-
-
-
-
-
-
-
+ - Docs -> -
-Find in-depth information about Next.js features and API.
- - - -- Learn -> -
-Learn about Next.js in an interactive course with quizzes!
- - - -- Templates -> -
-Explore starter templates for Next.js.
- - - -- Deploy -> -
-- Instantly deploy your Next.js site to a shareable URL with Vercel. -
- -
+
+
);
}
diff --git a/src/app/task/four/layout.tsx b/src/app/task/four/layout.tsx
new file mode 100644
index 0000000..6e8e4c7
--- /dev/null
+++ b/src/app/task/four/layout.tsx
@@ -0,0 +1,12 @@
+import SideNav from '@/app/ui/dashboard/sidenav';
+
+export default function Layout({ children }: { children: React.ReactNode }) {
+ return (
+
+
+ + Welcome to Acme. This is the example for the{' '} + + Next.js Learn Course + + , brought to you by Vercel. +
+ + Log in + {/*
+ {/* Add Hero Images Here */}
+
+
+
+ );
+}
\ No newline at end of file
diff --git a/src/app/task/four/page.tsx b/src/app/task/four/page.tsx
new file mode 100644
index 0000000..feb2238
--- /dev/null
+++ b/src/app/task/four/page.tsx
@@ -0,0 +1,3 @@
+export default function Page() {
+ return
+
+ {children}
+ Dashboard Page
; +} \ No newline at end of file diff --git a/src/app/task/layout.tsx b/src/app/task/layout.tsx new file mode 100644 index 0000000..3f835c9 --- /dev/null +++ b/src/app/task/layout.tsx @@ -0,0 +1,7 @@ +import SideNav from '@/app/ui/dashboard/sidenav'; + +export default function Layout({ children }: { children: React.ReactNode }) { + return ( +{children}
+ );
+}
\ No newline at end of file
diff --git a/src/app/task/loading.tsx b/src/app/task/loading.tsx
new file mode 100644
index 0000000..633fb4c
--- /dev/null
+++ b/src/app/task/loading.tsx
@@ -0,0 +1,3 @@
+export default function Loading() {
+ return Loading...
;
+}
\ No newline at end of file
diff --git a/src/app/task/project/loading.tsx b/src/app/task/project/loading.tsx
new file mode 100644
index 0000000..633fb4c
--- /dev/null
+++ b/src/app/task/project/loading.tsx
@@ -0,0 +1,3 @@
+export default function Loading() {
+ return Loading...
;
+}
\ No newline at end of file
diff --git a/src/app/task/project/page.tsx b/src/app/task/project/page.tsx
new file mode 100644
index 0000000..c86c7ad
--- /dev/null
+++ b/src/app/task/project/page.tsx
@@ -0,0 +1,14 @@
+import TreeTable from "@/app/ui/task/project/TreeTable";
+import {DetailForm} from "@/app/ui/task/project/DetailForm";
+
+const Page: React.FC = () => {
+
+ return (
+ <>
+
+ {/*
+ );
+}
diff --git a/src/app/ui/dashboard/nav-links.tsx b/src/app/ui/dashboard/nav-links.tsx
new file mode 100644
index 0000000..b709459
--- /dev/null
+++ b/src/app/ui/dashboard/nav-links.tsx
@@ -0,0 +1,37 @@
+import {
+ UserGroupIcon,
+ HomeIcon,
+ DocumentDuplicateIcon,
+} from '@heroicons/react/24/outline';
+
+// Map of links to display in the side navigation.
+// Depending on the size of the application, this would be stored in a database.
+const links = [
+ { name: 'Home', href: '/dashboard', icon: HomeIcon },
+ {
+ name: 'Invoices',
+ href: '/dashboard/invoices',
+ icon: DocumentDuplicateIcon,
+ },
+ { name: 'Customers', href: '/dashboard/customers', icon: UserGroupIcon },
+];
+
+export default function NavLinks() {
+ return (
+ <>
+ {links.map((link) => {
+ const LinkIcon = link.icon;
+ return (
+
+ {/*Acme
+{link.name}
+ + ); + })} + + ); +} \ No newline at end of file diff --git a/src/app/ui/dashboard/sidenav.tsx b/src/app/ui/dashboard/sidenav.tsx new file mode 100644 index 0000000..1ac0be6 --- /dev/null +++ b/src/app/ui/dashboard/sidenav.tsx @@ -0,0 +1,29 @@ +import Link from 'next/link'; +import NavLinks from '@/app/ui/dashboard/nav-links'; +import AcmeLogo from '@/app/ui/acme-logo'; +import { PowerIcon } from '@heroicons/react/24/outline'; + +export default function SideNav() { + return ( +
+
+
+ );
+}
\ No newline at end of file
diff --git a/src/app/ui/fonts.ts b/src/app/ui/fonts.ts
new file mode 100644
index 0000000..a02fef8
--- /dev/null
+++ b/src/app/ui/fonts.ts
@@ -0,0 +1,7 @@
+// import { Inter,Lusitana } from 'next/font/google';
+//
+// export const inter = Inter({ subsets: ['latin'] });
+// export const lusitana = Lusitana({
+// weight: ['400', '700'],
+// subsets: ['latin'],
+// });
\ No newline at end of file
diff --git a/src/app/ui/globals.css b/src/app/ui/globals.css
new file mode 100644
index 0000000..1b3be3f
--- /dev/null
+++ b/src/app/ui/globals.css
@@ -0,0 +1,18 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+input[type='number'] {
+ -moz-appearance: textfield;
+ appearance: textfield;
+}
+
+input[type='number']::-webkit-inner-spin-button {
+ -webkit-appearance: none;
+ margin: 0;
+}
+
+input[type='number']::-webkit-outer-spin-button {
+ -webkit-appearance: none;
+ margin: 0;
+}
\ No newline at end of file
diff --git a/src/app/ui/task/project/DetailForm.tsx b/src/app/ui/task/project/DetailForm.tsx
new file mode 100644
index 0000000..c6caa60
--- /dev/null
+++ b/src/app/ui/task/project/DetailForm.tsx
@@ -0,0 +1,131 @@
+'use client'
+import React, { useState } from 'react';
+import { PlusOutlined } from '@ant-design/icons';
+import {
+ Button,
+ Cascader,
+ Checkbox,
+ ColorPicker,
+ DatePicker,
+ Form,
+ Input,
+ InputNumber,
+ Radio,
+ Select,
+ Slider,
+ Switch,
+ TreeSelect,
+ Upload,
+} from 'antd';
+export interface DetailFormProps {
+ itemId: number,
+ operationId: string,
+}
+
+export const DetailForm: React.FC
+
+
+
+
+