Калькулятор FEFCO на сайт: установка и использование
Установка за 2 шага
1. Загрузите папку `fefcocalc/` на свой хостинг, например в `https://ваш-сайт/fefcocalc/`.
2. Вставьте на страницу два элемента:
```html
<div id="fefcocalc-widget" data-lang="ru"></div>
<script src="https://ваш-сайт/fefcocalc/embed.js"></script>
```
Проверить без сайта: откройте `index.html` из комплекта двойным кликом.
Где вставлять
- WordPress: блок «Произвольный HTML».
- Tilda: блок T123 «HTML-код».
- Wix: «Встроить код» → «Встроить HTML» (платные тарифы). Задайте блоку достаточную высоту, особенно для телефона.
- Bitrix и обычные страницы: вставьте оба элемента перед `</body>`.
Настройки
Задаются атрибутами контейнера `<div id="fefcocalc-widget">`.
| Атрибут | Значение | По умолчанию |
|---|---|---|
| `data-lang` | `ru` или `en` | по `<html lang>`, иначе `ru` |
| `data-theme` | `light`, `dark`, `auto` | `light` |
| `data-rolls` | ширины рулонов, мм, через запятую | `630,700,750,850,890,1050` |
| `data-glue-flap` | клапан склейки GL, мм | `30` |
| `data-se` | зазор реза слота SE, мм | `2` |
| `data-groups` | только указанные группы, например `0200,0300` | все |
| `data-fonts` | `google` — шрифты с Google Fonts | системные |
| `data-hide-title` | скрыть заголовок | показан |
| `data-catalog` | адрес своего JSON-каталога (http/https) | встроенный |
Пример: только ящики 0200 и 0300, тёмная тема, свои рулоны.
```html
<div id="fefcocalc-widget" data-groups="0200,0300" data-theme="dark" data-rolls="700,850,1050"></div>
```
Цвета меняются CSS-переменными:
```css
#fefcocalc-widget .fefcocalc-app { --fc-blue: #c0392b; --fc-bg: #fff; }
```
Как пользоваться
1. Конструктив: выберите группу FEFCO и код, при необходимости — деталь (например, крышку или дно).
2. Размеры: введите L, W, H и укажите тип измерения: внутренние, score-to-score или наружные.
3. Материал: выберите профиль гофры (E, B, C, BC) или введите толщину; проверьте GL и SE.
4. Тираж: укажите количество и процент отхода.
5. Развёртка: при необходимости разверните лист на 90° (волна гофры поперёк H). Сверьтесь с технологом.
6. Результат: размеры заготовки, площадь, длина реза и биговки, рекомендуемая ширина рулона и отход по ширине. Формулы смотрите в блоке «Формулы и допущения расчёта».
Что учесть
- Один виджет на страницу.
- Схемы подгружаются с того же адреса, где лежит `embed.js`. Если хостинг блокирует SVG, чертежи не покажутся, но расчёт работает.
- Цен на картон в виджете нет.
- Событие `fefcocalc:ready` срабатывает, когда виджет готов.
- Свой каталог: формат как у `data.json`; актуальный каталог из базы Joomla выгружает `tools/export_data.php`.
- Обновление при выходе новой версии: `python3 tools/build_widget.py "/путь/к/pkg_fefcocalc_X.Y.Z.zip" "/куда/собрать"`.
Лицензия: GPL-2.0-or-later во вложении `LICENSE.txt.
