Added feature

This commit is contained in:
Laux Dev
2026-03-04 16:26:53 +08:00
parent ed3fee5b81
commit eb37c2f6f8
8 changed files with 131 additions and 14 deletions

View File

@@ -16,6 +16,9 @@ const AddServices = () => {
const [triggerAddVariable, setTriggerAddVariable] = useState(false);
const [triggerAddVolume, setTriggerAddVolume] = useState(false);
const [triggeAddConfigMap, setTriggerAddConfigMap] = useState(false);
const [disableScaling, setDisableScaling] = useState(true);
const [disableReadiness, setDisableReadiness] = useState(true);
const [disableLiveness, setDisableLiveness] = useState(true);
return (
<div className={globalStyle.section}>
{triggerAddVariable && (
@@ -136,7 +139,10 @@ const AddServices = () => {
<div className={styles.additionalDetailsHeader}>
<div>
<p>Auto Scaling</p>
<CustomCheckbox id="scalingCheckBox" />
<CustomCheckbox
id="scalingCheckBox"
setChecked={() => setDisableScaling(!disableScaling)}
/>
</div>
</div>
<div className={styles.additionalDetailsFields}>
@@ -145,11 +151,17 @@ const AddServices = () => {
<div>
<p>Minimum pods</p>
<TextField placeHolder="1" />
<TextField
placeHolder="1"
disabled={disableScaling}
/>
</div>
<div>
<p>Maximum pods</p>
<TextField placeHolder="1" />
<TextField
placeHolder="1"
disabled={disableScaling}
/>
</div>
</div>
</div>
@@ -161,7 +173,12 @@ const AddServices = () => {
<div className={styles.additionalDetailsHeader}>
<div>
<p>Readiness</p>
<CustomCheckbox id="readiNessCheckBox" />
<CustomCheckbox
id="readiNessCheckBox"
setChecked={() =>
setDisableReadiness(!disableReadiness)
}
/>
</div>
</div>
<div className={styles.additionalDetailsFields}>
@@ -170,11 +187,17 @@ const AddServices = () => {
<div>
<p>Readiness Path</p>
<TextField placeHolder="Enter Readiness path" />
<TextField
placeHolder="Enter Readiness path"
disabled={disableReadiness}
/>
</div>
<div>
<p>Readiness Port</p>
<TextField placeHolder="Enter Readiness port" />
<TextField
placeHolder="Enter Readiness port"
disabled={disableReadiness}
/>
</div>
</div>
</div>
@@ -186,7 +209,13 @@ const AddServices = () => {
<div className={styles.additionalDetailsHeader}>
<div>
<p>Liveness</p>
<CustomCheckbox id="liveNessCheckBox" />
<CustomCheckbox
id="liveNessCheckBox"
setChecked={() => {
console.log("alsdjhfkjas");
setDisableLiveness(!disableLiveness);
}}
/>
</div>
</div>
<div className={styles.additionalDetailsFields}>
@@ -194,12 +223,18 @@ const AddServices = () => {
<div>
<div>
<p>Liveness Path</p>
<TextField placeHolder="Enter liveness path" />
<TextField
placeHolder="Enter liveness path"
disabled={disableLiveness}
/>
</div>
<div>
<p>Liveness Port</p>
<TextField placeHolder="Enter liveness port" />
<TextField
placeHolder="Enter liveness port"
disabled={disableLiveness}
/>
</div>
</div>
</div>