imacat/lucia-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix first index of mapGraphPathToInsight nested object

Browse Source
This commit is contained in:
Cindy Chang
2024-08-27 16:32:52 +08:00
parent 554411ace1
commit 63743280f6
3 changed files with 17 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/stores/mapPathStore.ts
View File

@@ -32,7 +32,7 @@ export default defineStore('useMapPathStore', {
this.cytoscape = cytoscape;
},
async createPaths() {
this.startNode = this.cytoscape.nodes().filter(function(elem) {
this.startNode = this.cytoscape?.nodes().filter(function(elem) {
return elem.data('label').toLocaleLowerCase() === 'start';
});
// Depth First Search from the starting node
@@ -85,7 +85,7 @@ export default defineStore('useMapPathStore', {
// 從 1 開始而不是從 0 開始是因為 0 的label是start字串
const matchResult = this.depthFirstSearchMatchTwoPaths(curPath, 1, curButton, listIndex, nodeIndex)
if(matchResult){
this.mapGraphPathToInsight[whichPath] = {
this.mapGraphPathToInsight[i] = {
[listIndex] : {
pathByNode: [...curPath],
pathByEdge: [...curPathByEdge],
@@ -175,20 +175,19 @@ export default defineStore('useMapPathStore', {
clickedEdge.addClass('highlight-edge');
},
highlightMostFrequentPath() {
for(let whichPath = 0; whichPath < this.allPaths.length; whichPath++) {
async highlightMostFrequentPath() {
for(let buttonIter = 0; buttonIter < INSIGHTS_FIELDS_AND_LABELS.length; buttonIter++) {
// 有可能遇到兩個以上的most frequent paths，然而我們只取一個path點亮
if (this.mapGraphPathToInsight[whichPath]) {
const keyLength = Object.keys(this.mapGraphPathToInsight[whichPath]).length;
if (this.mapGraphPathToInsight[buttonIter]) {
const keyLength = Object.keys(this.mapGraphPathToInsight[buttonIter]).length;
for(let i = 0; i < keyLength; i++) {
if(this.mapGraphPathToInsight[whichPath][i]?.pathType === 'most_freq_traces'){
console.log('found', );
this.mapGraphPathToInsight[whichPath][i].pathByNode.map(nodeToHighlight => {
nodeToHighlight.data('nodeImageUrl', ImgCapsulesGlow[nodeToHighlight.data('level')]);
if(this.mapGraphPathToInsight[buttonIter][i]?.pathType === 'most_freq_traces'){
await this.mapGraphPathToInsight[buttonIter][i].pathByNode.map(async(nodeToHighlight) => {
await nodeToHighlight.data('nodeImageUrl', ImgCapsulesGlow[nodeToHighlight.data('level')]);
});
this.mapGraphPathToInsight[whichPath][i].pathByEdge.map(
edgeToHighlight => {
edgeToHighlight.addClass('highlight-edge');
await this.mapGraphPathToInsight[buttonIter][i].pathByEdge.map(
async(edgeToHighlight) => {
await edgeToHighlight.addClass('highlight-edge');
});
return; // 之所以要此時就立刻return是因為要避免第二個以上的most freq path也被點亮
}