Топ-100
Создать акаунт
NULLTOP » CMS » DLE » Плагины DLE » Who rated 0.2.2 : cписок пользователей изменяющих рейтинг

Who rated 0.2.2 : cписок пользователей изменяющих рейтинг

08 янв 2024, 21:23
Плагины DLE
5
0
Who rated 0.2.2 : cписок пользователей изменяющих рейтинг

Who rated 0.2.2 : cписок пользователей изменяющих рейтинг 

Модификация Who rated 0.2.1, который ведёт учёт даты изменения рейтинга у новостей и комментариев. Он добавляет функцию по вызову которой осуществляет AJAX запрос и возвращает окно с участниками - кто влиял на рейтинг, а по нажатию на имя пользователя покажет его историю оценок и их дату. Требуется наличие jаvascript плагина magnific-popup (подключается отдельно).

Возможности:

  • Статистика голосующих отсортированная по дате в отдельном окне с разбивкой по страницам.
  • Отдельная статистика последних 100 голосований пользователя.
  • Поддержка рейтинга комментариев.


Установка:

  1. Установить модуль через систему плагинов DLE.
  2. Добавить в файл стилей CSS вашей темы следующий код:
    /** Who rated module **/
    .who-rated {
    	width: 500px;
        margin: 0 auto;
        position: relative;
    	background: #FFF;
        padding: 25px 10px 10px;
        border-radius: 3px;
    	border: 1px solid #ccc;
    }
    #who-rated ul {
    	list-style-type: none;
        margin: 0;
        padding: 0;	
    }
    
    #who-rated li.ratingLog-liminus .rated-is {
    	color: #ba3636;
    }
    
    #who-rated li.ratingLog-liplus .rated-is {
    	color: #3caa00;
    }
    
    #who-rated li .rated-is .icon {
        width: 16px;
        height: 16px;
        fill: currentColor;	
    }
    
    #who-rated li .rated-is {
    	position: absolute;
    	left: 0px;
    	top: 4px;
    	width: 22px;
    	height: 22px;
    	line-height: 22px;
    	text-align: center;
    }
    
    #who-rated li.ratingLog-listars .rated-is {
    	font-weight:700;
    	top: 5px !important;
    }
    
    #who-rated span.rated-is-plus {
    	color: #3caa00;
    	top: -2px;
    	position: relative;
    }
    
    #who-rated span.rated-is-minus {
    	color: #ba3636;
    	top: -2px;
    	position: relative;
    }
    
    #who-rated li {
    	font: normal 11px/22px Verdana;
    	cursor: pointer;
    	border-radius: 2px;
    	position: relative;
    }
    
    #rated-list li {padding: 4px 0px 4px 53px;}
    #rate-profile-stats li{padding: 4px 0px 4px 23px;}
    
    #who-rated ul li:hover {
    	color: #000;
    	background-color: #f5f5f8;
    }
    
    #who-rated li a {
    	display: inline-block;
    	white-space: nowrap;
    	overflow: hidden;
    	text-overflow: ellipsis;
    	vertical-align: middle;
    	width: 75%;	
    }
    
    #who-rated li .rated-date {
    	position: absolute;
    	right: 6px;
    	top: 4px;
    	font: normal 10px/22px Tahoma;
    	color: #999;
    }
    
    #who-rated li img {
    	position: absolute;
    	left: 24px;
    	top: 4px;
    	height: 22px;
    	width: 22px;
    	border-radius: 1px;
    }
    
    #rated-list-nav {width: 100px;margin: 0 auto;}
    #rated-list-nav li {font-size: 20px;font-weight: 700;cursor: pointer;}
    #rated-list-nav li.disabled {color:#AAA;}
    #rated-list-nav li:nth-child(1) {float:left}
    #rated-list-nav li:nth-child(2) {float:right;}
    
    #who-rated .ratingLog-userbox-user {
    	height: 60px;
    	padding: 10px 50px 10px 5px;
    	border-bottom: 1px dotted #ddd;
    	font: normal 16px/25px 'Roboto Condensed', sans-serif;
    	position: relative;
    	box-sizing: content-box;
    }
    
    #who-rated .ratingLog-userbox-user div.stars-block {
    	display:inline-block;
    	margin-left: 10px;
    }
    
    #who-rated .ratingLog-userbox-user div.stars-block:first-child {
    	margin-left: 0px;
    }
    
    #who-rated .ratingLog-userbox-user img {
    	height: 60px;
    	width: 60px;
    	margin: 0 10px 0 0;
    	float: left;
    	border-radius: 3px;
    }
    
    #who-rated .ratingLog-userbox-close {
    	position: absolute;
    	right: 12px;
    	top: 50%;
    	margin-top: -10px;
    	width: 19px;
    	height: 19px;
    	opacity: .7;
    	cursor: pointer;
    }
    
    #who-rated .ratingLog-userbox ul {
    	max-height: 300px;
    	overflow: auto;
    }
    
    #who-rated .rate-profile-stats .no_row {
    	padding: 10px;
    	text-align: center;
    	display: inline-block;
    	width: 100%;
    }
    /** Who rated END **/
  3. Открыть main.tpl вашей темы и найти:
    </head>

    Добавить выше:
    		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.css" />
    		<script src="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.js"></script>

    Найти в самом низу :
    </body>

    Добавить выше:
    <script>
    function profileRateStats(id, rating_type) {
    	
    	//ShowLoading();	
    	$.post( dle_root + "engine/ajax/controller.php?mod=who_rated", {user_id: id, type:'profile', rating_type: rating_type, user_hash: dle_login_hash}, function(data) {
    		//HideLoading();
    		$('#who-rated .all-list').hide();	
    		$('#who-rated').append(data);
        //Initialisation des plug-ins ici si nécessaire.
    		/*new LazyLoad({
    			elements_selector: "#rate-profile-stats img[data-src]",
    			threshold: 0,
    			load_delay: 250
    		});*/
    		
    	});	
    					
    }
    
    function who_rated_list(obj, rating_type) {
    	
    	var id = $(obj).data('commid') ? $(obj).data('commid') : $(obj).data('newsid');
    	//ShowLoading();
    	$.post( dle_root + 'engine/ajax/controller.php?mod=who_rated', {id: id, rating_type: rating_type, user_hash: dle_login_hash}, function(data){
    		//HideLoading();
    		if( data == 'null-1' ) {
    			
    			//Box.InfoNormal('who-rated', 'Information', 'Les nouvelles n'ont pas de votes', 400, 2000);
    			DLEalert('Les articles n\'ont pas de votes', 'Information') ;
          
    		} else {
    			
    			$.magnificPopup.open({
    				items: {
    					src: '<div class="who-rated clrfix">'+data+'</div>'
    				},
    				type: 'inline',
    				mainClass: 'mfp-fade',
    				removalDelay: 0,
    				overflowY: 'hide',
    				closeOnBgClick: true,
    				callbacks: {
    					open: function() {
                //Initialisation des plug-ins ici si nécessaire.
    						/*new LazyLoad({
    							elements_selector: "#rated-list img[data-src]",
    							threshold: 0,
    							load_delay: 250
    						});*/
    					},
    					afterClose: function() {},		 
    					beforeClose: function() {}
    				}		
    				});
    		}
    	});
    			
    	return false;
    	
    }
    </script>
  4. Готово!

 

Функция who_rated_list имеет два параметра. Первый должен быть this или любой другой объект на котором будет находится нужные атрибуты data-commid или data-newsid. Второй параметр указывается в случае запроса для получения рейтинга комментария. Если для новости то параметр не указывать.

 

Для рейтинга нравится\не нравится устанавливать кнопки не нужно.

 

Для рейтинга типа "Звёзды" установка кнопки происходит отдельно.


Пример для шаблона комментария:

[rating]
<div class="rate">
	[rating-type-1]<div class="rate_stars"><span data-commid="{id}" onclick="who_rated_list(this, 1);">[?]</span>{rating}</div>[/rating-type-1]
</div>
[/rating]
Название:
Who rated 0.2.2
Версия:
17.0
Язык:
Русский
Модификация:
DarkLane
Категория:
Автор:
TeraMoune
Источник:

Все материалы, представленные на сайте, носят исключительно ознакомительный характер!

Если ссылка битая, пожалуйста сообщите нам через форму комментариев или в ЛС

Комментарии
Минимальная длина комментария - 50 знаков. комментарии модерируются
Кликните на изображение чтобы обновить код, если он неразборчив

Смотрите также: