fix: qualifications access entry not showing job/rank on load

Signed-off-by: Alexander Trost <[email protected]>
fivenet-app · Aug 30, 2024 · d68c6e4 · d68c6e4
1 parent a9927f1
commit d68c6e4
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/app/components/qualifications/QualificationAccessEntry.vue b/app/components/qualifications/QualificationAccessEntry.vue
@@ -83,8 +83,7 @@ async function setFromProps(): Promise<void> {
     }
 }
 
-onMounted(async () => setFromProps());
-
+setFromProps();
 watch(props, () => setFromProps());
 
 watch(selectedAccessType, async () => {
@@ -171,6 +170,7 @@ watch(selectedAccessRole, () => {
                     :disabled="readOnly"
                     class="flex-1"
                     option-attribute="label"
+                    searchable
                     :search-attributes="['name', 'label']"
                     :options="jobs ?? []"
                     :placeholder="$t('common.job')"
@@ -191,6 +191,7 @@ watch(selectedAccessRole, () => {
                     :disabled="readOnly || !selectedJob"
                     class="flex-1"
                     option-attribute="label"
+                    searchable
                     :search-attributes="['name', 'label']"
                     :options="selectedJob?.grades ?? []"
                     :placeholder="$t('common.rank')"
@@ -212,6 +213,7 @@ watch(selectedAccessRole, () => {
                 :disabled="readOnly"
                 class="flex-1"
                 option-attribute="label"
+                searchable
                 :search-attributes="['label']"
                 :options="entriesAccessRoles"
                 :placeholder="$t('common.access')"