mNo edit summary |
Add Call to example and tidy |
||
Line 44: | Line 44: | ||
|Category=Example Category | |Category=Example Category | ||
|Inputs= | |Inputs= | ||
[{"Name":"Input1", "Type":" | [ | ||
{"Name": "Input1", "Type": "Call"}, | |||
{"Name": "Input2", "Type": "String"} | |||
] | |||
|Outputs= | |Outputs= | ||
[{"Name":"Output1", "Type":"bool"}, {"Name":"Output2", "Type":"bool"}] | [ | ||
{"Name": "Output1", "Type": "bool"}, | |||
{"Name": "Output2", "Type": "bool"} | |||
] | |||
|Globals= | |Globals= | ||
[{"Name":"Global1", "Type":"User"}, {"Name":"Global2", "Type":"User"}] | [ | ||
{"Name": "Global1", "Type": "User"}, | |||
{"Name": "Global2", "Type": "User"} | |||
] | |||
|}} | |}} | ||
</pre> | </pre> | ||
which results in the following: | which results in the following: | ||
{{#Invoke:ProtoFlux|GenerateUI | {{#Invoke:ProtoFlux|GenerateUI | ||
|Name=Example Name | |Name=Example Name | ||
|Category=Example Category | |||
|Inline=true | |Inline=true | ||
|Inputs= | |Inputs= | ||
[{"Name":"Input1", "Type":" | [ | ||
{"Name": "Input1", "Type": "Call"}, | |||
{"Name": "Input2", "Type": "String"} | |||
] | |||
|Outputs= | |Outputs= | ||
[{"Name":"Output1", "Type":"bool"}, {"Name":"Output2", "Type":"bool"}] | [ | ||
{"Name": "Output1", "Type": "bool"}, | |||
{"Name": "Output2", "Type": "bool"} | |||
] | |||
|Globals= | |Globals= | ||
[{"Name":"Global1", "Type":"User"}, {"Name":"Global2", "Type":"User"}] | [ | ||
{"Name": "Global1", "Type": "User"}, | |||
{"Name": "Global2", "Type": "User"} | |||
] | |||
|}} | |}} |
Revision as of 11:11, 10 February 2024
This is the Lua module for generating ProtoFlux UI elements on pages such as To String (ProtoFlux)
Please note, due to caching, updates made to this module will not immediately take effect on pages using it. If you need to see changes right away, use the editor view of a given page, which will update immediately.
Parameters
Name
Name of this ProtoFlux node. This should be the same as the name you see at the top of a given node in Resonite.
Category
Category for this ProtoFlux node. This is not the full category path, but only the direct parent - it should be the same as what appears at the bottom of a given node in Resonite.
Inline
Controls whether this node is displayed inline, or floats to the right. If this parameter is set, the node will draw inline, regardless of the value passed to it.
If you need content to flow below the element, use <div style="clear:right;"></div>
, add the class .floatnone
to an element, or use other elements with a similar CSS style tag.
Inputs
A string containing a JSON-encoded array of Name/Type information for each input on this node. Example input might be similar to the following, which adds two inputs of type String
, one named Input1
and one named Input2
[{"Name":"Input1", "Type":"String"}, {"Name":"Input2", "Type":"String"}]
Outputs
A string containing a JSON-encoded array of Name/Type information for each output on this node. Example input might be similar to the following, which adds two outputs of type bool
, one named Output1
and one named Output2
[{"Name":"Output1", "Type":"bool"}, {"Name":"Output2", "Type":"bool"}]
Globals
A string containing a JSON-encoded array of Name/Type information for each global on this node. Example input might be similar to the following, which adds two inputs of type User
, one named Global1
and one named Global2
[{"Name":"Global1", "Type":"User"}, {"Name":"Global2", "Type":"User"}]
Example Usage
If we combine all of the above examples together, we end up with this template invocation:
{{#Invoke:ProtoFlux|GenerateUI |Name=Example Name |Category=Example Category |Inputs= [ {"Name": "Input1", "Type": "Call"}, {"Name": "Input2", "Type": "String"} ] |Outputs= [ {"Name": "Output1", "Type": "bool"}, {"Name": "Output2", "Type": "bool"} ] |Globals= [ {"Name": "Global1", "Type": "User"}, {"Name": "Global2", "Type": "User"} ] |}}
which results in the following: