Easy Icons

[nod3zp]

Небольшое дополнение позволяющее добавить иконки на сайт Moscow OVH
Кому-то это может и пригодится, а лично я делал под дизайн который скоро дропну тут же

Спойлер: Скриншот

Спойлер: Использование

1. Необходимо подключить библиотеку EasyIcons в BODY шаблона в панеле Moscow OVH

Спойлер: Обычная версия

<script src="https://cdn.jsdelivr.net/gh/nod3zp/easyicons/EasyIcon.js"></script>

Спойлер: Облегченная версия

<script src="https://cdn.jsdelivr.net/gh/nod3zp/easyicons/EasyIcon.min.js"></script>

2. В тот-же BODY добавляем инициализацию скрипта и вводим необходимые параметры

<script>
        let IconsArray = [
            {
                where: '<span>Обратная связь</span>',
                icon: 'fas fa-ice-cream',
                tag: '.nav-link'
            },
            {
                where: '<span>Серверы</span>',
                icon: 'fas fa-server',
                tag: '.nav-link',
                add: true
            }
        ];

        //  where - Это параметр предопределяющий заменяемый компонент
        //  tag - Класс объекта в котором выполняем поиск where (Для хеадера это .nav-link)
        //  icon - Класс иконки с сервиса https://fontawesome.com/icons
        //  add - Необязательный тэг при добавление которого и установке его значения на TRUE будет не заменяться текст а добавляться иконка к тексту

        new EasyIcons(IconsArray);
</script>