From 24bb737654afefc61299890afc8ce77f1c47298f Mon Sep 17 00:00:00 2001 From: Adam Paulen Date: Sun, 19 Jan 2025 14:42:31 +0100 Subject: [PATCH] fixed autofill delhome --- elter-ri/js/FormPage.jsx | 168 ++++----------------------------------- 1 file changed, 14 insertions(+), 154 deletions(-) diff --git a/elter-ri/js/FormPage.jsx b/elter-ri/js/FormPage.jsx index 2e40c91..4c46625 100644 --- a/elter-ri/js/FormPage.jsx +++ b/elter-ri/js/FormPage.jsx @@ -53,7 +53,7 @@ const StepOne = ({ setFormData, defaultFormData }) => { handleSshCheck(defaultFormData.notebookImage.sshAccess); setCheckSsh(defaultFormData.notebookImage.sshAccess); } - + } }, []); @@ -168,136 +168,26 @@ const StepOne = ({ setFormData, defaultFormData }) => { }; const StepTwo = ({ setFormData, formData, defaultFormData }) => { - const [activeDropdownIndex, setActiveDropdownIndex] = useState(null); - const [defaultOptionPhname, setDefaultOptionPhname] = useState(null); const [checkedErased, setCheckErased] = useState(false); - const [checkedDirectories, setCheckedDirectories] = useState(false); - const [checkedStorage, setCheckedStorage] = useState(false); - const [defaultHome, setDefaultHome] = useState(false); - const [checkedMount, setCheckedMount] = useState(false); useEffect(() => { if (defaultFormData) { - if (defaultFormData.persistentHome) { - - - const text = defaultFormData.persistentHome.type; - setFormData((prev) => ({ - ...prev, - phselection: text, - })); - setActiveDropdownIndex(text === "new" ? 0 : 1); - const check = defaultFormData.persistentHome.eraseIfExists - if (check) { - setFormData((prev) => ({ - ...prev, - phCheck: check, - })); - setCheckErased(check) - } - const phname = defaultFormData.persistentHome.selectedHome - if (phname) { - const name = defaultFormData.persistentHome.selectedHome.value; - setFormData((prev) => ({ - ...prev, - phname: name, - })); - setDefaultOptionPhname([name, name]); - } - - const projectDirectories = defaultFormData.projectDirectories - - if (projectDirectories) { - setFormData((prev) => ({ - ...prev, - projectCheck: "yes" - })); - - setCheckedDirectories(projectDirectories) - } - - const metaCentrumHome = defaultFormData.metaCentrumHome - - if (metaCentrumHome) { - - const enabled = metaCentrumHome.enabled - - if (enabled) { - setFormData((prev) => ({ - ...prev, - storageCheck: "yes" - })); - - setCheckedStorage(enabled) - - const selectedHome = metaCentrumHome.selectedHome.value; - - setFormData((prev) => ({ - ...prev, - home: selectedHome - })); - - setDefaultHome([selectedHome, selectedHome]) - - const mountToStorage = metaCentrumHome.mountToStorage; - - if (mountToStorage) { - setFormData((prev) => ({ - ...prev, - locationStorageCheck: "yes" - })); - - setCheckedMount(mountToStorage) - } - } + const checked = defaultFormData.delhome + setCheckErased(checked) + setFormData((prev) => { + const updatedFormData = { ...prev }; + + if (checked) { + updatedFormData.delhome = "delete"; + } else { + delete updatedFormData.delhome; } - } - + + return updatedFormData; + }); } }, []); - const handleStorage = (storage) => { - setFormData((prev) => ({ - ...prev, - home: storage, - })); - }; - - const handlePersistentHome = (val) => { - setFormData((prev) => ({ - ...prev, - phname: val, - })); - }; - - const handleStorageCheck = (checked) => { - setFormData((prev) => { - const updatedFormData = { ...prev }; - - if (checked) { - updatedFormData.storageCheck = "yes"; - } else { - delete updatedFormData.storageCheck; - } - - return updatedFormData; - }); - }; - - const handleCheckboxDirectories = (checked) => { - setFormData((prev) => { - const updatedFormData = { ...prev }; - - if (checked) { - updatedFormData.projectCheck = "yes"; - } else { - delete updatedFormData.projectCheck; - } - - return updatedFormData; - }); - }; - const handleErase = (checked) => { setFormData((prev) => { const updatedFormData = { ...prev }; @@ -312,36 +202,6 @@ const StepTwo = ({ setFormData, formData, defaultFormData }) => { }); }; - const handlePersistentNewSelect = (index) => { - setActiveDropdownIndex(index); - setFormData((prev) => ({ - ...prev, - phselection: "new", - })); - }; - - const handleExisting = (index) => { - setActiveDropdownIndex(index); - setFormData((prev) => ({ - ...prev, - phselection: false, - })); - }; - - const handleLocationStorageCheck = (checked) => { - setFormData((prev) => { - const updatedFormData = { ...prev }; - - if (checked) { - updatedFormData.locationStorageCheck = "yes"; - } else { - delete updatedFormData.locationStorageCheck; - } - - return updatedFormData; - }); - }; - const values = {}; const selectElement = document.getElementById("phid"); @@ -505,7 +365,7 @@ function FormPage() { "value": "cerit.io/hubs/tensorflowgpu:2.12.1", "text": "TensorFlow 2.12.1 with GPU and TensorBoard" }, - "sshAccess": false + "sshAccess": true } } }