diff --git a/src/components/ConcernementMapItem.vue b/src/components/ConcernementMapItem.vue index 9867b0e..ff586a6 100644 --- a/src/components/ConcernementMapItem.vue +++ b/src/components/ConcernementMapItem.vue @@ -16,6 +16,7 @@ import Tween from "@tweenjs/tween.js"; import { mapState, mapActions } from 'pinia' import { ConcernementsStore } from '@/stores/concernements' import { CommonStore } from '@/stores/common' +import { mdiPictureInPictureBottomRight } from '@mdi/js'; export default { inject: ['canvasMap', 'matterEngine'], @@ -1193,10 +1194,32 @@ export default { // superposition if (this.concernement.has_superpositions) { if (this.map_mode === "superposition") { - if (!this.is_open) { - this.paper_main_object.children.entites_superposes.visible = true; // if not opened and has_superpositions draw the entites_superposes points - } else { - this.paper_main_object.children.entites_superposes.visible = true; + this.paper_main_object.children.entites_superposes.visible = true; + // highlight of entite part of opened superposition + if (this.$route.query.superposition_id) { + let superposition_id = this.$route.query.superposition_id; + if(superposition_id){ + let ids = superposition_id.match(/(\d+)_(\d+)__(\d+)_(\d+)/i) + let group = this.paper_main_object.children['entites_superposes']; + if(group){ + group.children.forEach((item) => { + if ( (this.cid === parseInt(ids[1]) && item.item_id === parseInt(ids[2])) + || (this.cid === parseInt(ids[3]) && item.item_id === parseInt(ids[4])) ) { + item.definition = this.paper_symbol_definitions.entite_hover; + if(!item.focused){ + item.scale(2) + item.focused = true; + } + } else if(!this.is_hover) { + item.definition = this.paper_symbol_definitions.entite; + if (item.focused) { + item.scale(0.5) + item.focused = false; + } + } + }) + } + } } } else { this.paper_main_object.children.entites_superposes.visible = false; @@ -1258,6 +1281,9 @@ export default { } } + + + }, onIsHover(){ // handle layer z-index @@ -1277,10 +1303,10 @@ export default { for(let paper_item of entites_superposes.children) { if (this.is_hover) { paper_item.definition = this.paper_symbol_definitions.entite_hover; - paper_item.scale(2) + // paper_item.scale(2) } else { paper_item.definition = this.paper_symbol_definitions.entite; - paper_item.scale(0.5) + // paper_item.scale(0.5) } } }