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