Урок 13. Создание голосования с помощью Polls

Установим дополнение Polls через репозиторий дополнений. Кроме этого скопируем с Гитхаба сниппет PollsPrevious. Лучше было бы конечно же устанавливать сразу же с ним целый пакет. Документация по данному компоненту немного устарела и компонент сам по себе не совершенен, но годится для создания простенького голосования на сайте МОДХ.

Сделаем вызов на нашей странице для голосования:

PollsLatest выводит последнее (одно) голосование, если вы не проголосовали, и результаты голосования, если вы уже проголосовали. PollsPrevious выводит результаты предыдущих голосований (включая текущее). Данных вызовов для некоторых случаев может быть достаточно, но давайте попытаемся сделать наше голосование чуть красивее. Для этого давайте используем Прогрессбары из блога Криса Койера Как видите для задания прогрессбаров нам нужно использовать этот кусок кода, аналогичный код можно использовать в bootstrap шаблоне:

Зададим его в параметрах для PollsPrevious как шаблонирующий чанк pollsPreviousResult.tpl

чанк pollsPreviousResult.tpl вывода отдельного результата голосования будет таким:

как видите плейсхолдер percent выдаёт значения в процентах, нам нужно лишь его подставить в наш хтмл-код. Также вставьте этот скрипт в то место на сайте, где у вас находятся все javasctipt`ы:

Также предварительно нужно подключить библиотеку jQuery:

Вы можете использовать css стили, которые задал Крис Койер в своём блоге без изменений. Я сделал некоторые изменения (уменьшил высоту блоков и изменил некоторые другие значения цвета и радиусов), поэтому мои стили будут такими:

Чанк pollsPreviousResult.tpl в моём случае будет таким: