mdares/Plastic-Raspi-5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Dia antes primera install

Browse Source
This commit is contained in:
Marcelo Dares
2025-12-08 15:20:28 -06:00
commit 1416478c9c
4130 changed files with 886376 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
node_modules/node-red-dashboard/nodes/locales/en-US/ui_audio.html generated vendored Normal file
View File

@@ -0,0 +1,16 @@
<script type="text/html" data-help-name="ui_audio">
<p>Plays audio or text to speech (TTS) in the dashboard.</p>
<p>To work the dashboard web page must be open.</p>
<p>Expects <code>msg.payload</code> to contain a buffer of a <b>wav</b> or <b>mp3</b> file.</p>
<p>If your browser has native support for Text-to-Speech then a <code>msg.payload</code>
can also be a <b>string</b> to be read aloud.</p>
<p>Optionally setting <code>msg.level</code> from 0 to 100 will change the volume from 0 to 100%. Default is 100%.
In audio mode you can go up to 300, but you may get distortion.</p>
<p>When a <code>msg.reset</code> is available with value <code>true</code>, then playback of the current audio fragment will be stopped.</p>
<p>The <b>node status</b> reflects the current playback status:
<ul>
<li><b>started:</b> the audio fragment playback has been started.</li>
<li><b>reset:</b> the audio fragment playback has been reset (i.e. stopped before completed).</li>
</ul>
As soon as the audio fragment playback is completed, the node status will be cleared automatically.</p>
</script>

2
node_modules/node-red-dashboard/nodes/locales/en-US/ui_base.html generated vendored Normal file
View File

@@ -0,0 +1,2 @@
<script type="text/html" data-help-name="ui_base">
</script>

102
node_modules/node-red-dashboard/nodes/locales/en-US/ui_base.json generated vendored Normal file
View File

@@ -0,0 +1,102 @@
{
"ui_base": {
"label": {
"dashboard": "dashboard",
"category": "dashboard",
"title": "Title",
"options": "Options",
"date-format": "Date Format",
"sizes": "Sizes",
"horizontal": "Horizontal",
"vertical": "Vertical",
"widget-size": "1x1 Widget Size",
"widget-spacing": "Widget Spacing",
"group-padding": "Group Padding",
"group-spacing": "Group Spacing",
"layout": "Layout",
"angular": "Angular",
"theme": "Theme",
"site": "Site"
},
"auto": "auto",
"title": "Node-RED Dashboard",
"layout": {
"tab-and-link": "Tabs & Links",
"tab": "tab",
"link": "link",
"group": "group",
"edit": "edit",
"spacer": "spacer",
"layout": "layout",
"layout-editor": "Dashboard layout editor",
"width": "Width",
"auto": "auto-sizing",
"manual": "manual resize"
},
"theme": {
"style": "Style",
"custom-profile": "Custom Profile",
"custom-profile-name": "Untitled Theme 1",
"base-settings": "Base Settings",
"page-settings": "Page Settings",
"page": {
"title": "Title Bar Background",
"page": "Page Background",
"side": "Side Bar Background"
},
"group-settings": "Group Settings",
"group": {
"text": "Group Text",
"border": "Group Border",
"background": "Group Background"
},
"widget-settings": "Widget Settings",
"widget": {
"text": "Widget Text",
"colour": "Widget Colour",
"background": "Widget Background"
}
},
"style": {
"light": "Light (default)",
"dark": "Dark",
"custom": "Custom",
"primary": "Primary",
"accents": "Accents",
"background": "Background",
"warnings": "Warnings",
"palette": "Light / Dark"
},
"base": {
"colour": "Colour",
"font": "Font"
},
"font": {
"system": "System Font (default)"
},
"site": {
"title": "Node-RED Dashboard",
"date-format": "DD/MM/YYYY"
},
"title-bar": {
"show": "Show the title bar",
"hide": "Hide the title bar"
},
"swipe": {
"no-swipe": "No swipe between tabs",
"allow-swipe": "Allow swipe between tabs",
"allow-swipe-mouse": "Allow swipe (+mouse) between tabs",
"show-menu": "Swipe to open/close menu"
},
"lock": {
"clicked": "Click to show side menu",
"locked": "Always show side menu",
"locked-icon": "Always show icons only"
},
"temp": {
"allow-theme": "Node-RED theme everywhere",
"no-theme": "Use Angular theme in ui_template",
"none": "Angular theme everywhere"
}
}
}

20
node_modules/node-red-dashboard/nodes/locales/en-US/ui_button.html generated vendored Normal file
View File

@@ -0,0 +1,20 @@
<script type="text/html" data-help-name="ui_button">
<p>Adds a button to the user interface.</p>
<p>Clicking the button generates a message with <code>msg.payload</code> set to the <b>Payload</b> field.
If no payload is specified, the node id is used.</p>
<p>The <b>Size</b> defaults to 3 by 1.</p>
<p>The <b>Icon</b> can be defined, as either a <a href="https://klarsys.github.io/angular-material-icons/" target="_blank">Material Design icon</a>
<i>(e.g. 'check', 'close')</i> or a <a href="https://fontawesome.com/v4.7.0/icons/" target="_blank">Font Awesome icon</a>
<i>(e.g. 'fa-fire')</i>, or a <a href="https://github.com/Paul-Reed/weather-icons-lite/blob/master/css_mappings.md">Weather icon</a>.
You can use the full set of google material icons if you add 'mi-' to the icon name. e.g. 'mi-videogame_asset'.</p>
<p>The colours of the text and background may be set. They can also be set by a message property by setting
the field to the name of the property, for example <code>{{background}}</code>.
You don't need to prepend the <i>msg.</i> part of the property name.</p>
<p>The label and icon can also be set by a message property by setting
the field to the name of the property, for example <code>{{topic}}</code> or <code>{{myicon}}</code>.</p>
<p>If set to pass through mode a message arriving on the input will act like pressing the button.
The output payload will be as defined in the node configuration.</p>
<p>The incoming <b>topic</b> field can be used to set the <code>msg.topic</code> property that is output.</p>
<p>Setting <code>msg.enabled</code> to <code>false</code> will disable the button.</p>
<p>If a <b>Class</b> is specified, it will be added to the parent card. This way you can style the card and the elements inside it with custom CSS. The Class can be set at runtime by setting a <code>msg.className</code> string property.</p>
</script>

24
node_modules/node-red-dashboard/nodes/locales/en-US/ui_button.json generated vendored Normal file
View File

@@ -0,0 +1,24 @@
{
"ui_button": {
"label": {
"group": "Group",
"size": "Size",
"icon": "Icon",
"optionalIcon": "optional icon",
"label": "Label",
"optionalLabel": "optional label",
"tooltip": "Tooltip",
"optionalTooltip": "optional tooltip",
"color": "Color",
"optionalColor": "optional text/icon color",
"background": "Background",
"optionalBackgroundColor": "optional background color",
"whenClicked": "When clicked, send:",
"payload": "Payload",
"topic": "Topic",
"emulateClick": "If msg arrives on input, emulate a button click:",
"className": "Class",
"classNamePlaceholder": "Optional CSS class name(s) for widget"
}
}
}

21
node_modules/node-red-dashboard/nodes/locales/en-US/ui_chart.html generated vendored Normal file
View File

@@ -0,0 +1,21 @@
<script type="text/html" data-help-name="ui_chart">
<p>Plots the input values on a chart. This can either be a time based line chart, a bar chart (vertical or horizontal),
or a pie chart.</p>
<p>Each input <code>msg.payload</code> value will be converted to a number. If the
conversion fails, the message is ignored.</p>
<p>Minimum and Maximum <b>Y</b> axis values are optional. The graph will auto-scale to any values received.</p>
<p>Multiple series can be shown on the same chart by using a different <code>msg.topic</code>
value on each input message. Multiple bars of the same series can be shown by using the <code>msg.label</code> property.</p>
<p>The <b>X</b> axis defines a time window or a maximum number of points to display. Older data will be automatically removed from the graph.
The axis labels can be formatted using a <a href="https://momentjs.com/docs/#/displaying/format/" target="_blank">
Moment.js time formatted</a> string.</p>
<p>Inputting a <code>msg.payload</code> containing a blank array <code>[]</code> will clear the chart.</p>
<p>See <b><a href="https://github.com/node-red/node-red-dashboard/blob/master/Charts.md" target="_new">this information</a></b>
for how to pre-format data to be passed in as a complete chart.</p>
<p>The <b>Blank label</b> field can be used to display some text before any valid data is received.</p>
<p>The label can also be set by a message property by setting
the field to the name of the property, for example <code>{{msg.topic}}</code>.</p>
<p>The node output contains an array of the chart state that can be persisted if needed. This can be passed
into the chart node to re-display the persisted data.</p>
<p>If a <b>Class</b> is specified, it will be added to the parent card. This way you can style the card and the elements inside it with custom CSS. The Class can be set at runtime by setting a <code>msg.className</code> string property.</p>
</script>

56
node_modules/node-red-dashboard/nodes/locales/en-US/ui_chart.json generated vendored Normal file
View File

@@ -0,0 +1,56 @@
{
"ui_chart": {
"label": {
"group": "Group",
"size": "Size",
"label": "Label",
"optionalChartTitle": "optional chart title",
"type": "Type",
"lineChart": " &#xf201; Line chart",
"barChart": " &#xf080; Bar chart",
"barChartH": " &#xf080; Bar chart (H)",
"pieChart": " &#xf200; Pie chart",
"polarAreaChart": " &#xf200; Polar area chart",
"radarChart": " &#xf200; Radar chart",
"enlargePoints": "enlarge points",
"xAxis": "X-axis",
"last": "last",
"seconds": "seconds",
"minutes": "minutes",
"hours": "hours",
"days": "days",
"weeks": "weeks",
"or": "OR",
"points": "points",
"xAxisLabel": "X-axis Label",
"HHmmss": "HH:mm:ss",
"HHmm": "HH:mm",
"yearMonthDate": "Year-Month-Date",
"dateMonth": "Date/Month",
"dayHHmm": "Day HH:mm",
"custom": "custom",
"automatic": "automatic",
"asUTC": "as UTC",
"yAxis": "Y-axis",
"min": "min",
"max": "max",
"legend": "Legend",
"none": "None",
"show": "Show",
"interpolate": "Interpolate",
"linear": "linear",
"step": "step",
"bezier": "bezier",
"cubic": "cubic",
"cubicMono": "cubic-mono",
"cutout": "Cutout",
"useFirstColourForAllBars": "Use first colour for all bars",
"seriesColours": "Series Colours",
"blankLabel": "Blank label",
"displayThisTextBeforeValidDataArrives": "display this text before valid data arrives",
"useDifferentColor": "Use different colour for series data",
"className": "Class",
"classNamePlaceholder": "Optional CSS class name(s) for widget"
}
}
}

10
node_modules/node-red-dashboard/nodes/locales/en-US/ui_colour_picker.html generated vendored Normal file
View File

@@ -0,0 +1,10 @@
<script type="text/html" data-help-name="ui_colour_picker">
<p>Adds a colour picker to the dashboard.</p>
<p>If the group width is 4 or greater then the picker can be set to be visible at all times.</p>
<p><b>Format</b> can be rgb, hex, hex8, hsv, or hsl. Transparency is supported for all except hex.</p>
<p>If a <b>Topic</b> is specified, it will be added as <code>msg.topic</code>.</p>
<p>Setting <code>msg.enabled</code> to <code>false</code> will disable the input.</p>
<p>If set to ‘pass through mode’ a message arriving on the input will be evaluated for any colour format available
as Format. If the conversion fails #000000 will be used.</p>
<p>If a <b>Class</b> is specified, it will be added to the parent card. This way you can style the card and the elements inside it with custom CSS. The Class can be set at runtime by setting a <code>msg.className</code> string property.</p>
</script>

7
node_modules/node-red-dashboard/nodes/locales/en-US/ui_date_picker.html generated vendored Normal file
View File

@@ -0,0 +1,7 @@
<script type="text/html" data-help-name="ui_date_picker">
<p>Adds a date picker widget to the user interface.</p>
<p>The date display can be formatted in the Dashboard - Site tab using <a href="https://momentjs.com/docs/#/displaying/">
moment.js</a> formatting. For example <code>MM/DD/YYYY</code>, <code>Do MMM YYYY</code> or <code>YYYY-MM-DD</code>.</p>
<p>Setting <code>msg.enabled</code> to <code>false</code> will disable the input.</p>
<p>If a <b>Class</b> is specified, it will be added to the parent card. This way you can style the card and the elements inside it with custom CSS. The Class can be set at runtime by setting a <code>msg.className</code> string property.</p>
</script>

17
node_modules/node-red-dashboard/nodes/locales/en-US/ui_dropdown.html generated vendored Normal file
View File

@@ -0,0 +1,17 @@
<script type="text/html" data-help-name="ui_dropdown">
<p>Adds a dropdown select box to the user interface.</p>
<p>Multiple value / label pairs can be added as required. If the label is not specified the
value will be used for both.</p>
<p>The configured value of the selected item will be returned as <code>msg.payload</code>.</p>
<p>Setting <code>msg.payload</code> to one of the item values will preset the choice in the dropdown.
If using the multi-select option then the payload should be an array of values.</p>
<p>Optionally the user search term can deleted if the <code>msg.resetSearch</code> property is present and set to <i>true</i>.</p>
<p>Optionally the <b>Topic</b> field can be used to set the <code>msg.topic</code> property.</p>
<p>The Options may be configured by inputting <code>msg.options</code> containing an array.
If just text then the value will be the same as the label, otherwise you can specify both by
using an object of <code>"label":"value"</code> pairs :</p>
<code>[ "Choice 1", "Choice 2", {"Choice 3":"3"} ]</code>
<p></p>
<p>If the "Allow multiple selections" output option is enabled - the result will be returned as an array instead of a string.</p>
<p>If a <b>Class</b> is specified, it will be added to the parent card. This way you can style the card and the elements inside it with custom CSS. The Class can be set at runtime by setting a <code>msg.className</code> string property.</p>
</script>

17
node_modules/node-red-dashboard/nodes/locales/en-US/ui_form.html generated vendored Normal file
View File

@@ -0,0 +1,17 @@
<script type="text/html" data-help-name="ui_form">
<p>Adds a form to user interface.</p>
<p>Helps to collect multiple value from the user on submit button click as an object in <code>msg.payload</code> </p>
<p>Multiple input elements can be added using add elements button</p>
<p>Each element contains following components:</p>
<ul>
<li> <b>Label</b> : Value that will be the label of the element in the user interface</li>
<li> <b>Name</b> : Represents the key (variable name) in the <code>msg.payload</code> in which the value of the corresponding element present</li>
<li> <b>Type</b> : Drop down option to select the type of input element</li>
<li> <b>Required</b> : On switching on the user has to supply the value before submitting</li>
<li> <b>Rows</b> : number of UI rows for multiline text input</li>
<li> <b>Delete</b> : To remove the current element from the form</li>
</ul>
<p>Optionally the <b>Topic</b> field can be used to set the <code>msg.topic</code> property.</p>
<p>The Cancel button can be hidden by setting it's value to be blank "".</p>
<p>If a <b>Class</b> is specified, it will be added to the parent card. This way you can style the card and the elements inside it with custom CSS. The Class can be set at runtime by setting a <code>msg.className</code> string property.</p>
</script>

35
node_modules/node-red-dashboard/nodes/locales/en-US/ui_form.json generated vendored Normal file
View File

@@ -0,0 +1,35 @@
{
"ui_form": {
"label": {
"group": "Group",
"size": "Size",
"label": "Label",
"optionalLabel": "optional label",
"formElements": "Form elements",
"type": "Type",
"required": "Required",
"rows": "UiRows",
"remove": "Remove",
"egName": "e.g. Name",
"egName2": "e.g. name",
"text": "Text",
"multiline": "Multiline",
"number": "Number",
"email": "E-mail",
"password": "Password",
"checkbox": "Checkbox",
"switch": "Switch",
"date": "Date",
"time": "Time",
"element": "element",
"buttons": "Buttons",
"submitButtonText": "submit button text",
"cancelButtonText": "cancel button text",
"topic": "Topic",
"optionalMsgTopic": "optional msg.topic",
"splitLayout":"Place the form elements in two columns",
"className": "Class",
"classNamePlaceholder": "Optional CSS class name(s) for widget"
}
}
}

15
node_modules/node-red-dashboard/nodes/locales/en-US/ui_gauge.html generated vendored Normal file
View File

@@ -0,0 +1,15 @@
<script type="text/html" data-help-name="ui_gauge">
<p>Adds a gauge type widget to the user interface.</p>
<p>The <code>msg.payload</code> is searched for a numeric <i>value</i> and is formatted in accordance with
the defined <b>Value Format</b>, which can then be formatted using
<a href="https://docs.angularjs.org/api/ng/filter" target="_blank">Angular filters</a>.</p>
<p>For example : <code>{{value | number:1}}%</code> will round the value to one decimal place and append a % sign.</p>
<p>The colours of each of 3 sectors can be specified and the gauge will blend between them.
The colours should be specified in hex (#rrggbb) format.</p>
<p>If you specify numbers for the sectors then the colours changes per sector.
If not specified the colours are blended across the total range.</p>
<p>The gauge has several modes. Regular gauge, donut, compass and wave.</p>
<p>The label can also be set by a message property by setting
the field to the name of the property, for example <code>{{msg.topic}}</code>.</p>
<p>If a <b>Class</b> is specified, it will be added to the parent card. This way you can style the card and the elements inside it with custom CSS. The Class can be set at runtime by setting a <code>msg.className</code> string property.</p>
</script>

4
node_modules/node-red-dashboard/nodes/locales/en-US/ui_group.html generated vendored Normal file
View File

@@ -0,0 +1,4 @@
<script type="text/html" data-help-name="ui_group">
<p>Group</p>
<p>If a <b>Class</b> is specified, it will be added to the parent card. This way you can style the card and the elements inside it with custom CSS. The Class can be set at runtime by setting a <code>msg.className</code> string property.</p>
</script>

16
node_modules/node-red-dashboard/nodes/locales/en-US/ui_group.json generated vendored Normal file
View File

@@ -0,0 +1,16 @@
{
"ui_group" : {
"label" : {
"name" : "Name",
"tab" : "Tab",
"width" : "Width",
"default" : "Default",
"group" : "Group",
"unassigned" : "unassigned",
"className": "Class",
"classNamePlaceholder": "Optional CSS class name(s) for widget"
},
"display-name" : "Display group name",
"collapse-name" : "Allow group to be collapsed"
}
}

8
node_modules/node-red-dashboard/nodes/locales/en-US/ui_link.html generated vendored Normal file
View File

@@ -0,0 +1,8 @@
<script type="text/html" data-help-name="ui_link">
<p>The <b>Icon</b> can be defined, as either a <a href="https://klarsys.github.io/angular-material-icons/" target="_blank">Material Design icon</a>
<i>(e.g. 'check', 'close')</i> or a <a href="https://fontawesome.com/v4.7.0/icons/" target="_blank">Font Awesome icon</a>
<i>(e.g. 'fa-fire')</i>, or a <a href="https://github.com/Paul-Reed/weather-icons-lite/blob/master/css_mappings.md">Weather icon</a>.
You can use the full set of google material icons if you add 'mi-' to the icon name. e.g. 'mi-videogame_asset'.</p>
<p>The <b>Open in</b> field controls whether the link opens in a <i>New Tab</i>, or if the link is opened within an <i>iframe</i> on the same page. Some sites, including Google, do not allow the rendering of their page inside an iframe. If you select the <i>iframe</i> option and the site does not show, this is simply because that site forbids the use of it inside an iframe.</p>
<p>If a <b>Class</b> is specified, it will be added to the parent card. This way you can style the card and the elements inside it with custom CSS. The Class can be set at runtime by setting a <code>msg.className</code> string property.</p>
</script>

16
node_modules/node-red-dashboard/nodes/locales/en-US/ui_link.json generated vendored Normal file
View File

@@ -0,0 +1,16 @@
{
"ui_link" : {
"label" : {
"name" : "Name",
"link" : "Link",
"icon" : "Icon",
"open-in" : "Open in",
"new-tab" : "New Tab",
"this-tab" : "This Tab",
"iframe" : "iframe",
"className": "Class",
"classNamePlaceholder": "Optional CSS class name(s) for widget"
},
"tip" : "The <b>Icon</b> field can be either a <a href=\"https://klarsys.github.io/angular-material-icons/\" target=\"_blank\">Material Design icon</a> <i>(e.g. 'check', 'close')</i> or a <a href=\"https://fontawesome.com/v4.7.0/icons/\" target=\"_blank\">Font Awesome icon</a> <i>(e.g. 'fa-fire')</i>, or a <a href=\"https://github.com/Paul-Reed/weather-icons-lite/blob/master/css_mappings.md\" target=\"_blank\">Weather icon</a> <i>(e.g. 'wi-wu-sunny')</i>.</p><p>You can use the full set of google material icons if you add 'mi-' to the icon name. e.g. 'mi-videogame_asset'.</p>"
}
}

17
node_modules/node-red-dashboard/nodes/locales/en-US/ui_numeric.html generated vendored Normal file
View File

@@ -0,0 +1,17 @@
<script type="text/html" data-help-name="ui_numeric">
<p>Adds a numeric input widget to the user interface.</p>
<p>The user can set the value between
the limits (<b>min</b> and <b>max</b>). Each value change will generate a <code>msg.payload</code>.</p>
<p>If <b>Topic</b> is specified, it will be added as <code>msg.topic</code>.<p>
<p>Any input <code>msg.payload</code> will be converted to a number, the <b>min</b> value will be used if conversion fails,
and it will update the user interface. If the value changes, it will also be passed to the output.</p>
<p>The <b>Value Format</b> field can be used to change the displayed format. For example, a <b>Value Format</b>
of <code>{{value}} %</code>
with a value of <b>23</b> will show <b>23 %</b> on the user interface. The <b>Value Format</b> field can contain
HTML or Angular filters to format the output (eg: <code>&amp;deg;</code> will show the degree symbol).</p>
<p>Setting the Value Format field to <code>{{msg.payload}}</code> will make the input field editable so you can type in a number.</p>
<p>The label can also be set by a message property by setting
the field to the name of the property, for example <code>{{msg.topic}}</code>.</p>
<p>Setting <code>msg.enabled</code> to <code>false</code> will disable the widget output.</p>
<p>If a <b>Class</b> is specified, it will be added to the parent card. This way you can style the card and the elements inside it with custom CSS. The Class can be set at runtime by setting a <code>msg.className</code> string property.</p>
</script>

15
node_modules/node-red-dashboard/nodes/locales/en-US/ui_slider.html generated vendored Normal file
View File

@@ -0,0 +1,15 @@
<script type="text/html" data-help-name="ui_slider">
<p>Adds a slider widget to the user interface.</p>
<p>The user can change its value between the limits (<b>min</b> and <b>max</b>). Each value change
will generate a message with the value set as <b>payload</b>.</p>
<p>A vertical slider can be created by setting the size so that the height is greater than the width.</p>
<p>The slider can be reversed by setting the min value larger than the max value. e.g. min 100, max 0.</p>
<p>If a <b>Topic</b> is specified, it will be added as <code>msg.topic</code>.</p>
<p>An input <code>msg.payload</code> will be converted to a number, and used to preset a value.
The <b>min</b> value will be used if conversion fails,
and it will update the user interface. If the value changes, it will also be passed to the output.</p>
<p>The label can also be set by a message property by setting
the field to the name of the property, for example <code>{{msg.topic}}</code>.</p>
<p>Setting <code>msg.enabled</code> to <code>false</code> will disable the slider output.</p>
<p>If a <b>Class</b> is specified, it will be added to the parent card. This way you can style the card and the elements inside it with custom CSS. The Class can be set at runtime by setting a <code>msg.className</code> string property.</p>
</script>

3
node_modules/node-red-dashboard/nodes/locales/en-US/ui_spacer.html generated vendored Normal file
View File

@@ -0,0 +1,3 @@
<script type="text/html" data-help-name="ui_spacer">
<p>If a <b>Class</b> is specified, it will be added to the parent card. This way you can style the card and the elements inside it with custom CSS. The Class can be set at runtime by setting a <code>msg.className</code> string property.</p>
</script>

19
node_modules/node-red-dashboard/nodes/locales/en-US/ui_switch.html generated vendored Normal file
View File

@@ -0,0 +1,19 @@
<script type="text/html" data-help-name="ui_switch">
<p>Adds a switch to the user interface.</p>
<p>Each change in the state of the switch will generate
a <code>msg.payload</code> with the specified <b>On</b> and <b>Off</b> values.</p>
<p>The <b>On/Off Color</b> and <b>On/Off Icon</b> are optional fields. If they are all present, the default
toggle switch will be replaced with the relevant icons and their respective colors.</p>
<p>The <b>On/Off Icon</b> field can be either a <a href="https://klarsys.github.io/angular-material-icons/" target="_blank">Material Design icon</a>
<i>(e.g. 'check', 'close')</i> or a <a href="https://fontawesome.com/v4.7.0/icons/" target="_blank">Font Awesome icon</a>
<i>(e.g. 'fa-fire')</i>, or a <a href="https://github.com/Paul-Reed/weather-icons-lite/blob/master/css_mappings.md">Weather icon</a>.
You can use the full set of google material icons if you add 'mi-' to the icon name. e.g. 'mi-videogame_asset'.</p>
<p>In pass through mode the switch state can be updated by an incoming <code>msg.payload</code> with the specified values,
that must also match the specified type (number, string, etc). When not in passthrough mode then the icon can either
track the state of the output - or the input msg.payload, in order to provide a closed loop feedback.</p>
<p>The label can also be set by a message property by setting
the field to the name of the property, for example <code>{{msg.topic}}</code>.</p>
<p>If a <b>Topic</b> is specified, it will be added to the output as <code>msg.topic</code>.</p>
<p>Setting <code>msg.enabled</code> to <code>false</code> will disable the switch widget.</p>
<p>If a <b>Class</b> is specified, it will be added to the parent card. This way you can style the card and the elements inside it with custom CSS. The Class can be set at runtime by setting a <code>msg.className</code> string property.</p>
</script>

13
node_modules/node-red-dashboard/nodes/locales/en-US/ui_tab.html generated vendored Normal file
View File

@@ -0,0 +1,13 @@
<script type="text/html" data-help-name="ui_tab">
<p>Tab configuration for Dashboard</p>
<p><b>Disabled</b> pages are not included in the Dashboard app, and are therefore not functional.
The tab name still appears in the Navigation Menu (unless it is also hidden).
</p>
<p><b>Hidden</b> pages are not listed in the Left-hand Navigation Menu.
However, they are still active in the Dashboard, and can be shown by using a `ui_control` msg.
</p>
<p>The <b>Icon</b> field can be either a <a href="https://klarsys.github.io/angular-material-icons/" target="_blank">Material Design icon</a>
<i>(e.g. 'check', 'close')</i> or a <a href="https://fontawesome.com/v4.7.0/icons/" target="_blank">Font Awesome icon</a>
<i>(e.g. 'fa-fire')</i>, or a <a href="https://github.com/Paul-Reed/weather-icons-lite/blob/master/css_mappings.md">Weather icon</a>.
You can use the full set of google material icons if you add 'mi-' to the icon name. e.g. 'mi-videogame_asset'.</p>
</script>

21
node_modules/node-red-dashboard/nodes/locales/en-US/ui_tab.json generated vendored Normal file
View File

@@ -0,0 +1,21 @@
{
"ui_tab" : {
"label" : {
"home" : "Home",
"tab" : "Tab",
"name" : "Name",
"icon" : "Icon",
"state" : "State",
"navmenu" : "Nav. Menu",
"enabled" : "Enabled",
"disabled" : "Disabled",
"visible" : "Visible",
"hidden" : "Hidden"
},
"info": {
"disabled": " Tab is inactive in Dashboard.",
"hidden": " Tab is not shown in Navigation Menu."
},
"tip" : "The <b>Icon</b> field can be either a <a href=\"https://klarsys.github.io/angular-material-icons/\" target=\"_blank\">Material Design icon</a> <i>(e.g. 'check', 'close')</i> or a <a href=\"https://fontawesome.com/v4.7.0/icons/\" target=\"_blank\">Font Awesome icon</a> <i>(e.g. 'fa-fire')</i>, or a <a href=\"https://github.com/Paul-Reed/weather-icons-lite/blob/master/css_mappings.md\" target=\"_blank\">Weather icon</a> <i>(e.g. 'wi-wu-sunny')</i>.</p><p>You can use the full set of google material icons if you add 'mi-' to the icon name. e.g. 'mi-videogame_asset'.</p>"
}
}

49
node_modules/node-red-dashboard/nodes/locales/en-US/ui_template.html generated vendored Normal file
View File

@@ -0,0 +1,49 @@
<script type="text/html" data-help-name="ui_template">
<p>The template widget can contain any valid html and Angular/Angular-Material directives.</p>
<p>This node can be used to create a dynamic user interface element that changes its appearance
based on the input message and can send back messages to Node-RED.</p>
<p><b>For example:</b><br>
<pre style="font-size:smaller;">&lt;div layout=&quot;row&quot; layout-align=&quot;space-between&quot;&gt;
&lt;p&gt;The number is&lt;/p&gt;
&lt;font color=&quot;{{((msg.payload || 0) % 2 === 0) ? 'green' : 'red'}}&quot;&gt;
{{(msg.payload || 0) % 2 === 0 ? 'even' : 'odd'}}
&lt;/font&gt;
&lt;/div&gt;</pre>
Will display if the number received as <code>msg.payload</code> is even or odd. It will also
change the color of the text to green if the number is even or red if odd.<br/>
The next example shows how to set a unique id for your template, pick up the default theme colour,
and watch for any incoming message.</p>
<pre style="font-size:smaller;">
&lt;div id="{{'my_'+$id}}" style="{{'color:'+theme.base_color}}"&gt;Some text&lt;/div&gt;
&lt;script&gt;
(function(scope) {
scope.$watch('msg', function(msg) {
if (msg) {
// Do something when msg arrives
$("#my_"+scope.$id).html(msg.payload);
}
});
})(scope);
&lt;/script&gt;</pre>
<p>Templates made in this way can be copied and remain independent of each other.</p>
<p><b>Sending a message:</b><br>
<pre style="font-size:smaller;">
&lt;script&gt;
var value = "hello world";
// or overwrite value in your callback function ...
this.scope.action = function() { return value; }
&lt;/script&gt;
&lt;md-button ng-click=&quot;send({payload:action()})&quot;&gt;
Click me to send a hello world
&lt;/md-button&gt;</pre>
Will display a button that when clicked will send a message with the payload <code>'Hello world'</code>.</p>
<p><b>Using <code>msg.template</code>:</b><br>
You can also define the template content via <code>msg.template</code>, so you can use external files for example.<br>
Template will be reloaded on input if it has changed.<br>
Code written in the Template field will be ignored when <code>msg.template</code> is present.</p>
<p>The following icon fonts are available: <a href="https://klarsys.github.io/angular-material-icons/" target="_blank">Material Design icon</a>
<i>(e.g. 'check', 'close')</i> or a <a href="https://fontawesome.com/v4.7.0/icons/" target="_blank">Font Awesome icon</a>
<i>(e.g. 'fa-fire')</i>, or a <a href="https://github.com/Paul-Reed/weather-icons-lite/blob/master/css_mappings.md">Weather icon</a>.
You can use the full set of Google material icons if you add 'mi-' to the icon name. e.g. 'mi-videogame_asset'.</p>
<p>If a <b>Class</b> is specified, it will be added to the parent card. This way you can style the card and the elements inside it with custom CSS. The Class can be set at runtime by setting a <code>msg.className</code> string property.</p>
</script>

19
node_modules/node-red-dashboard/nodes/locales/en-US/ui_template.json generated vendored Normal file
View File

@@ -0,0 +1,19 @@
{
"ui_template": {
"label": {
"type": "Template type",
"local": "Widget in group",
"global": "Added to site <head> section",
"group": "Group",
"size": "Size",
"name": "Name",
"pass-through": "Pass through messages from input.",
"store-state": "Add output messages to stored state.",
"template": "Template",
"expand": "Expand",
"resend": "Reload last value on refresh.",
"className": "Class",
"classNamePlaceholder": "Optional CSS class name(s) for widget"
}
}
}

16
node_modules/node-red-dashboard/nodes/locales/en-US/ui_text.html generated vendored Normal file
View File

@@ -0,0 +1,16 @@
<script type="text/html" data-help-name="ui_text">
<p>Will display a non-editable text field on the user interface.</p>
<p>Each received <code>msg.payload</code> will update the text based on the provided <b>Value Format</b>.</p>
<p>The <b>Value Format</b> field can be used to change the displayed format and can contain valid HTML and
<a href="https://scotch.io/tutorials/all-about-the-built-in-angularjs-filters" target="_blank">Angular filters</a>.</p>
<p>For example: <code>{{value | uppercase}} &amp;deg;</code> will uppercase the payload text and add the degree symbol.</p>
<p>The label can also be set by a message property by setting
the field to the name of the property, for example <code>{{msg.topic}}</code>.</p>
<p>The following icon fonts are also available: <a href="https://klarsys.github.io/angular-material-icons/" target="_blank">Material Design icon</a>
<i>(e.g. 'check', 'close')</i> or a <a href="https://fontawesome.com/v4.7.0/icons/" target="_blank">Font Awesome icon</a>
<i>(e.g. 'fa-fire')</i>, or a <a href="https://github.com/Paul-Reed/weather-icons-lite/blob/master/css_mappings.md">Weather icon</a>.
You can use the full set of google material icons if you add 'mi-' to the icon name. e.g. 'mi-videogame_asset'.</p>
<p>The widget also has a class of <code>nr-dashboard-widget-{the_widget_label_with_underscores}</code> which can be used for additional
styling if required. You may need to use the <i>!important</i> flag to override the theme.</p>
<p>If a <b>Class</b> is specified, it will be added to the parent card. This way you can style the card and the elements inside it with custom CSS. The Class can be set at runtime by setting a <code>msg.className</code> string property.</p>
</script>

16
node_modules/node-red-dashboard/nodes/locales/en-US/ui_text_input.html generated vendored Normal file
View File

@@ -0,0 +1,16 @@
<script type="text/html" data-help-name="ui_text_input">
<p>Adds a text input field to the user interface. Mode can be regular text, email or color picker.</p>
<p>Any input is sent as <code>msg.payload</code>. If set to ‘pass through mode’ an arriving <code>msg.payload</code>
will be used if it is different from the existing text in the input field. This allows you to preset
the text of the input field.</p>
<p>The <b>Delay</b> <i>(default : 300ms)</i> sets the amount of time in milliseconds before the output is sent.
Setting to <code>0</code> waits for "Enter" or "Tab" key to send. Enter will send payload but remain in focus.
Tab will send payload and move to next field. Clicking elsewhere will also send the payload.</p>
<p>The email mode will color in red if it is not a valid address and will return undefined.</p>
<p>The time input type returns a number of milliseconds from midnight.</p>
<p>Not all browsers support the <i>week</i> and <i>month</i> input types, and may return <i>undefined</i>.
Please test your target browser(s) before use.</p>
<p>If a <b>Topic</b> is specified, it will be added as <code>msg.topic</code>.</p>
<p>Setting <code>msg.enabled</code> to <code>false</code> will disable the input.</p>
<p>If a <b>Class</b> is specified, it will be added to the parent card. This way you can style the card and the elements inside it with custom CSS. The Class can be set at runtime by setting a <code>msg.className</code> string property.</p>
</script>

16
node_modules/node-red-dashboard/nodes/locales/en-US/ui_toast.html generated vendored Normal file
View File

@@ -0,0 +1,16 @@
<script type="text/html" data-help-name="ui_toast">
<p>Shows <code>msg.payload</code> as a popup notification or OK / Cancel dialog
message on the user interface.</p>
<p>If a <code>msg.topic</code> is available it will be used as the title.</p>
<p>If you do not set an optional border highlight colour, then it can be set dynamically by <code>msg.highlight</code>.</p>
<p>You may also configure the position and duration of the toast notifications. If you leave the timeout blank
it can be set by <code>msg.timeout</code>. This does not apply to OK/Cancel dialogs.
<p>The dialog returns a <code>msg.payload</code> string of whatever you configure
the button label(s) to be. The second (cancel) button is optional, as is the return
value of <code>msg.topic</code>.</p>
<p>If you select 'OK, Cancel and Input' mode then <code>msg.payload</code> will contain
any text input by the user, rather than the OK button text.</p>
<p>The OK and Cancel button labels can be replaced by using <code>msg.ok</code> and <code>msg.cancel</code></p>
<p>Sending a blank payload will remove any active dialog without sending any data.</p>
<p>If a <b>Class</b> is specified, it will be added to the parent element. This way you can style the card and the elements inside it with custom CSS.</p>
</script>

28
node_modules/node-red-dashboard/nodes/locales/en-US/ui_ui_control.html generated vendored Normal file
View File

@@ -0,0 +1,28 @@
<script type="text/html" data-help-name="ui_ui_control">
<p>Allows dynamic control of the Dashboard.</p>
<p>The default function is to change the currently displayed tab. <code>msg.payload</code>
should either be an object of the form <code>{"tab":"my_tab_name"}</code>, or just be the <b>tab name</b>
or <b>numeric index</b> (from 0) of the tab or link to be displayed.</p>
<p>Sending a blank tab name "" will refresh the current page.
You can also send "+1" for next tab and "-1" for previous tab.</p>
<p>Dashboard pages (i.e. "tabs") can be controlled by sending a <code>msg.payload</code> object with the format
<pre>{"tabs": {"hide": "tab_name_to_hide", "disable": ["secret_tab", "unused_stuff"]}}</pre>.
There are 2 toggle states available: <b>show</b>/<b>hide</b> and <b>enable</b>/<b>disable</b></p>
<p>Visibility of individual groups of widgets can controlled by a payload like
<pre>{"group": {"hide": ["tab_name_group_name_with_underscores"], "show": ["reveal_another_group"], "focus": true}}</pre>
where <b>focus</b> is optional and will cause the screen to scroll to show that group if required.
You can also use properties `open` and `close` to set the state of a group that can be controlled by the user. The group
names are the IDs of the groups and are typically formed from the <i>tab name</i> plus <i>group name</i> joined with
underscores replacing all spaces.</p>
<p>When any browser client connects or loses connection, changes tab, or expands or collapses a group this node will emit a <code>msg</code> containing:</p>
<ul>
<li><code>payload</code> - <i>connect</i>, <i>lost</i>, <i>change</i>, or <i>group</i>.
<li><code>socketid</code> - the ID of the socket (this will change every time the browser reloads the page).
<li><code>socketip</code> - the ip address from where the connection originated.
<li><code>tab</code> - the number of the tab. (only for 'change' event).
<li><code>name</code> - the name of the tab. (only for 'change' event).
<li><code>group</code> - the name of the group. (only for 'group' event).
<li><code>open</code> - the state of the group. (only for 'group' event).
</ul>
<p>Optional - report only connect events - useful to use to trigger a resend of data to a new client without needing to filter out other events.</p>
</script>

16
node_modules/node-red-dashboard/nodes/locales/en-US/ui_ui_control.json generated vendored Normal file
View File

@@ -0,0 +1,16 @@
{
"ui_ui_control": {
"label": {
"name": "Name",
"output": "Output"
},
"placeholder": {
"name": "Name"
},
"events": {
"all": "Connect, lost, change tab or group events",
"change": "Change tab or group events only",
"connect": "Connect event only"
}
}
}