Chill-project/chill-bundles
6
0
Fork 0
mirror of https://gitlab.com/Chill-Projet/chill-bundles.git synced 2025-10-08 14:29:42 +00:00
Code Issues Actions Projects Releases Wiki Activity

Use an object (instead of string) for dynamic classList in SocialIssuesAcc.vue component

Browse Source
This commit is contained in:
Julie Lenaerts
2025-10-08 11:35:24 +02:00
parent 84cf11933d
commit a7e3b1c5d2
2 changed files with 23 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
.changes/unreleased/Fixed-20251008-113621.yaml Normal file
View File

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

24
src/Bundle/ChillActivityBundle/Resources/public/vuejs/Activity/components/SocialIssuesAcc.vue
View File

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