ตัวอย่างการใช้งาน

1import { Computer } from "@mui/icons-material"
2import { Box } from "@mui/material"
3import React from "react"
4import { MainForm } from "./index"
5
6export default function ComputerForm() {
7  const fields = [
8    { dataLabel: "ข้อมูลพยานหลักฐาน", type: "header", dataKey: "header", size: { xs: 12, sm: 12 } },
9    { dataLabel: "ประเภทคอมพิวเตอร์", type: "text", dataKey: "typeOfComputer", dataPlaceHolder: "เครื่องคอมพิวเตอร์แบบตั้งโต๊ะ (เครื่องคอมพิวเตอร์แบบประกอบเอง)", size: { xs: 12, sm: 6 }, value: "" },
10    { dataLabel: "Serial Number", type: "text", dataKey: "serialNo", dataPlaceHolder: "XXXXXXX", size: { xs: 12, sm: 6 }, value: "" },
11    { dataLabel: "ยี่ห้อ", type: "text", dataKey: "brand", dataPlaceHolder: "ACER", size: { xs: 12, sm: 4 }, value: "" },
12    { dataLabel: "รุ่น/โมเดล", type: "text", dataKey: "model", dataPlaceHolder: "PREDATER DESKTOP G9-591", size: { xs: 12, sm: 5 }, value: "" },
13    { dataLabel: "สี", type: "text", dataKey: "color", dataPlaceHolder: "ดำ", size: { xs: 12, sm: 3 }, value: "" },
14
15    { dataLabel: "เครื่องมือตรวจพิสูจน์ฯ", type: "header", dataKey: "header", size: { xs: 12, sm: 12 } },
16    { dataLabel: "เครื่องมือตรวจพิสูจน์", type: "array", dataKey: "forensicTools", dataPlaceHolder: "XXXXXXXXXXXX", size: { xs: 12, sm: 12 }, value: [""] },
17
18    { dataLabel: "CHECKBOX", type: "header", dataKey: "header", size: { xs: 12, sm: 12 } },
19    { dataLabel: "สร้างค่า Hash", type: "checkbox", dataKey: "isHash", size: { xs: 12, sm: 4 }, value: false },
20    { dataLabel: "ค่า HASH", type: "text", dataKey: "hashValue", dataPlaceHolder: "XXXXXXX", size: { xs: 12, sm: 4 }, value: "" },
21    { dataLabel: "ประเภทค่า Hash", type: "dropdown", dataKey: "selectedHash", dataPlaceHolder: "กรุณาเลือกรูปแบบค่า Hash", size: { xs: 12, sm: 4 }, value: "SHA1", dataOptions: ["SHA1", "SHA256", "MD5"] },
22  ]
23
24  return (
25    <Box sx={{ background: "#000" }}>
26      <MainForm icon={<Computer sx={{ color: "#fff", fontSize: "2rem" }} />} isSubmitable initialFields={fields} apiPath={"http://targetapi/report"} title="รายงานสำหรับคอมพิวเตอร์" reportPrefix="ev-computer" reportPostfix="serialNo" />
27    </Box>
28  )
29}