Просмотр кода страницы Lite и Pro версии редактора

__NOTOC__

= '''💡 Lite и ⚙️ Pro версии редактора XIOT-EDITOR''' =

== '''1. 📘 Общие сведения''' ==
Редактор '''XIOT-EDITOR''' — это центральный инструмент настройки интерфейсов и сценариев в платформе '''XIOT'''.  

Он поддерживает два режима работы: '''Lite''' и '''Pro''', предназначенных для разных задач и дополняющих друг друга.

* 🟢 '''Lite''' — автоматическое построение интерфейса управления для телефона и планшета на основе структуры проекта.  
* 🔵 '''Pro''' — ручное создание и полная кастомизация интерфейсов, технических страниц и элементов управления.

Переключение между режимами выполняется нажатием кнопки '''Lite / Pro''' в верхнем меню редактора.  

📲 Это позволяет быстро переходить от стандартного интерфейса к кастомному режиму редактирования.
[[Файл:Lite main2.png|без|мини|838x838px|Lite версия редактора XIOT]]
[[Файл:Pro main.png|без|мини|839x839px|Pro версия редактора XIOT]]

== '''2. 🟢 Версия Lite''' ==
Интерфейс управления для телефона и планшета создаётся автоматически на основе шаблона.  

Интерфейс активно развивается на основе отзывов пользователей и предложений интеграторов.

Основные принципы построения интерфейса:
* ⚡ Быстрое восприятие информации.  
* 🤝 Интуитивно понятное управление.  
* 🧩 Распределение устройств и датчиков не только по комнатам, но и по функциональным разделам: '''💡 Свет''', '''🌡️ Климат''', '''💧 Вода''', '''🔌 Электрика''' и др.  
* 📱 Адаптация интерфейса под размеры экрана смартфона и планшета.  
* 🚀 Готовность к использованию сразу после настройки устройств и сценариев.

Интерфейс, созданный в '''Lite-версии''', достаточен для полноценного управления системой «умного дома».  

Однако в ряде проектов возникает необходимость добавить страницы с технической информацией или специализированные панели обслуживания.  

Для этого используется '''⚙️ Pro-версия''' редактора.

При добавлении пользователей можно гибко настраивать права доступа — как к отдельным комнатам в '''Lite''' версии, так и к отдельным страницам в '''Pro''' версии.

Это позволяет предоставлять каждому пользователю доступ только к необходимой информации и функциям.

== '''3. 🔵 Версия Pro''' ==
Режим '''Pro''' предоставляет интегратору профессиональные возможности проектирования интерфейсов.

Основные возможности:
* 🖥️ Создание неограниченного числа кастомных страниц и окон.  
* 🎨 Свободное размещение элементов управления, графики, индикаторов, вкладок и панелей.  
* 🧠 Поддержка всех CSS-стилей, SVG-графики и 3D-библиотеки '''three.js'''.  
* 🧰 Создание уникальных пользовательских интерфейсов с собственным дизайном.  

'''Примеры интерфейсов, реализованных в Pro-версии:'''
* 🌡️ Диспетчеризация и управление системой тёплого пола.  
* 📈 История работы климатических зон.  
* 🏢 3D-управление офисом или жилым объектом.

== '''4. 🔄 Совместное использование Lite и Pro''' ==
Редактор '''XIOT-EDITOR''' поддерживает гибридный режим работы:

* 🧭 Основной интерфейс пользователя создаётся в '''Lite'''.  
* 🧮 Дополнительные страницы (технические, диспетчерские, графические) — в '''Pro'''.  
* 🔗 Можно в Lite версии, добавить кнопку и настроить переход на страницу в Pro версии. Это позволяет дополнить Lite интерфейс необходимыми функциональными страницами.

== '''5. 💾 Обмен элементами и шаблонами''' ==
Все созданные в редакторе XIOT элементы (страницы, окна, виджет, кнопки):
* 💽 сохранять в файл,  
* 🔄 переносить между проектами,  
* 🤝 делиться с другими разработчиками.  

Редактор поддерживает экспорт и импорт элементов, позволяя создавать библиотеки для повторного использования.

== '''6. ⚙️ Преимущества архитектуры Lite / Pro''' ==
* 🚀 Быстрый старт и автоматическая генерация интерфейса в Lite.  
* 🧩 Гибкая настройка и неограниченные возможности кастомизации в Pro.  
* 🔁 Возможность работы в гибридном режиме — пользовательский и технический интерфейсы в одном проекте.  
* 💾 Унифицированная система сохранения и обмена элементами.  
* 🔒 Полная совместимость и единый формат данных между версиями редактора.