point bleu entite ouverte #2256

src/components/ConcernementMapItem.vue

@@ -1125,6 +1125,22 @@ export default {
         }
       }
       
+      // focus on opened entite
+      if (this.is_opened && this.opened_entite_id && (this.map_mode === 'terraindevie' || this.map_mode === 'action')) {
+        let group = this.map_mode === 'terraindevie' ? this.paper_main_object.children['entites'] : this.paper_main_object.children['agissantes'];
+        if(group){
+          group.children.forEach((item) => {
+            if (item.item_id === this.opened_entite_id) {
+              item.definition = item.item_type === 'entite' ? this.paper_symbol_definitions.entite_hover : this.paper_symbol_definitions.entite_action_hover;
+            } else {
+              if (!this.hover_elmt || item.item_id !== this.hover_elmt.id) {
+                item.definition = item.item_type === 'entite' ? this.paper_symbol_definitions.entite : this.paper_symbol_definitions.entite_action;
+              }
+            }
+          })
+        }
+      }
+
     },
     // PAPER EVENTS
     initPaperEvents(){

src/components/MapConcernements.vue

@@ -57,6 +57,7 @@ export default {
                                     'concernements',
                                     'concernementsByID',
                                     'opened_concernement',
+                                    'opened_entite_id',
                                     'opened_recit'
                                   ]),
     ...mapState(CommonStore,['map_item_ray']),
@@ -173,7 +174,9 @@ export default {
               console.log(`symbol instance o.type:${o.type}, oitem`, oitem);
               switch (o.type) {
                 case 'entite':
-                  oitem.definition = this.paper_symbol_definitions.entite;
+                  if (!this.opened_entite_id || this.opened_entite_id !== oitem.item_id) {
+                    oitem.definition = this.paper_symbol_definitions.entite;
+                  }
                   break;
                 case 'besoin':
                   oitem.definition = this.paper_symbol_definitions.besoin;
@@ -182,7 +185,9 @@ export default {
                   oitem.definition = this.paper_symbol_definitions.reponse;
                   break;
                 case 'entite_action':
-                  oitem.definition = this.paper_symbol_definitions.entite_action;
+                  if (!this.opened_entite_id || this.opened_entite_id !== oitem.item_id) {
+                    oitem.definition = this.paper_symbol_definitions.entite_action;
+                  }
                   break;
               }
             }

src/components/contents/TerrainDeVie.vue

@@ -108,7 +108,7 @@ export default {
         <!-- TODO update entite with revisions -->
         <span v-if="entite && opened_concernement.entites_byid[eid].menacemaintien < 0" class="menacemaintient">est menacé par</span>
         <span v-if="entite && opened_concernement.entites_byid[eid].menacemaintien > 0" class="menacemaintient">est maintienu par</span>
-        <h3 v-if="entite">&bull;&ThinSpace;{{ entite.title }}</h3>
+        <h3 v-if="entite"><span class="entite-point">&bull;</span>&ThinSpace;{{ entite.title }}</h3>
       </div>
     </template>
     
@@ -166,3 +166,9 @@ export default {
   </CartoucheLayout> 
   
 </template>
+
+<style lang="css">
+  span.entite-point{
+    color: #01ffe2;
+  }
+</style>