From 0584879662901d6dfdb910d771725c813998e388 Mon Sep 17 00:00:00 2001
From: TripZz <nico.greiner9@gmail.com>
Date: Mon, 27 Nov 2023 14:08:04 +0100
Subject: [PATCH] NN-400 Added cluster identification for module selection

- aswell added colortype to heatmaps
---
 .../enrichment/heatmap/PathwayHeatmap.vue        |  2 +-
 .../src/components/visualization/TermVis.vue     | 16 +++++++---------
 2 files changed, 8 insertions(+), 10 deletions(-)

diff --git a/frontend/src/components/enrichment/heatmap/PathwayHeatmap.vue b/frontend/src/components/enrichment/heatmap/PathwayHeatmap.vue
index 4195798d..7890cd09 100644
--- a/frontend/src/components/enrichment/heatmap/PathwayHeatmap.vue
+++ b/frontend/src/components/enrichment/heatmap/PathwayHeatmap.vue
@@ -5,7 +5,7 @@
             <div class="graph-options" v-show="activeHeatmapIndex == index" >
                 <div class="bookmark-graph" v-on:click.stop="add_graph(entry)" :class="{ checked: favourite_heatmaps.has(entry)}" ref="checkboxStatesHeatmap"></div>
                 <img  class="remove-graph" src="@/assets/pathwaybar/cross.png" v-on:click.stop="remove_graph(entry)">
-                <div class="graph-name">
+                <div class="graph-name colortype">
                     <input type="text" v-model="entry.label" class="empty" @click.stop />
                 </div>
             </div>
diff --git a/frontend/src/components/visualization/TermVis.vue b/frontend/src/components/visualization/TermVis.vue
index ed3f9992..4a118566 100644
--- a/frontend/src/components/visualization/TermVis.vue
+++ b/frontend/src/components/visualization/TermVis.vue
@@ -2,15 +2,13 @@
     <div class="visualization">
       <div id="sigma-canvas" class="sigma-parent" ref="sigmaContainer" 
            @contextmenu.prevent="handleSigmaContextMenu" @mouseleave="sigmaFocus = false" @mouseenter="sigmaFocus = true">
-        <div v-show="moduleSelectionActive === true"
-        v-for="(circle, index) in moduleSet"
-        :key="index"
-        :class="{
-          'outside': !isMouseInside(circle.data),
-          'inside': isMouseInside(circle.data) && !unconnectedActive(circle.modularity) && !mousedownrightCheck && !(mousedownleftCheck && mousemoveCheck) && sigmaFocus,
-        }"
-        v-bind:style="getCircleStyle(circle.data)"
-      ></div>
+           <div v-show="moduleSelectionActive === true" v-for="(circle, index) in moduleSet" :key="index">
+            <div class="modules" v-if="isMouseInside(circle.data) && !unconnectedActive(circle.modularity) && !mousedownrightCheck && !(mousedownleftCheck && mousemoveCheck) && sigmaFocus">
+              <div class="inside" v-bind:style="getCircleStyle(circle.data)">
+                <div class="modularity-class">{{ circle.modularity }}</div>
+              </div>
+            </div>
+          </div>
       </div>
     </div>
   </template>