From f80b26cffe16b1dfcb5c830949c5497a07e2eca7 Mon Sep 17 00:00:00 2001
From: Michael Hartung <michi@Michaels-MacBook-Pro.local>
Date: Wed, 7 Jul 2021 16:05:40 +0200
Subject: [PATCH] added node style box to legend
---
.../network-legend/network-legend.component.scss | 7 +++++++
src/app/config.ts | 2 +-
src/index.html | 2 +-
3 files changed, 9 insertions(+), 2 deletions(-)
diff --git a/src/app/components/network-legend/network-legend.component.scss b/src/app/components/network-legend/network-legend.component.scss
index 8e67aa2c..bba868ab 100644
--- a/src/app/components/network-legend/network-legend.component.scss
+++ b/src/app/components/network-legend/network-legend.component.scss
@@ -19,6 +19,13 @@ div.legend {
.text{
font-style: italic;
}
+ .box{
+ // class "box" exists in bulma css, we need only small changes
+ height: 100%;
+ width: 100%;
+ display: inline-block;
+ padding: unset;
+ }
.ellipse{
height: 75%;
width: 100%;
diff --git a/src/app/config.ts b/src/app/config.ts
index 005a41fe..da58c647 100644
--- a/src/app/config.ts
+++ b/src/app/config.ts
@@ -1,7 +1,7 @@
export interface NodeGroup {
groupName: string;
color: string;
- shape: 'circle' | 'triangle' | 'star' | 'square' | 'image' | 'text' | 'ellipse';
+ shape: 'circle' | 'triangle' | 'star' | 'square' | 'image' | 'text' | 'ellipse' | 'box';
type: string;
image?: string;
detailShowLabel?: boolean;
diff --git a/src/index.html b/src/index.html
index 0283828d..267cf14b 100644
--- a/src/index.html
+++ b/src/index.html
@@ -36,7 +36,7 @@
<network-expander id="netexp1"
config='{
- "nodeGroups": {"0.5": {"type": "0.5er Instanz", "color": "rgb(204, 255, 51)", "groupName": "0.5", "shape": "ellipse"}, "patientgroup": {"type": "Patient", "detailShowLabel": "true", "color": "red", "groupName": "patient group", "shape": "circle"}},
+ "nodeGroups": {"0.5": {"type": "0.5er Instanz", "color": "rgb(204, 255, 51)", "groupName": "0.5", "shape": "box"}, "patientgroup": {"type": "Patient", "detailShowLabel": "true", "color": "red", "groupName": "patient group", "shape": "circle"}},
"edgeGroups": {"dashes": {"color": "black", "groupName": "dashes Group", "dashes": [1, 2]}, "notdashes": {"color": "black", "groupName": "not dashes Group"}},
"identifier": "symbol"
}'
--
GitLab