PanelColor

Веб-приложение для настройки цветов и адресов панелей операторов SIEMENS (KP32F, KP8, KP8F, PP17-II-PN).

Удобное веб-приложение для настройки панелей оператора Siemens. Позволяет визуально работать с ячейками интерфейса, отображая их I/Q-адреса и цветовую индикацию. Все операции выполняются локально в браузере без передачи данных на сервер.

🌟 Основные возможности

• Клик по ячейке — мгновенное отображение I-адреса (вход) и Q-адреса (выход)
• Цветовая индикация — визуальное разделение состояний (красный, зеленый, синий, желтый, белый)
• Экспорт/Импорт конфигурации — сохранение и восстановление настроек в JSON
• Адаптивный интерфейс — корректное отображение на любых экранах
• Поддержка панелей — KP32F, KP8, KP8F, PP17-II-PN
• Локальное хранение — настройки сохраняются в браузере

🖱️ Как использовать

Шаг 1: Получение адресов из Step7/TIA Portal

1. Откройте проект в программе Step7 или TIA Portal
2. Перейдите в раздел «Hardware Configuration»
3. Найдите соответствующие слоты и модули (KP8[F], KP32F, PP17-II-PN)
4. Запишите диапазоны адресов I (входные) и Q (выходные) для каждого модуля

Шаг 2: Ввод адресов в приложении

1. Выберите нужную панель оператора в приложении
2. Введите полученные адреса:
   • Для первого слота — в первые поля ввода
   • Для второго слота — во вторые поля ввода
3. Нажмите кнопку "Применить"

Шаг 3: Настройка цветов

Способ 1: Через клик по ячейке

1. Кликните на нужную ячейку в сетке
2. В открывшемся модальном окне выберите цвет (красный, зеленый, синий, желтый, белый)
3. Ячейка автоматически окрасится и отобразит свой адрес

Способ 2: Через поле ввода адресов

1. Введите адреса в формате: Q1.0+Q2.0 или просто Q2.0
2. Используйте знак плюс (+) как разделитель между адресами
3. Соответствующие ячейки автоматически окрасятся

💡 Советы по использованию

• Для применения текущих настроек нажмите "Применить" (ранее выбранные вручную ячейки будут сброшены)
• Для переноса конфигураций используйте кнопки "Импорт" и "Экспорт"
• Для очистки всех изменений используйте кнопку "Сбросить"
• Для копирования адресов из поля ввода используйте кнопку "Копировать"
• Все настройки автоматически сохраняются в локальном хранилище браузера

⚙️ Технические детали

Проект имеет четкое разделение ответственности:

• KP32F.js — алгоритмы для работы с панелью KP32F
• KP8.js — алгоритмы для работы с панелями KP8, KP8F
• PP17.js — алгоритмы для работы с панелью PP17
• helper.js — вспомогательные функции (модальные окна, локальное хранилище)
• themeHelper.js — управление темами интерфейса

🚀 Запуск локально

Приложение работает полностью в браузере, без необходимости установки сервера:

1. Склонируйте репозиторий:

   git clone https://github.com/Afynjv2963/PanelColor.git