Template:Editor/Graph: Difference between revisions

Revision as of 12:14, 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
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}}} }}; height: {{#ifeq: {{{height|800px}}} }};" 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: {{{height|800px}}};" class="InteractiveSemanticGraph" data-config='{
    "uuid": "{{{uuid|}}}",
    "name":"{{#if: {{{page_name|}}}|{{#replace:{{#replace: {{{page_name}}}|/|-}}|:|-}}-|}}{{{file_name}}}",