Node-RED:Библиотеки/node-red-dashboard/Template - История изменений

Myagkij в 09:35, 24 сентября 2023

2023-09-24T09:35:45Z

← Предыдущая версия		Версия от 13:35, 24 сентября 2023
Строка 1:		Строка 1:
	{{Node-RED/Панель перехода}}		{{Node-RED/Панель перехода}}

	{{Перевод от Сubewriter}}		{{Перевод от Сubewriter}}
	{{Myagkij-редактор}}		{{Myagkij-редактор}}

EducationBot в 02:52, 24 мая 2023

2023-05-24T02:52:20Z

← Предыдущая версия		Версия от 06:52, 24 мая 2023
Строка 12:		Строка 12:
	Пример:		Пример:

	<syntaxhighlight lang="html5~~" enclose="div~~">		<syntaxhighlight lang="html5">
	<div layout="row" layout-align="space-between">		<div layout="row" layout-align="space-between">
	<p>The number is</p>		<p>The number is</p>
Строка 25:		Строка 25:
	Пример ниже демонстрирует, как задать для вашего шаблона уникальный ''ID'', прочесть цвет темы, окрасить в него цифру и следить за любыми входящими сообщениями.		Пример ниже демонстрирует, как задать для вашего шаблона уникальный ''ID'', прочесть цвет темы, окрасить в него цифру и следить за любыми входящими сообщениями.

	<syntaxhighlight lang="html5~~" enclose="div~~">		<syntaxhighlight lang="html5">
	<div id="{{'my_'+$id}}" style="{{'color:'+theme.base_color}}">Some text</div>		<div id="{{'my_'+$id}}" style="{{'color:'+theme.base_color}}">Some text</div>
	<script>		<script>
Строка 43:		Строка 43:
	Ниже – пример для отправки сообщения:		Ниже – пример для отправки сообщения:

	<syntaxhighlight lang="javascript~~" enclose="div~~">		<syntaxhighlight lang="javascript">
	<script>		<script>
	var value = "hello world";		var value = "hello world";

Myagkij: /* Внешние ссылки */

2022-05-06T14:25:35Z

Внешние ссылки

← Предыдущая версия		Версия от 18:25, 6 мая 2022
Строка 73:		Строка 73:
	<references />		<references />
	{{Навигационная таблица/Node-RED библиотеки}}		{{Навигационная таблица/Node-RED библиотеки}}
			{{Навигационная таблица/Телепорт}}
	[[Категория:Нода]]		[[Категория:Нода]]
	[[Категория:Нода Node-RED]]		[[Категория:Нода Node-RED]]

Myagkij: /* Нода «Template» */

2019-06-04T15:24:10Z

Нода «Template»

← Предыдущая версия		Версия от 19:24, 4 июня 2019
Строка 25:		Строка 25:
	Пример ниже демонстрирует, как задать для вашего шаблона уникальный ''ID'', прочесть цвет темы, окрасить в него цифру и следить за любыми входящими сообщениями.		Пример ниже демонстрирует, как задать для вашего шаблона уникальный ''ID'', прочесть цвет темы, окрасить в него цифру и следить за любыми входящими сообщениями.

	<syntaxhighlight lang="~~javascript~~" enclose="div">		<syntaxhighlight lang="html5" enclose="div">
	<div id="{{'my_'+$id}}" style="{{'color:'+theme.base_color}}">Some text</div>		<div id="{{'my_'+$id}}" style="{{'color:'+theme.base_color}}">Some text</div>
	<script>		<script>

Myagkij в 15:22, 4 июня 2019

2019-06-04T15:22:02Z

← Предыдущая версия		Версия от 19:22, 4 июня 2019
Строка 6:		Строка 6:
	=Нода «Template»=		=Нода «Template»=

	Этот виджет может содержать любые корректные директивы HTML и Angular/Angular-Material.		Этот виджет может содержать любые корректные директивы [[HTML]] и [[Angular]]/[[Angular-Material]].

	Ноду «Template» можно использовать для создания динамического UI-~~элемента~~, меняющего свой внешний вид в зависимости от входящих сообщений и отправляющего сообщения обратно в Node-RED.		Ноду '''«Template»''' можно использовать для создания динамического [[UI-элемент]]а, меняющего свой внешний вид в зависимости от входящих сообщений и отправляющего сообщения обратно в [[Node-RED]].

	Пример:		Пример:
Строка 21:		Строка 21:
	</syntaxhighlight>		</syntaxhighlight>

	Этот код создаст UI-элемент, который будет сообщать о том, какое число пришло в ноду в свойстве «msg.payload» – четное («even») или нечетное («odd»). Кроме того, цвет текста тоже будет меняться в зависимости от того, четное ли это число (текст окрасится в зеленый) или нет (текст окрасится в красный).		Этот код создаст [[UI-элемент]], который будет сообщать о том, какое число пришло в ноду в свойстве '''«msg.payload»''' – четное ('''«even»''') или нечетное ('''«odd»'''). Кроме того, цвет текста тоже будет меняться в зависимости от того, четное ли это число (текст окрасится в зеленый) или нет (текст окрасится в красный).

	Пример ниже демонстрирует, как задать для вашего шаблона уникальный ID, прочесть цвет темы, окрасить в него цифру и следить за любыми входящими сообщениями.		Пример ниже демонстрирует, как задать для вашего шаблона уникальный ''ID'', прочесть цвет темы, окрасить в него цифру и следить за любыми входящими сообщениями.

	<syntaxhighlight lang="javascript" enclose="div">		<syntaxhighlight lang="javascript" enclose="div">
Строка 55:		Строка 55:
	</syntaxhighlight>		</syntaxhighlight>

	В нем на экране будет показана кнопка, при нажатии на которую виджет отправит сообщение, в «msg.payload» которого будет 'Hello world'.		В нем на экране будет показана кнопка, при нажатии на которую виджет отправит сообщение, в '''«msg.payload»''' которого будет ''''Hello world''''.

	== Использование «msg.template» ==		== Использование «msg.template» ==

	Кроме того, вы можете задать содержимое шаблона при помощи «msg.template», что позволяет, к примеру, использовать внешние файлы.		Кроме того, вы можете задать содержимое шаблона при помощи '''«msg.template»''', что позволяет, к примеру, использовать внешние файлы.

	По приходу новых данных шаблон перезагрузится (если новые данные отличаются от старых).		По приходу новых данных шаблон перезагрузится (если новые данные отличаются от старых).

	При наличии свойства «msg.template» код в поле «Template» будет проигнорирован.		При наличии свойства '''«msg.template»''' код в поле '''«Template»''' будет проигнорирован.

	Можно использовать следующие иконки: [https://design.google.com/icons/ Material Design], [https://fontawesome.com/v4.7.0/icons/ Font Awesome] и [https://github.com/Paul-Reed/weather-icons-lite/blob/master/css_mappings.md Weather].		Можно использовать следующие иконки: [https://design.google.com/icons/ Material Design], [https://fontawesome.com/v4.7.0/icons/ Font Awesome] и [https://github.com/Paul-Reed/weather-icons-lite/blob/master/css_mappings.md Weather].

Myagkij в 15:20, 4 июня 2019

2019-06-04T15:20:55Z

@@ Строка 4: / Строка 4: @@
 {{Myagkij-редактор}}
 <syntaxhighlight lang="javascript" enclose="div">
 =См.также=

Myagkij: Новая страница: «{{Node-RED/Панель перехода}} {{Перевод от Сubewriter}} {{Myagkij-редактор}} …»

2019-06-04T14:42:18Z

Новая страница: «{{Node-RED/Панель перехода}} {{Перевод от Сubewriter}} {{Myagkij-редактор}} <syntaxhighlight lang="javascript" enclose="div">…»

Новая страница

{{Node-RED/Панель перехода}}

{{Перевод от Сubewriter}}
{{Myagkij-редактор}}

<syntaxhighlight lang="javascript" enclose="div">

=См.также=

=Внешние ссылки=

<references />
{{Навигационная таблица/Node-RED библиотеки}}
[[Категория:Нода]]
[[Категория:Нода Node-RED]]
[[Категория:Node-RED нода]]
[[Категория:Модуль node-red-dashboard]]
[[Категория:Нода модуля node-red-dashboard]]
[[Категория:Нода node-red-dashboard]]