MuhamadFaisAizat
/
MIF_E31220954
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix:memperbaiki input kernel

This commit is contained in:
muhamad fais aizat 2025-05-08 11:27:28 +07:00
parent e1135dd91c
commit 4d6d9d27ee
1 changed files with 34 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
frontend/src/pages/Panel/TestingSVR/InputKernel.jsx
View File

@ -11,10 +11,17 @@ const InputKernel = ({ setShowProses, dataHarga, result, setResult }) => {
const [isLoading, setIsLoading] = useState(false);
const [selectedKernel, setSelectedKernel] = useState("");
const [params, setParams] = useState({ C: "0", epsilon: "0", gamma: "0", degree: "0", coef0: "0" });
const kernelParamsMap = {
linear: ['C', 'epsilon'],
rbf: ['C', 'epsilon', 'gamma'],
sigmoid: ['C', 'epsilon', 'gamma', 'coef0'],
poly: ['C', 'epsilon', 'gamma', 'coef0', 'degree']
};
const handleCheckboxChange = (kernel) => {
setSelectedKernel(kernel);
setParams({ C: "0", epsilon: "0", gamma: "0", degree: "0", coef0: "0" });
};
const handleChange = (e) => {
@ -62,7 +69,7 @@ const InputKernel = ({ setShowProses, dataHarga, result, setResult }) => {
const tanggalSekarang = new Date().toISOString().split('T')[0];
let infoHyperparameter = `C=${params.C}, epsilon=${params.epsilon}`;
if (selectedKernel === 'rbf' ) {
if (selectedKernel === 'rbf') {
infoHyperparameter += `, gamma=${params.gamma}`;
} else if (selectedKernel === 'sigmoid') {
infoHyperparameter += `, gamma=${params.gamma}, coef()=${params.coef0}`;
@ -122,21 +129,24 @@ const InputKernel = ({ setShowProses, dataHarga, result, setResult }) => {
</div>
<div className="xl:w-[70%] md:w-full w-full px-5 py-2">
<div className="grid grid-cols-auto-fit md:grid-cols-2 xl:grid-cols-3 gap-4">
{Object.keys(params).map((key) => (
<div key={key} className="grid w-full items-center gap-1.5">
<Label>Masukan nilai {key}</Label>
<Input
type="text"
placeholder={`nilai ${key}`}
name={key}
value={params[key]}
onChange={handleChange}
style={{
color: params[key] === 0 || params[key] === "0" ? "gray" : "black"
}}
/>
</div>
))}
{Object.keys(params).map((key) => {
const isEnabled = kernelParamsMap[selectedKernel]?.includes(key);
return (
<div key={key} className="grid w-full items-center gap-1.5">
<Label>Masukan nilai {key}</Label>
<Input
type="text"
placeholder={`nilai ${key}`}
name={key}
value={params[key]}
onChange={handleChange}
disabled={!isEnabled}
className={!isEnabled ? 'opacity-50 cursor-not-allowed' : ''}
/>
</div>
);
})}
</div>
</div>
</div>