activity: create new vue subcomponent socialIssuesAcc

src/Bundle/ChillActivityBundle/Resources/public/vuejs/Activity/App.vue

@@ -1,15 +1,17 @@
 <template>
    <concerned-groups></concerned-groups>
-   
+   <social-issues-acc></social-issues-acc>
 </template>
 
 <script>
 import ConcernedGroups from './components/ConcernedGroups.vue';
+import SocialIssuesAcc from './components/SocialIssuesAcc.vue';
 
 export default {
    name: "App",
    components: {
-      ConcernedGroups
+      ConcernedGroups,
+      SocialIssuesAcc
    }
 }
 </script>

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

@@ -0,0 +1,14 @@
+<template>
+   <teleport to="#social-issues-acc">
+      boum
+   </teleport>
+</template>
+
+<script>
+export default {
+   name: "SocialIssuesAcc"
+}
+</script>
+
+<style lang="scss" scoped>
+</style>

src/Bundle/ChillActivityBundle/Resources/views/Activity/edit.html.twig

@@ -19,13 +19,15 @@
     {{ form_row(edit_form.scope) }}
 {% endif %}
 
+{%- if edit_form.socialIssues is defined -%}
+    {{ form_row(edit_form.socialIssues) }}
+{% endif %}
+
 {%- if edit_form.socialActions is defined -%}
     {{ form_row(edit_form.socialActions) }}
 {% endif %}
 
-{%- if edit_form.socialIssues is defined -%}
-    {{ form_row(edit_form.socialIssues) }}
-{% endif %}
+<div id="social-issues-acc"></div>
 
 {%- if edit_form.reasons is defined -%}
     {{ form_row(edit_form.reasons) }}

src/Bundle/ChillActivityBundle/Resources/views/Activity/new.html.twig

@@ -24,14 +24,15 @@
     {{ form_row(form.scope) }}
 {% endif %}
 
-{%- if form.socialActions is defined -%}
-    {{ form_row(form.socialActions) }}
-{% endif %}
-
 {%- if form.socialIssues is defined -%}
     {{ form_row(form.socialIssues) }}
 {% endif %}
 
+{%- if form.socialActions is defined -%}
+    {{ form_row(form.socialActions) }}
+{% endif %}
+
+<div id="social-issues-acc"></div>
 
 {%- if form.reasons is defined -%}
     {{ form_row(form.reasons) }}