durbok/noodl-docs
1
0
Fork 0
mirror of https://github.com/noodlapp/noodl-docs.git synced 2026-01-11 23:02:54 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

Initial commit

Browse Source 
Co-Authored-By: kotte <14197736+mrtamagotchi@users.noreply.github.com>
Co-Authored-By: mikaeltellhed <2311083+mikaeltellhed@users.noreply.github.com>
Co-Authored-By: Tore Knudsen <18231882+torekndsn@users.noreply.github.com>
Co-Authored-By: Michael Cartner <32543275+michaelcartner@users.noreply.github.com>
This commit is contained in:
Eric Tuvesson
2023-09-05 12:08:55 +02:00
commit 53f0d6320e
2704 changed files with 76354 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
nodes/logic/and.md Normal file
View File

@@ -0,0 +1,33 @@
---
hide_title: true
hide_table_of_contents: true
title: And
---
<##head##>
# And
This node performs a logic AND operation on its inputs. If all inputs are <span className="ndl-data">true</span> the node will output <span className="ndl-data">true</span>. If any input is <span className="ndl-data">false</span> the node will output <span className="ndl-data">false</span>.
<div className="ndl-image-with-background l">
![](/nodes/logic/and/and_node.png)
</div>
Any number of inputs can be used. When an input is connected a new one will be created automatically.
<##head##>
## Inputs
| Data | Description |
| -------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------- |
| <span className="ndl-data">Input 0..N</span> | The inputs are numbered as _Input 0_,_Input 1_ etc. Whenever you connect to an input a new one is created so you will never run out of inputs. |
## Outputs
| Data | Description |
| ---------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| <span className="ndl-data">Result</span> | The result of a logic AND operation on all of the inputs. Either `true` or `false`. `True` if all inputs are `true`, `false` if one or more inputs are `false`. |

35
nodes/logic/animate-to-value.md Normal file
View File

@@ -0,0 +1,35 @@
---
hide_title: true
hide_table_of_contents: true
title: Animate To Value
---
<##head##>
# Animate To Value
This node takes a target value and will automatically animate towards it. The animation will restart every time the target value changes.
<div className="ndl-image-with-background l">
![](/nodes/logic/animate-to-value/animate-to-value.png)
</div>
<##head##>
## Inputs
| Data | Description |
| -------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------- |
| <span className="ndl-data">Target Value</span> | The value to animate to |
| <span className="ndl-data">Duration</span> | The duration of the animation in milliseconds|
| <span className="ndl-data">Delay</span> | Delay before the animation starts in milliseconds |
| <span className="ndl-data">Easing Curve</span> | The easing curve of the animation |
## Outputs
| Data | Description |
| ---------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| <span className="ndl-data">Current Value</span> | The current value of the animation |
| <span className="ndl-signal">At Target Value</span> | Signals when the animation has reached its target value |

38
nodes/logic/inverter.md Normal file
View File

@@ -0,0 +1,38 @@
---
hide_title: true
hide_table_of_contents: true
title: Inverter
---
<##head##>
# Inverter
This node changes <span className="ndl-data">true</span> values to be <span className="ndl-data">false</span>, and <span className="ndl-data">false</span> values to be <span className="ndl-data">true</span>. It is identical to a logic NOT operation.
<div className="ndl-image-with-background l">
![](/nodes/logic/inverter/inverter_node.png)
</div>
The <span className="ndl-node">Inverter</span> node runs JavaScript in the background and interprets truthy and falsy values in the same fashion. It is equal to creating an <span className="ndl-node">Expression</span> node with the expression `!value`.
<##head##>
## Inputs
| Data | Description |
| --------------------------------------- | -------------------- |
| <span className="ndl-data">Value</span> | The value to invert. |
## Outputs
| Data | Description |
| ---------------------------------------- | ------------------------------------------------------------------------------------ |
| <span className="ndl-data">Result</span> | The result of inverting the input _Value_. This is equal to either _True_ or _False_ |
## Advanced
The inverter is equal to creating the following expression:
`!value` .

33
nodes/logic/or.md Normal file
View File

@@ -0,0 +1,33 @@
---
hide_title: true
hide_table_of_contents: true
title: Or
---
<##head##>
# Or
This node performs a logic OR operation on its inputs. If any input is <span className="ndl-data">true</span> the node will output <span className="ndl-data">true</span>. If all inputs are <span className="ndl-data">false</span> the node will output <span className="ndl-data">false</span>.
<div className="ndl-image-with-background l">
![](/nodes/logic/or/or_node.png)
</div>
Any number of inputs can be used. When an input is connected a new one will be created automatically.
<##head##>
## Inputs
| Data | Description |
| -------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------- |
| <span className="ndl-data">Input 0..N</span> | The inputs are numbered as _Input 0_,_Input 1_ etc. Whenever you connect to an input a new one is created so you will never run out of inputs. |
## Outputs
| Data | Description |
| ---------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| <span className="ndl-data">Result</span> | The result of a logic OR operation on all of the inputs. Either `true` or `false`. `True` if at least one input is `true`, `false` if all inputs are `false`. |

44
nodes/logic/switch.md Normal file
View File

@@ -0,0 +1,44 @@
---
hide_title: true
hide_table_of_contents: true
title: Switch
---
<##head##>
# Switch
This node holds a <span className="ndl-data">boolean</span> state. It is either <span className="ndl-data">true</span> (on) or <span className="ndl-data">false</span> (off).
<div className="ndl-image-with-background l">
![](/nodes/logic/switch/switch.gif)
</div>
<##head##>
## Inputs
### Change state
| Signal | Description |
| ---------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| <span className="ndl-signal">On</span> | <##input:on##>Sending a signal to this input sets the state of the **Switch** to _On_.<##input##> |
| <span className="ndl-signal">Off</span> | <##input:on##>Sending a signal to this input sets the state of the **Switch** to _Off_.<##input##> |
| <span className="ndl-signal">Flip</span> | <##input:flip##>Sending a signal to this input sets the **Switch** to the opposite of its current state. If it is _On_ flip will set it to _Off_ and vice versa.<##input##> |
| Data | Description |
| --------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| <span className="ndl-data">Start State</span> | The starting state of the **Switch**. If the _Start State_ is set to _On_ then the _Switched To On_ output signal will trigger instantly when applications starts, or when a component is created dynamically. |
## Outputs
| Data | Description |
| ----------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------- |
| <span className="ndl-data">Current State</span> | <##output:state##>This output is either _True_ or _False_ depending on if the **Switch** is _On_ or _Off_.<##output##> |
| Signal | Description |
| --------------------------------------------------- | ------------------------------------------------------------------------------------------------------ |
| <span className="ndl-signal">Switched To On</span> | <##output:switchedToOn##>This signal is sent when the **Switch** goes from _Off_ to _On_.<##output##> |
| <span className="ndl-signal">Switched To Off</span> | <##output:switchedToOff##>This signal is sent when the **Switch** goes from _On_ to _Off_.<##output##> |

33
nodes/logic/value-changed.md Normal file
View File

@@ -0,0 +1,33 @@
---
hide_title: true
hide_table_of_contents: true
title: Value Changed
---
<##head##>
# Value Changed
This node sends a <span className="ndl-signal">signal</span> when the input value changes.
<div className="ndl-image-with-background l">
![](/nodes/logic/value-changed/valuechanged_node.png)
</div>
The <span className="ndl-node">Value Changed</span> node is useful to trigger actions in your web app based on changes in your data.
<##head##>
## Inputs
| Data | Description |
| --------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------- |
| <span className="ndl-data">Input</span> | <##input:input##>The value that this node should observe. When this value changes the **Value Changed** signal will be triggered.<##input##> |
## Outputs
| Signal | Description |
| ------------------------------------------------- | ----------------------------------------------------------------------------------------- |
| <span className="ndl-signal">Value Changed</span> | <##output:valueChanged##>This signal is sent when the input value is changed.<##output##> |