Deletions, group moves and validation

packages/sshecret-frontend/src/components/clients/ClientForm.vue

@@ -80,10 +80,7 @@ const name = ref('')
 const description = ref('')
 const sourcePrefix = ref('')
 const policies = ref(['0.0.0.0/0', '::/0'])
-// This key is only here during testing.
-const publicKey = ref(
-  'ssh-rsa AAAAB3NzaC1yc2EAAAADAQABAAABgQC737Yj7mbuBLDNbAuNGqhFF4Cvzd/ROq/QeQX0QIcPyZOoUtpXc7R/JIrdL6DXkPYXpN/IrUFoSeJQjV9Le+ewVxYELUPVhF0/nQhpBNE1Rjx2PRtJlfmywG5VRStgPQ+DSTDtgm4L0wPpnJiH3udkq/JFMHEYrVAF40QqNmR7AqYo1ZfEFk8YcQGb/S29JxWigq0qoJyufFENmSGNmabjqPAWJEf/oshMPaxwlDfTdmjeUWkPtsm10gi98XCwtnVCAVYZdVKeLSNpQCKUYVYWlycpahNczaITY9lehcMtux79uXTk2d4difra1Q4guw8oorUp1eRn/Al0BPeRb7x9WdgRs8wVY1kPD2796CTAQMkeBrOzGxwzwWhTf1XOuHG/wB5O2QSbcC6aMW9KAFmcCF+AOMb8Mv2Y5D7l/gbp938qTyZJ8ivP1/fy/88CWr+mrv5yP4HOZmNCyC9nMlAvrS/Kkg0tFU+NHFkDsmWpT3oar+VvGzkImEF6ip6Mzk8= testkey',
-)
+const publicKey = ref('')
 
 const nameField = ref<HTMLSlInputElement>()
 const sourceField = ref<HTMLSlInputElement>()
@@ -169,15 +166,27 @@ function validatePublicKey() {
   setFieldValidation(publicKeyField, '')
 }
 
+function resetValidation() {
+  setFieldValidation(nameField, '')
+  setFieldValidation(sourceField, '')
+  setFieldValidation(publicKeyField, '')
+}
+
 watch(
   () => props.errors,
   (errors) => {
+    resetValidation()
     const nameErrors = errors.filter((e) => e.loc.includes('name'))
+    const sourceErrors = errors.filter((e) => e.loc.includes('source'))
+    const publicKeyError = errors.filter((e) => e.loc.includes('public_key'))
     if (nameErrors.length > 0) {
-      console.log(nameErrors)
       setFieldValidation(nameField, nameErrors[0].msg)
-    } else {
-      setFieldValidation(nameField, '')
+    }
+    if (sourceErrors.length > 0) {
+      setFieldValidation(sourceField, sourceErrors[0].msg)
+    }
+    if (publicKeyError.length > 0) {
+      setFieldValidation(publicKeyField, publicKeyErrors[0].msg)
     }
   },
 )