GyverPortal_BLOK_BEGIN
c19d55c8-972c-4f7e-9d6d-ccb068db76c8
GyverPortal_BLOK_BEGIN Начать отрисовку блока
Отрисовка блока для объединения компонентов
43
Name
Блок 1
Название блока
a9716e4b-b461-4d00-80d0-ddd3c5805185
fde08691-6c82-40cd-bfb3-c1659d9920b0
add.BLOCK_BEGIN(Name);
24
GyverPortal_BLOK_END
b331356f-bc09-4086-b204-68c9540ad0b1
GyverPortal_BLOK_END Завершить отрисовку блока
Завершение отрисовки блока.
27
Название
Название блока
d8596dcd-a42a-49fa-9e41-9eb6033a944d
50d0867e-24d2-461f-b4bb-c02ec026b2ca
add.BLOCK_END();
17
Отрисовка блоков
ec01aa62-e145-4b0b-bcbe-3b649eee4790
GyverPortal_IMAGE
62545762-45b9-4831-ab61-a31b8960f0da
GyverPortal_IMAGE Вывод картинок
Вывод картинки в base64, сконвертированной, например, тут https://www.base64-image.de/
Если загрузите слишком "тяжелую" картинку, будет тормозить.
146
Картинка
Код картинки
1b1cfad0-929c-499c-95c1-8c822452b20b
3f22677b-8f63-4e5d-96b3-83215d447e2f
add.IMAGE(Картинка);
21
GyverPortal_HR
f07c5348-a5f0-49cf-bc95-16009201893a
GyverPortal HR горизонтальная линия
Горизонтальная линия
20
add.HR();
12
GyverPortal_BREAK
20f1284b-1ad5-47fc-95d9-b87f1ff0f5a7
GyverPortal BREAK Перевод строки
Перевод строки. Компоненты идущие после этого блока располагаются ниже прежнего компонента.
91
add.BREAK();
16
Блоки компонентов общие для всех режимов
111da54d-051d-46cc-971d-3c18c0483a02
GyverPortal_AJAX_PLOT2
GyverPortal_AJAX_PLOT_DARK2
Plot1
c7951207-8d6c-4720-beb5-db54c856324f
dba816de-dc87-4689-aac9-1a93640cfb77
Plot2
a1076879-04c6-4f61-bb03-87222cb9232e
430970b9-746f-4bfa-8ad0-d9c1f7ebac6a
6d33451a-13a7-4c8e-bcc0-2c355dd07cb6
GyverPortal_AJAX_PLOT_DARK2 Построение 2 графиков, темная тема
Построение 2х графиков на одной оси.
Если нужно другое количество графиков, добавьте необходимое количество входов и в строках
int16_t answ[] = {Plot1, Plot2};
portal.answer(answ, 2);
внесите изменения, например для трех графиков:
int16_t answ[] = {Plot1, Plot2, Plot3};
portal.answer(answ, 3);
где Plot3 -вход для 3го графика,
3 - количество графиков.
387
Имя
d_plot
cdfef7a7-0cf8-493c-8ea7-08bc3aede97b
e4f6ef2b-6993-4450-8c7e-cfbc7715a0b3
Количество_осей
1
1d997902-3a83-41a5-99f0-288548c169fb
d26a7170-af48-4608-b18d-b7e380dc5b7a
Количество_точек_по_Х
24aec551-1362-4e4d-bb43-e0a40fb85e99
79dd729a-4fae-4130-8906-2dfacf6cddfb
Период_обновления
1000
ac749073-63dd-4be0-b43c-09df6db52c3a
493955d0-6589-4e7a-acf4-3031dd1f6334
if (portal.update(plot)) {
int16_t answ[] = {Plot1, Plot2};
portal.answer(answ, 2);
}
101
add.AJAX_PLOT_DARK(Имя, Количество_осей, Количество_точек_по_Х, Период_обновления);
86
99c195ad-ef11-4f33-bf6e-ea0bffb45664
GyverPortal_AJAX_PLOT2 Построение 2 графиков, светлая тема
Построение 2х графиков на одной оси. Светлая тема.
Если нужно другое количество графиков,например, три, в параметре "Вход" добавьте дополнительный вход через запятую Plot3 и параметр "Количество_осей" измените на 3(три). И создайте во вкладке "Входы блока" вход Plot3.
268
Имя
l_plot
00cd5333-8550-4af0-aa44-75ba9a90251f
8a81c9c9-a112-49e8-8388-21b68a0bf229
Количество_осей
2
58219c8a-6bc7-41ee-bd9f-a86626955f2c
7940c3be-4a48-4e4c-90f6-5f2862181544
Количество_точек_по_Х
24aec551-1362-4e4d-bb43-e0a40fb85e99
Период_обновления
ac749073-63dd-4be0-b43c-09df6db52c3a
Входы
Plot1, Plot2
Входы Plot1, Plot2, Plot3 и тп. По умолчанию 2 входа.
8ef82a25-f674-4c0a-ac24-1ea4e5cc1bb8
265d65a0-9e2a-46fa-a57e-f3eb901593d1
if (portal.update(Имя)) {
int16_t answ[] = {Входы};
portal.answer(answ, Количество_осей );
}
109
add.AJAX_PLOT(Имя, Количество_осей, Количество_точек_по_Х, Период_обновления);
81
GyverPortal_AJAX_PLOT_DARK
Plot
ea7b10b8-8f1e-4f90-8982-996781d92037
48fb8e8b-7aa2-4898-a81f-dd1533e369ad
9f51c3c0-2c18-4ec0-93e8-3e71bb4ce2e8
GyverPortal_AJAX_PLOT_DARK Построение графика, темная тема
Динамический график, вызывает update. Темная тема.
50
Имя
d_plot
cdfef7a7-0cf8-493c-8ea7-08bc3aede97b
e4f6ef2b-6993-4450-8c7e-cfbc7715a0b3
Количество_осей
1d997902-3a83-41a5-99f0-288548c169fb
d26a7170-af48-4608-b18d-b7e380dc5b7a
Количество_точек_по_Х
24aec551-1362-4e4d-bb43-e0a40fb85e99
79dd729a-4fae-4130-8906-2dfacf6cddfb
Период_обновления
ac749073-63dd-4be0-b43c-09df6db52c3a
493955d0-6589-4e7a-acf4-3031dd1f6334
if (portal.update(Имя)) portal.answer(Plot);
49
add.AJAX_PLOT_DARK(Имя, Количество_осей, Количество_точек_по_Х, Период_обновления);
GyverPortal_AJAX_PLOT
Plot
ff3131f8-cc8d-4e3b-a756-38b73732dcf6
952e65e0-622b-4ff0-b675-e8d09b85daa9
fd2dcfce-0fee-4f7c-b080-6864198381d4
plot
plot1
cdfef7a7-0cf8-493c-8ea7-08bc3aede97b
e4f6ef2b-6993-4450-8c7e-cfbc7715a0b3
if (portal.update(plot)) portal.answer(Plot));
51
add.AJAX_PLOT(plot, 1, 20, 1000);
36
e110c6c8-3063-41c9-a5f2-c9b9bbaec680
GyverPortal_AJAX_PLOT Построение графика, светлая тема
Динамический график, вызывает update.
37
Имя
plot1
cdfef7a7-0cf8-493c-8ea7-08bc3aede97b
Количество_осей
1d997902-3a83-41a5-99f0-288548c169fb
d26a7170-af48-4608-b18d-b7e380dc5b7a
Количество_точек_по_Х
24aec551-1362-4e4d-bb43-e0a40fb85e99
79dd729a-4fae-4130-8906-2dfacf6cddfb
Период_обновления
ac749073-63dd-4be0-b43c-09df6db52c3a
493955d0-6589-4e7a-acf4-3031dd1f6334
if (portal.update(Имя)) portal.answer(Plot);
add.AJAX_PLOT(Имя, Количество_осей, Количество_точек_по_Х, Период_обновления);
GyverPortal_AJAX_PLOT2_DARK
GyverPortal_AJAX_PLOT_DARK2
Plot1
c7951207-8d6c-4720-beb5-db54c856324f
dba816de-dc87-4689-aac9-1a93640cfb77
Plot2
a1076879-04c6-4f61-bb03-87222cb9232e
430970b9-746f-4bfa-8ad0-d9c1f7ebac6a
6d33451a-13a7-4c8e-bcc0-2c355dd07cb6
GyverPortal_AJAX_PLOT_DARK2 Построение 2 графиков, темная тема
Построение 2х графиков на одной оси.
Если нужно другое количество графиков, добавьте необходимое количество входов и в строках
int16_t answ[] = {Plot1, Plot2};
portal.answer(answ, 2);
внесите изменения, например для трех графиков:
int16_t answ[] = {Plot1, Plot2, Plot3};
portal.answer(answ, 3);
где Plot3 -вход для 3го графика,
3 - количество графиков.
Имя
d_plot
cdfef7a7-0cf8-493c-8ea7-08bc3aede97b
e4f6ef2b-6993-4450-8c7e-cfbc7715a0b3
Количество_осей
1d997902-3a83-41a5-99f0-288548c169fb
d26a7170-af48-4608-b18d-b7e380dc5b7a
Количество_точек_по_Х
24aec551-1362-4e4d-bb43-e0a40fb85e99
79dd729a-4fae-4130-8906-2dfacf6cddfb
Период_обновления
ac749073-63dd-4be0-b43c-09df6db52c3a
493955d0-6589-4e7a-acf4-3031dd1f6334
if (portal.update(plot)) {
int16_t answ[] = {Plot1, Plot2};
portal.answer(answ, 2);
}
add.AJAX_PLOT_DARK(Имя, Количество_осей, Количество_точек_по_Х, Период_обновления);
plot1
plot2
0e736ad3-178c-413b-b2fa-ee9422cf1ec7
GyverPortal_AJAX_PLOT2_DARK Построение 2 графиков, темная тема
Построение 2х графиков на одной оси. Темная тема.
Если нужно другое количество графиков,например, три, в параметре "Вход" добавьте дополнительный вход через запятую Plot3 и параметр "Количество_осей" измените на 3(три). И создайте во вкладке "Входы блока" вход Plot3.
Входы
plot1, plot2
Входы plot1, plot2, plot3 и тп. По умолчанию 2 входа.
a39b0258-d0ce-4ddd-9813-67948c892b36
a50c4946-251c-4d2b-86c8-59eae6f7763b
if (portal.update(Имя)) {
int16_t answ[] = {Входы};
portal.answer(answ, Количество_осей );
}
Построение графиков
86fa299d-92d0-4b2c-b089-b1a57a828e8f
GyverPortal END_UPDATE
86d3e96d-5fbf-4639-819a-75be82994cb3
GyverPortal END_UPDATE Завершение режима Обновление
Завершает блоки GyverPortal START_UPDATE, применять вместе с ними
65
}
GyverPortal START_UPDATE
337e120e-9110-4b80-8bd8-0f30e1266633
GyverPortal START_UPDATE Обновление в реальном времени
Обновление значений и состояний компонентов в реальном времени без перезагрузки страницы. Удобно для индикации работы и получения текущих численных и текстовых значений из программы, вывод графиков в реальном времени.
Поставить перед компонентами, которые нужно, чтобы передавали данные при нажатии или при изменении значения в веб браузере.
С данным блоком применять обязательно блок GyverPortal END_UPDATE, который закрывает открытую фигурную скобку блока GyverPortal START_UPDATE. Блоки , которые передают данные должны быть между вышеуказанными блоками.
557
if (portal.update()) {
25
Установка режима
4e009544-5f7d-40e6-ae57-64e3fb4a33af
GyverPortal_LED_BLUE_U
Led_Blue
7d2437e5-a929-480d-a51a-d4afeacfc790
0b7093ed-d070-47a7-8a61-e23e978e9849
4eb7f40d-1b1f-476a-8d69-50f89a84e7a2
GyverPortal LED_GREEN_BLUE_U Светодиод синий
Светодиод синий, включается при подаче на вход Led_Blue высокого уровня.
72
Период_обновления
Период_обновления в миллисекундах
4734d202-33dd-4d87-bdb5-9f197b2c7330
8307e00a-a91b-41ce-b5e2-3b7c0500f3cd
ID
u_gled
Идентификатор блока
cdcc213c-42e8-4a80-8ff8-d9bc906ad93b
91df7153-4713-4d00-8b28-1e86205e7edf
if (portal.update(ID)) portal.answer(Led_Blue);
54
add.AJAX_UPDATE(PSTR(ID), Период_обновления);
add.LED_BLUE(ID);
68
d2a651ef-c87f-404b-b332-b24636b99458
GyverPortal LED_BLUE_U Светодиод синий
ID
u_bled
Имя блока
6e19e5aa-431c-4ffe-9c0c-b2c0556392b6
46262c6b-c1d7-4395-bb44-a8afc8bf575f
GyverPortal_LED_GREEN_U
GiverPortal_LED_GREEN
Led_Green
9d0a20f3-6a61-40a7-aec8-59d927d69634
92905feb-b516-462d-b524-e0186a7cee3a
095c7fc5-75d8-4d1c-952f-93790266bd3f
GyverPortal LED_GREEN
Список
val 1,val 2,val 3
2e9da45c-af77-4442-87bb-db92d2d21dde
710a1f33-f5ae-4715-b64f-6286ebb27ae0
valLed_Green = Led_Green;
30
add.LABEL("Led: ");
add.LED_RED("led", valLed_Green);
58
valLed_Green
;
bool
78a22d19-3c83-4bf8-be07-de093f845f49
GyverPortal LED_GREEN_U Светодиод зеленый
Светодиод зеленый, включается при подаче на вход Led_Green высокого уровня.
75
Период_обновления
Период_обновления в миллисекундах
4734d202-33dd-4d87-bdb5-9f197b2c7330
8307e00a-a91b-41ce-b5e2-3b7c0500f3cd
ID
u_gled
Идентификатор блока
cdcc213c-42e8-4a80-8ff8-d9bc906ad93b
91df7153-4713-4d00-8b28-1e86205e7edf
if (portal.update(ID)) portal.answer(Led_Green);
55
add.AJAX_UPDATE(PSTR(ID), Период_обновления);
add.LED_GREEN(ID);
69
GyverPortal_LED_RED_U
GiverPortal_LED_RED
Led_Red
93ecf2ad-4f87-420f-9ac7-6ddd58b5037d
d98a76e8-3cad-44aa-aff8-a614ffb7bc93
d48e7556-e4e1-4622-98da-1fb9d21e636c
GyverPortal LED_RED
Список
val 1,val 2,val 3
2e9da45c-af77-4442-87bb-db92d2d21dde
710a1f33-f5ae-4715-b64f-6286ebb27ae0
valLed_Red = Led_Red;
add.LABEL("Led: ");
add.LED_RED("led", valLed_Red);
56
valLed_Red
;
bool
35e77950-21e6-481e-afd3-cebb74ded65e
GyverPortal LED_RED_U Светодиод красный
Светодиод красный, включается при подаче на вход Led_Red высокого уровня.
73
Период_обновления
Период_обновления в миллисекундах
75ed66ef-ce15-4162-80f0-a86eeb53b2b8
7c794aa0-d0f3-4ded-aa74-f59d78c6bbd8
ID
u_rled
Идентификатор блока
8592f5c2-84bf-4f85-998b-567db1f80eb6
cf1c1b95-3201-4ab2-9b4e-8ea04a8efeab
if (portal.update(ID)) portal.answer(Led_Red);
add.AJAX_UPDATE(PSTR(ID), Период_обновления);
add.LED_RED(ID);
67
GyverPortal_LED_YELLOW_U
Led_Yellow
b32d3cc2-6cc0-40a9-9f9d-cd94900d0d34
f725e549-2b42-4a77-ad12-4e7fb7e3e6f4
4e748973-dee9-46a3-9f1d-15e69b94bd67
GyverPortal LED_YELLOW_U Светодиод желтый
Светодиод желтый, включается при подаче на вход Led_Yellow высокого уровня.
Период_обновления
Период_обновления в миллисекундах
4734d202-33dd-4d87-bdb5-9f197b2c7330
8307e00a-a91b-41ce-b5e2-3b7c0500f3cd
ID
u_gled
Идентификатор блока
cdcc213c-42e8-4a80-8ff8-d9bc906ad93b
91df7153-4713-4d00-8b28-1e86205e7edf
if (portal.update(ID)) portal.answer(Led_Yellow);
add.AJAX_UPDATE(PSTR(ID), Период_обновления);
add.LED_YELLOW(ID);
70
300d00be-6ae2-41ed-9407-9197697ef545
ID
u_yled
Имя блока
ba5615ed-4a2d-4eb6-b38c-7e75322c855a
ed8181f5-bc33-4f91-a3f9-d15be1869150
Светодиоды
e0d55787-7dee-4674-854d-89fce2473f6a
GyverPortal_LABEL_U
GiverPortal_LABEL_TEXT
Text
e14d5471-1ed5-4629-9c62-f774c1a1b709
c9e2e5ba-941a-48c3-bc8e-320cb9ccd8f4
488baac5-40d4-4f3b-9192-72d7d0217d7d
GyverPortal LABEL Текст
Блок позволяет вывести просто текст со входа.
Можно применить для названия компонента.
88
length_str
Длина строки
d5b3587b-a770-4710-9b81-6020320f0668
427ba928-2970-4c11-80f7-c802e95ce433
TextStr.toCharArray(textStr, TextStr.length()+1);
62
add.LABEL(textStr, "val");
textStr
[length_str];
char
f6080597-df84-4a32-b89a-17e92d508bec
GyverPortal LABEL_U Вывод текста со входа
Блок позволяет вывести просто текст со входа.
Можно применить для названия компонента.
В режиме Обновление происходит изменение текста.
В параметре Настройка можно устанавливается: ширина, высота, цвет, выравнивание компонентов, высота, цвет шрифта.
В настройках можно установить(по умолчанию ничего не установлено, применяются настройки из библиотеки):
(Мини кнопку уже настроенную в библиотеке можно задать так " push_butmini".)
1.Ширину компонента
width40
width50
width60
width100
width150
width200
width250
width300
width320
width350
widthauto
2.Высоту компонентов
height30
height50
height70
height100
height150
height200
height250
height300
height350
heightauto
3.Высоту шрифта
font16
font20
font40
font60
font80
font100
font150
font200
font250
4.Цвет шрифта
fontgreen_4CAF50
fontblue_264280
fontblue_0000ff
fontcyan_16747a
fontyellow_c79536
fontgrey_777777
fontred_a5381b
fontpurpe_5c3580
5.Цвет компонента
backgroundgreen_4CAF50
backgroundblue_264280
backgroundcyan_16747a
backgroundyellow_c79536
backgroundgrey_777777
backgroundred_a5381b
backgroundpurpe_5c3580
6.Цвет с градиентом:
backgroundred_gradient
backgroundgreen_gradient
backgroundyellow_gradient
7. Выравнивание компонента
position_left
position_right
positiontop_btn
ВНИМАНИЕ! Свойства компонента можно подавать несколько через пробел,
например, для компонента шириной 100рх, цвета красного градиента, цветом шрифта серый 777777 и расположенный слева, константу писать так: "width100 backgroundred_gradient fontgrey_777777 position_left".
Аналогично можно передать и другие свойства компоненту.
Круглый компонент создается при равном ширине и высоте компонента и радиусе закругления равном их половине.
1712
Период_обновления
Период_обновления в миллисекундах
e813244b-42f6-41d9-bcf0-9c59a1fbb3de
ddbf89be-40f8-4ad1-9c53-fd4a3833fb26
Текст
текст
bd9ced2e-9889-4b27-ba66-6c213e378706
bc79b32f-713e-4508-bb8e-a6819582a051
ID
u_val
Идентификатор блока
21e1afc6-9e62-4dfe-8030-c6e4eede4e4e
69c7f372-0b43-4a00-894b-22062051f4b2
Настройка
072f41c0-08e0-45d5-a1ea-f601962a9135
809701d9-e485-4d03-97f4-c3f9576cf2c2
if (portal.update(ID)) portal.answer(Text);
59
add.AJAX_UPDATE(PSTR(ID), Период_обновления );
add.LABEL(Текст,Настройка,ID);
84
GyverPortal_PASS_U
Pass
44dd4130-d54e-42c1-a337-e8eb6adcbdf5
ecef35b8-6cb4-48ad-97c9-8763372d0948
38b97112-5922-4f32-a93d-18d3c9073ac9
GyverPortal PASS_U Вывод пароли
Окно для вывода пароли, пароль шифруется звездочками.
53
length_str
ef513caa-5e54-4c90-80a5-de6e030723f5
cad59aa9-b5c0-46c6-bf8c-fa8482893705
Период_обновления
Период_обновления в миллисекундах
deb86518-7f36-4e73-b8fc-8bb90441bdf6
5ff278d1-363e-40c2-beab-ae5f3e41256c
//Pass.toCharArray(textStr, Pass.length()+1);
// if (portal.update("pass")) portal.answer( textStr );
if (portal.update("pass")) portal.answer(Pass);
156
add.AJAX_UPDATE(PSTR("pass"), Период_обновления);
add.PASS("pass", "pass");
82
char textStr[length_str];
6e1c418b-67f6-43ee-9984-fc6fac3fe05c
Окно для вывода пароли, пароль шифруется звездочками.
В настройках можно установить(по умолчанию ничего не установлено, применяются настройки из библиотеки):
(Мини кнопку уже настроенную в библиотеке можно задать так " push_butmini".)
1.Ширину компонента
width40
width50
width60
width100
width150
width200
width250
width300
width320
width350
widthauto
2.Высоту компонентов
height30
height50
height70
height100
height150
height200
height250
height300
height350
heightauto
3.Высоту шрифта
font16
font20
font40
font60
font80
font100
font150
font200
font250
4.Цвет шрифта
fontgreen_4CAF50
fontblue_264280
fontblue_0000ff
fontcyan_16747a
fontyellow_c79536
fontgrey_777777
fontred_a5381b
fontpurpe_5c3580
5.Цвет компонента
backgroundgreen_4CAF50
backgroundblue_264280
backgroundcyan_16747a
backgroundyellow_c79536
backgroundgrey_777777
backgroundred_a5381b
backgroundpurpe_5c3580
6.Цвет с градиентом:
backgroundred_gradient
backgroundgreen_gradient
backgroundyellow_gradient
7. Выравнивание компонента
position_left
position_right
positiontop_btn
ВНИМАНИЕ! Свойства компонента можно подавать несколько через пробел,
например, для компонента шириной 100рх, цвета красного градиента, цветом шрифта серый 777777 и расположенный слева, константу писать так: "width100 backgroundred_gradient fontgrey_777777 position_left".
Аналогично можно передать и другие свойства компоненту.
Круглый компонент создается при равном ширине и высоте компонента и радиусе закругления равном их половине.
1515
length_str
ef513caa-5e54-4c90-80a5-de6e030723f5
Период_обновления
Период_обновления в миллисекундах
deb86518-7f36-4e73-b8fc-8bb90441bdf6
ID
u_pass
Идентификатор блока
c40fe9a9-fb8c-432f-964e-902f9080745e
26868eec-57a7-45ae-9f39-a86c3abfacd6
Подсказка
password
2c9e9b0a-3ed3-47b2-8613-126ee54c3783
89281cb0-b7ac-4c6e-97af-3dd064adb746
Настройка
53486589-d690-41c7-884d-236f7ac7e3c4
46940ef8-920c-42f4-9e16-979d9c96efc7
if (portal.update(ID)) portal.answer(Pass);
45
add.AJAX_UPDATE(PSTR(ID), Период_обновления);
add.PASS(ID, Подсказка,valPass,Настройка);
95
valPass
[10];
char
GyverPortal_TEXT_U
Text
5f5597c6-5114-4d3b-a7b9-f31381992300
73f4c81b-834b-4b88-8462-bc622106cdfa
1a984a17-eefe-4928-9bc8-fedf63dedeea
GyverPortal TEXT_U Вывод текста
Поле для вывода текста
22
Период_обновления
Период_обновления в миллисекундах
8d53c6c1-2ca9-4713-96f5-ea37ffaa1a37
9b704e29-413c-444d-bb31-ba1f74e88e44
Text.toCharArray(textStr, Text.length()+1);
if (portal.update("txt")) portal.answer(textStr);
add.AJAX_UPDATE(PSTR(""), Период_обновления);
add.TEXT("txt", "text");
textStr
[length_str];
char
306fef81-8db5-4cdb-847b-ede8ed0b29fe
Поле для вывода текста.
В настройках можно установить(по умолчанию ничего не установлено, применяются настройки из библиотеки):
(Мини кнопку уже настроенную в библиотеке можно задать так " push_butmini".)
1.Ширину компонента
width40
width50
width60
width100
width150
width200
width250
width300
width320
width350
widthauto
2.Высоту компонентов
height30
height50
height70
height100
height150
height200
height250
height300
height350
heightauto
3.Высоту шрифта
font16
font20
font40
font60
font80
font100
font150
font200
font250
4.Цвет шрифта
fontgreen_4CAF50
fontblue_264280
fontblue_0000ff
fontcyan_16747a
fontyellow_c79536
fontgrey_777777
fontred_a5381b
fontpurpe_5c3580
5.Цвет компонента
backgroundgreen_4CAF50
backgroundblue_264280
backgroundcyan_16747a
backgroundyellow_c79536
backgroundgrey_777777
backgroundred_a5381b
backgroundpurpe_5c3580
6.Цвет с градиентом:
backgroundred_gradient
backgroundgreen_gradient
backgroundyellow_gradient
7. Выравнивание компонента
position_left
position_right
positiontop_btn
ВНИМАНИЕ! Свойства компонента можно подавать несколько через пробел,
например, для компонента шириной 100рх, цвета красного градиента, цветом шрифта серый 777777 и расположенный слева, константу писать так: "width100 backgroundred_gradient fontgrey_777777 position_left".
Аналогично можно передать и другие свойства компоненту.
Круглый компонент создается при равном ширине и высоте компонента и радиусе закругления равном их половине.
1485
ID
u_txt
Идентификатор блока
572b5e69-31eb-49bb-b88f-e1153caf51f5
5be91188-b008-4fbc-bac3-092ef25127ed
Подсказка
текст
a70490c0-0d99-403c-9a7f-5e08d99a3f30
c1afeccc-5b94-4bf0-9cb3-86a77924c41c
Настройка
ad1a9c5a-fb19-453f-8ca7-c9afedff06f2
83a6b172-2571-4bb4-a582-29007749d90a
if (portal.update(ID)) portal.answer(Text);
add.AJAX_UPDATE(PSTR(ID), Период_обновления);
add.TEXT(ID, Подсказка,valText,Настройка);
93
valText
;
String
GyverPortal_COLOR_U
Color
3fdd90a1-7116-433b-ab27-ef360f61979a
105f30d8-98b2-4702-81fd-4d653e3056c3
02042f08-1d4e-4632-9d49-1126f813b83d
GyverPortal COLOR_U Цвет
Выбор цвета поля
Период_обновления
Период_обновления в миллисекундах
0843698d-6a4e-4aa5-9403-a0d2a0f53e0b
98402658-5022-498b-903b-0b52d4e7be15
if (portal.update("col")) portal.answer(encodeColor(Color);
63
add.AJAX_UPDATE(PSTR("col"), Период_обновления);
add.COLOR("col", valCol);
79
valCol
;
uint32_t
2ca4a9f6-eaeb-40be-8cbb-4ebc91d759a0
ID
u_col
Идентификатор блока
76f27d09-45c0-438f-bdf6-7b630e4d8648
e7986534-c95a-41e8-afa8-020f3c534381
if (portal.update(ID)) portal.answer(encodeColor(Color));
61
add.AJAX_UPDATE(PSTR(ID), Период_обновления);
add.COLOR(ID);
GyverPortal_DATE_U
Year
8046a97f-21c8-453e-8123-c0916602a7f4
d8ea79f3-2faa-4a64-97dc-83e18378010e
Month
960f4dc7-4894-42c9-8ed1-16124bda9773
cf6f00ab-4d29-4ebb-b5e1-cbc550f064d1
Day
e3cfa853-7f5d-4cf5-8c9d-61d2b723cef3
2b599b38-c641-4dc4-8961-d779234da529
f546c997-4cdd-4ddc-8452-36aa8f5516b7
GyverPortal DATE_U Ввод даты
Вывод даты
10
Период_обновления
Период_обновления в миллисекундах
bb2ee2af-394b-4ae2-8320-9fad3ec2775e
0651f4f3-09bf-4946-bcb5-7491a1990309
if (portal.update("date")) portal.answer(encodeDate( Year, Month, Day );
76
add.AJAX_UPDATE(PSTR("date"), Период_обновления);
add.DATE("date", valDate);
valDate
;
GPdate
42c956d7-57f6-408a-81f9-f14ab66ce108
ID
u_date
Идентификатор блока
23ea7e8b-8b0f-4b6f-a59d-f7d246286375
f25dc613-d5d1-4054-bdd5-520406da71d0
if (portal.update(ID)) portal.answer(encodeDate( Year, Month, Day));
add.AJAX_UPDATE(PSTR(ID), Период_обновления);
add.DATE(ID);
64
GyverPortal_NUM_U
Num
a2069005-909f-437d-bb83-e00a59f539af
0f011132-0fe2-4f4b-b273-41b1fdf6aa88
c277fdf3-3bf9-46c6-b430-52aadc4c127f
GyverPortal NUM_U Ввод числа int
Вывод числа в int
Название
Число
51bf193b-f17e-45c4-8edc-da2890078688
79386dd9-0af9-4622-9790-2e0b73bcc1be
Период_обновления
fc83b315-a703-48c3-90ab-791da667c85a
ebaa0dc6-8716-4504-b401-7b982a83464a
if (portal.update("num")) portal.answer( Num );
add.AJAX_UPDATE(PSTR("num"), Период_обновления);
add.NUMBER("num",Название, valNum);
89
valNum
;
int
b861bbb7-4e57-46d6-9fa2-32f17d96ee2f
Вывод числа в int.
В параметре Настройка можно устанавливается: ширина, высота, цвет, выравнивание компонентов, высота, цвет шрифта.
В настройках можно установить(по умолчанию ничего не установлено, применяются настройки из библиотеки):
(Мини кнопку уже настроенную в библиотеке можно задать так " push_butmini".)
1.Ширину компонента
width40
width50
width60
width100
width150
width200
width250
width300
width320
width350
widthauto
2.Высоту компонентов
height30
height50
height70
height100
height150
height200
height250
height300
height350
heightauto
3.Высоту шрифта
font16
font20
font40
font60
font80
font100
font150
font200
font250
4.Цвет шрифта
fontgreen_4CAF50
fontblue_264280
fontblue_0000ff
fontcyan_16747a
fontyellow_c79536
fontgrey_777777
fontred_a5381b
fontpurpe_5c3580
5.Цвет компонента
backgroundgreen_4CAF50
backgroundblue_264280
backgroundcyan_16747a
backgroundyellow_c79536
backgroundgrey_777777
backgroundred_a5381b
backgroundpurpe_5c3580
6.Цвет с градиентом:
backgroundred_gradient
backgroundgreen_gradient
backgroundyellow_gradient
7. Выравнивание компонента
position_left
position_right
positiontop_btn
ВНИМАНИЕ! Свойства компонента можно подавать несколько через пробел,
например, для компонента шириной 100рх, цвета красного градиента, цветом шрифта серый 777777 и расположенный слева, константу писать так: "width100 backgroundred_gradient fontgrey_777777 position_left".
Аналогично можно передать и другие свойства компоненту.
Круглый компонент создается при равном ширине и высоте компонента и радиусе закругления равном их половине.
1594
Название
Число
51bf193b-f17e-45c4-8edc-da2890078688
Период_обновления
fc83b315-a703-48c3-90ab-791da667c85a
ID
u_num
Идентификатор блока
8c772ada-4011-4496-be09-c7ff3bfc8809
d08b6900-9010-469d-97e4-416f19d83113
Настройка
bf5e8336-d80a-4aa0-a936-716aca70d14a
c5d68a87-fc24-4d57-88e4-493858e07a96
if (portal.update(ID)) portal.answer( Num );
48
add.AJAX_UPDATE(PSTR(ID), Период_обновления);
add.NUMBER(ID,Название,Настройка,valNum);
92
GyverPortal_SLIDER_U
Slider
22def129-509c-4a2b-915a-c57dd02aaa33
7881e886-d387-4d16-b282-fa72ecb210b2
462d13ca-4e8a-4f72-9767-1b27c2725e14
GyverPortal SLIDER_U Ползунок
Ползунок, на вход подавать числа от 0 до 10.
44
Период_обновления
Период_обновления в миллисекундах
91400547-9b7c-4f67-948a-26d0b715f661
92389040-1564-4cb2-98ff-5f4fae36ce76
if (portal.update("sld")) portal.answer( Slider );
add.AJAX_UPDATE(PSTR("sld"), Период_обновления);
add.SLIDER("sld", valSlider, 0, 10);
90
valSlider
;
int
0df873bd-c2b1-4b99-8d59-417cd44863c5
Ползунок, на вход подавать числа от Min до Max.
47
ID
u_sld
Идентификатор блока
f122ed3e-03c1-477c-9232-640797816a70
bed25ba0-be9d-4c86-bf9a-7c1f4428b805
Min
0
9e2ace6e-5747-4786-8af7-6fae769bbd29
163aeacb-a675-4fe4-bc8d-6bc4b716011c
Max
bef17dd4-55f7-4058-a9ff-9e36d74c3d49
152af9a2-5524-4071-bc74-1b66b327dd9d
Step
Шаг
d5553661-9d45-4da2-a87f-6af8d8afcd05
15420ee3-2d8d-4408-b564-9dad918223ad
Label
Слайдер
Название слайдера
52a9d7e8-95a5-4849-bdd7-5d165161a958
3c256eba-cb7d-4a7d-b27f-b9db31ab1772
if (portal.update(ID)) portal.answer( Slider );
52
add.AJAX_UPDATE(PSTR(ID), Период_обновления);
add.SLIDER(ID,Label, valSlider, Min, Max, Step);
99
GyverPortal_SWITCH_U
Switch
74c144e0-f8ec-46c1-a219-bbd9f01b80db
ddd6f0d6-4c2e-433b-8a75-a8b85f1c8ef1
45b361c1-3a64-4534-aabe-b50f89834f41
GyverPortal SWITCH_U Переключатель
Переключатель, на входе низкий или высокий уровень
Период_обновления
1482c677-826c-4527-b3ce-700dc99d56ec
e8a5ff43-dbf1-4d88-b775-e1a3636e9a48
if (portal.update("sw")) portal.answer(Switch);
add.AJAX_UPDATE(PSTR("sw"), Период_обновления);
add.SWITCH("sw", valSwitch);
valSwitch
;
bool
4fda3bfd-f483-4480-b9b7-1e8a98e973c6
Период_обновления в миллисекундах
ID
u_sw
Идентификатор блока
89f2d021-e1f7-46a3-89be-842f122690b9
ec80b70e-aee5-4596-bb84-2f2638f86f14
if (portal.update(ID)) portal.answer(Switch);
add.AJAX_UPDATE(PSTR(ID), Период_обновления);
add.SWITCH(ID);
66
GyverPortal_TITLE_U
Text
30712caa-ed9d-43f7-bed0-fef79f604155
94a09c4a-2d53-42d4-bbbc-22de60a5cf20
8cc15f91-6ed4-4a57-8dc7-2d173edadf4c
GyverPortal TITLE_U Титул
Блок выводит титул для страницы.
В режиме Обновление происходит изменение текста.
В параметре Настройка можно устанавливается: ширина, высота, цвет, выравнивание компонентов, высота, цвет шрифта.
В настройках можно установить(по умолчанию ничего не установлено, применяются настройки из библиотеки):
1.Ширину компонента
width40
width50
width60
width100
width150
width200
width250
width300
width320
width350
widthauto
2.Высоту компонентов
height30
height50
height70
height100
height150
height200
height250
height300
height350
heightauto
3.Высоту шрифта
font16
font20
font40
font60
font80
font100
font150
font200
font250
4.Цвет шрифта
fontgreen_4CAF50
fontblue_264280
fontcyan_16747a
fontyellow_c79536
fontgrey_777777
fontred_a5381b
fontpurpe_5c3580
5.Цвет компонента
backgroundgreen_4CAF50
backgroundblue_264280
backgroundcyan_16747a
backgroundyellow_c79536
backgroundgrey_777777
backgroundred_a5381b
backgroundpurpe_5c3580
6.Цвет с градиентом:
backgroundred_gradient
backgroundgreen_gradient
backgroundyellow_gradient
ВНИМАНИЕ! Свойства компонента можно подавать несколько через пробел,
например, для компонента шириной 100рх, цвета красного градиента, цветом шрифта серый 777777 и расположенный слева, константу писать так: "width100 backgroundred_gradient fontgrey_777777".
Аналогично можно передать и другие свойства компоненту.
Круглый компонент создается при равном ширине и высоте компонента и радиусе закругления равном их половине.
1474
Период_обновления
Период_обновления в миллисекундах
f85bae44-8998-4e71-9c3c-9eb10306b126
cab9e122-3807-4f76-8f91-7e3422e38534
ID
u_t1
Идентификатор блока
c71b196f-ad28-4f06-aaa7-111123dbb329
b6a1c9df-2e63-4b42-903d-c73cbe1bd04b
Текст
Титул
26ea9104-6244-4ae4-88be-923b9cb420b3
51a387ba-47b4-485a-ad88-00591479db65
Настройка
3a541551-1ca6-4f11-b3eb-e504c32b961e
b4fba9d0-28a7-479f-8a47-8867b37f0376
if (portal.update(ID)) portal.answer(Text);
add.AJAX_UPDATE(PSTR(ID), Период_обновления );
add.TITLE(Текст,Настройка,ID);
GyverPortal_AREA_U
GiverPortal_AREA_text
Text
6bea18e9-8f4a-4e38-bf07-5e829afaf737
faac0a55-709d-41e7-8e7c-a71cfd4e3e43
db1b492f-532f-46e2-83bc-c0498359af8a
GyverPortal AREA Область для текста
Блок позволяет вывести участок для текста, текст (задается в параметрах).
Количество_строк
aa744919-9e55-43ce-9005-054da90fec9f
3ccdb10f-b481-4315-b8ef-ce832d1b84e0
if (portal.click("txt")) {
valText = portal.getString("area");
Text = valText;
}
add.AREA("area", Количество_строк, valText);
valText
;
String
0b436610-234d-4a13-a5f9-b4af4c348e2a
GyverPortal AREA_U Область для текста
Блок позволяет вывести многострочный текст в поле, текст выводится со входа.
В параметре Настройка можно устанавливается: ширина, высота, цвет, выравнивание компонентов, высота, цвет шрифта.
В настройках можно установить(по умолчанию ничего не установлено, применяются настройки из библиотеки):
1.Ширину компонента
width40
width50
width60
width100
width150
width200
width250
width300
width320
width350
widthauto
2.Высоту компонентов
height30
height50
height70
height100
height150
height200
height250
height300
height350
heightauto
3.Высоту шрифта
font16
font20
font40
font60
font80
font100
font150
font200
font250
4.Цвет шрифта
fontgreen_4CAF50
fontblue_264280
fontcyan_16747a
fontyellow_c79536
fontgrey_777777
fontred_a5381b
fontpurpe_5c3580
5.Цвет компонента
backgroundgreen_4CAF50
backgroundblue_264280
backgroundcyan_16747a
backgroundyellow_c79536
backgroundgrey_777777
backgroundred_a5381b
backgroundpurpe_5c3580
6.Цвет с градиентом:
backgroundred_gradient
backgroundgreen_gradient
backgroundyellow_gradient
7. Выравнивание компонента
position_left
position_right
positiontop_btn
ВНИМАНИЕ! Свойства компонента можно подавать несколько через пробел,
например, для компонента шириной 100рх, цвета красного градиента, цветом шрифта серый 777777 и расположенный слева, константу писать так: "width100 backgroundred_gradient fontgrey_777777 position_left".
Аналогично можно передать и другие свойства компоненту.
Круглый компонент создается при равном ширине и высоте компонента и радиусе закругления равном их половине.
1561
ID
u_area
Идентификатор блока
77cc4c65-526f-464e-8886-e710a1e0a44b
0ae5b237-c0f5-4a16-b365-966088460122
Период_обновления
197384b9-fbf8-40e2-8931-be5aea630c88
c2c0ff89-a4c5-42bc-8e36-b1653a18b1a8
Настройка
384e4544-e14a-46a2-8a74-3e1be3145944
7ae5a24b-7a7b-414a-801a-9a913bfa8c7e
Количество_строк
aa744919-9e55-43ce-9005-054da90fec9f
if (portal.update(ID)) portal.answer(Text);
add.AJAX_UPDATE(PSTR(ID), Период_обновления);
add.AREA(ID,Настройка,Количество_строк);
GyverPortal_TIME_U
Hours
e7b85d81-74da-49b3-acb2-b11a73259c33
6de39272-909c-458c-a1ff-7feabd5dc511
Min
a878c561-c4c6-4a75-aae8-4264408a45e3
ea471cc0-e5fe-425a-a8c0-4be933b6719c
Sec
c776c801-aaec-4327-b383-3b5c4e58be39
77ad2211-d41a-4b31-99c0-4746ff4f2e1a
d7746030-0055-4668-8a0e-760cd9e1ba00
GyverPortal TIME_U Время
Поле для ввода времени
Период_обновления
Период_обновления в миллисекундах
67d6b6c0-a8cf-4e2d-986d-bc4f10cf635a
1f2780ac-b25d-4eeb-9a3a-684eedeb37c8
if (portal.update("time")) portal.answer(encodeTime(Hours, Min, Sec));
}
78
add.AJAX_UPDATE(PSTR("sw"), Период_обновления);
add.TIME("time");
a44f5be7-6880-43f0-97f5-bd6163b693c0
ID
u_time
e9ce2071-3777-4932-a4cf-62ea561e1eca
7e3f8be9-b4bf-48d5-9c04-2017058f278f
if (portal.update(ID)) portal.answer(encodeTime(Hours, Min, Sec));
}
74
add.AJAX_UPDATE(PSTR(ID), Период_обновления);
add.TIME(ID);
GyverPortal_CHECK_U
Check
34aec2ed-f242-421d-a8f1-d881b7fa62b9
64a97e59-bfb3-4944-9cdb-0e1ea3726a3a
043f8f1e-c8de-4290-8095-34dccf96dea6
GyverPortal CHECK_U Флажок
Блок выводит "флажок", при установке "галочки" на выходе высокий уровень
Период_обновления
Период_обновления в миллисекундах
0bc563eb-1932-4660-a35d-7a0e4283a61f
463f0612-0910-4134-ae14-e9c641089338
if (portal.update("ch")) portal.answer(Check);
add.AJAX_UPDATE(PSTR("t1"), Период_обновления );
add.CHECK("ch", valCheck);
85
valCheck
;
bool
37a39f0a-348b-4500-ac0c-a820172c6897
ID
u-ch
Идентификатор блока
97983905-70bc-463e-8c12-7ef1f0a62c8c
f98d0f26-297f-4f27-800b-9a8b6567366f
if (portal.update(ID)) portal.answer(Check);
add.AJAX_UPDATE(PSTR(ID), Период_обновления );
add.CHECK(ID);
Компоненты
6d627380-72f1-4df1-b658-713d175b32a4
Блоки для режима Обновление
11c02d2b-0fa9-44f4-8436-c9ccf11bc755
GyverPortal_BUTTON_id_CL
GiverPortal_BUTTON
Button
db2f59db-73bf-4ea6-bd4a-5e7f1229d661
919dd590-093a-43a2-b9a2-564928991706
4586ea05-1892-44ae-816b-ee0575cefb23
GyverPortal BUTTON
Список
val 1,val 2,val 3
2e9da45c-af77-4442-87bb-db92d2d21dde
710a1f33-f5ae-4715-b64f-6286ebb27ae0
if (portal.click("btn")) {
if (Button == LOW) Button = HIGH;
else Button = LOW;
}
add.BUTTON("btn", "Button");
31
f78a8d74-60f1-465b-9243-572750d02607
GyverPortal BUTTON_CL_id Кнопка c id
Кнопка с эффектом нажатия и изменения цвета (потемнение) при наведении курсора.
При нажатии кнопки, с компонента id кнопка отправит данные,
его состояние изменяется на противоположное.
В параметре Настройка можно устанавливается: ширина, высота, цвет, выравнивание компонентов, высота, цвет шрифта.
В настройках можно установить(по умолчанию ничего не установлено, применяются настройки из библиотеки):
(Мини кнопку уже настроенную в библиотеке можно задать так " push_butmini".)
1.Ширину компонента
width40
width50
width60
width100
width150
width200
width250
width300
width320
width350
widthauto
2.Высоту компонентов
height30
height50
height70
height100
height150
height200
height250
height300
height350
heightauto
3.Высоту шрифта
font16
font20
font40
font60
font80
font100
font150
font200
font250
4.Цвет шрифта
fontgreen_4CAF50
fontblue_264280
fontcyan_16747a
fontyellow_c79536
fontgrey_777777
fontred_a5381b
fontpurpe_5c3580
5.Цвет компонента
backgroundgreen_4CAF50
backgroundblue_264280
backgroundcyan_16747a
backgroundyellow_c79536
backgroundgrey_777777
backgroundred_a5381b
backgroundpurpe_5c3580
6.Цвет с градиентом:
backgroundred_gradient
backgroundgreen_gradient
backgroundyellow_gradient
7. Выравнивание компонента
position_left
position_right
positiontop_btn
ВНИМАНИЕ! Свойства компонента можно подавать несколько через пробел,
например, для компонента шириной 100рх, цвета красного градиента, цветом шрифта серый 777777 и расположенный слева, константу писать так: "width100 backgroundred_gradient fontgrey_777777 position_left".
Аналогично можно передать и другие свойства компоненту.
Круглый компонент создается при равном ширине и высоте компонента и радиусе закругления равном их половине.
1745
Имя
i_btn
Имя блока
88bb68b3-c52c-4561-af5e-88108cf43f84
f5deeee2-18d1-4360-a149-d5dc0eb4f9b4
Текст
КНОПКА
Кнопка
d1cf6bd9-ffd5-491e-b4bf-4c971067de52
45b7c1bd-6ffd-42e9-9d5e-ff0cfd85484e
id
txt
id компонента, с которого кнопка отправит данные по click(по умолчанию с блока TEXT_CL)
3896e2a9-6ffb-4ebd-adbc-7191a83c7b45
3b69a94c-2ed5-4900-8412-a5ac2b391fc7
Настройки
backgroundgreen_gradient
6b63db22-75c2-47a4-abef-da93c5f937f9
backgroundgreen_gradient fontred_a5381b
e27d9130-3267-4c4d-9564-c90dd13e7625
add.BUTTON(Имя,Текст,id, Настройки);
39
GyverPortal_BUTTON_CL
GiverPortal_BUTTON
Button
db2f59db-73bf-4ea6-bd4a-5e7f1229d661
919dd590-093a-43a2-b9a2-564928991706
4586ea05-1892-44ae-816b-ee0575cefb23
GyverPortal BUTTON
Список
val 1,val 2,val 3
2e9da45c-af77-4442-87bb-db92d2d21dde
710a1f33-f5ae-4715-b64f-6286ebb27ae0
if (portal.click("btn")) {
if (Button == LOW) Button = HIGH;
else Button = LOW;
}
add.BUTTON("btn", "Button");
571c2116-8c3b-4c56-aa73-a7e0681c182c
GyverPortal BUTTON_CL Кнопка
Кнопка . С эффектом нажатия и изменения цвета (потемнение) при наведении курсора.
При нажатии кнопки его состояние изменяется на противоположное.
В параметре Настройка можно устанавливается: ширина, высота, цвет, выравнивание компонентов, высота, цвет шрифта.
В настройках можно установить(по умолчанию ничего не установлено, применяются настройки из библиотеки):
(Мини кнопку уже настроенную в библиотеке можно задать так " push_butmini".)
1.Ширину компонента
width40
width50
width60
width100
width150
width200
width250
width300
width320
width350
widthauto
2.Высоту компонентов
height30
height50
height70
height100
height150
height200
height250
height300
height350
heightauto
3.Высоту шрифта
font16
font20
font40
font60
font80
font100
font150
font200
font250
4.Цвет шрифта
fontgreen_4CAF50
fontblue_264280
fontcyan_16747a
fontyellow_c79536
fontgrey_777777
fontred_a5381b
fontpurpe_5c3580
5.Цвет компонента
backgroundgreen_4CAF50
backgroundblue_264280
backgroundcyan_16747a
backgroundyellow_c79536
backgroundgrey_777777
backgroundred_a5381b
backgroundpurpe_5c3580
6.Цвет с градиентом:
backgroundred_gradient
backgroundgreen_gradient
backgroundyellow_gradient
7. Выравнивание компонента
position_left
position_right
positiontop_btn
ВНИМАНИЕ! Свойства компонента можно подавать несколько через пробел,
например, для компонента шириной 100рх, цвета красного градиента, цветом шрифта серый 777777 и расположенный слева, константу писать так: "width100 backgroundred_gradient fontgrey_777777 position_left".
Аналогично можно передать и другие свойства компоненту.
Круглый компонент создается при равном ширине и высоте компонента и радиусе закругления равном их половине.
1704
Настройки
ширина, высота, цвет выравнивание компонентов, высота, цвет шрифта
7f808db8-94e9-411b-b03f-67b5755e02d7
adcbe22b-d326-4ab2-a6e9-4cf3a20720a1
Имя
btn
Имя блока
88bb68b3-c52c-4561-af5e-88108cf43f84
f5deeee2-18d1-4360-a149-d5dc0eb4f9b4
Текст
КНОПКА
Кнопка
d1cf6bd9-ffd5-491e-b4bf-4c971067de52
45b7c1bd-6ffd-42e9-9d5e-ff0cfd85484e
if (portal.click(Имя)) {
if (Button == LOW) Button = HIGH;
else Button = LOW;
}
add.BUTTON( Имя, Текст, Настройки );
Кнопки
164bb8c2-02fa-42be-839d-13d94c57c06f
GyverPortal_TEXT_CL
GiverPortal_TEXT
Text
8f0e8ada-e7e6-4a3e-b59f-37d22fa1e3c7
5f837d1b-b07f-4437-bea1-e39913540506
2122167a-23f3-418e-a106-7f94b4cac863
GyverPortal TEXT
valText = portal.getString("txt");
Text = valText;
add.TEXT("txt", "text", valText);
valText
;
String
cb5d77f5-6236-4b9b-8bb5-5608bd928684
GyverPortal TEXT_CL Ввод текста
Поле для ввода текста
В параметре Настройка можно устанавливается: ширина, высота, цвет, выравнивание компонентов, высота, цвет шрифта.
В настройках можно установить(по умолчанию ничего не установлено, применяются настройки из библиотеки):
1.Ширину компонента
width40
width50
width60
width100
width150
width200
width250
width300
width320
width350
widthauto
2.Высоту компонентов
height30
height50
height70
height100
height150
height200
height250
height300
height350
heightauto
3.Высоту шрифта
font16
font20
font40
font60
font80
font100
font150
font200
font250
4.Цвет шрифта
fontgreen_4CAF50
fontblue_264280
fontcyan_16747a
fontyellow_c79536
fontgrey_777777
fontred_a5381b
fontpurpe_5c3580
5.Цвет компонента
backgroundgreen_4CAF50
backgroundblue_264280
backgroundcyan_16747a
backgroundyellow_c79536
backgroundgrey_777777
backgroundred_a5381b
backgroundpurpe_5c3580
6.Цвет с градиентом:
backgroundred_gradient
backgroundgreen_gradient
backgroundyellow_gradient
7. Выравнивание компонента
position_left
position_right
positiontop_btn
ВНИМАНИЕ! Свойства компонента можно подавать несколько через пробел,
например, для компонента шириной 100рх, цвета красного градиента, цветом шрифта серый 777777 и расположенный слева, константу писать так: "width100 backgroundred_gradient fontgrey_777777 position_left".
Аналогично можно передать и другие свойства компоненту.
Круглый компонент создается при равном ширине и высоте компонента и радиусе закругления равном их половине.
1504
Настройки
185590c6-16b3-45ab-a0cd-2f961cbb20dd
0a06272f-fe96-4e81-9db3-e13cd67930bc
ID
txt
Идентификатор блока
92255148-4d67-4467-8b3d-636d857203de
29bf4f21-c752-41c6-8739-5ad8c96e2134
Подсказка
текст
47d650a1-9910-4006-a3bf-d0f91cbf4079
1677b34d-553e-48ec-9f51-2920bd574352
if (portal.click(ID)) {
valText = portal.getString(ID);
Text = valText;
}
add.TEXT(ID, Подсказка, valText, Настройки);
GyverPortal_PASS_CL
GiverPortal_PASS
Passw
e22f22b6-d66e-4e0a-af35-f034a2211290
694d3ec7-57f9-4b8b-a038-743de0681d6a
38a40e27-6451-4398-894d-080297da1753
GyverPortal PASS
if (portal.click(""pass")) {
portal.copyStr("pass", valPass);
Passw = String(valPass);
}
103
add.PASS("pass", "pass", valPass);
valPass
[10];
char
15d1e05e-0d9a-4cc3-ae2e-6e8b9a0ec37d
GyverPortal PASS_CL Ввод пароли
Окно для ввода пароли, пароль шифруется звездочками.
В параметре Настройка можно устанавливается: ширина, высота, цвет, выравнивание компонентов, высота, цвет шрифта.
В настройках можно установить(по умолчанию ничего не установлено, применяются настройки из библиотеки):
1.Ширину компонента
width40
width50
width60
width100
width150
width200
width250
width300
width320
width350
widthauto
2.Высоту компонентов
height30
height50
height70
height100
height150
height200
height250
height300
height350
heightauto
3.Высоту шрифта
font16
font20
font40
font60
font80
font100
font150
font200
font250
4.Цвет шрифта
fontgreen_4CAF50
fontblue_264280
fontblue_0000ff
fontcyan_16747a
fontyellow_c79536
fontgrey_777777
fontred_a5381b
fontpurpe_5c3580
5.Цвет компонента
backgroundgreen_4CAF50
backgroundblue_264280
backgroundcyan_16747a
backgroundyellow_c79536
backgroundgrey_777777
backgroundred_a5381b
backgroundpurpe_5c3580
6.Цвет с градиентом:
backgroundred_gradient
backgroundgreen_gradient
backgroundyellow_gradient
7. Выравнивание компонента
position_left
position_right
positiontop_btn
ВНИМАНИЕ! Свойства компонента можно подавать несколько через пробел,
например, для компонента шириной 100рх, цвета красного градиента, цветом шрифта серый 777777 и расположенный слева, константу писать так: "width100 backgroundred_gradient fontgrey_777777 position_left".
Аналогично можно передать и другие свойства компоненту.
Круглый компонент создается при равном ширине и высоте компонента и радиусе закругления равном их половине.
1551
Имя
pass
Идентификатор блока
6493851b-e1a7-4197-b5e3-1eadd92d690d
176d1d16-6332-4e7f-ac85-74cb0cd8a250
Подсказка
пароль
e80d92ad-76a8-4b13-955f-f3d2472b21c8
f4b101d5-881e-4f12-9d6b-2b70c952c05b
Настройка
5f991bf7-c145-4e2e-8053-d059e762003f
3b9b9088-c767-44b4-96f2-751f37279d72
if (portal.click(Имя)) {
portal.copyStr(Имя, valPass);
Passw = String(valPass);
}
96
add.PASS(Имя, Подсказка, valPass,Настройка, valPass);
GyverPortal_COLOR_CL
GiverPortal_COLOR
Color
9801e04e-fa18-4efe-874c-2a832b49c1c3
b653bb99-8939-4859-a464-3694099f993c
58f466c6-5f15-4b07-bbc1-e4defb760e53
GyverPortal COLOR
Список
val 1,val 2,val 3
2e9da45c-af77-4442-87bb-db92d2d21dde
710a1f33-f5ae-4715-b64f-6286ebb27ae0
if (portal.click("col")) {
valCol = portal.getColor("col");
Color = valCol;
}
add.COLOR("col", valCol); add.BREAK();
41
valCol
;
uint32_t
1f119d87-343a-45af-b4e0-309f6a0a8e6d
GyverPortal COLOR_CL Цвет
Выбор цвета поля
Имя
col
Имя блока
dbb6aa41-5afc-4cc5-82bc-4b3a0d2b4434
cdd6fd6d-75b2-447b-aced-3125b81ba051
if (portal.click(Имя)) {
valCol = portal.getColor(Имя);
Color = valCol;
}
87
add.COLOR(Имя, valCol);
26
GyverPortal_SELECT_CL
GiverPortal_SELECT
Select
1d5d106f-ce59-4615-8356-f15556c505a4
b22253ea-2b60-4005-8296-9c0cc48e9b48
2288490c-44c0-447c-b740-af13d5a4868a
GyverPortal SELECT
Список
val 1,val 2,val 3
2e9da45c-af77-4442-87bb-db92d2d21dde
710a1f33-f5ae-4715-b64f-6286ebb27ae0
if (portal.click("sel")) {
valSelect = portal.getSelected("sel", Список);
Select = valSelect;
}
107
add.SELECT("sel", Список, valSelect); add.BREAK();
valSelect
;
int
018e9503-98c9-4474-904c-4dd581df246d
GyverPortal SELECT_CL Выбор из списка
На выходе Select при выборе пункта из списка появляются значения от 0 и выше.
Список создается в параметрах через запятую.
122
1,2,3,4,5,6,7,8
Имя
sel
Идентификатор блока
dcecb477-e74d-442f-94ae-be2e66e51c80
d2b6852c-c256-400d-bcf6-df97b5fea1d7
if (portal.click(Имя)) {
valSelect = portal.getSelected(Имя, Список);
Select = valSelect;
}
add.SELECT(Имя, Список, valSelect);
38
GyverPortal_TIME_CL
GiverPortal_TIME
Time
23a6be22-8f20-4bf5-ad00-12fe3e5ad1d9
fa9b3875-76bf-47b4-a6d7-abd7a5430d6a
09516a6c-f003-473b-8fdf-644c9ebea3fe
GyverPortal TIME
if (portal.click("time")) {
valTime = portal.getTime("time");
Time = encodeTime(valTime);
}
add.TIME("time", valTime); add.BREAK();
valTime
;
GPtime
ac84abb0-cf07-45e0-b5e2-495f231f9fea
GyverPortal TIME_CL Время
Поле для ввода времени
ID
time
Идентификатор блока
af4de5b9-8899-45ef-8424-b2f06ac06d1f
bbd770d2-2993-42a8-a7b0-1ad3eac1ad97
if (portal.click(ID)) {
valTime = portal.getTime(ID);
Time = encodeTime(valTime);
}
add.TIME(ID, valTime);
GyverPortal_SWITCH_CL
GiverPortal_SWITCH
Switch
ff8c5466-a46f-4e27-b258-8d18ffb7189f
cf223da6-41bd-4782-a63e-f8e80cb0dd69
70847a50-ec60-46e1-8aa6-7d06c8259a60
GyverPortal SWITCH
valSwitch = portal.getCheck("sw");
Switch = valSwitch;
add.LABEL("Switch: ");
add.SWITCH("sw", valSwitch); add.BREAK();
valSwitch
;
bool
f9f984e9-0c45-415d-bc56-5bc5dc4aa1d1
GyverPortal SWITCH_CL Переключатель
Переключатель, на выходе низкий или высокий уровень
ID
sw
Идентификатор блока
0e291c97-805e-42d1-8b5f-8f9c6a9239c4
1288ef67-b440-4e2d-aeb3-6c3ad4aa3d7c
if (portal.click(ID)) {
valSwitch = portal.getCheck(ID);
Switch = valSwitch;
}
add.SWITCH(ID, valSwitch);
28
GyverPortal_CHECK_CL
GiverPortal_CHECK
Check
c484eb89-760a-4002-b317-959f34557f96
0f8f79ce-aa07-4539-aa0a-7af2a888152e
5f4d4476-5b36-4939-bf2b-61fe6c831164
GyverPortal CHECK
valCheck = portal.getCheck("ch");
Check = valCheck;
add.LABEL("Check: ");
add.CHECK("ch", valCheck); add.BREAK();
valCheck
;
bool
4107cb9c-4572-4da5-8546-14424a15dea9
GyverPortal CHECK_CL Флажок
Блок выводит "флажок", при установке "галочки" на выходе высокий уровень
Имя
ch
Идентификатор блока
37d494c0-e89a-420e-ad34-9b28f22f7065
ba1d286a-1e07-4972-944f-2370af3c1c40
if (portal.click(Имя)) {
valCheck = portal.getCheck(Имя);
Check = valCheck;
}
add.CHECK(Имя, valCheck);
29
GyverPortal_TITLE_CL
0e7b5842-8ec1-455c-bf32-87578e8ad6d3
GyverPortal TITLE_CL Титул
Блок выводит титул для страницы.
В параметре Настройка можно устанавливается: ширина, высота, цвет, выравнивание компонентов, высота, цвет шрифта.
В настройках можно установить(по умолчанию ничего не установлено, применяются настройки из библиотеки):
(Мини кнопку уже настроенную в библиотеке можно задать так " push_butmini".)
1.Ширину компонента
width40
width50
width60
width100
width150
width200
width250
width300
width320
width350
widthauto
2.Высоту компонентов
height30
height50
height70
height100
height150
height200
height250
height300
height350
heightauto
3.Высоту шрифта
font16
font20
font40
font60
font80
font100
font150
font200
font250
4.Цвет шрифта
fontgreen_4CAF50
fontblue_264280
fontblue_0000ff
fontcyan_16747a
fontyellow_c79536
fontgrey_777777
fontred_a5381b
fontpurpe_5c3580
5.Цвет компонента
backgroundgreen_4CAF50
backgroundblue_264280
backgroundcyan_16747a
backgroundyellow_c79536
backgroundgrey_777777
backgroundred_a5381b
backgroundpurpe_5c3580
6.Цвет с градиентом:
backgroundred_gradient
backgroundgreen_gradient
backgroundyellow_gradient
7. Выравнивание компонента
position_left
position_right
positiontop_btn
ВНИМАНИЕ! Свойства компонента можно подавать несколько через пробел,
например, для компонента шириной 100рх, цвета красного градиента, цветом шрифта серый 777777 и расположенный слева, константу писать так: "width100 backgroundred_gradient fontgrey_777777 position_left".
Аналогично можно передать и другие свойства компоненту.
Круглый компонент создается при равном ширине и высоте компонента и радиусе закругления равном их половине.
1608
Имя
t1
Идентификатор блока
14a7c883-d033-49e7-9ef7-981658a558cb
350ee9b5-5855-4bfb-86a5-0d0433d0bba7
Текст
GyverPortal в FLProg
0aa18d7c-489f-499f-8f94-fe4945b7d2c1
f2bac135-4e81-46f4-a784-d4fba8dc3c57
Настройка
aab09437-1b49-4ae0-ad37-d3a15ac77e6c
04b6c73d-531c-4d84-bbae-01aa55fb408c
add.TITLE(Текст,Настройка, Имя);
GyverPortal_NUM_CL
GiverPortal_NUM
Num
5f3cec14-11f0-4a1a-8c01-cdf81ce940a4
9895a9a1-4f9d-45cf-9b5b-8e394bddd36a
5b7ef2b0-8526-41a3-b6c1-63d55542c4eb
GyverPortal NUM
if (portal.click("num")) {
valNum = portal.getInt("num");
Num = valNum;
}
add.NUMBER("num", "number", valNum);
valNum
;
int
24753c21-8848-4b45-a565-81134500a87a
GyverPortal NUM_CL Ввод числа int
Ввод числа в int.
В настройках можно установить(по умолчанию ничего не установлено, применяются настройки из библиотеки):
При вводе настроек обязательно первым вставить ширину компонента (например, width200)
1.Ширину компонента
width40
width50
width60
width100
width150
width200
width250
width300
width320
width350
widthauto
2.Высоту компонентов
height30
height50
height70
height100
height150
height200
height250
height300
height350
3.Высоту шрифта
font16
font20
font40
font60
font80
font100
font150
font200
4.Цвет шрифта
fontgreen_4CAF50
fontblue_264280
fontcyan_16747a
fontyellow_c79536
fontgrey_777777
fontred_a5381b
fontpurpe_5c3580
5.Цвет компонента
backgroundgreen_4CAF50
backgroundblue_264280
backgroundcyan_16747a
backgroundyellow_c79536
backgroundgrey_777777
backgroundred_a5381b
backgroundpurpe_5c3580
6.Цвет с градиентом:
backgroundred_gradient
backgroundgreen_gradient
backgroundyellow_gradient
Выравнивание компонента
position_left
position_right
positiontop_btn
1011
Имя
num
Имя блока
2682b679-fb93-4a4f-853a-7038450bdf25
1d184c1c-3ec8-4666-a05c-0d355fff47bf
Подсказка
Число
51bf193b-f17e-45c4-8edc-da2890078688
79386dd9-0af9-4622-9790-2e0b73bcc1be
Настройки
Смотрите описание
8888e4b7-a15a-469f-b0a8-d090e3319ab0
fontpurpe_5c3580 backgroundyellow_gradient
7370f505-7fcd-416d-b695-1765729fcf65
Шаг
Шаг заполнения чисел по прокрутке
d854d55e-69cc-4c1d-a524-b0b9cd8bc3c0
61d3761b-95b5-4f49-a1c4-932e9d6fb411
if (portal.click(Имя)) {
valNum = portal.getInt(Имя);
Num = valNum;
}
add.NUMBER(Имя, Подсказка, Настройки,Шаг, valNum);
GyverPortal_DATE_CL
GiverPortal_TEXT
Date
98b971ab-75c0-4735-a0ba-e082c5cc3032
05f82c32-01a6-43b0-b176-4873e6711f2b
2b9fa1a6-a99c-498b-9846-92d0061d4c9f
GyverPortal TEXT
if (portal.click("date")) {
valDate = portal.getDate("date");
Date = encodeDate(valDate);
}
106
add.DATE("date", valDate);
valDate
;
GPdate
963bf2e7-eabe-44b7-8e11-fd1eb23a8d28
GyverPortal DATE_CL Ввод даты
Ввод даты
9
Имя
date
897b0386-643e-4a80-a5b1-d46b4a4271bb
36b4e93d-cbc0-4389-97ba-556b23790924
if (portal.click(Имя)) {
valDate = portal.getDate(Имя);
Date = encodeDate(valDate);
}
100
add.DATE(Имя, valDate);
GyverPortal_NUM_float_CL
GyverPortal_NUM_fl_CL
Num
814dac4d-8b8f-49dc-850e-5cf52e4137c0
69c96a9f-a3d8-4508-a5ed-1a382a2bca88
66a3201b-1562-4e7d-9b91-8f8846b68f0b
GyverPortal NUM__fl_CL Ввод числа float
Ввод числа в float
18
Подсказка
Число
51bf193b-f17e-45c4-8edc-da2890078688
79386dd9-0af9-4622-9790-2e0b73bcc1be
Имя
num
Имя блока
2682b679-fb93-4a4f-853a-7038450bdf25
1d184c1c-3ec8-4666-a05c-0d355fff47bf
if (portal.click(Имя)) {
valNum = portal.getFloat(Имя);
Num = valNum;
}
add.NUMBER(Имя,Подсказка, valNum);
valNum
;
int
9e041cc3-a103-4cca-8997-920c6f57ade5
GyverPortal_NUM_float_CL Ввод числа float
Ввод числа в float
В параметре Настройка можно устанавливается: ширина, высота, цвет, выравнивание компонентов, высота, цвет шрифта.
В настройках можно установить(по умолчанию ничего не установлено, применяются настройки из библиотеки):
1.Ширину компонента
width40
width50
width60
width100
width150
width200
width250
width300
width320
width350
widthauto
2.Высоту компонентов
height30
height50
height70
height100
height150
height200
height250
height300
height350
heightauto
3.Высоту шрифта
font16
font20
font40
font60
font80
font100
font150
font200
font250
4.Цвет шрифта
fontgreen_4CAF50
fontblue_264280
fontcyan_16747a
fontyellow_c79536
fontgrey_777777
fontred_a5381b
fontpurpe_5c3580
5.Цвет компонента
backgroundgreen_4CAF50
backgroundblue_264280
backgroundcyan_16747a
backgroundyellow_c79536
backgroundgrey_777777
backgroundred_a5381b
backgroundpurpe_5c3580
6.Цвет с градиентом:
backgroundred_gradient
backgroundgreen_gradient
backgroundyellow_gradient
7. Выравнивание компонента
position_left
position_right
positiontop_btn
ВНИМАНИЕ! Свойства компонента можно подавать несколько через пробел,
например, для компонента шириной 100рх, цвета красного градиента, цветом шрифта серый 777777 и расположенный слева, константу писать так: "width100 backgroundred_gradient fontgrey_777777 position_left".
Аналогично можно передать и другие свойства компоненту.
Круглый компонент создается при равном ширине и высоте компонента и радиусе закругления равном их половине.
1501
Имя
fl_num
Имя блока
2682b679-fb93-4a4f-853a-7038450bdf25
Подсказка
Число
51bf193b-f17e-45c4-8edc-da2890078688
Настройка
Смотрите описание
43476141-ee1e-40f6-923e-db1c46a0efe8
width100 backgroundred_gradient fontgrey_777777 position_left
7e9d7365-ca8c-4b9c-b242-0438c78aab42
Шаг
0.01
Шаг добавления чисел по прокрутке
e9292611-a8a1-4328-9bac-825e7c28f198
1ec835a8-ab21-4681-8a23-5fb162684915
if (portal.click(Имя)) {
valNum = portal.getFloat(Имя);
Num = valNum;
}
add.NUMBER(Имя,Подсказка,Настройка,valNum,Шаг);
valNum
;
float
GyverPortal_LABEL_CL
47862e9e-4bb0-41b8-b133-98205a40e870
GyverPortal LABEL_CL Вывод текста
Блок позволяет вывести просто текст (задается в параметрах). Можно применить для названия компонента.
В параметре Настройка можно устанавливается: ширина, высота, цвет, выравнивание компонентов, высота, цвет шрифта.
В настройках можно установить(по умолчанию ничего не установлено, применяются настройки из библиотеки):
(Мини кнопку уже настроенную в библиотеке можно задать так " push_butmini".)
1.Ширину компонента
width40
width50
width60
width100
width150
width200
width250
width300
width320
width350
widthauto
2.Высоту компонентов
height30
height50
height70
height100
height150
height200
height250
height300
height350
heightauto
3.Высоту шрифта
font16
font20
font40
font60
font80
font100
font150
font200
font250
4.Цвет шрифта
fontgreen_4CAF50
fontblue_264280
fontblue_0000ff
fontcyan_16747a
fontyellow_c79536
fontgrey_777777
fontred_a5381b
fontpurpe_5c3580
5.Цвет компонента
backgroundgreen_4CAF50
backgroundblue_264280
backgroundcyan_16747a
backgroundyellow_c79536
backgroundgrey_777777
backgroundred_a5381b
backgroundpurpe_5c3580
6.Цвет с градиентом:
backgroundred_gradient
backgroundgreen_gradient
backgroundyellow_gradient
7. Выравнивание компонента
position_left
position_right
positiontop_btn
ВНИМАНИЕ! Свойства компонента можно подавать несколько через пробел,
например, для компонента шириной 100рх, цвета красного градиента, цветом шрифта серый 777777 и расположенный слева, константу писать так: "width100 backgroundred_gradient fontgrey_777777 position_left".
Аналогично можно передать и другие свойства компоненту.
Круглый компонент создается при равном ширине и высоте компонента и радиусе закругления равном их половине.
1677
Текст
Название компонента
16973307-ead1-44c8-bd3b-cbb975546e9c
3171a449-a5ba-47c5-8509-74e3ee82bd6b
Настройка
e153af6b-a57b-48d2-9505-d158f63e121c
3e407a8b-ca8f-47fa-a85f-95938079f587
Имя
val
Имя блока
3e88b600-762c-4c11-9b0d-509c2f4451c9
b90a2153-384b-4be1-b3aa-d5b4c14bca3a
add.LABEL(Текст,Настройка,Имя);
35
GyverPortal_SLIDER_CL
StartVal
91be7d9f-66f3-42c5-a554-47a50f636f35
a6e26d18-a0b2-40b0-aadf-df30cc2a4dcb
GiverPortal_SLIDER
Slider
43118a1a-623d-4cc8-8c91-24b27921afd5
f659e557-3814-45e3-b898-fbe3fff21764
8fc44cb9-6d15-422b-9a78-7d4cf1030539
GyverPortal SLIDER
if (portal.click("sld")) {
valSlider = portal.getInt("sld");
Slider = valSlider;
}
add.SLIDER("sld", valSlider, 0, 10); add.BREAK();
valSlider
;
int
8efff754-f057-4c41-b2d9-da5dfc7e4e83
GyverPortal SLIDER_CL Ползунок
Ползунок, на выходе числа от Min до Max шагом Step.
Min
00f276cc-c9df-46f1-bd3e-c6064bd31e96
86939ce5-cae6-4788-9ab2-ba6f6a292a4f
Max
9d2e13be-f5e9-4cf4-8666-da606bd5fa73
e5934f7e-b8f6-4e1c-919f-d476b144aab5
Step
Шаг
1bb5be0d-4f51-4d13-89b3-dcf634a83f82
56db92b8-0459-4125-985c-2e95205acf68
ID
sld
Идентификатор блока
c6f7089d-b2da-4139-a9b9-ec0aae5caa68
318f3125-67a7-4993-99c2-9b095ec85b16
Label
Слайдер
Название слайдера
24bd5325-6a00-4ea7-8e60-892a5543cd23
c4a8b9e7-14aa-4d97-9fe8-df1f8ec12a61
if (portal.click(ID)) {
varSlider = StartVal;
valSlider = portal.getInt(ID);
Slider = valSlider;
}
110
add.SLIDER(ID,Label, valSlider, Min, Max, Step);
valSlider
;
int
StartVal
;
int
Предустановка значений
758afb66-23a7-4c9d-817a-3490b99e49ec
GyverPortal SLIDER_CL Ползунок
Ползунок, на выходе числа от Min до Max шагом Step.
Вход предустановки значений позволяет стартовать компоненту с установленных значений.
137
Min
00f276cc-c9df-46f1-bd3e-c6064bd31e96
Max
9d2e13be-f5e9-4cf4-8666-da606bd5fa73
Step
Шаг
1bb5be0d-4f51-4d13-89b3-dcf634a83f82
ID
sld
Идентификатор блока
c6f7089d-b2da-4139-a9b9-ec0aae5caa68
Label
Слайдер
Название слайдера
24bd5325-6a00-4ea7-8e60-892a5543cd23
if(start)
{
start = 0;
valSlider = StartVal;
Slider = StartVal;
}
if (portal.click(ID))
{
valSlider = portal.getInt(ID);
Slider = valSlider;
}
160
add.SLIDER(ID, Label, valSlider, Min, Max, Step);
start
= 1;
bool
valSlider
;
int
Компоненты
29bd15ba-14c2-4fcd-a647-968c9ff22c25
GyverPortal START_CLICK
bf4a430f-7a01-4899-9f33-02c736565a08
GyverPortal START_CLICK Клик по компоненту
Блок определяет был ли клик по компоненту.
Режим Клик по компоненту: при клике на почти любой компонент интерфейса (при изменении его состояния или значения) можно получить его актуальное значение без перезагрузки страницы. Удобно для управления и настройки (галочки, кнопки, слайдеры).
Поставить перед компонентами, которые нужно, чтобы передавали данные при нажатии или при изменении значения в веб браузере.
С данным блоком применять обязательно блок GiverPortal END_CLICK, который закрывает открытую фигурную скобку блока GyverPortal START_CLICK. Блоки , которые передают данные, должны быть между вышеуказанными блоками.
626
if (portal.click()) {
GyverPortal END_CLICK
db6ecbe1-c09b-45b4-92e9-0a295f489761
GyverPortal END_CLICK Завершение режима Клик по компоненту
Завершает блоки GyverPortal START_CLICK, применять вместе с ними
}
Установка режима
24395424-8547-4680-b253-9578f112ba2c
Блоки для режима Клик по компоненту
92876aaf-a5c4-4f00-894a-20483f356f75
GyverPortal_FINISH_PAGES
c75a0e10-1da8-42ad-814b-206de612d115
GyverPortal_FINISH_PAGES Конечный блок страниц
Блок закрывающий открытыю фигурную скобку блока GyverPortal_START_PAGES. Ставится последним после всех блоков страницы GyverPortal .
133
BUILD_END();
14
GyverPortal_START_page
En_page
ae46e17d-fd6f-47e6-88ad-95f9fd212754
83df5065-bff2-44b2-9c2e-249204192a70
917e2fc3-b39a-4739-a90e-d2c7f95c7d0c
GyverPortal_START Начальный блок страницы
Начальный блок страницы, ставится первым до остальных блоков GyverPortal.
Применять вместе с блоком GiverPortal_FINISH_page.
Остальные блоки GyverPortal должны быть между начальным и конечным блоком.
В параметрах устанавливается тема:
GP_LIGHT - светлая тема
GP_DARK - тёмная тема
287
Тема
GP_DARK
GP_LIGHT - светлая тема, GP_DARK - тёмная тема
c76f275c-3c07-432d-9692-3a6099f07e75
0fced30a-28af-4413-ba12-b7fee9ec80d7
page
page1
bbd7fa22-5306-45c7-bd3b-fab0bcf11b8b
3b5ab9dc-a718-4468-a9a1-7ca724378f20
if(En_page) portal.attachBuild( page );
40
portal.start();
}
void build {
String i;
GP_BUILD(i);
i += F("<!DOCTYPE html><html>");
add.THEME(GP_DARK);
119
#include
<GyverPortal.h>
portal
;
GyverPortal
a6dd0a6e-905a-434c-9b4a-4d48196c5b21
Тема
GP_DARK
GP_LIGHT - светлая тема, GP_DARK - тёмная тема
c76f275c-3c07-432d-9692-3a6099f07e75
page
page1
bbd7fa22-5306-45c7-bd3b-fab0bcf11b8b
}
void page() {
String s;
BUILD_BEGIN(s);
add.THEME( Тема );
Многостраничность
3bebb348-2e4a-4295-9d8d-2cce27ee4614
GyverPortal_FINISH
75a50725-ca8d-404d-b9cb-57a5f2999488
GyverPortal_FINISH Конечный блок
Блок закрывающий открытыю фигурную скобку блока GyverPortal_START. Ставится последним после всех блоков GyverPortal.
Лучше поставить в отдельной плате.
151
BUILD_END();
GyverPortal_START
bfd73259-5a32-48e4-a494-9e5249d3462c
GyverPortal_START Начальный блок
Начальный блок, ставится первым до остальных блоков GyverPortal.
Применять вместе с блоком GiverPortal_FINISH.
Остальные блоки GyverPortal должны быть между начальным и конечным блоком.
В параметрах устанавливается тема:
GP_LIGHT - светлая тема
GP_DARK - тёмная тема
273
Тема
GP_DARK
GP_LIGHT - светлая тема, GP_DARK - тёмная тема
c76f275c-3c07-432d-9692-3a6099f07e75
0fced30a-28af-4413-ba12-b7fee9ec80d7
portal.tick();
portal.attachBuild(build);
portal.start();
}
void build() {
String s;
BUILD_BEGIN(s);
add.THEME(Тема);
113
#include
<GyverPortal.h>
portal
;
GyverPortal
GyverPortal BODY
a036a076-8599-4418-a1a2-ec7213ea714c
GyverPortal BODY Настройка тела страницы
Настройка тела страницы (цвета фона, шрифта и тп). По умолчанию настройки не выставлены.
Если используете стандартные настройки, не ставьте.
140
Настройки
3c93311e-c942-45d5-a119-03d25f1fecb3
backgroundimage
d2e7595b-efcc-4a2b-bd75-2e154ae16f88
add.BODY(Настройки);
GyverPortal_START_PAGES
9fa831b8-67b3-4a86-8d76-399e92006cae
GyverPortal_START_PAGES Начальный блок страниц
Начальный блок, ставится первым до остальных блоков GyverPortal.
Применять вместе с блоком GiverPortal_FINISH_PAGES.
Остальные блоки GyverPortal должны быть между начальным и конечным блоком.
В параметрах устанавливается тема:
GP_LIGHT - светлая тема
GP_DARK - тёмная тема
279
Тема
GP_DARK
GP_LIGHT - светлая тема, GP_DARK - тёмная тема
c76f275c-3c07-432d-9692-3a6099f07e75
0fced30a-28af-4413-ba12-b7fee9ec80d7
portal.tick();
portal.start();
#include
<GyverPortal.h>
portal
;
GyverPortal
Главные блоки
35ccd592-6960-4660-b3e9-0c27752a66e1
GyverPortal_LED_GREEN_F
GiverPortal_LED_GREEN
Led_Green
9d0a20f3-6a61-40a7-aec8-59d927d69634
92905feb-b516-462d-b524-e0186a7cee3a
095c7fc5-75d8-4d1c-952f-93790266bd3f
GyverPortal LED_GREEN
Список
val 1,val 2,val 3
2e9da45c-af77-4442-87bb-db92d2d21dde
710a1f33-f5ae-4715-b64f-6286ebb27ae0
valLed_Green = Led_Green;
add.LABEL("Led: ");
add.LED_RED("led", valLed_Green);
valLed_Green
;
bool
dfdc1ad1-51c0-4fd7-8208-dbe3346bbb5b
GyverPortal LED_GREEN_F Светодиод зеленый
Светодиод зеленый, включается при подаче на вход Led_Green высокого уровня.
ID
f_gled
Идентификатор блока
9fb1651b-69a9-4d45-ac5f-274c30670403
bd9eaf9b-203a-4c50-890f-edf67b059f4c
add.LED_GREEN(ID, valLed_Green);
GyverPortal_LED_RED_F
GiverPortal_LED_RED
Led_Red
93ecf2ad-4f87-420f-9ac7-6ddd58b5037d
d98a76e8-3cad-44aa-aff8-a614ffb7bc93
d48e7556-e4e1-4622-98da-1fb9d21e636c
GyverPortal LED_RED
Список
val 1,val 2,val 3
2e9da45c-af77-4442-87bb-db92d2d21dde
710a1f33-f5ae-4715-b64f-6286ebb27ae0
valLed_Red = Led_Red;
add.LABEL("Led: ");
add.LED_RED("led", valLed_Red);
valLed_Red
;
bool
2ad1dff3-257a-42e8-a502-7f2a15be81bd
GyverPortal LED_RED_F Светодиод красный
Светодиод красный, включается при подаче на вход Led_Red высокого уровня.
ID
f_rled
Идентификатор блока
5b5aeb01-5bdd-4ca8-ad47-a023c32f8d27
bb5c9639-a0eb-496e-8ed9-d40fffefe3ae
add.LED_RED(ID, valLed_Red);
GyverPortal_LED_BLUE_F
Led_Blue
594e8292-02f2-4d35-b5dd-f0595aac025c
45edc0a5-7e16-44f9-aa7a-511d34d0e445
48c9d8e8-134d-42d9-a3c1-bac998fc695d
GyverPortal LED_BLUE_F Светодиод синий
Светодиод синий, включается при подаче на вход Led_Blue высокого уровня.
ID
f_gled
Идентификатор блока
9fb1651b-69a9-4d45-ac5f-274c30670403
bd9eaf9b-203a-4c50-890f-edf67b059f4c
valLed_Blue = Led_Blue;
add.LED_GREEN(ID, valLed_Blue);
34
valLed_Blue
;
bool
5c40661d-3868-4822-8cdf-2a45c4c60f24
add.LED_BLUE(ID, valLed_Blue);
33
GyverPortal_LED_YELLOW_F
Led_Yellow
b4b0e5e5-045c-443c-ae1a-1547fcca04a5
b907c66e-5ebe-417f-b80b-9bd9fadf0490
7bd3d529-7672-491b-b9e3-2a52a3e4a4a6
GyverPortal LED_YELLOW_F Светодиод желтый
Светодиод желтый, включается при подаче на вход Led_Yellow высокого уровня.
ID
f_rled
Идентификатор блока
5b5aeb01-5bdd-4ca8-ad47-a023c32f8d27
bb5c9639-a0eb-496e-8ed9-d40fffefe3ae
valLed_Red = Led_Yellow;
add.LED_YELLOW(ID, valLed_Yellow);
valLed_Yellow
;
bool
Светодиоды
1b185b81-39a5-446a-b3b7-d4963a3c7cc3
GiverPortal_SUBMIT
88ec9afb-e080-4fb3-a658-e8dfe6bc16a4
GyverPortal SUBMIT Отправить
Форма с одной кнопкой с именем (Имя). Работает только в режиме Форма и кнопка отправить .
При нажатии этой кнопки отправляются данные со страницы.
С эффектом нажатия и изменения цвета (потемнение) при наведении курсора.
В параметре Настройка можно устанавливается: ширина, высота, цвет, выравнивание компонентов, высота, цвет шрифта.
В настройках можно установить(по умолчанию ничего не установлено, применяются настройки из библиотеки):
1.Ширину компонента
width40
width50
width60
width100
width150
width200
width250
width300
width320
width350
widthauto
2.Высоту компонентов
height30
height50
height70
height100
height150
height200
height250
height300
height350
heightauto
3.Высоту шрифта
font16
font20
font40
font60
font80
font100
font150
font200
font250
4.Цвет шрифта
fontgreen_4CAF50
fontblue_264280
fontcyan_16747a
fontyellow_c79536
fontgrey_777777
fontred_a5381b
fontpurpe_5c3580
5.Цвет компонента
backgroundgreen_4CAF50
backgroundblue_264280
backgroundcyan_16747a
backgroundyellow_c79536
backgroundgrey_777777
backgroundred_a5381b
backgroundpurpe_5c3580
6.Цвет с градиентом:
backgroundred_gradient
backgroundgreen_gradient
backgroundyellow_gradient
7. Выравнивание компонента
position_left
position_right
positiontop_btn
ВНИМАНИЕ! Свойства компонента можно подавать несколько через пробел,
например, для компонента шириной 100рх, цвета красного градиента, цветом шрифта серый 777777 и расположенный слева, константу писать так: "width100 backgroundred_gradient fontgrey_777777 position_left".
Аналогично можно передать и другие свойства компоненту.
Круглый компонент создается при равном ширине и высоте компонента и радиусе закругления равном их половине.
1702
Имя
Submit
Идентификатор блока
aff992c6-6853-4e1e-ae7e-9a66ea6afc9b
93e2b45e-cec2-4174-b429-3a6bc14a8048
Настройка
c4b01637-6cf9-477c-871b-cf302a656af0
0f196aec-1abd-44d0-b037-8e786c0a288f
add.SUBMIT(Имя,Настройка);
GiverPortal_FORM_SUBMIT
cf9cc16e-045a-469a-b078-d86b7f0b6cc3
GyverPortal FORM_SUBMIT Отправить
Пустая форма с одной кнопкой с именем (Имя) кнопкой (Текст).
При нажатии этой кнопки отправляются данные.
В параметре Настройка можно устанавливается: ширина, высота, цвет, выравнивание компонентов, высота, цвет шрифта.
В настройках можно установить(по умолчанию ничего не установлено, применяются настройки из библиотеки):
1.Ширину компонента
width40
width50
width60
width100
width150
width200
width250
width300
width320
width350
widthauto
2.Высоту компонентов
height30
height50
height70
height100
height150
height200
height250
height300
height350
heightauto
3.Высоту шрифта
font16
font20
font40
font60
font80
font100
font150
font200
font250
4.Цвет шрифта
fontgreen_4CAF50
fontblue_264280
fontcyan_16747a
fontyellow_c79536
fontgrey_777777
fontred_a5381b
fontpurpe_5c3580
5.Цвет компонента
backgroundgreen_4CAF50
backgroundblue_264280
backgroundcyan_16747a
backgroundyellow_c79536
backgroundgrey_777777
backgroundred_a5381b
backgroundpurpe_5c3580
6.Цвет с градиентом:
backgroundred_gradient
backgroundgreen_gradient
backgroundyellow_gradient
7. Выравнивание компонента
position_left
position_right
positiontop_btn
ВНИМАНИЕ! Свойства компонента можно подавать несколько через пробел,
например, для компонента шириной 100рх, цвета красного градиента, цветом шрифта серый 777777 и расположенный слева, константу писать так: "width100 backgroundred_gradient fontgrey_777777 position_left".
Аналогично можно передать и другие свойства компоненту.
Круглый компонент создается при равном ширине и высоте компонента и радиусе закругления равном их половине.
1587
Имя
Submit
Идентификатор блока
aff992c6-6853-4e1e-ae7e-9a66ea6afc9b
93e2b45e-cec2-4174-b429-3a6bc14a8048
Текст
FORM SUBMIT
09efd6dc-323e-4d9a-b6dc-9f74f23cc1af
Text
21df4f8d-a35c-4210-8aab-7c1a19b6aa42
Настройка
4c89d69f-3239-431c-ac18-b07312ce354c
7edbf1e6-dce1-4b61-899c-eb2f11fd87c1
add.FORM_SUBMIT(Имя, Текст,Настройка);
GiverPortal_FORM_SUBMIT_portal.stop
231d3e34-970d-46a4-a5d0-79b5c324083d
GyverPortal FORM_SUBMIT_portal.stop Остановить портал
Пустая форма с одной кнопкой с именем (Имя) кнопкой (Текст).
Нажатие этой кнопки - остановить портал, показать свою страницу
Цвета (скопируйте отсюда):
blue_264280 (цвет и HEX цвета);
green_4CAF50
cyan_16747a
yellow_c79536
grey_777777
red_a5381b
purpe_5c3580
Цвета с градиентом:
red_gradient
green_gradient
yellow_gradient
Можете добавить свой цвет, для этого в библиотеке в файл themes.h нужно добавить 2 строки со своими HEX цветами (цвета кнопки и цветом кнопки при наведении на нее курсора, обычно темнее)
".blue_264280 {background-color:#264280 !important;}\n" //установка цвета кнопки, имя цвет + HEX цвета
".blue_264280:hover {background-color:#1d315f !important;}\n" // изменение (потемнение) цвета при наведении курсора
Положение кнопки через пробел после цвета вставить в параметры:
left_btn - компонент слева;
right_btn - компонент справа.
Если положение кнопки не указано, привязка по центру.
ВНИМАНИЕ! Свойства компонента можно подавать несколько через пробел,
например, красная кнопка слева, константу писать так: red_a5381b left_btn
Аналогично можно передать и другие свойства компоненту.
1113
Имя
Submit
Идентификатор блока
aff992c6-6853-4e1e-ae7e-9a66ea6afc9b
93e2b45e-cec2-4174-b429-3a6bc14a8048
Текст
STOP PORTAL
09efd6dc-323e-4d9a-b6dc-9f74f23cc1af
Text
21df4f8d-a35c-4210-8aab-7c1a19b6aa42
Настройки
a7c7db16-d60c-42e4-8836-a8d6a15907a7
0c3bd785-6a31-450b-8cee-eee67ae33853
if (portal.form(Имя)) portal.stop();
add.FORM_SUBMIT(Имя, Текст, Настройки);
GiverPortal_SUBMIT_
Button
bd7042ca-c6a8-438f-9d54-79aa91aeae4b
0ecd839a-0b75-416c-be9d-0969d524d16a
4e735a07-ece5-4519-a682-25a86bce19d0
GyverPortal SUBMIT_ Отправить
Форма с одной кнопкой с именем (Имя). Работает только в режиме Форма и кнопка отправить .
При нажатии этой кнопки отправляются данные со страницы.
С эффектом нажатия и изменения цвета (потемнение) при наведении курсора.
В параметре Настройка можно устанавливается: ширина, высота, цвет, выравнивание компонентов, высота, цвет шрифта.
В настройках можно установить(по умолчанию ничего не установлено, применяются настройки из библиотеки):
1.Ширину компонента
width40
width50
width60
width100
width150
width200
width250
width300
width320
width350
widthauto
2.Высоту компонентов
height30
height50
height70
height100
height150
height200
height250
height300
height350
heightauto
3.Высоту шрифта
font16
font20
font40
font60
font80
font100
font150
font200
font250
4.Цвет шрифта
fontgreen_4CAF50
fontblue_264280
fontcyan_16747a
fontyellow_c79536
fontgrey_777777
fontred_a5381b
fontpurpe_5c3580
5.Цвет компонента
backgroundgreen_4CAF50
backgroundblue_264280
backgroundcyan_16747a
backgroundyellow_c79536
backgroundgrey_777777
backgroundred_a5381b
backgroundpurpe_5c3580
6.Цвет с градиентом:
backgroundred_gradient
backgroundgreen_gradient
backgroundyellow_gradient
7. Выравнивание компонента
position_left
position_right
positiontop_btn
ВНИМАНИЕ! Свойства компонента можно подавать несколько через пробел,
например, для компонента шириной 100рх, цвета красного градиента, цветом шрифта серый 777777 и расположенный слева, константу писать так: "width100 backgroundred_gradient fontgrey_777777 position_left".
Аналогично можно передать и другие свойства компоненту.
Круглый компонент создается при равном ширине и высоте компонента и радиусе закругления равном их половине.
Имя
Submit
Идентификатор блока
aff992c6-6853-4e1e-ae7e-9a66ea6afc9b
93e2b45e-cec2-4174-b429-3a6bc14a8048
Настройка
c4b01637-6cf9-477c-871b-cf302a656af0
0f196aec-1abd-44d0-b037-8e786c0a288f
if (portal.click(Имя)) {
if (Button == LOW) Button = HIGH;
else Button = LOW;
}
add.SUBMIT(Имя,Настройка);
207fc8ff-2e0e-45f5-a3e9-d4e945fd0822
Страница 1
backgroundred_gradient
if (Button == LOW) Button = HIGH;
else Button = LOW;
Кнопки Submit
bb8f3a5b-7e4b-4d05-a179-f11018b1cd98
GyverPortal_COLOR_F
GiverPortal_COLOR
Color
9801e04e-fa18-4efe-874c-2a832b49c1c3
b653bb99-8939-4859-a464-3694099f993c
58f466c6-5f15-4b07-bbc1-e4defb760e53
GyverPortal COLOR
Список
val 1,val 2,val 3
2e9da45c-af77-4442-87bb-db92d2d21dde
710a1f33-f5ae-4715-b64f-6286ebb27ae0
if (portal.click("col")) {
valCol = portal.getColor("col");
Color = valCol;
}
add.COLOR("col", valCol); add.BREAK();
valCol
;
uint32_t
c1ce2e5b-8aed-4442-bafd-5bb3103203e1
GyverPortal COLOR_F Цвет
Выбор цвета поля
ID
f_col
Идентификатор блока
9c60b163-0710-4c6f-9420-3c015718efd3
0499da43-05c4-4ece-b8ef-a662f06c8189
valCol = portal.getColor(ID);
Color = valCol;
57
add.COLOR(ID, valCol);
GiverPortal_PASS_F
GiverPortal_PASS
Passw
e22f22b6-d66e-4e0a-af35-f034a2211290
694d3ec7-57f9-4b8b-a038-743de0681d6a
38a40e27-6451-4398-894d-080297da1753
GyverPortal PASS
if (portal.click(""pass")) {
portal.copyStr("pass", valPass);
Passw = String(valPass);
}
add.PASS("pass", "pass", valPass);
valPass
[10];
char
87045265-d72e-43c3-afe9-232f506218e1
GyverPortal PASS_F Ввод пароли
Окно для ввода пароли, пароль шифруется звездочками.
В параметре Настройка можно устанавливается: ширина, высота, цвет, выравнивание компонентов, высота, цвет шрифта.
В настройках можно установить(по умолчанию ничего не установлено, применяются настройки из библиотеки):
1.Ширину компонента
width40
width50
width60
width100
width150
width200
width250
width300
width320
width350
widthauto
2.Высоту компонентов
height30
height50
height70
height100
height150
height200
height250
height300
height350
heightauto
3.Высоту шрифта
font16
font20
font40
font60
font80
font100
font150
font200
font250
4.Цвет шрифта
fontgreen_4CAF50
fontblue_264280
fontcyan_16747a
fontyellow_c79536
fontgrey_777777
fontred_a5381b
fontpurpe_5c3580
5.Цвет компонента
backgroundgreen_4CAF50
backgroundblue_264280
backgroundcyan_16747a
backgroundyellow_c79536
backgroundgrey_777777
backgroundred_a5381b
backgroundpurpe_5c3580
6.Цвет с градиентом:
backgroundred_gradient
backgroundgreen_gradient
backgroundyellow_gradient
7. Выравнивание компонента
position_left
position_right
positiontop_btn
ВНИМАНИЕ! Свойства компонента можно подавать несколько через пробел,
например, для компонента шириной 100рх, цвета красного градиента, цветом шрифта серый 777777 и расположенный слева, константу писать так: "width100 backgroundred_gradient fontgrey_777777 position_left".
Аналогично можно передать и другие свойства компоненту.
Круглый компонент создается при равном ширине и высоте компонента и радиусе закругления равном их половине.
1534
ID
f_pass
3cbd033d-138b-4410-84c9-8bef08d909a2
43c291cb-6f06-444b-9f1b-b8f39c38878b
Подсказка
пароль
8852678e-16b4-420b-a381-dece36c86a8b
18a682bf-2257-48d2-94c3-4ef16b576cb2
Настройка
a4c2e557-6af6-453f-9828-a6f6c59c1f21
ce56798c-5204-4510-8eb0-846914cb0495
portal.copyStr(ID, valPass);
Passw = String(valPass);
add.PASS(ID,Подсказка,valPass,Настройка);
GyverPortal_TITLE_F
5cc79370-6247-4de6-a9e2-2e7982b6501b
GyverPortal TITLE_F Титул
Блок выводит титул для страницы.
В параметре Настройка можно устанавливается: ширина, высота, цвет, выравнивание компонентов, высота, цвет шрифта.
В настройках можно установить(по умолчанию ничего не установлено, применяются настройки из библиотеки):
1.Ширину компонента
width40
width50
width60
width100
width150
width200
width250
width300
width320
width350
widthauto
2.Высоту компонентов
height30
height50
height70
height100
height150
height200
height250
height300
height350
heightauto
3.Высоту шрифта
font16
font20
font40
font60
font80
font100
font150
font200
font250
4.Цвет шрифта
fontgreen_4CAF50
fontblue_264280
fontcyan_16747a
fontyellow_c79536
fontgrey_777777
fontred_a5381b
fontpurpe_5c3580
5.Цвет компонента
backgroundgreen_4CAF50
backgroundblue_264280
backgroundcyan_16747a
backgroundyellow_c79536
backgroundgrey_777777
backgroundred_a5381b
backgroundpurpe_5c3580
6.Цвет с градиентом:
backgroundred_gradient
backgroundgreen_gradient
backgroundyellow_gradient
ВНИМАНИЕ! Свойства компонента можно подавать несколько через пробел,
например, для компонента шириной 100рх, цвета красного градиента, цветом шрифта серый 777777, константу писать так: "width100 backgroundred_gradient fontgrey_777777".
Аналогично можно передать и другие свойства компоненту.
Круглый компонент создается при равном ширине и высоте компонента и радиусе закругления равном их половине.
1403
Текст
GyverPortal в FLProg
0aa18d7c-489f-499f-8f94-fe4945b7d2c1
f2bac135-4e81-46f4-a784-d4fba8dc3c57
ID
f_t1
Идентификатор блока
93d8f421-a8c2-4fdd-b6a2-496db22a56f4
02e972d1-839f-478f-8aa7-cde06aa738b6
Настройка
2c692d97-a529-474b-a8ca-e54f9c08d5fc
7492bb64-646f-4d4d-96b6-ac0cf25f471f
add.TITLE(Текст,Настройка,ID);
GyverPortal_CHECK_F
GiverPortal_CHECK
Check
c484eb89-760a-4002-b317-959f34557f96
0f8f79ce-aa07-4539-aa0a-7af2a888152e
5f4d4476-5b36-4939-bf2b-61fe6c831164
GyverPortal CHECK
valCheck = portal.getCheck("ch");
Check = valCheck;
add.LABEL("Check: ");
add.CHECK("ch", valCheck); add.BREAK();
valCheck
;
bool
b3bc0370-d65f-43e8-b066-6a35465dede2
GyverPortal CHECK_F Флажок
Блок выводит "флажок", при установке "галочки" на выходе высокий уровень
ID
f_ch
Идентификатор блока
b2c53a84-c4ed-4596-a095-82c3c03ff87f
b6e5cba5-cc5e-47fb-ab76-9d20c3e1b522
valCheck = portal.getCheck(ID);
Check = valCheck;
60
add.CHECK(ID, valCheck);
GyverPortal_TIME_F
GiverPortal_TIME
Time
23a6be22-8f20-4bf5-ad00-12fe3e5ad1d9
fa9b3875-76bf-47b4-a6d7-abd7a5430d6a
09516a6c-f003-473b-8fdf-644c9ebea3fe
GyverPortal TIME
if (portal.click("time")) {
valTime = portal.getTime("time");
Time = encodeTime(valTime);
}
add.TIME("time", valTime); add.BREAK();
valTime
;
GPtime
57a5ae17-5373-47cb-b262-2f2158a15eb5
GyverPortal TIME_F Время
Поле для ввода времени
ID
f_time
Идентификатор блока
42011c4a-9f0c-473c-8b72-e74f77105996
9a3dbda8-f47a-48b8-9352-15ee590bb444
valTime = portal.getTime(ID);
Time = encodeTime(valTime);
add.TIME(ID, valTime);
GyverPortal_DATE_F
GiverPortal_TEXT
Date
98b971ab-75c0-4735-a0ba-e082c5cc3032
05f82c32-01a6-43b0-b176-4873e6711f2b
2b9fa1a6-a99c-498b-9846-92d0061d4c9f
GyverPortal TEXT
if (portal.click("date")) {
valDate = portal.getDate("date");
Date = encodeDate(valDate);
}
add.DATE("date", valDate);
valDate
;
GPdate
601cbe8c-a121-4607-9a06-e5189f5dabee
GyverPortal DATE_F Ввод даты
Ввод даты
ID
f_date
Идентификатор блока
acf0474b-5a3c-4755-b2aa-f9f8bb748f71
251fcf96-40bf-4b6d-98a8-1d3933a2c92c
valDate = portal.getDate(ID);
Date = encodeDate(valDate);
add.DATE(ID, valDate);
GyverPortal_SLIDER_F
GiverPortal_SLIDER
Slider
43118a1a-623d-4cc8-8c91-24b27921afd5
f659e557-3814-45e3-b898-fbe3fff21764
8fc44cb9-6d15-422b-9a78-7d4cf1030539
GyverPortal SLIDER
if (portal.click("sld")) {
valSlider = portal.getInt("sld");
Slider = valSlider;
}
add.SLIDER("sld", valSlider, 0, 10); add.BREAK();
valSlider
;
int
707065fe-c805-4968-9d8b-38da83669616
GyverPortal SLIDER_F Ползунок
Ползунок, на выходе числа от Min до Max, шагом Step.
ID
f_sld
Идентификатор блока
4fd36cf8-0ae9-4857-bfeb-c2a8c54123c2
959ddc5f-5132-4f81-afa2-3e7065bdee1a
Min
842a4719-3cc4-4f4c-a64f-8d0331ef53d5
082b95b5-7913-4098-8e3f-354c257a23dc
Max
061791d7-d36f-4331-84b9-95477b695f3f
52e091df-d32e-450c-bd71-135b5a137f22
Step
Шаг
05234b8b-51fd-462c-954d-2247d9e4f698
52e11022-1fa6-4ca8-8768-75f353de87a8
Label
Слайдер
Название слайдера
6a0b1538-5c2f-49ac-9094-1f2f1f1ad196
f114b55b-fb67-4be0-9fa8-3adb8d7b3a44
valSlider = portal.getInt(ID);
Slider = valSlider;
add.SLIDER(ID,Label, valSlider, Min, Max, Step);
GyverPortal_NUM_F
GiverPortal_NUM
Num
5f3cec14-11f0-4a1a-8c01-cdf81ce940a4
9895a9a1-4f9d-45cf-9b5b-8e394bddd36a
5b7ef2b0-8526-41a3-b6c1-63d55542c4eb
GyverPortal NUM
if (portal.click("num")) {
valNum = portal.getInt("num");
Num = valNum;
}
add.NUMBER("num", "number", valNum);
valNum
;
int
f57c6594-295c-4014-b0cc-7289e082bfd0
GyverPortal NUM_F Ввод числа int
Ввод числа в int.
В параметре Настройка можно устанавливается: ширина, высота, цвет, выравнивание компонентов, высота, цвет шрифта.
В настройках можно установить(по умолчанию ничего не установлено, применяются настройки из библиотеки):
1.Ширину компонента
width40
width50
width60
width100
width150
width200
width250
width300
width320
width350
widthauto
2.Высоту компонентов
height30
height50
height70
height100
height150
height200
height250
height300
height350
heightauto
3.Высоту шрифта
font16
font20
font40
font60
font80
font100
font150
font200
font250
4.Цвет шрифта
fontgreen_4CAF50
fontblue_264280
fontcyan_16747a
fontyellow_c79536
fontgrey_777777
fontred_a5381b
fontpurpe_5c3580
5.Цвет компонента
backgroundgreen_4CAF50
backgroundblue_264280
backgroundcyan_16747a
backgroundyellow_c79536
backgroundgrey_777777
backgroundred_a5381b
backgroundpurpe_5c3580
6.Цвет с градиентом:
backgroundred_gradient
backgroundgreen_gradient
backgroundyellow_gradient
7. Выравнивание компонента
position_left
position_right
positiontop_btn
ВНИМАНИЕ! Свойства компонента можно подавать несколько через пробел,
например, для компонента шириной 100рх, цвета красного градиента, цветом шрифта серый 777777 и расположенный слева, константу писать так: "width100 backgroundred_gradient fontgrey_777777 position_left".
Аналогично можно передать и другие свойства компоненту.
Круглый компонент создается при равном ширине и высоте компонента и радиусе закругления равном их половине.
1499
ID
f_num
Идентификатор блока
844f994c-3c4c-4907-a27c-75f2d6b95a4a
0ccaf11a-10f2-485c-b72e-47628e846d80
Подсказка
число
51bf193b-f17e-45c4-8edc-da2890078688
79386dd9-0af9-4622-9790-2e0b73bcc1be
Настройка
fe7f48d2-083c-4036-8836-a02fc0df4ecc
39cb780f-47b2-4759-9ce9-f371e502ebd1
valNum = portal.getInt(ID);
Num = valNum;
add.NUMBER(ID,Подсказка,Настройка,valNum);
GyverPortal_LABEL_F
9a10586a-a346-479d-9801-21778fff0d9b
GyverPortal LABEL_F Вывод текста
Блок позволяет вывести просто текст (задается в параметрах). Можно применить для названия компонента.
В параметре Настройка можно устанавливается: ширина, высота, цвет, выравнивание компонентов, высота, цвет шрифта.
В настройках можно установить(по умолчанию ничего не установлено, применяются настройки из библиотеки):
1.Ширину компонента
width40
width50
width60
width100
width150
width200
width250
width300
width320
width350
widthauto
2.Высоту компонентов
height30
height50
height70
height100
height150
height200
height250
height300
height350
heightauto
3.Высоту шрифта
font16
font20
font40
font60
font80
font100
font150
font200
font250
4.Цвет шрифта
fontgreen_4CAF50
fontblue_264280
fontcyan_16747a
fontyellow_c79536
fontgrey_777777
fontred_a5381b
fontpurpe_5c3580
5.Цвет компонента
backgroundgreen_4CAF50
backgroundblue_264280
backgroundcyan_16747a
backgroundyellow_c79536
backgroundgrey_777777
backgroundred_a5381b
backgroundpurpe_5c3580
6.Цвет с градиентом:
backgroundred_gradient
backgroundgreen_gradient
backgroundyellow_gradient
7. Выравнивание компонента
position_left
position_right
positiontop_btn
ВНИМАНИЕ! Свойства компонента можно подавать несколько через пробел,
например, для компонента шириной 100рх, цвета красного градиента, цветом шрифта серый 777777 и расположенный слева, константу писать так: "width100 backgroundred_gradient fontgrey_777777 position_left".
Аналогично можно передать и другие свойства компоненту.
Круглый компонент создается при равном ширине и высоте компонента и радиусе закругления равном их половине.
1583
Текст
Название компонента
16973307-ead1-44c8-bd3b-cbb975546e9c
3171a449-a5ba-47c5-8509-74e3ee82bd6b
ID
f_val
Идентификатор блока
cb025e95-37f2-4fce-bae5-e0d77c2756da
10415510-b168-42e1-aab4-a774f8f76b53
Настройка
40daa321-fa3b-48b5-a118-25f038324abc
740332ab-b552-4520-a13a-102b0d54591e
add.LABEL(Текст,Настройка,ID);
GyverPortal_LABEL_IN_F
GiverPortal_LABEL_TEXT
Text
e14d5471-1ed5-4629-9c62-f774c1a1b709
c9e2e5ba-941a-48c3-bc8e-320cb9ccd8f4
488baac5-40d4-4f3b-9192-72d7d0217d7d
GyverPortal LABEL Текст
Блок позволяет вывести просто текст со входа.
Можно применить для названия компонента.
length_str
Длина строки
d5b3587b-a770-4710-9b81-6020320f0668
427ba928-2970-4c11-80f7-c802e95ce433
TextStr.toCharArray(textStr, TextStr.length()+1);
add.LABEL(textStr, "val");
textStr
[length_str];
char
1af559bb-d8d9-4ce7-ad04-773a7eed6ecf
GyverPortal LABEL_IN_F Вывод текста со входа
Блок позволяет вывести просто текст со входа.
Можно применить для названия компонента.
В параметре Настройка можно устанавливается: ширина, высота, цвет, выравнивание компонентов, высота, цвет шрифта.
В настройках можно установить(по умолчанию ничего не установлено, применяются настройки из библиотеки):
1.Ширину компонента
width40
width50
width60
width100
width150
width200
width250
width300
width320
width350
widthauto
2.Высоту компонентов
height30
height50
height70
height100
height150
height200
height250
height300
height350
heightauto
3.Высоту шрифта
font16
font20
font40
font60
font80
font100
font150
font200
font250
4.Цвет шрифта
fontgreen_4CAF50
fontblue_264280
fontcyan_16747a
fontyellow_c79536
fontgrey_777777
fontred_a5381b
fontpurpe_5c3580
5.Цвет компонента
backgroundgreen_4CAF50
backgroundblue_264280
backgroundcyan_16747a
backgroundyellow_c79536
backgroundgrey_777777
backgroundred_a5381b
backgroundpurpe_5c3580
6.Цвет с градиентом:
backgroundred_gradient
backgroundgreen_gradient
backgroundyellow_gradient
7. Выравнивание компонента
position_left
position_right
positiontop_btn
ВНИМАНИЕ! Свойства компонента можно подавать несколько через пробел,
например, для компонента шириной 100рх, цвета красного градиента, цветом шрифта серый 777777 и расположенный слева, константу писать так: "width100 backgroundred_gradient fontgrey_777777 position_left".
Аналогично можно передать и другие свойства компоненту.
Круглый компонент создается при равном ширине и высоте компонента и радиусе закругления равном их половине.
1570
ID
f_inval
Идентификатор блока
59a76160-0c08-4de9-a6fa-9fa0ef37165f
98b2b0fe-1ac8-4f8f-8b2d-c800c8bfd428
Настройка
035fc1c0-d5fc-46cc-8e31-79815a603d10
46cdd780-d559-4209-a8b1-320937f4b5d0
add.LABEL(Text,Настройка,ID);
GyverPortal_SWITCH_F
GiverPortal_SWITCH
Switch
ff8c5466-a46f-4e27-b258-8d18ffb7189f
cf223da6-41bd-4782-a63e-f8e80cb0dd69
70847a50-ec60-46e1-8aa6-7d06c8259a60
GyverPortal SWITCH
valSwitch = portal.getCheck("sw");
Switch = valSwitch;
add.LABEL("Switch: ");
add.SWITCH("sw", valSwitch); add.BREAK();
valSwitch
;
bool
b0ec6705-8578-49e4-bdff-254a8e70abbf
GyverPortal SWITCH_F Переключатель
Переключатель, на выходе низкий или высокий уровень
ID
f_sw
Идентификатор блока
cb0176c4-388f-4a1e-8711-8ec43701e96d
514e8783-cd9d-400a-8b33-5f77b46a42c0
valSwitch = portal.getCheck(ID);
Switch = valSwitch;
add.SWITCH(ID, valSwitch);
GyverPortal_AREA_F
433469a4-9f2d-4bec-ae2c-22f93ee89dc7
GyverPortal AREA_F Область для текста
Блок позволяет вывести в поле текст, текст задается в параметрах.
В параметре Настройка можно устанавливается: ширина, высота, цвет, выравнивание компонентов, высота, цвет шрифта.
В настройках можно установить(по умолчанию ничего не установлено, применяются настройки из библиотеки):
1.Ширину компонента
width40
width50
width60
width100
width150
width200
width250
width300
width320
width350
widthauto
2.Высоту компонентов
height30
height50
height70
height100
height150
height200
height250
height300
height350
heightauto
3.Высоту шрифта
font16
font20
font40
font60
font80
font100
font150
font200
font250
4.Цвет шрифта
fontgreen_4CAF50
fontblue_264280
fontcyan_16747a
fontyellow_c79536
fontgrey_777777
fontred_a5381b
fontpurpe_5c3580
5.Цвет компонента
backgroundgreen_4CAF50
backgroundblue_264280
backgroundcyan_16747a
backgroundyellow_c79536
backgroundgrey_777777
backgroundred_a5381b
backgroundpurpe_5c3580
6.Цвет с градиентом:
backgroundred_gradient
backgroundgreen_gradient
backgroundyellow_gradient
7. Выравнивание компонента
position_left
position_right
positiontop_btn
ВНИМАНИЕ! Свойства компонента можно подавать несколько через пробел,
например, для компонента шириной 100рх, цвета красного градиента, цветом шрифта серый 777777 и расположенный слева, константу писать так: "width100 backgroundred_gradient fontgrey_777777 position_left".
Аналогично можно передать и другие свойства компоненту.
Круглый компонент создается при равном ширине и высоте компонента и радиусе закругления равном их половине.
1548
ID
f_area
98829cb6-1af9-4696-88d1-f9b50084129c
685e0495-1aec-40e2-bb5c-e7dc84ed1712
Настройка
6ad6a339-c39d-411e-a2ed-111ec7b078d7
6d82463e-5fc7-4854-aca1-939e42e926cb
Количество_строк
aa744919-9e55-43ce-9005-054da90fec9f
3ccdb10f-b481-4315-b8ef-ce832d1b84e0
Текст
Поле для текста
a710d7a8-b915-482e-b3e3-f3a8d7dadeed
872bb85c-d1ae-452a-a175-fd560e9f2e26
add.AREA(ID,Настройка,Количество_строк, Текст);
GyverPortal_AREA_F_text_in
GiverPortal_AREA_text
Text
6bea18e9-8f4a-4e38-bf07-5e829afaf737
faac0a55-709d-41e7-8e7c-a71cfd4e3e43
db1b492f-532f-46e2-83bc-c0498359af8a
GyverPortal AREA Область для текста
Блок позволяет вывести участок для текста, текст (задается в параметрах).
Количество_строк
aa744919-9e55-43ce-9005-054da90fec9f
3ccdb10f-b481-4315-b8ef-ce832d1b84e0
if (portal.click("txt")) {
valText = portal.getString("area");
Text = valText;
}
add.AREA("area", Количество_строк, valText);
valText
;
String
67b5c321-565b-4c3e-84a3-c9372fde7808
GyverPortal AREA_F Область для текста _вход
Блок позволяет вывести многострочный текст в поле, текст выводится со входа.
В параметре Настройка можно устанавливается: ширина, высота, цвет, выравнивание компонентов, высота, цвет шрифта.
В настройках можно установить(по умолчанию ничего не установлено, применяются настройки из библиотеки):
1.Ширину компонента
width40
width50
width60
width100
width150
width200
width250
width300
width320
width350
widthauto
2.Высоту компонентов
height30
height50
height70
height100
height150
height200
height250
height300
height350
heightauto
3.Высоту шрифта
font16
font20
font40
font60
font80
font100
font150
font200
font250
4.Цвет шрифта
fontgreen_4CAF50
fontblue_264280
fontcyan_16747a
fontyellow_c79536
fontgrey_777777
fontred_a5381b
fontpurpe_5c3580
5.Цвет компонента
backgroundgreen_4CAF50
backgroundblue_264280
backgroundcyan_16747a
backgroundyellow_c79536
backgroundgrey_777777
backgroundred_a5381b
backgroundpurpe_5c3580
6.Цвет с градиентом:
backgroundred_gradient
backgroundgreen_gradient
backgroundyellow_gradient
7. Выравнивание компонента
position_left
position_right
positiontop_btn
ВНИМАНИЕ! Свойства компонента можно подавать несколько через пробел,
например, для компонента шириной 100рх, цвета красного градиента, цветом шрифта серый 777777 и расположенный слева, константу писать так: "width100 backgroundred_gradient fontgrey_777777 position_left".
Аналогично можно передать и другие свойства компоненту.
Круглый компонент создается при равном ширине и высоте компонента и радиусе закругления равном их половине.
1560
ID
f_area
Идентификатор блока
01ae8ec1-7164-44bd-b097-53e79d601cc4
6df66dbd-171b-4d69-952a-0b1b78446261
Настройка
51f03c28-6fd6-4f34-b04d-dd970bf7911a
a310bca2-31f8-4a9f-82c2-545ebe833c95
Количество_строк
aa744919-9e55-43ce-9005-054da90fec9f
add.AREA(ID,Настройка,Количество_строк,Text);
GyverPortal_TEXT_F
GiverPortal_TEXT
Text
8f0e8ada-e7e6-4a3e-b59f-37d22fa1e3c7
5f837d1b-b07f-4437-bea1-e39913540506
2122167a-23f3-418e-a106-7f94b4cac863
GyverPortal TEXT
valText = portal.getString("txt");
Text = valText;
add.TEXT("txt", "text", valText);
valText
;
String
424f9b87-442d-4b8a-ac91-bde0b3a67cd6
GyverPortal TEXT_F Ввод текста
Поле для ввода текста.
В параметре Настройка можно устанавливается: ширина, высота, цвет, выравнивание компонентов, высота, цвет шрифта.
В настройках можно установить(по умолчанию ничего не установлено, применяются настройки из библиотеки):
1.Ширину компонента
width40
width50
width60
width100
width150
width200
width250
width300
width320
width350
widthauto
2.Высоту компонентов
height30
height50
height70
height100
height150
height200
height250
height300
height350
heightauto
3.Высоту шрифта
font16
font20
font40
font60
font80
font100
font150
font200
font250
4.Цвет шрифта
fontgreen_4CAF50
fontblue_264280
fontcyan_16747a
fontyellow_c79536
fontgrey_777777
fontred_a5381b
fontpurpe_5c3580
5.Цвет компонента
backgroundgreen_4CAF50
backgroundblue_264280
backgroundcyan_16747a
backgroundyellow_c79536
backgroundgrey_777777
backgroundred_a5381b
backgroundpurpe_5c3580
6.Цвет с градиентом:
backgroundred_gradient
backgroundgreen_gradient
backgroundyellow_gradient
7. Выравнивание компонента
position_left
position_right
positiontop_btn
ВНИМАНИЕ! Свойства компонента можно подавать несколько через пробел,
например, для компонента шириной 100рх, цвета красного градиента, цветом шрифта серый 777777 и расположенный слева, константу писать так: "width100 backgroundred_gradient fontgrey_777777 position_left".
Аналогично можно передать и другие свойства компоненту.
Круглый компонент создается при равном ширине и высоте компонента и радиусе закругления равном их половине.
ID
f_txt
Идентификатор блока
b2d2919b-eb13-46c8-8715-038716df689b
78c2300b-0109-4414-970c-5c1a19ffdc44
Подсказка
текст
e0981a43-4dbc-457f-abed-1f6710da85ba
1e7a9b7a-2fe5-4ca2-a144-7e4ad024b7ad
Настройка
edd41c57-92da-4181-9207-208a1d616ed6
b238ddcb-73f4-4daa-aa2d-67fa5292f798
valText = portal.getString(ID);
Text = valText;
add.TEXT(ID, Подсказка, valText,Настройка);
46
GyverPortal_NUM_float_F
GiverPortal_NUM
Num
5f3cec14-11f0-4a1a-8c01-cdf81ce940a4
9895a9a1-4f9d-45cf-9b5b-8e394bddd36a
5b7ef2b0-8526-41a3-b6c1-63d55542c4eb
GyverPortal NUM
if (portal.click("num")) {
valNum = portal.getInt("num");
Num = valNum;
}
add.NUMBER("num", "number", valNum);
valNum
;
int
Num_float
76a082c3-534f-4ea8-bd9d-d1e505b7e297
cb826a97-14ac-47dc-8d96-42e003c7c814
1bf936ac-d8d1-42f0-a684-2a38e779da02
GyverPortal NUM_F Ввод числа float
Ввод числа в float
ID
f_num
Идентификатор блока
844f994c-3c4c-4907-a27c-75f2d6b95a4a
0ccaf11a-10f2-485c-b72e-47628e846d80
Подсказка
число
51bf193b-f17e-45c4-8edc-da2890078688
79386dd9-0af9-4622-9790-2e0b73bcc1be
valNum = portal.getFloat(ID);
Num = valNum;
add.NUMBER(ID, Подсказка, valNum);
valNum
;
float
a2fb34f3-7152-46d9-af4a-0fe761cad3a7
GyverPortal NUM_float_F Ввод числа float
Ввод числа в float.
В параметре Настройка можно устанавливается: ширина, высота, цвет, выравнивание компонентов, высота, цвет шрифта.
В настройках можно установить(по умолчанию ничего не установлено, применяются настройки из библиотеки):
1.Ширину компонента
width40
width50
width60
width100
width150
width200
width250
width300
width320
width350
widthauto
2.Высоту компонентов
height30
height50
height70
height100
height150
height200
height250
height300
height350
heightauto
3.Высоту шрифта
font16
font20
font40
font60
font80
font100
font150
font200
font250
4.Цвет шрифта
fontgreen_4CAF50
fontblue_264280
fontcyan_16747a
fontyellow_c79536
fontgrey_777777
fontred_a5381b
fontpurpe_5c3580
5.Цвет компонента
backgroundgreen_4CAF50
backgroundblue_264280
backgroundcyan_16747a
backgroundyellow_c79536
backgroundgrey_777777
backgroundred_a5381b
backgroundpurpe_5c3580
6.Цвет с градиентом:
backgroundred_gradient
backgroundgreen_gradient
backgroundyellow_gradient
7. Выравнивание компонента
position_left
position_right
positiontop_btn
ВНИМАНИЕ! Свойства компонента можно подавать несколько через пробел,
например, для компонента шириной 100рх, цвета красного градиента, цветом шрифта серый 777777 и расположенный слева, константу писать так: "width100 backgroundred_gradient fontgrey_777777 position_left".
Аналогично можно передать и другие свойства компоненту.
Круглый компонент создается при равном ширине и высоте компонента и радиусе закругления равном их половине.
ID
f_num
Идентификатор блока
844f994c-3c4c-4907-a27c-75f2d6b95a4a
Подсказка
число
51bf193b-f17e-45c4-8edc-da2890078688
Настройка
45a691f8-ac7f-45cc-9087-0a58dceb0dc2
48422ca4-7a40-4cb0-8972-8d82efce1c8b
valNum = portal.getFloat(ID);
Num_float = valNum;
add.NUMBER(ID,Подсказка,Настройка,valNum);
Компоненты
9d02dd97-1c2c-47f3-98c9-d9cf6994b293
GyverPortal_FORM_BEGIN
772535b9-367a-4b24-9f3c-f9427167833e
GyverPortal FORM_BEGIN Форма и кнопка отправить
Блок для установки режима Форма и кнопка отправить
Поставить перед компонентами, которые нужно, чтобы передавали данные при нажатии или при изменении значения в веб браузере.
С данным блоком применять обязательно блок GyverPortal END_UPDATE, который закрывает открытую фигурную скобку блока GyverPortal_FORM. Блоки, которые передают данные должны быть между вышеуказанными блоками.
381
Название_страницы
/update
a9aa4c83-5773-48a3-bdbb-5f391c215c88
/update2
cf7142ae-de48-45e8-854d-5b03853a3c42
if (portal.form()) {
if (portal.form(Название_страницы)) {
add.FORM_BEGIN(Название_страницы);
GiverPortal_FORM_END
e2f925d6-8d2b-4d29-b0e0-cf3f4d1c370f
GyverPortal FORM_END Завершить форму
Завершить форму.
Блок закрывающий GiverPortal_START_FORM. Ставится последним после всех блоков GyverPortal, но до GyverPortal.FINISH
}
}
6
add.FORM_END();
Установка режима
f9493d63-c34b-4fed-a40a-5b8b2f7ff846
GyverPortal_menu
f8f59f4d-25b1-475e-8b65-a91f2a221a41
GyverPortal_menu Открыть меню
Начальный блок , ставить перед компонентами меню.
Название
/menu
b288c7b5-b004-44a6-9301-5558d9cc6310
/menu1
b94f1477-b4e3-48e2-9c74-ebcaad0a0b1e
if (portal.form(Название)) m = !m;
if (m) {
11
m
;
bool
GyverPortal_menu_end
4d48d382-dfd3-48c3-a6bf-a989141c8acf
GyverPortal_menu Закрыть меню
Конечный блок , ставить после компонентов меню.
}
Открытие и закрытие меню
ce30b4b8-3af8-4735-96fd-7ca757074770
GyverPortal_START_FORM_MENU
d09483ec-74c7-4df0-987c-b96f016b18b4
GyverPortal START_FORM_MENU Форма и кнопка отправить для меню
Блок для установки режима Форма и кнопка отправить
Поставить перед компонентами, которые нужно, чтобы передавали данные при нажатии или при изменении значения в веб браузере.
С данным блоком применять обязательно блок GyverPortal FORM_END, который закрывает открытую фигурную скобку блока GyverPortal_START_FORM_MENU. Блоки, которые передают данные должны быть между вышеуказанными блоками.
Вернёт true, если было нажатие на любой submit кнопку.
445
if (portal.form()) {
GiverPortal_END_FORM_MENU
cadf152f-9c9e-46a9-a802-ec523d815862
GiverPortal_END_FORM_MENU Завершить форму для меню
Завершить форму для меню.
Блок закрывающий GiverPortal_START_FORM_MENU. Ставится последним после всех блоков GyverPortal, но до GyverPortal_FINISH
147
}
5
Установка режима Форма для меню
1d84ed33-5471-4e4c-9dba-0c42540aa9e6
Блоки menuTabs
4e858c3d-4f13-4abd-aeaf-9084b36a228a
Блоки для режима Форма и кнопка отправить
5da29d9a-bacd-4e9f-80d5-65ff5d658bb8
rgb to hex
r
30467471-ad1a-4c50-9995-07106b0c8e92
ea36e66f-85ad-449d-8b11-178d08feb947
g
ca719a0a-4207-41a9-b086-550f7d26ac3b
519120b1-e0a1-498d-bd0d-745ab6bc767c
b
5cbff749-09dc-489e-8287-c669847ade60
2095da91-0c4c-4ae3-94ea-5201a775e385
hex
d7883857-f902-4cbe-8faa-cda78b28b28d
f97c1666-c15d-4386-8922-7eca09a4bffb
f7220dc7-1fa4-4dd9-bcb0-91d1e9a5f301
Конвертация цвета rgb в hex
hex = String("#") + String(rgb, HEX);
rgb = ((long)r << 16) | ((long)g << 8 ) | (long)b;
14174ae0-5aa2-49d1-b00d-4af45b8b3353
Преобразует цвета из формата r, g, b в формат HEX #FF6432.
rgb = ((long)r << 16) | ((long)g << 8 ) | (long)b;
hex = String("#") + String(rgb, HEX);
rgb
;
unsigned long
pulse _signal_button
in_bool
59b3082c-50f6-43b4-9861-be080968021f
aad131f5-2886-48d2-ac64-7b153d00635d
out
fa9a8457-cc1a-45d5-94e3-b8a05ec11562
f3558f56-5d6a-485f-87a2-a0688fbb39f3
d65ba862-ce28-4461-8a47-ea14b2382539
Получение импульсного сигнала от кнопки c фиксацией
Получение импульсного сигнала от кнопки с фиксацией при каждом нажатии.
71
FTrig_2_Out = 0;
if ((!(in_bool))&&(FTrig_2_OldStat))
{
FTrig_2_Out = 1;
}
FTrig_2_OldStat = in_bool;
if (in_bool)
{
if (_trgrt2I)
{
_trgrt2 = 0;
}
else
{
_trgrt2 = 1;
_trgrt2I = 1;
}
}
else
{
_trgrt2 = 0;
_trgrt2I = 0;
}
;
out = ((_trgrt2) || (FTrig_2_Out));
426
_trgrt2
= 0;
bool
_trgrt2I
= 0;
bool
FTrig_2_Out
= 0;
bool
FTrig_2_OldStat
= 0;
bool
Вспомогательные блоки
0ff9075f-7c65-4c94-95b9-d52e77cfc7e2
GyverPortal
1be71f85-82a0-4b0b-94bb-f5682307146f