1
2
$(document).ready(function(){
3
4
/* ====================== BUILDING ====================== */
5
6
$('.js-count-percent').each(function() {
7
var a = $(this), b = parseInt(a.find('.ratingtypeplusminus').text(),10), c = parseInt(a.find('span[id*=vote]').text(),10);
8
if ( c >= b && c > 0 ) {
9
var t = Math.round((c - (c - b)/2)/c*100);
10
a.text(t+'%').after('<div class="thumb__rating-bar"><div class="thumb__rating-bar-progress" style="width:'+t+'%"></div></div>');
11
} else {
12
a.text('0%').after('<div class="thumb__rating-bar"><div class="thumb__rating-bar-progress"></div></div>');
13
};
14
a.removeClass('js-count-percent');
15
});
16
17
$('.page__rating').each(function(){
18
var rate = $(this),
19
b = parseInt(rate.find('.ratingtypeplusminus').text(), 10), c = parseInt(rate.find('span[id*=vote]').text(), 10);
20
rate.append('<div class="page__rating-likes"><i>0</i> понравилось <span>| <i>0</i></span> <div class="page__rating-bar"><div class="page__rating-bar-progress"></div></div></div>');
21
if ( c >= b && c > 0 ) {
22
var m = (c - b)/2, p = c - m, fill = Math.round((c - m)/c*100);
23
rate.find('.page__rating-bar-progress').css({'width':''+fill+'%'});
24
rate.find('.page__rating-likes').children('i').html(p);
25
rate.find('.page__rating-likes').children('span').children('i').html(m);
26
console.log('rate '+b+' votes '+c+' prg '+fill+' like '+p+' dislike ' +m+'');
27
};
28
});
29
30
$('.page__comments-list').each(function(){
31
var quantity = $('.comment-item').length;
32
if (quantity > 1) {
33
$('.comment-item:gt(0)').hide();
34
$('.page__comments-list').append('<div class="show-comms"><a href="#">Show all ('+quantity+')</a></div>');
35
};
36
});
37
$(".show-comms > a").click(function(){
38
$(".comment-item").show();
39
$(this).parent().remove();
40
return false;
...
</html>