Template:Editor/DrawIO: Difference between revisions

Latest revision as of 02:34, 15 November 2023

Adds a MS-Visio-like diagram editor

Template parameters
This template prefers block formatting of parameters.
Parameter		Description	Type	Status
Name	`file_name`	Name of the diagram	String	required
File format	`type`	The drawing can be saved as a vector or raster graphic Example svg oder png Auto value `svg`	String	optional
Width	`width`	Display width of the graphic in pixels or percent Auto value `600px`	String	optional
Page name	`page_name`	is filled in automatically and should not be changed Auto value `{{subst:FULLPAGENAME}}`	Page name	optional
Full width	`full_width`	Used the full page width to display the diagram Auto value `0`	Boolean	suggested
Unique ID	`uuid`	Automatically generated and should not be changed Auto value `{{subst:UUID}}`	String	required

@@ Line 2: / Line 2: @@
 |icon=browser
 |content=Diagram ''{{{file_name}}}''
+|css_class=drawio-editor-container
 }}
 {{Template:Helper/UI/VE/Hidden
-|content={{#drawio:{{#if: {{{page_name|}}}|{{#replace:{{#replace: {{{page_name}}}|/|-}}|:|-}}-|}}{{{file_name}}}|type={{{type|svg}}}|max-width={{#ifeq: {{{full_width|0}}}|1|100%| {{{width|500px}}} }}}}
+|css_class=drawio-editor-container
+|content={{#drawio:{{#if:{{{uuid|}}}|OSW{{#replace:{{{uuid}}}|-|}}|{{#if: {{{page_name|}}}|{{#replace:{{#replace: {{{page_name}}}|/|-}}|:|-}}-|}}{{{file_name}}}}}|type={{{type|svg}}}|max-width={{#ifeq: {{{full_width|0}}}|1|100%| {{{width|500px}}} }} |label={{{file_name|}}} }}
 }}</includeonly><noinclude>[[Category:OSL/Infrastructure/Template/User]]
 <templatedata>
@@ Line 10: / Line 12: @@
 	"params": {
 		"file_name": {
-			"label": "Name",
+			"label": {
-			"description": "Name der Zeichnung",
+				"en": "Name",
-			"type": "wiki-file-name",
+				"de": "Name"
+			},
+			"description": {
+				"en": "Name of the diagram",
+				"de": "Name des Diagramms"
+			},
+			"type": "string",
 			"required": true
 		},
 		"type": {
-			"label": "Dateiformat",
+			"label": {
-			"description": "Die Zeichnung kann als Vektor- oder Rastergraphik gespeichert werden",
+				"en": "File format",
+				"de": "Dateiformat"
+			},
+			"description": {
+				"en": "The drawing can be saved as a vector or raster graphic",
+				"de": "Die Zeichnung kann als Vektor- oder Rastergraphik gespeichert werden"
+			},
 			"example": "svg oder png",
 			"type": "string",
@@ Line 23: / Line 37: @@
 		},
 		"width": {
-			"label": "Breite",
+			"label": {
-			"description": "Breite der Graphik in Pixeln",
+				"en": "Width",
+				"de": "Breite"
+			},
+			"description": {
+				"en": "Display width of the graphic in pixels or percent",
+				"de": "Anzeigebreite der Graphik in Pixeln oder Prozent"
+			},
 			"type": "string",
 			"autovalue": "600px"
@@ Line 34: / Line 54: @@
 			},
 			"description": {
-				"en": "is filled in automatically",
+				"en": "is filled in automatically and should not be changed",
-				"de": "wird automatisch ausgefüllt"
+				"de": "wird automatisch ausgefüllt und sollte nicht verändert werden"
 			},
 			"type": "wiki-page-name",
@@ Line 52: / Line 72: @@
 			"autovalue": "0",
 			"suggested": true
+		},
+		"uuid": {
+			"label": {
+				"en": "Unique ID",
+				"de": "Eindeutige ID"
+			},
+			"description": {
+				"en": "Automatically generated and should not be changed",
+				"de": "Wird automatisch generiert und sollte nicht verändert werden"
+			},
+			"type": "string",
+			"required": true,
+			"autovalue": "{{subst:UUID}}"
 		}
 	},
@@ Line 57: / Line 90: @@
 		"en": "Adds a MS-Visio-like diagram editor",
 		"de": "Fügt einen MS Visio ähnlichen Graphikeditor ein"
-	}
+	},
+	"format": "block"
 }
 </templatedata>
 </noinclude>