mirror of
https://github.com/discourse/discourse.git
synced 2024-12-14 12:13:44 +08:00
41 lines
1.2 KiB
JavaScript
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");
|
|
}
|
|
|
|
});
|