Редактор щита
Редактор — це головний екран ElectroBoard, де ви проєктуєте свій електрощит. Тут ви додаєте прилади, налаштовуєте зв'язки між ними, задаєте кабелі та бачите результати перевірок в реальному часі.
Навігація по щиту
Робоча область — це SVG-полотно з DIN-рейками та приладами. Ви можете вільно переміщуватись та масштабувати його.
На комп'ютері:
- Колесо миші — масштабування до позиції курсора
- Ліва кнопка миші + перетягування по фону — переміщення (pan)
- Поточний zoom відображається в тулбарі у відсотках
На мобільному:
- Pinch (двома пальцями) — масштабування
- Один палець по фону — переміщення
Додавання приладів
Нові прилади додаються перетягуванням з палітри на DIN-рейку.
На комп'ютері:
- Відкрийте палітру зліва (вона видима за замовчуванням)
- Скористайтесь пошуком зверху палітри — пошук працює по назві, абревіатурі, опису, параметрах приладу та підказках (наприклад, «Modbus», «gG», «RS485»)
- Або знайдіть потрібний прилад у відповідній групі — кожна група має кольорову абревіатуру та badge з кількістю приладів
- Натисніть та перетягніть його на рейку щита — кольоровий left-border на картці допоможе швидко знайти потрібний тип
- Відпустіть на бажаній позиції — прилад «прилипне» до найближчого вільного слота
На мобільному:
- Натисніть «⚡ Додати модуль» щоб відкрити палітру
- Утримуйте палець на приладі 300 мс (long press) — відчуєте вібрацію
- Перетягніть на рейку
Прилади можна перетягувати між рейками та між позиціями на одній рейці.
Клонування (Ctrl+drag): утримуйте Ctrl під час перетягування — прилад буде скопійовано з усіма параметрами (номінал, крива, кабель, споживачі) у цільовий слот.
[screenshot: процес перетягування приладу з палітри на рейку]
Переміщення приладів — Smart DnD
Система drag & drop в ElectroBoard автоматично визначає найкращий спосіб розмістити прилад залежно від ситуації:
Вільний слот → Розміщення
Якщо цільовий слот вільний — прилад просто переміщується туди. Підсвічується зеленим.
Зайнятий слот → Вставка зі зсувом
Якщо цільовий слот зайнятий, система автоматично вставляє прилад зі зсувом сусідів — це працює як на тій самій рейці, так і при переміщенні між рейками:
- Сусідні прилади автоматично зсуваються щоб звільнити місце
- Під час перетягування прилади одразу показують нові позиції — ви бачите результат до відпускання
- На цільовому слоті з'являється напівпрозора копія приладу що переміщується
- Якщо немає місця вправо — система автоматично спробує зсунути вліво
Неможливо розмістити → Блоковано
Якщо немає місця для зсуву — прилад повертається на початкову позицію. Підсвічується червоним.
[screenshot: вставка зі зсувом — синя лінія і підсвічені модулі]
Вибір та налаштування приладу
Натисніть на прилад щоб обрати його. З'явиться панель властивостей праворуч з секціями:
- Основне — назва, номінал, додаткові параметри (характеристика, тип УЗО тощо)
- Підключення — варіант підключення (1P/2P/3P/4P), фаза, ширина в модулях, напрямок живлення
- Ієрархія — батьківський прилад, резервне джерело (для АВР/перемикача), N шина, підключені апарати
- Керування — вибір контактора для кола керування (для перемикачів контактора, реле часу, реле напруги, реле багатофункційного, smart-контролера)
- Навантаження — розрахункове навантаження, споживачі, кабель, зона приміщення (тільки для приладів з вихідним кабелем — АВ, АВДТ, AFDD, диммер, запобіжник)
- Додатково — нотатки
Панель властивостей не закривається при кліку на фон — тільки через кнопку ×.
Секції можна згортати клацанням по заголовку. Стан «згорнуто/розгорнуто» запам'ятовується окремо для кожного типу приладу — якщо ви згорнули «Додатково» на автоматах, воно залишиться згорнутим на всіх наступних автоматах, але не вплине на інші типи.
Споживачі
Натисніть «Споживачі →» в панелі властивостей щоб відкрити drawer зі списком споживачів. Тут можна:
- Додати споживачів з каталогу (29 пресетів у 5 категоріях: кухня, ванна, освітлення, клімат, розетки)
- Додати власний споживач з довільними параметрами
- Змінити кількість, потужність, cosφ та коефіцієнт попиту
- Бачити розрахункове навантаження в реальному часі
Drawer споживачів замінює панель властивостей (не накладається зверху) — закрити через ← або ×.
Редактор клем приладу
Багато приладів (АВР, перемикачі, реле, контактори, лічильники, ПЗВ/АВДТ та інші) дозволяють тонко налаштувати клеми — їхнє маркування, розташування та внутрішні перемички. Редактор відкривається в панелі властивостей обраного приладу.
У центрі — схема-репліка приладу: зменшена копія корпусу з клемами на своїх фізичних краях (верх/низ), розфарбованими за провідником. Це той самий вигляд, що й на полотні щита — натисніть будь-яку клему на схемі, щоб відкрити її картку. Усі зміни застосовуються одразу (без «Застосувати») і синхронізуються зі схемою та полотном.
Картка клеми
- Маркування клеми — підпис за стандартом (номери за IEC: 1/3/5 для основного входу, 2/4/6 для резервного, N, U/V/W для виходу — залежно від типу приладу). Можна обрати каталожний варіант або ввести власне значення.
- Розміщення — на якому краю приладу сидить клема (Верх / Низ) і її позиція вздовж краю (степер
‹ 1/8 ›). Якщо слот зайнятий — клеми міняються місцями. Підказка — на значку ⓘ. - Джерело входу — для дводжерельних приладів (АВР/перемикач) показує, до якого джерела належить клема (Основне / Резервне). Кнопка «Поміняти джерела» атомарно міняє місцями весь набір основних і резервних входів.
- ↺ у заголовку картки — скинути цю клему до типової.
Напрямок живлення приладу (↑ Зверху / ↓ Знизу) задається тут же, над схемою (для приладів, що це підтримують).
Перемички та зʼєднання
Розділ «Перемички та зʼєднання» (згорнутий за замовчуванням) керує перемичками між клемами:
- Перемичка резервного входу — для багатофазних АВР/перемикачів одним перемикачем зʼєднує фазні клеми резервного входу в групу (наприклад, щоб однофазний резерв живив усі фази). На схемі та полотні зображається спільною шиною-перемичкою і слідує за резервним джерелом при «Поміняти джерела».
- Список перемичок — усі наявні перемички з дружніми підписами клем (наприклад,
1 → 3) і позначкою походження. - Додати вручну — оберіть тип (Внутрішнє зʼєднання між двома клемами того ж приладу або Резервна перемичка), клеми «Звідки»/«Куди» і натисніть +. Небезпечні зʼєднання (коротке замикання між різними провідниками L↔N/PE) блокуються з поясненням.
Системні типи зʼєднань (звʼязок із нейтраллю автономного джерела, посилання на гребінку) створюються автоматично і не пропонуються для ручного додавання.
Видалення приладу
Є три способи видалити прилад:
- Клавіатура — оберіть прилад і натисніть ⌨️
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 шина для кожної групи захисту. АВДТ, реле напруги та інші прилади з N-полюсом підключаються до спільної N шини щита.
Фазні розподільні шини (L1/L2/L3)
Окрім N/PE/PEN на палітрі «Розподільчі шини» є кнопка «+ L» — додає фазну розподільну шину для агрегації групи 1P/3P автоматів на одній фазі. Працює для всіх щитів (1ф/2ф/3ф) — навіть на 1-фазному щиті 5+ автоматів на L1 виграють від спільної L-шини замість «павутини» проводів.
Модель прив'язки до власника: після додавання шини у її властивостях обираєте власника (батько-розподільник, наприклад вступний АВ або контактор) і фазу. Колір шини автоматично визначається за фазою. До призначення власника шина показується сірим заповнювачем з бейджем «L».
Підключення дітей: для 1P/3P апарата у властивостях, у розкривному списку «ДЖЕРЕЛО», L1/L2/L3-шини показуються як опції поряд з батьківськими апаратами. При виборі шини іншої фази для 1P апарата фаза автоматично перемикається.
Фазні гребінки: 1P гребінка може живитись напряму від L-шини — один провід від шини до гребінки замість окремих проводів до кожного члена.
Зони монтажу
Шини можна розміщувати в різних зонах щита:
- Нижня зона — стандартне розташування під рейками (горизонтально)
- Верхня зона — над рейками (горизонтально)
- Ліва / права сторона — вертикальні планки збоку щита
- На DIN-рейку — монтаж на будь-яку рейку як модульний пристрій
Зону монтажу можна змінити в панелі властивостей шини або перетягнути шину між зонами.
Клеми та призначення
Кожна шина має визначену кількість клем (стандартні розміри: 2, 4, 6, 8, 10, 12, 15, 18, 24). Система автоматично:
- Рахує зайняті клеми — на основі підключених приладів
- Пропонує збільшити — якщо підключень більше ніж клем, з'являється діалог з пропозицією найближчого стандартного розміру
- Призначає клеми — автоматичний розподіл (кнопка «Авто» в панелі властивостей)
В панелі властивостей шини відображається список призначення клем. Клік на рядок підсвічує відповідний модуль на щиті пульсуючою анімацією.
Агрегація гребінок у списку підключень
N-гребінка, що живиться від цієї шини, показується у списку як одна group-клема замість N окремих рядків для кожного члена гребінки. Це фізично коректно: від шини до гребінки йде один провід, далі гребінка сама розподіляє N по її автоматам.
- Чевронна стрілка ▶/▼ на рядку гребінки — розгортає/згортає список внутрішніх приладів
- Бейдж «X пр.» — кількість членів гребінки
- Вкладені члени — read-only, керуються через панель гребінки (бейдж «гребінка» на кожному рядку)
Counter зайнятих клем і автопризначення ведуть облік по групах: гребінка з 5 автоматів = 1 зайнята клема, не 5. Це виправляє ситуацію, коли 10-клемна шина хибно показувала «переповнення» через мале число фізичних підключень.
«Ввід N» — віртуальний рядок з мережі
Коли root-прилад щита (без батька) не має N-полюса (3P АВ, генератор, інвертор, ДБЖ без N), у списку клем шини додається віртуальний рядок #1 «Ввід N (мережа/джерело)» — фізичний кабель N приходить на шину напряму з мережі, поза автоматом. Якщо root має N-полюс (наприклад, 4P АВ або ПЗІП 3Р+N як root), цей рядок не потрібен — root сам є джерелом і відображається як звичайне підключення.
Підсвітка при виборі шини
При кліку на шину підсвічуються пов'язані прилади:
- Синій пунктир — прилади з прямим підключенням до шини
- Жовтий пунктир — непрямі нащадки (живлення проходить через шину, але без прямого проводу)
Детальніше: Параметри мережі
Гребінки (busbar comb)
Гребінка — мідна з'єднувальна шина, яка замінює окремі проводи для групи автоматів. Замість «павутини» проводів від батька до кожного дочірнього апарата — одна компактна шина.
Створення гребінки
Клік правою кнопкою миші на автоматі відкриває контекстне меню:
- ⚡ Гребінка 1P (N приладів) — вхідна гребінка, яка замінює проводи від батька до групи
- ⚡ Вихідна гребінка 1P (N дітей) — замінює проводи від автомата до його дочірніх апаратів
Тип гребінки (1P, 3P, 1P+N, 3P+N) визначається автоматично на основі фаз автоматів.
Типи гребінок
| Тип | Провідники | Призначення |
|---|---|---|
| 1P | L1 | Однофазні групи |
| 3P | L1, L2, L3 | Трифазні групи |
| 1P+N | L1, N | Однофазні з нулем |
| 3P+N | L1, L2, L3, N | Трифазні з нулем |
| N | N | Розподіл нейтралі (N-гребінка) |
N-гребінки — окрема DIN-гребінка для N провідника замість окремих проводів до кожного автомата. Живляться напряму від N-шини, каскадно від іншої N-гребінки або від апарата-розподільника — наприклад, крос-модуля 4P, який сам є точкою розподілу N. Останнє корисно, коли у щиті ще немає N-шини і потрібно швидко створити N-гребінку під крос-модуль. Контекстне меню автомата пропонує підменю «Від N-шини / Від крос-модуля», коли доступні обидва варіанти.
Вибір фази для однофазних гребінок
Коли гребінка типу 1P або 1P+N живиться від трифазного батька (3P/3P+N), у панелі властивостей з'являється селектор «Фаза» — L1, L2 або L3. Це дозволяє явно задати на якій фазі розташована гребінка, без редагування кожного члена окремо.
Пропагація фази (BFS): при зміні фази батьківського 1P/1P+N приладу система автоматично оновлює фазу відповідної гребінки, всіх однофазних дочірніх приладів та членів гребінки у піддереві. Трифазні батьки (3P/3P+N) не пропагують фазу — кожна дитина обирає самостійно. 2P нащадки не зачіпаються.
Блокування полів у членів гребінки
Члени гребінки мають заблоковані поля у панелі властивостей: батьківський прилад, фазу та власну N-шину. Управляти цими параметрами можна лише через панель гребінки — це запобігає розузгодженості стану. У заблокованих полях відображається бейдж «керується гребінкою».
При зміні feeder гребінки (через панель гребінки) всі члени автоматично перепризначаються до нового батька.
Фазний каскад
Фазні гребінки автоматично прокладають skip-pattern — пропускають слоти між автоматами різних фаз. Наприклад, у mixed 1P/3P групі: 1P на L2 + 3P (L1L2L3) + 1P на L3 — гребінка коректно підключає лише відповідні фази кожного автомата, не замикаючи сусідні.
Безперервний рендер шини — між секціями немає розривів, візуально єдина лінія.
Живлення з іншої рейки
Гребінка на одній рейці може живитись від автомата з іншої рейки (або від N-шини окремо від гребінки). Автомат-feeder і гребінка не обов'язково на одній рейці.
N-каскад (гребінка від гребінки)
N-гребінка може живитись не тільки від N-шини, а й від іншої N-гребінки — cross-rail каскад, щоб зменшити кількість проводів на борді.
Вхідна та вихідна
Автомат може мати дві гребінки одночасно на різних сторонах:
- Вхідна (зверху) — замінює проводи від батьківського апарата
- Вихідна (знизу) — замінює проводи до дочірніх апаратів
Панель властивостей
Клік на гребінку (кольорова горизонтальна лінія) відкриває панель праворуч:
- Мітка — довільна назва (наприклад, «Група освітлення»)
- Роль — вхідна або вихідна
- Провідники — які фази передає гребінка
- Inc — номінальна стійкість гребінки (валідується проти сумарного навантаження)
- Склад — додати / видалити автомат з гребінки, фільтр підмножини (показати тільки члени)
- Розбити / Об'єднати — розбити велику гребінку на дрібні або об'єднати сусідні
- Артикул — номер виробника для специфікації
- Видалити — повертає окремі проводи
Контекстне меню
Правий клік на автоматі або на гребінці:
- Додати в гребінку / Видалити з гребінки — якщо автомат поруч з існуючою
- Розбити гребінку — розділити на менші групи
- Об'єднати з сусідньою — якщо дві гребінки мають однакові провідники та напрямок живлення
Автоматична адаптація гребінки
При зміні параметрів автомата гребінка автоматично адаптується:
- Перевертання (зміна напрямку живлення) — автомат видаляється з несумісної гребінки
- Зміна підключення (1P → 3P) — перевіряється сумісність, при невідповідності автомат виходить з гребінки
- Переміщення на іншу рейку — автоматичне видалення з гребінки
- Зміна батька на несумісного — автомат евакуйовується з гребінки
- При кожній такій дії з'являється toast-повідомлення внизу екрану з навігацією до причини
Правила валідації
Гребінка вимагає:
- Мінімум 2 автомати
- Всі на одній DIN-рейці
- Спільний батьківський апарат
- Однакові провідники (фази)
- Однаковий напрямок живлення
- Не перетинатись з іншими гребінками на тій же стороні
Індикатор валідації
В правому нижньому куті редактора відображається кнопка-індикатор перевірок:
- 🔴/🟡/🔵 Є проблеми — кнопка активна, клік відкриває панель валідації з переліком Issues
- 🟢 Все добре — кнопка неактивна (disabled), текст «Все добре», клік нічого не робить
Це дозволяє одразу розрізнити «щит без помилок» від «щит ще не перевірявся» та не відволікатись на порожню панель.
Wire Mode (режим проводки)
Wire Mode — спеціальний режим візуалізації, який показує всі провідники на щиті. Увімкнути: ⌨️ Alt+W або кнопка в тулбарі.
В тулбарі доступні фільтри шин: кнопки N та PE дозволяють приховати відповідні провідники — зручно для перевірки конкретних кіл.
Стан налаштувань відображення (видимість ромбів, режим бірок) зберігається між перемиканнями wire mode — не потрібно щоразу вмикати заново.
В wire mode клік на шину або гребінку відкриває їх панель властивостей, клік по порожньому полю — закриває будь-яку панель та знімає виділення.
Панель «Редагування проводки» (праворуч) містить секції в порядку частоти використання:
- Відображення — два основних toggle:
- Всі ромби — показати/сховати точки редагування на всіх проводах одночасно
- Бірки проводів — режими маркування з підказкою активного режиму: Вимк / Проводи (наскрізний номер W001) / Клеми (адреса протилежної клеми QF1:2) / Вузли (один потенціал = один номер L1-1, як на монтажній схемі). У режимі «Вузли» клік по проводу підсвічує весь еквіпотенціальний вузол (усі клеми одного потенціалу)
- Обраний провід / Виділено — інформація про обраний провід (фаза, маршрут, від→до) або групу виділених, з кнопками скидання корекції та зняття виділення
- Ручні корекції — розкривний список всіх проводів з ручною корекцією маршруту. Кожен елемент показує кольорову точку, фазу, від→до. Клік — виділяє провід на канвасі, кнопка ↺ — скидає окрему корекцію
- Кабелі — огляд усіх кабелів щита з бейджами стану (✓ Авто / ⚠ Авто застаріле / ✎ Вручну), фільтр (Усі / Застарілі / Вручну) та кнопкою масового застосування «Прийняти рекомендації (N)» з підтвердженням для кабелів, редагованих вручну. Клік на рядок розкриває вбудований редактор (по одному за раз) з підсвіткою проводів на канвасі; Esc — згорнути. Деталі — у Кабельна система
- Стандарт кольорів — вибір палітри (IEC/ДСТУ, Радянський, NEC, ElectroBoard Classic) у компактній сітці 2×2
- Товщина проводів — 5 пресетів (тонкий → товстий) для візуальної товщини ліній на канвасі. Зручно для друку щитів з великою кількістю кіл, де тонкі лінії перекриваються
- Довжини проводів — калькулятор довжин на основі реальної геометрії маршрутів. Показує розбивку по фазах (L1/L2/L3/N/PE) з кількістю проводів та довжиною кожного. Підтримує запас на монтаж (+10/15/20%). Клік на фазу — розкриває окремі проводи з довжинами
- Відстань між рейками — слайдер від 10 до 50 см, масштабує SVG відображення фізичної відстані між DIN-рейками
- Підказки — згортуваний акордеон з клавіатурними шорткатами та tips
Для зміни маршруту дроту — перетягуйте ромби (◆) на провідниках: горизонтальний ромб — вгору/вниз, вертикальний (↔) — вліво/вправо.
Виділення та маркування проводів
- Клік на провід — виділяє його (підсвічується яскравіше, решта затемнюються). Біля кожного з'єднання відображається маркування (наприклад,
W001/A3:2) - Повторний клік на виділений провід — скидає його ручний маршрут до автоматичного
- Shift+Click — додає/знімає провід з групи виділення. Скидання ручного маршруту діє одразу на всю групу
- Tab / Shift+Tab — переключає фокус між проводами з автоматичним скролом до обраного
Undo/Redo маршрутів
Ручні зміни маршрутів проводів (перетягування ромбів) підтримують Ctrl+Z / Ctrl+Y — так само як додавання та видалення приладів.
[screenshot: Wire Mode з панеллю редагування проводки]
Мінімапа
При масштабуванні великих щитів (3+ рейок) у правому нижньому куті з'являється мінімапа — мініатюра всього щита з прямокутником поточного видимого регіону.
- Клік на мінімапі — миттєво переміщує вигляд до обраної точки
- Перетягування — плавна навігація по щиту
- Зміна розміру — перетягніть край мінімапи для зручного розміру (S/M/L/XL)
- Мінімапа автоматично ховається коли весь щит видно на екрані
Тулбар — детально
Індикатор збереження
В тулбарі поряд з назвою проєкту відображається кольорова крапка:
- 🟢 Зелена — всі зміни збережено
- 🟡 Жовта — збереження...
- 🔴 Червона — помилка збереження (зміни збережені локально, синхронізуються при відновленні з'єднання)
Баланс навантаження по фазах
Для трифазних проєктів в тулбарі відображається розподіл навантаження по фазах L1, L2, L3 та відсоток дисбалансу. Натисніть на цю область для розгорнутого перегляду.
Завантаження вводу
Показує відношення сумарного навантаження до виділеної потужності:
- До 70% — нормальний режим
- 70–90% — увага, наближення до межі
- Більше 90% — перевантаження
Мобільна версія
На мобільному пристрої інтерфейс адаптований:
- Тулбар розбитий на 3 рядки замість 2
- Палітра — bottom sheet знизу з категоріями-акордеонами (одна група відкрита за раз) та пошуком
- Панель властивостей — bottom sheet знизу (динамічна висота: 40vh за замовчуванням, до 85vh при розгортанні)
- Drawer споживачів — замінює панель властивостей у тому ж bottom sheet
- Список проєктів — повноекранний overlay
- Перетягування — long press (300 мс) з вібрацією
- AI-кнопка («⚡ AI Консультант» pill внизу) автоматично ховається коли відкритий будь-який bottom sheet — щоб не перекривати панель
- StatusBar (хоткеї + статус рейок) на мобілці прихований — тач-інтерфейс не потребує клавіатурних підказок
Bottom sheet — жести
Усі bottom sheet панелі (палітра, властивості, гребінка, шина, споживачі) підтримують однаковий набір жестів:
- Drag handle (горизонтальна риска зверху) — перетягування для зміни висоти
- Snap zones — при відпусканні панель автоматично стає на одну з позицій:
- ≤14vh — панель закривається
- 14–60vh — повертається до дефолту (40vh)
60vh — розгортається на максимум (85vh для пропсів, 75vh для гребінки/шини)
- Swipe down to close — протягніть вниз до 14vh щоб закрити
- Backdrop click — клік по затемненому фону також закриває панель
- Keyboard-aware — коли відкривається віртуальна клавіатура (напр. у полі пошуку у палітрі), панель автоматично піднімається над нею через API
visualViewport
Тема інтерфейсу
ElectroBoard підтримує дві теми:
- 🌙 Темна (dark) — дефолт, оптимізована для тривалої роботи
- ☀️ Світла (light) — дефолт Windows 11, комфортна у яскравому освітленні офісу
Перемикач теми — у головному меню (≡) → «Тема». Стан зберігається між сесіями.
Особливості:
- Chrome тулбара (верхня смуга з кнопками) — темний в обох темах. Це design decision за патерном professional CAD-tools (Photoshop, Figma, Fusion 360): контрастна смуга controls візуально відокремлює робоче полотно від UI
- Canvas (полотно) — світлий в обох темах (як аркуш паперу — CAD convention)
- Палітра, сайдбар, діалоги — адаптуються до теми
- Кольори фаз (L1/L2/L3/N) — інваріантні за стандартом IEC 60446
- Ролі джерел живлення — інваріантні кольори (мережа=синій, генератор=янтарний, інвертор=фіолетовий тощо)
За замовчуванням використовується системна тема. При першому натисканні перемикач фіксується на обраному варіанті.
Перейменування проєкту
Подвійний клік на назві проєкту в тулбарі активує режим редагування. Введіть нову назву та натисніть Enter або клікніть поза полем.
Перемикання між проєктами
Натисніть ⌨️ Ctrl+O або клікніть на назву проєкту щоб відкрити список проєктів. Тут можна:
- Перейти до іншого проєкту
- Створити новий проєкт
- Видалити проєкт (з підтвердженням)
💡 Auto-name: якщо при створенні нового проєкту залишити поле назви порожнім — автоматично згенерується ім'я «Новий щит», «Новий щит (2)», «Новий щит (3)» і т.д. (пошук першого вільного номера). Зручно коли треба швидко створити щит для тесту/ескізу.
Налаштування щита (⚙)
У тулбарі тугл «Налаштування щита» (шестерня) відкриває бічну панель з параметрами:
- Пресет мережі — швидкий вибір типової конфігурації (квартира / будинок / ЄС-стандарт)
- Фазність — 1ф / 2ф / 3ф
- Система заземлення — TN-C-S / TN-S / TN-C / TT / IT
- Напруга, частота, лінійна напруга — автоматично для пресетів
- Виділена потужність — кВт або А (для перевірки перевантаження вводу)
- Прокладка кабелю за замовчуванням — вибір з 4 опцій (В стіні / В трубі / Відкрито / В землі). Глобальний дефолт: Відкрито по стіні (для реального сценарію щита). Нові АВ/АВДТ успадковують цей метод; існуючі кабелі не змінюються.
- Стандарти валідації — чек-бокс перелік: ДБН (дефолт) / ПУЕ / IEC. Можна обрати один або кілька — Панель валідації покаже лише ті Issues, що належать активному набору. Дефолти нових щитів успадковуються з профілю налаштувань. Активний набір показано chip-індикатором у заголовку панелі валідації (клік на chip → скрол сюди).
Візуальні індикатори на приладах
- Іконка ролі джерела: над корпусом приладу з роллю джерела (інвертор, сонячна, генератор, акумулятор, ДБЖ) відображається emoji-іконка ролі. Дозволяє візуально відрізнити точку входу живлення від звичайних приладів. Для мережевого джерела та «інше» іконка не малюється.
- Бейдж режиму 2P: для АВ/запобіжника/контактора/реле часу/рубильника у варіанті 2P фазні бейджі в корпусі точно відповідають конфігурації полюсів: режим L+N → один бейдж L (N не показується як фаза), режим L1+L2 → два бейджі L1 і L2.