diff --git a/.changes/unreleased/Fixed-20250605-101314.yaml b/.changes/unreleased/Fixed-20250605-101314.yaml new file mode 100644 index 000000000..e01274cde --- /dev/null +++ b/.changes/unreleased/Fixed-20250605-101314.yaml @@ -0,0 +1,6 @@ +kind: Fixed +body: Fix loading of classLists in SocialIssuesAcc.vue, ensure elements are present +time: 2025-06-05T10:13:14.351260769+02:00 +custom: + Issue: "" + SchemaChange: No schema change diff --git a/.changes/unreleased/Fixed-20251008-113621.yaml b/.changes/unreleased/Fixed-20251008-113621.yaml new file mode 100644 index 000000000..75dcd9a4a --- /dev/null +++ b/.changes/unreleased/Fixed-20251008-113621.yaml @@ -0,0 +1,6 @@ +kind: Fixed +body: Fix loading of social issues and social actions within vue component +time: 2025-10-08T11:36:21.158819835+02:00 +custom: + Issue: "" + SchemaChange: No schema change diff --git a/src/Bundle/ChillActivityBundle/Resources/public/vuejs/Activity/components/SocialIssuesAcc.vue b/src/Bundle/ChillActivityBundle/Resources/public/vuejs/Activity/components/SocialIssuesAcc.vue index a45d93b2a..210f8092f 100644 --- a/src/Bundle/ChillActivityBundle/Resources/public/vuejs/Activity/components/SocialIssuesAcc.vue +++ b/src/Bundle/ChillActivityBundle/Resources/public/vuejs/Activity/components/SocialIssuesAcc.vue @@ -136,8 +136,14 @@ export default { issueIsLoading: false, actionIsLoading: false, actionAreLoaded: false, - socialIssuesClassList: `col-form-label ${document.querySelector("input#chill_activitybundle_activity_socialIssues").getAttribute("required") ? "required" : ""}`, - socialActionsClassList: `col-form-label ${document.querySelector("input#chill_activitybundle_activity_socialActions").getAttribute("required") ? "required" : ""}`, + socialIssuesClassList: { + "col-form-label": true, + required: false, + }, + socialActionsClassList: { + "col-form-label": true, + required: false, + }, }; }, computed: { @@ -158,6 +164,21 @@ export default { }, }, mounted() { + /* Load classNames after element is present */ + const socialActionsEl = document.querySelector( + "input#chill_activitybundle_activity_socialActions", + ); + if (socialActionsEl && socialActionsEl.hasAttribute("required")) { + this.socialActionsClassList.required = true; + } + + const socialIssuesEl = document.querySelector( + "input#chill_activitybundle_activity_socialIssues", + ); + if (socialIssuesEl && socialIssuesEl.hasAttribute("required")) { + this.socialIssuesClassList.required = true; + } + /* Load other issues in multiselect */ this.issueIsLoading = true; this.actionAreLoaded = false;