NN-400 Added cluster identification for module selection

- aswell added colortype to heatmaps
BackofenLab · Nov 27, 2023 · 0584879 · 0584879
1 parent 5a00167
commit 0584879
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 10 deletions.
diff --git 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
@@ -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>