+
- Self-Loop
- Short-Loop
- Shortest Trace
- Longest Trace
- Most Frequent Trace
+
+ {{ i18next.t("Map.Reset") }}
+
@@ -267,18 +271,23 @@ export default {
const activeTrace = ref(0);
const currentMapFile = computed(() => pageAdmin.currentMapFile);
- const clickedPathListIndex = ref(0);
+ const clickedPathListIndex = ref(undefined);
const onActiveTraceClick = (clickedActiveTraceIndex) => {
mapPathStore.clearAllHighlight();
activeTrace.value = clickedActiveTraceIndex;
mapPathStore.highlightClickedPath(clickedActiveTraceIndex, clickedPathListIndex.value);
}
+
const onPathOptionClick = (clickedPath) => {
clickedPathListIndex.value = clickedPath;
mapPathStore.highlightClickedPath(activeTrace.value, clickedPathListIndex.value);
};
+ const onResetTraceBtnClick = () => {
+ clickedPathListIndex.value = undefined;
+ }
+
return {
currentMapFile,
i18next,
@@ -286,7 +295,9 @@ export default {
clickedPathListIndex,
onPathOptionClick,
onActiveTraceClick,
+ onResetTraceBtnClick,
activeTrace,
+ i18next,
};
},
data() {
diff --git a/src/i18n/en.json b/src/i18n/en.json
index a2b2350..38df966 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -12,7 +12,8 @@
"Confirm": "Confirm"
},
"Map":{
- "FileName": "File Name"
+ "FileName": "File Name",
+ "Reset": "Reset"
},
"AcctMgmt":{
"hi": "Hi, ",
@@ -85,6 +86,5 @@
"PleaseCheckTimeRange": "Please check time range setting.",
"PleaseSetNewRule": "Please set the new rule.",
"RuleApplied": "Rule applied."
-
}
}
\ No newline at end of file
diff --git a/src/module/cytoscapeMap.js b/src/module/cytoscapeMap.js
index e32acf5..5a856cc 100644
--- a/src/module/cytoscapeMap.js
+++ b/src/module/cytoscapeMap.js
@@ -183,7 +183,7 @@ export default function cytoscapeMap(mapData, dataLayerType, dataLayerOption, cu
'height': 'data(height)',
'width': 'data(width)',
'color': 'data(textColor)',
- 'line-height': '1',
+ 'line-height': '0.8rem',
'font-size':
function(node) {
return node.data('type') === 'activity' ? 16 : 14;
@@ -234,7 +234,7 @@ export default function cytoscapeMap(mapData, dataLayerType, dataLayerOption, cu
//'control-point-step-size':100, // 從點到點的垂直線,指定貝茲取線邊緣間的距離
'width':'data(lineWidth)',
'line-style':'data(style)',
- "text-margin-y": "0.9rem",
+ "text-margin-y": "0.7rem",
//"text-rotation": "autorotate",
}
},{