Fix loading of classlists in SocialIssuesAcc.vue

This commit is contained in:
Julie Lenaerts 2025-06-05 10:12:16 +02:00
parent 67c1dfa42b
commit 7433bf91e7
3 changed files with 20 additions and 2 deletions

View File

@ -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

View File

@ -11,6 +11,7 @@
"@hotwired/stimulus": "^3.0.0", "@hotwired/stimulus": "^3.0.0",
"@luminateone/eslint-baseline": "^1.0.9", "@luminateone/eslint-baseline": "^1.0.9",
"@symfony/stimulus-bridge": "^3.2.0", "@symfony/stimulus-bridge": "^3.2.0",
"@symfony/ux-translator": "file:vendor/symfony/ux-translator/assets",
"@symfony/webpack-encore": "^4.1.0", "@symfony/webpack-encore": "^4.1.0",
"@tsconfig/node20": "^20.1.4", "@tsconfig/node20": "^20.1.4",
"@types/dompurify": "^3.0.5", "@types/dompurify": "^3.0.5",

View File

@ -136,8 +136,8 @@ export default {
issueIsLoading: false, issueIsLoading: false,
actionIsLoading: false, actionIsLoading: false,
actionAreLoaded: false, actionAreLoaded: false,
socialIssuesClassList: `col-form-label ${document.querySelector("input#chill_activitybundle_activity_socialIssues").getAttribute("required") ? "required" : ""}`, socialIssuesClassList: 'col-form-label',
socialActionsClassList: `col-form-label ${document.querySelector("input#chill_activitybundle_activity_socialActions").getAttribute("required") ? "required" : ""}`, socialActionsClassList: 'col-form-label',
}; };
}, },
computed: { computed: {
@ -158,6 +158,17 @@ export default {
}, },
}, },
mounted() { mounted() {
/* Load classNames after element is present */
const socialActionsEl = document.querySelector("input#chill_activitybundle_activity_socialActions");
if (socialActionsEl && socialActionsEl.hasAttribute("required")) {
this.socialActionsClassList += ' required';
}
const socialIssuessEl = document.querySelector("input#chill_activitybundle_activity_socialIssues");
if (socialIssuessEl && socialIssuessEl.hasAttribute("required")) {
this.socialIssuesClassList += ' required';
}
/* Load other issues in multiselect */ /* Load other issues in multiselect */
this.issueIsLoading = true; this.issueIsLoading = true;
this.actionAreLoaded = false; this.actionAreLoaded = false;