Laux/Frontend-Internal-Developer-Platform
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added feature

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

53
frontend/src/app/projects/view/add-from-scratch/page.jsx
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>

9
frontend/src/app/projects/view/page.jsx
View File

@@ -5,6 +5,7 @@ import TopHeader from "@/app/components/topHeader/TopHeader";
import styles from "./styles.module.css";
import AddServicesModal from "./AddServicesModal/AddServicesModal";
import { useRouter, usePathname } from "next/navigation";
import CopyIcon from "@/app/components/icons/copy";
const AddProject = () => {
const [triggerAddServicesModal, setTriggerAddServicesModal] = useState(false);
const router = useRouter();
@@ -270,7 +271,13 @@ const AddProject = () => {
</div>
</div>
</td>
<td>{services.image}</td>
<td className={styles.imageText}>
<div>
<CopyIcon />
<p>Copy</p>
</div>
<p> {services.image}</p>
</td>
<td>{services.ingress}</td>
<td>{services.ports}</td>
<td>

29
frontend/src/app/projects/view/styles.module.css
View File

@@ -151,3 +151,32 @@
.iconButton:hover path {
stroke: white;
}
.imageText {
transition: all 0.15s;
position: relative;
}
.tableContainer > .imageText {
padding: 0px;
}
.imageText > div {
display: flex;
padding: 4px 8px;
justify-content: center;
align-items: center;
gap: 4px;
position: absolute;
right: 50%;
top: 50%;
transform: translateX(50%) translateY(-50%);
border-radius: 100px;
background: #fff;
box-shadow: 0 0 10px 0 #000;
color: black;
opacity: 0;
}
.imageText > p {
height: 100%;
}
.imageText:hover > div {
opacity: 1;
}