displayed puissance d'agir's besoin on cartouche and link to contribute if logedin

src/views/Concernement.vue

@@ -2,6 +2,7 @@
 
 import { mapActions, mapState } from 'pinia'
 import { ConcernementsStore } from '@stores/concernements'
+import { UserStore } from '@/stores/user'
 
 import { print } from 'graphql/language/printer'
 import gql from 'graphql-tag'
@@ -16,6 +17,8 @@ export default {
     }
   },
   computed: {
+    ...mapState(UserStore,['isloggedin']),
+    ...mapState(ConcernementsStore,['map_mode']),
     ...mapState(ConcernementsStore,['opened']),
     // ...mapState(ConcernementsStore,['opened_entity_id']),
     ...mapState(ConcernementsStore,['concernements_loaded']),
@@ -93,13 +96,36 @@ export default {
       <label v-if="ct_concernement">{{ ct_concernement.title.description }}</label>
       <h2>{{ opened.title }}</h2>
     </header>
-    <section  v-if="concernements_loaded" class="description">
-      <label v-if="ct_concernement">{{ ct_concernement.field_description.description }}</label>
-      <div v-html="opened.description"/>
+    <section 
+      v-if="concernements_loaded && map_mode === 'terraindevie'" 
+      class="description">
+        <label v-if="ct_concernement">{{ ct_concernement.field_description.description }}</label>
+        <div v-html="opened.description"/>
     </section>
-    <section  v-if="concernements_loaded" class="caillou">
-      <label v-if="ct_concernement">{{ ct_concernement.field_caillou.description }}</label>
-      <div v-html="opened.caillou "/>
+    <section 
+      v-if="concernements_loaded && map_mode === 'terraindevie'" 
+      class="caillou">
+        <label v-if="ct_concernement">{{ ct_concernement.field_caillou.description }}</label>
+        <div v-html="opened.caillou "/>
+    </section>
+    <section
+      v-if="map_mode === 'puissancedagir'"
+      class="besoins">
+        <ul>
+          <li
+            v-for="(besoin,index) in opened.besoins"
+            :key="index"
+          >
+            <p v-html="besoin.description"/>
+            <a 
+              v-if="isloggedin"
+              :href="'/api/node/add/reponse?besoin_id='+besoin.id" 
+              target="_blank" 
+              rel="noopener noreferrer">
+                contribuer à ce besoin
+            </a>
+          </li>
+        </ul>
     </section>
   </section>
 </template>