From 3ad96df4fdff11ebaa06dbdf435c7089682dc344 Mon Sep 17 00:00:00 2001
From: guerler <aysam.guerler@gmail.com>
Date: Fri, 28 Jan 2022 01:01:57 -0500
Subject: [PATCH] Use computed property to determine form element identifier

---
 client/src/components/Form/FormElement.vue | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/client/src/components/Form/FormElement.vue b/client/src/components/Form/FormElement.vue
index 90429328852..b66906be4e0 100644
--- a/client/src/components/Form/FormElement.vue
+++ b/client/src/components/Form/FormElement.vue
@@ -1,5 +1,5 @@
 <template>
-    <div v-show="!isHidden" :id="getId(id)" :class="['ui-form-element section-row', cls]">
+    <div v-show="!isHidden" :id="elementId" :class="['ui-form-element section-row', cls]">
         <div v-if="hasError" class="ui-form-error">
             <span class="fa fa-exclamation mr-1" />
             <span class="ui-form-error-text" v-html="error" />
@@ -148,6 +148,9 @@ export default {
         };
     },
     computed: {
+        elementId() {
+            return `form-element-${this.id}`;
+        },
         argument() {
             return this.attrs["argument"];
         },
@@ -217,10 +220,6 @@ export default {
         this.initialState();
     },
     methods: {
-        /** Returns id for element wrapper */
-        getId(id) {
-            return `form-element-${id}`;
-        },
         /** Submits a changed value. */
         setValue(value) {
             this.$emit("input", value, this.id);