Merge branch 'issue73_ACCent_displayOf_problématiques' into 'master'

Display of social issues with parent issue and with badge


# Description of changes

For social work action: social issues are displayed with their parent issue.
Banner was fixed so that it contains all the context info.


# Issues related

* internal: https://gitlab.com/champs-libres/departement-de-la-vendee/chill/-/issues/277
* ACCent: https://gitlab.com/champs-libres/departement-de-la-vendee/accent-suivi-developpement/-/issues/73

# Tests

No tests.

See merge request Chill-Projet/chill-bundles!201

src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourseWorkCreate/App.vue

@@ -9,7 +9,7 @@
       <p>{{ $t('pick_social_issue_linked_with_action') }}</p>
 
       <div v-for="si in socialIssues">
-        <input type="radio" v-bind:value="si.id" name="socialIssue" v-model="socialIssuePicked"> {{ si.title.fr }}
+        <input type="radio" v-bind:value="si.id" name="socialIssue" v-model="socialIssuePicked"><span class="badge bg-chill-l-gray text-dark">{{ si.text }}</span>
       </div>
 
       <div v-if="hasSocialIssuePicked">
@@ -222,3 +222,16 @@ export default {
 }
 
 </script>
+
+<style lang="scss" scoped>
+@import 'ChillMainAssets/module/bootstrap/shared';
+@import 'ChillPersonAssets/chill/scss/mixins';
+@import 'ChillMainAssets/chill/scss/chill_variables';
+span.badge {
+   @include badge_social($social-issue-color);
+   font-size: 95%;
+   margin-bottom: 5px;
+   margin-right: 1em;
+   margin-left: 1em;
+}
+</style>

src/Bundle/ChillPersonBundle/Resources/views/AccompanyingCourseWork/create.html.twig

@@ -18,6 +18,7 @@
     window.accompanyingCourse = {{ json|json_encode|raw }};
   </script>
 
+  {{ parent() }}
   {{ encore_entry_script_tags('vue_accourse_work_create') }}
 {% endblock %}