paysage sonor done #2146

src/components/MapConcernements.vue

@@ -17,6 +17,7 @@ import { ConcernementsStore } from '@/stores/concernements'
 import { CommonStore } from '@/stores/common'
 
 import ConcernementMapPopup from '@components/ConcernementMapPopup.vue';
+import RecitPlayer from '@components/RecitPlayer.vue';
 
 // import iconTerraindevie from "@/assets/icons/terraindevie.svg"
 // import iconProximite from "@/assets/icons/proximite.svg"
@@ -52,10 +53,12 @@ export default {
     }
   },
   computed: {
-    ...mapState(ConcernementsStore,['map_mode']),
-    ...mapState(ConcernementsStore,['concernements']),
-    ...mapState(ConcernementsStore,['concernementsByID']),
-    ...mapState(ConcernementsStore,['opened_concernement']),
+    ...mapState(ConcernementsStore,['map_mode',
+                                    'concernements',
+                                    'concernementsByID',
+                                    'opened_concernement',
+                                    'opened_recit'
+                                  ]),
     ...mapState(CommonStore,['map_item_ray']),
     ...mapState(CommonStore,['hover_elmt']),
     ...mapState(CommonStore,['paper_symbol_definitions'])
@@ -952,7 +955,8 @@ export default {
   },
   components: {
     MapBackground,
-    ConcernementMapPopup
+    ConcernementMapPopup,
+    RecitPlayer
   }
 }
 
@@ -1020,10 +1024,12 @@ export default {
       </li>
     </ul>
   </nav>
+  <RecitPlayer v-if="opened_recit" />
   <ConcernementMapPopup
     v-if="hover_elmt && hover_elmt.type !== 'doleance_step' && !hover_elmt.no_popup"
     :infos="hover_elmt"
-  />  
+  />
+
 </template>
 
 <style lang="css" scoped>