Редактор щита
Редактор — це головний екран ElectroBoard, де ви проєктуєте свій електрощит. Тут ви додаєте прилади, налаштовуєте зв'язки між ними, задаєте кабелі та бачите результати перевірок в реальному часі.
Навігація по щиту
Робоча область — це SVG-полотно з DIN-рейками та приладами. Ви можете вільно переміщуватись та масштабувати його.
На комп'ютері:
- Колесо миші — масштабування до позиції курсора
- Ліва кнопка миші + перетягування по фону — переміщення (pan)
- Поточний zoom відображається в тулбарі у відсотках
На мобільному:
- Pinch (двома пальцями) — масштабування
- Один палець по фону — переміщення
Додавання приладів
Нові прилади додаються перетягуванням з палітри на DIN-рейку.
На комп'ютері:
- Відкрийте палітру зліва (вона видима за замовчуванням)
- Знайдіть потрібний прилад у відповідній групі
- Натисніть та перетягніть його на рейку щита
- Відпустіть на бажаній позиції — прилад «прилипне» до найближчого вільного слота
На мобільному:
- Натисніть «⚡ Додати модуль» щоб відкрити палітру
- Утримуйте палець на приладі 300 мс (long press) — відчуєте вібрацію
- Перетягніть на рейку
Прилади можна перетягувати між рейками та між позиціями на одній рейці.
[screenshot: процес перетягування приладу з палітри на рейку]
Переміщення приладів — Smart DnD
Система drag & drop в ElectroBoard автоматично визначає найкращий спосіб розмістити прилад залежно від ситуації:
Вільний слот → Розміщення
Якщо цільовий слот вільний — прилад просто переміщується туди. Підсвічується зеленим.
Зайнятий слот → Insert with Shift
Якщо цільовий слот зайнятий, система автоматично вставляє прилад зі зсувом сусідів — це працює як на тій самій рейці, так і при переміщенні між рейками:
- Сусідні прилади автоматично зсуваються щоб звільнити місце
- Під час перетягування прилади одразу показують нові позиції — ви бачите результат до відпускання
- На цільовому слоті з'являється напівпрозора копія приладу що переміщується
- Якщо немає місця вправо — система автоматично спробує зсунути вліво
Неможливо розмістити → Blocked
Якщо немає місця ні для swap ні для зсуву — прилад повертається на початкову позицію. Підсвічується червоним.
[screenshot: Insert with Shift — синя лінія і підсвічені модулі]
Вибір та налаштування приладу
Натисніть на прилад щоб обрати його. З'явиться панель властивостей праворуч з параметрами:
- Назва — довільний текст для ідентифікації (наприклад, «Розетки кухня»)
- Тип приладу — АВ, УЗО, АВДТ та інші (змінювати тип не можна, треба видалити і додати новий)
- Номінал — робочий струм в амперах
- Підключення — кількість полюсів та ширина в модулях
- Фаза — L1, L2 або L3 (для однофазних приладів)
- Додаткові параметри — залежать від типу приладу (характеристика, тип УЗО тощо)
- Ієрархія — батьківський прилад, N шина, підключені апарати
- Навантаження — розрахункове навантаження та список споживачів
- Кабель — переріз, метод прокладки, довжина
- Нотатки — довільний коментар
Панель властивостей не закривається при кліку на фон — тільки через кнопку ×.
Споживачі
Натисніть «Споживачі →» в панелі властивостей щоб відкрити drawer зі списком споживачів. Тут можна:
- Додати споживачів з каталогу (28 пресетів у категоріях)
- Додати власний споживач з довільними параметрами
- Змінити кількість, потужність, cosφ та коефіцієнт попиту
- Бачити розрахункове навантаження в реальному часі
Drawer споживачів замінює панель властивостей (не накладається зверху) — закрити через ← або ×.
Видалення приладу
Є три способи видалити прилад:
- Клавіатура — оберіть прилад і натисніть ⌨️
DeleteабоBackspace. Підтвердьте видалення в діалозі. - Контекстне меню — натисніть правою кнопкою миші на прилад і оберіть «🗑 Видалити». Зручно коли не хочеться спочатку виділяти прилад окремим кліком.
- Панель властивостей — відкрийте налаштування приладу і натисніть кнопку «Видалити компонент» внизу панелі. Зручно на мобільному.
Увага: При видаленні приладу, який є батьківським для інших (наприклад, УЗО з підключеними АВ), дочірні прилади втратять зв'язок з батьком.
Undo / Redo
Будь-яку дію можна скасувати:
- ⌨️
Ctrl+Z— скасувати - ⌨️
Ctrl+YабоCtrl+Shift+Z— повторити
Кнопки ↩ ↪ також доступні в тулбарі. Історія дій зберігається на весь час роботи з проєктом.
Управління рейками
Щит складається з DIN-рейок, на які монтуються прилади. Кожна рейка має:
- Назву — можна перейменувати подвійним кліком (наприклад, «Рейка 1 — Ввід»)
- Кількість модулів — скільки модулів вміщує рейка (6, 9, 12, 18, 24, 36, 48)
Максимальна кількість рейок — 12. Це відповідає найбільшим побутовим та невеликим комерційним щитам. Для більших об'єктів рекомендується розділяти на окремі проєкти.
Кнопки управління рейкою
Кожна рейка має набір кнопок у заголовку:
- 🗑 — видалити рейку (разом з усіма приладами на ній)
- ⇅ — впорядкувати прилади на рейці (автосортування)
- + Рейка — додати нову рейку (тільки на останній рейці)
Автосортування рейки (⇅)
Кнопка ⇅ автоматично впорядковує прилади на рейці за логічним порядком:
- Ввідні апарати (рубильники, лічильники)
- УЗО та АВДТ (захисні апарати)
- Автоматичні вимикачі
- Допоміжні прилади
В межах кожного типу — сортування по фазах (L1 → L2 → L3) та по номіналу (від більшого до меншого). Батьківський прилад завжди розміщується перед своїми дочірніми. Дія підтримує Undo (Ctrl+Z).
Зміна кількості модулів
Dropdown у правому верхньому куті першої рейки змінює кількість модулів одразу для всіх рейок. Якщо прилади не вміщуються — система запропонує підтвердити видалення тих що виходять за межі.
Шини
Внизу щита відображаються шини — N (нульова), PE (захисне заземлення), та PEN (суміщена). Набір шин визначається автоматично залежно від обраної системи заземлення:
- TN-S — окремі шини N та PE
- TN-C-S — шини N, PE, та PEN
- TN-C — тільки PEN
- TT — окремі N та PE
- IT — тільки PE
При наявності УЗО або АВДТ автоматично створюються окремі N шини для кожної групи захисту.
Детальніше: Параметри мережі
Wire Mode (режим проводки)
Wire Mode — спеціальний режим візуалізації, який показує всі провідники на щиті. Увімкнути його можна через тулбар.
В цьому режимі доступні фільтри по фазах: L1, L2, L3, N, PE — можна увімкнути/вимкнути відображення кожного провідника окремо. Це зручно для перевірки правильності фазування та пошуку помилок в проводці.
[screenshot: Wire Mode з фільтрами фаз]
Тулбар — детально
Індикатор збереження
В тулбарі поряд з назвою проєкту відображається кольорова крапка:
- 🟢 Зелена — всі зміни збережено
- 🟡 Жовта — збереження...
- 🔴 Червона — помилка збереження (зміни збережені локально, синхронізуються при відновленні з'єднання)
Баланс навантаження по фазах
Для трифазних проєктів в тулбарі відображається розподіл навантаження по фазах L1, L2, L3 та відсоток дисбалансу. Натисніть на цю область для розгорнутого перегляду.
Завантаження вводу
Показує відношення сумарного навантаження до виділеної потужності:
- До 70% — нормальний режим
- 70–90% — увага, наближення до межі
- Більше 90% — перевантаження
Мобільна версія
На мобільному пристрої інтерфейс адаптований:
- Тулбар розбитий на 3 рядки замість 2
- Палітра — висувний drawer зліва (200px)
- Панель властивостей — bottom sheet знизу (85% висоти екрану)
- Drawer споживачів — замінює панель властивостей в тому ж bottom sheet
- Список проєктів — повноекранний overlay
- Перетягування — long press (300 мс) з вібрацією
Перейменування проєкту
Подвійний клік на назві проєкту в тулбарі активує режим редагування. Введіть нову назву та натисніть Enter або клікніть поза полем.
Перемикання між проєктами
Натисніть ⌨️ Ctrl+O або клікніть на назву проєкту щоб відкрити список проєктів. Тут можна:
- Перейти до іншого проєкту
- Створити новий проєкт
- Видалити проєкт (з підтвердженням)