[IconTV] Новый тип TV с иконками

Здравствуйте, прошло больше года когда, зародился на свет IconTV
Скачать в Modstore бесплатно

Сначала пакет планировался под внутренние задачи, но со временем разработки пакета стало понятно, что он может быть полезен и сообществу MODX. Во время тестирования пакета разработчики подхватили идею и мы вместе ее развили до логической беты. Все весело писали issue, поэтому я не мог настроиться написать статью.

Небольшая предыстория

Идея зародилась, когда достало искать иконки в базе fontawesome, и произносились слова «а почему не автоматизировать этот процесс, а может он уже существует?». Несколько часов поисков не дали нужного результата, пришлось делать самому. Вот и первая бета, многие мне говорили делать компонент платным, вот задумался как платный или бесплатный, думаю как первый компонент то сделаю бесплатным, так как решил потом сделать поддержку SVG платной, но со временем передумал. Так как был небольшой интерес не было желания развивать и здесь появился @Олег Щавелев который поддержал компонент и его развитие. Так и свет увидел ещё SVG формат. А может еще есть идеи. Что скажите?


Что может компонент?

На текущий момент, он умеет работать в двух режимах: SVG и популярными шрифтовыми библиотеками:

• FontAwesome v 4.3.0
• FontAwesome v 4.7.0
• FontAwesome v 5
• Simple Icons

Также умеет добавлять иконки в настройках шаблона и в MIGX.
И планируется добавить в tinyMCE, ClientConfig

Тип SVG (icontvSVG)



Все очень просто, создаем новое тв-поле и выбираем тип поле “IconTVSVG” далее появляется поле где вы указываете директорию где будут размещаться иконки. Создали директорию заходим во вкладку файлы и заливаем наши иконки.

Далее переходим в ресурс и выбираем иконку которая нам необходима. Типа вывода два либо alias иконки, или спрайт svg. Если вы выбрали первый вариант, то заранее необходимо подготовить шрифтовые иконки. Оптимальным вариантом на мой взгляд является сервис icomoon.io, он очень интуитивный, думаю не требует пояснений.

Тип иконок (icontv)


Все еще проще. Выбираем тип и библиотеку шрифтовых иконок. Далее вставляем шаблонную переменную и не забываем подключить библиотеку на фронт.

Ну что поиграемся с иконками?

Если найден баг создавайте issue.