discourse/plugins/poll/assets/javascripts/components/poll-results-standard.js.es6

41 lines
1.2 KiB
JavaScript

import evenRound from "discourse/plugins/poll/lib/even-round";
import computed from "ember-addons/ember-computed-decorators";
export default Em.Component.extend({
tagName: "ul",
classNames: ["results"],
@computed("poll.voters", "poll.options.[]", "poll.type")
options() {
const options = this.get("poll.options");
const voters = this.get("poll.voters");
let percentages = voters === 0 ?
Array(options.length).fill(0) :
_.map(options, o => 100 * o.get("votes") / voters);
// properly round percentages
if (this.get("poll.type") === "multiple") {
// when the poll is multiple choices, just "round down"
percentages = percentages.map(p => Math.floor(p));
} else {
// when the poll is single choice, adds up to 100%
percentages = evenRound(percentages);
}
options.forEach((option, i) => {
const percentage = percentages[i];
const style = new Ember.Handlebars.SafeString(`width: ${percentage}%`);
option.setProperties({
percentage,
style,
title: I18n.t("poll.option_title", { count: option.get("votes") })
});
});
return this.get("poll.options");
}
});