Updare cred form logic

Signed-off-by: nurRiyad <asadnurriyad@gmail.com>
nurRiyad · Oct 8, 2024 · c8bf3b9 · c8bf3b9
1 parent 6642f9a
commit c8bf3b9
Show file tree

Hide file tree

Showing 2 changed files with 50 additions and 4 deletions.
diff --git a/src/forms/cred-form/create-ui.json b/src/forms/cred-form/create-ui.json
@@ -4,12 +4,15 @@
     {
       "type": "select",
       "label": "Credential Type",
-      "schema": "schema/properties/type"
+      "schema": "schema/properties/type",
+      "disable": "isUpdateForm",
+      "init": { "type": "func", "value": "setCredentialType" }
     },
     {
       "type": "input",
       "label": "Credential Name",
-      "schema": "schema/properties/name"
+      "schema": "schema/properties/name",
+      "disable": "isUpdateForm"
     },
     {
       "type": "block-layout",
@@ -127,7 +130,8 @@
         {
           "type": "input",
           "label": "Rancher Managed Cluster End Point",
-          "schema": "schema/properties/rancher/properties/endpoint"
+          "schema": "schema/properties/rancher/properties/endpoint",
+          "disable": "isUpdateForm"
         },
         {
           "type": "input",

diff --git a/src/forms/cred-form/function.js b/src/forms/cred-form/function.js
@@ -1,3 +1,5 @@
+import { useRoute } from 'vue-router'
+
 export function useFunc(model) {
   const isCredType = ({ params }) => {
     const type = params[1] || ''
@@ -6,5 +8,45 @@ export function useFunc(model) {
     else return false
   }
 
-  return { isCredType }
+  const isUpdateForm = () => {
+    const route = useRoute()
+    return route.path.split('/').pop() === 'edit'
+  }
+
+  function setCredentialType() {
+    const credList = [
+      {
+        provider: 'eks',
+        credType: 'Aws'
+      },
+      {
+        provider: 'aks',
+        credType: 'Azure'
+      },
+      {
+        provider: 'gke',
+        credType: 'GoogleCloud'
+      },
+      {
+        provider: 'digitalocean',
+        credType: 'DigitalOcean'
+      },
+      {
+        provider: 'linode',
+        credType: 'Linode'
+      },
+      {
+        provider: 'rancher',
+        credType: 'Rancher'
+      }
+    ]
+    const route = useRoute()
+    const { query } = route || {}
+    const { provider } = query || {}
+    const cred = credList.find((el) => el.provider === provider)
+    if (cred) return cred.credType
+    else return ''
+  }
+
+  return { isCredType, isUpdateForm, setCredentialType }
 }