Расширяем функционал стандартного рейтинга DLE

Расширяем функционал стандартного рейтинга DLE


Не совсем понятно, почему в dle изначально это было не реализовано, ведь это расширяет функционал рейтинга и дает возможность каждому реализовать тип рейтинга "Нравится" / "Не нравится" как ему будет удобнее. Добавили бы отдельные теги для количества минусов, плюсов и общий рейтинг, но разработчики как всегда сделали интересную функцию на половину. Надеемся в следующих версиях расширят и доработают функционал добавив нужные теги и они станут доступны из коробки. Данный хак подойдет для владельцев сайта с версией скрипта DLE 10.5 и выше. Единственно, что радует, вам не нужно вносить изменения в БД, лишь исправить пару строк в файле скрипта.

Для начала откройте engine/modules/functions.php и найдите первую строку в функции ShowRating:
    } elseif ($config['rating_type'] == "2") {

После нее вставить:
        $rate_minus = ($vote_num - $rating)/2;
        $rating_plus = $rating + $rate_minus;

        $rated = <<<HTML
<div class="main-sliders-rate ignore-select">
    <a href="#" title="Нравится(+)" onclick="doRate('1', '$id'); return false;">
        <span>
            <svg viewBox="61.9 84.9 200.8 194.4">
                <path d="M237,146c-4-0.8-8.8-0.8-11.2-0.8h-41V98.6c0-8-6.4-13.7-13.7-13.7h-19.3c-7.2,0-12.9,4.8-15.3,11.2l-11.2,47.4c0,0.8-1.6,3.2-1.6,3.2l-19.3,20.1c0,0-0.8,0.8-0.8,1.6c-0.8,0-1.6,0.8-1.6,0.8H78.8c-8.8,0-16.9,5.6-16.9,14.5v61c0,8.8,8,16.1,16.9,16.1h23.3c1.6,0,3.2-0.8,4.8-0.8l16.1,13.7c4,3.2,9.6,5.6,14.5,5.6h72.3c39.4,0,53-31.3,53-57v-41.8C261.1,158,245.8,148.4,237,146z M81.2,186.9h18.5v56.2H81.2L81.2,186.9L81.2,186.9z M243.4,222.3c0,11.2-3.2,36.9-34.5,36.9h-72.3c-0.8,0-2.4-0.8-2.4-0.8l-16.1-12.9v-0.8v-61v-1.6c0-0.8,0-1.6,0.8-1.6l19.3-20.1c3.2-3.2,5.6-7.2,6.4-11.2l10.4-44.2h9.6v43.4c0,8,7.2,14.5,15.3,14.5h45c2.4,0,5.6,0,6.4,0.8c1.6,0.8,10.4,4,10.4,16.1C243.4,180.5,243.4,222.3,243.4,222.3z"></path>
            </svg>
            $rating_plus
        </span>
    </a>
    <a href="#" title="Не нравится(-)" onclick="doRate('-1', '$id'); return false;">
        <span>
            <svg viewBox="97.6 84.8 200.8 194.4">
                <path d="M298.4,183.6v-41.8c0-25.7-12.9-57-53-57h-72.3c-4.8,0-10.4,2.4-14.5,5.6l-16.1,13.7c-1.6-0.8-3.2-0.8-4.8-0.8h-23.3c-8.8,0-16.9,7.2-16.9,16.1v61c0,8.8,8,14.5,16.9,14.5h23.3c0.8,0,1.6,0.8,1.6,0.8s0,0.8,0.8,1.6l19.3,20.1c0.8,0.8,1.6,2.4,1.6,3.2l11.2,47.4c1.6,6.4,8,11.2,15.3,11.2h19.3c7.2,0,13.7-5.6,13.7-13.7v-45.8h41c2.4,0,7.2,0,11.2-0.8C283.1,215.7,298.4,206.1,298.4,183.6z M118.5,120.2H137v56.2h-18.5V120.2z M279.9,183.6c0,12.9-8.8,16.1-10.4,16.1c-1.6,0-4,0.8-6.4,0.8h-45c-8,0-15.3,6.4-15.3,14.5v43.4h-11.2l-10.4-44.2c-0.8-4-4-8-6.4-11.2l-19.3-20.1l-0.8-1.6v-1.6v-61v-0.8l16.1-12.9c0.8,0,1.6-0.8,2.4-0.8h72.3c31.3,0,34.5,25.7,34.5,36.9V183.6z"></path>
            </svg>
            $rate_minus
        </span>
    </a>
</div>
HTML;
        if( $allow ) $rated = "<div id=\"ratig-layer-$id\">$rated</div>";
        return $rated;

В своем шаблоне можете использовать готовые стили:
.main-sliders-rate {
    height: 42px;
}

.main-sliders-rate a {
    position: relative;
    display: block;
    width: 50%;
    height: 42px;
    float: left;
    /*text-indent: 44px;*/
    line-height: 42px;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
}

.main-sliders-rate a span {
    position: relative;
    display: block;
    width: 20px;
    margin: 0 auto;
    padding-left: 14px;
}

.main-sliders-rate a svg {
    position: absolute;
    width: 18px;
    height: 17px;
}

.main-sliders-rate a:nth-of-type(1) {
    background: #f5f7f5;
    color: #71ce3f;
}

.main-sliders-rate a:nth-of-type(1):hover {
    background: #71ce3f;
    color: #FFF;
}

.main-sliders-rate a:nth-of-type(1) svg {
    fill: #70cd3f;
    top: 12px;
    left: -10px;
}

.main-sliders-rate a:nth-of-type(1):hover svg {
    fill: #FFF;
}

.main-sliders-rate a:nth-of-type(2) {
    background: #e7e5e5;
    color: #ba3636;
}

.main-sliders-rate a:nth-of-type(2):hover {
    background: #b93636;
    color: #FFF;
}

.main-sliders-rate a:nth-of-type(2) svg {
    fill: #ba3636;
    top: 14px;
    left: -10px;
}

.main-sliders-rate a:nth-of-type(2):hover svg {
    fill: #FFF;
}

Далее вы можете изменять рейтинг так как вам угодно исходя из особенностей своего сайта.
В шаблоне использовать один стандартный тег {rating}

Готово.

Автор: Олег Александрович a.k.a. Sander
Версия DLE: 10.5 или старше
Также рекомендуем
Zveraboy
10 сентября 2018 20:04
Подскожите как сделать другую кодеровку на вин-8 вот смотрите как получилось

https://cdn1.savepice.ru/uploads/2018/9/10/62475937bb8086a7c7522fb9a9dbb704-full.png
Wotan
10 сентября 2018 21:55
Zveraboy, Предположу, что нужно изменить кодировку файла functions.php, очистить кеш сайта и браузера. Все должно работать.

Информация

Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.