Template:Editor/Graph: Difference between revisions

Revision as of 12:08, 14 June 2023

Adds a semantic graph viewer and editor

Template parameters
This template prefers block formatting of parameters.
Parameter		Description	Type	Status
Graph name	`file_name`	Must be unique on this page Auto value `graph-01`	Unknown	required
Root page name	`root`	Dafault value is the current page Auto value `{{subst:FULLPAGENAME}}`	Page name	required
Properties	`properties`	Semicolon separated property list used to expand the root node Auto value `IsA; HasPart`	Unknown	required
Expansion depth	`depth`	Defines how far the graph is unfolded automatically with the given properties Auto value `2`	Unknown	suggested
Width	`width`	Width of the graph in pixels Auto value `600px`	String	optional
Full width	`full_width`	Used the full page width to display the graph Auto value `0`	Boolean	suggested
Height	`height`	Height of the graph in pixels Auto value `800px`	String	optional
Full height	`full_height`	Used the full page height to display the graph Auto value `0`	Boolean	optional
Edit modus	`edit`	Allows editing the graph Auto value `0`	Boolean	suggested
Edge labels	`edge_labels`	Displays edge labels Auto value `1`	Boolean	optional
Permalink	`permalink`	Creates a permalink for the state of the graph Auto value `0`	Boolean	optional
Show hints	`hint`	Shows additional information beside the graph Auto value `0`	Boolean	optional
Page name	`page_name`	is filled in automatically Auto value `{{subst:FULLPAGENAME}}`	Page name	optional
Unique ID	`uuid`	Automatically generated and should not be changed	String	optional

@@ Line 4: / Line 4: @@
 }}
 {{Template:Helper/UI/VE/Hidden
-|content=<div id="{{#if: {{{page_name|}}}|{{#replace:{{#replace: {{{page_name}}}|/|-}}|:|-}}-|}}{{{file_name}}}" style="width: {{#ifeq: {{{full_width|0}}}|1|100%| {{{width|600px}}} }};" class="InteractiveSemanticGraph" data-config='{
+|content=<div id="{{#if: {{{page_name|}}}|{{#replace:{{#replace: {{{page_name}}}|/|-}}|:|-}}-|}}{{{file_name}}}" style="width: {{#ifeq: {{{full_width|0}}}|1|100%| {{{width|600px}}} }}; height: {{#ifeq: {{{full_height|0}}}|1|100%| {{{height|800px}}} }};" class="InteractiveSemanticGraph" data-config='{
    "uuid": "{{{uuid|}}}",
    "name":"{{#if: {{{page_name|}}}|{{#replace:{{#replace: {{{page_name}}}|/|-}}|:|-}}-|}}{{{file_name}}}",
@@ Line 95: / Line 95: @@
 			"autovalue": "0",
 			"suggested": true
+		},
+        "height": {
+			"label": {
+				"en": "Height",
+				"de": "Höhe"
+			},
+			"description": {
+				"en": "Height of the graph in pixels",
+				"de": "Höhe des Graphen in Pixeln"
+			},
+			"type": "string",
+			"autovalue": "800px"
+		},
+		"full_height": {
+			"label": {
+				"en": "Full height",
+				"de": "Gesamte Seitenhöhe"
+			},
+			"description": {
+				"en": "Used the full page height to display the graph",
+				"de": "Nutzt die gesamte Seitenbreite zur Darstellung des Graphen"
+			},
+			"type": "boolean",
+			"autovalue": "0",
+			"suggested": false
 		},
 		"edit": {