');
var datasets = data.datasets;
$.each(tooltip.dataPoints, function(d, dataPoint) {
var beer = datasets[dataPoint.datasetIndex].data[dataPoint.index].ref;
content.append(
$('
').append($('
').text(beer.name)),
$('').append($('
').text(breweries[beer.brewery].name)),
$('').append($('
').text(beer.style.join(' - '))),
$('').append(
$('- ').text('ABV'),
$('
- ').text(`${beer.abv}%`),
$('
- ').text('L. ocen'),
$('
- ').text(beer.ratings.count),
$('
- ').text('Śr. ocen'),
$('
- ').text(beer.ratings.average),
$('
- ').text('Dodane'),
$('
- ').text([
`0${beer.added.day}`.slice(-2),
`0${beer.added.month}`.slice(-2),
beer.added.year
].join('-'))
)
);
});
return content;
};
var stylesChart;
$('a#styles-tab').on('shown.bs.tab', function() {
if (!stylesChart) {
var ctx = $('#styles-chart')[0].getContext('2d');
stylesChart = new Chart(ctx, {
type: 'bar',
data: {
labels: styleNames,
datasets: [{
data: styleCounts,
backgroundColor: styleColours.map(c => Color(c).alpha(0.5).rgbString()),
borderColor: styleColours,
borderWidth: 1
}]
},
options: {
legend: {
display: false
},
scales: {
yAxes: [{
ticks: {
beginAtZero: true
}
}]
},
tooltips: {
enabled: false,
custom: function(tooltip) {
displayTooltip(this._chart, tooltip, this._data, function(tooltip, data) {
var content = $('
');
$.each(styles[tooltip.dataPoints[0].index].styleTree, function(style, substyles) {
var getItem = function(style, substyle) {
var count = substyleCounts[substyle ? (`${style} - ${substyle}`) : style];
if (count) {
var term = $('- ');
var value = $('
- ');
var item = $('
- ').append($('
').append(term, value));
term.html(substyle || style);
value.html(count);
return item;
}
return null;
};
if (substyles) {
var sublist = $('');
var nonZero = false;
$.each(substyles, function(id, substyle) {
var item = getItem(style, substyle);
if (item) {
sublist.append(item);
nonZero = true;
}
});
if (nonZero) {
content.append($('- ').append(style, sublist));
}
} else {
content.append(getItem(style));
}
});
return content;
});
}
}
}
});
}
});
var ratingAxis = {
type: 'logarithmic',
ticks: {
min: 0,
callback: value => value.toLocaleString(),
autoSkipPadding: 20
}
};
var averageAxis = {
ticks: {
min: Math.floor(Math.min.apply(null, beers.map(b => b.ratings.average)) * 2) * 0.5,
max: 5
}
};
var abvAxis = {
ticks: {
min: 0
}
};
var abvRatingsChart;
$('a#abv-ratings-tab').on('shown.bs.tab', function() {
if (!abvRatingsChart) {
var ctx = $('#abv-ratings-chart')[0].getContext('2d');
abvRatingsChart = new Chart.Scatter(ctx, {
data: scatterChartData[0],
options: {
scales: {
xAxes: [abvAxis],
yAxes: [ratingAxis]
},
tooltips: {
enabled: false,
custom: function(tooltip) {
displayTooltip(this._chart, tooltip, this._data, scatterTooltip);
}
}
}
});
}
});
var abvAverageChart;
$('a#abv-average-tab').on('shown.bs.tab', function() {
if (!abvAverageChart) {
var ctx = $('#abv-average-chart')[0].getContext('2d');
abvAverageChart = new Chart.Scatter(ctx, {
data: scatterChartData[1],
options: {
scales: {
xAxis: [abvAxis],
yAxes: [averageAxis]
},
tooltips: {
enabled: false,
custom: function(tooltip) {
displayTooltip(this._chart, tooltip, this._data, scatterTooltip);
}
}
}
});
}
});
var ratingsAverageChart;
$('a#ratings-average-tab').on('shown.bs.tab', function() {
if (!ratingsAverageChart) {
var ctx = $('#ratings-average-chart')[0].getContext('2d');
ratingsAverageChart = new Chart.Scatter(ctx, {
data: scatterChartData[2],
options: {
scales: {
xAxes: [ratingAxis],
yAxes: [averageAxis]
},
tooltips: {
enabled: false,
custom: function(tooltip) {
displayTooltip(this._chart, tooltip, this._data, scatterTooltip);
}
}
}
});
}
});
var getFilteredBeers = function(beers) {
var dates = $('#date-filter input[name="date"]').val().split(',').map(d => dateMapping[parseInt(d)]);
var breweries = $('#brewery-filter input:checked').map(function(i, input) { return input.value; }).toArray();
return beers.filter(function(beer) {
var added = beer.added.year + '-' + `0${beer.added.month}`.slice(-2);
return (breweries.indexOf(beer.brewery) > -1)
&& (added >= dates[0] && added <= dates[1]);
});
};
var updateCharts = function() {
var filtered = getFilteredBeers(beers);
var bySubstyle = {};
for (var s in substyleCounts) {
substyleCounts[s] = 0;
}
for (var beer in filtered) {
var style = filtered[beer].style.join(' - ');
if (!substyleCounts[style]) {
substyleCounts[style] = 0;
}
substyleCounts[style]++;
if (!bySubstyle[style]) {
bySubstyle[style] = [];
}
bySubstyle[style].push(filtered[beer]['scatter-data']);
}
for (var s in styleCounts) {
styleCounts[s] = 0;
for (var i = 0; i < 3; i++) {
scatterChartData[i].datasets[s].data = [];
}
for (var ss in styleSubstyles[s]) {
var substyle = styleSubstyles[s][ss];
if (substyleCounts[substyle]) {
styleCounts[s] += substyleCounts[substyle];
for (var j = 0; j < 3; j++) {
scatterChartData[j].datasets[s].data = scatterChartData[j].datasets[s].data.concat(bySubstyle[substyle].map(d => d[j]));
}
}
}
}
if (stylesChart) {
stylesChart.update();
}
if (abvRatingsChart) {
abvRatingsChart.update();
}
if (abvAverageChart) {
abvAverageChart.update();
}
if (ratingsAverageChart) {
ratingsAverageChart.update();
}
};
var changeTimeout = null;
$('#date-filter, #brewery-filter').find('input').change(function() {
clearTimeout(changeTimeout);
changeTimeout = setTimeout(updateCharts, 500);
});
initTab(false, true);
updateCharts();
});
$('#tab-menu a').on('click', function (e) {
e.preventDefault();
e.stopImmediatePropagation();
initTab($(this).attr('aria-controls'), true);
return false;
});
$(window).on('popstate', function(ev) {
initTab(false, false);
});
});