55 lines
1.7 KiB
Handlebars
55 lines
1.7 KiB
Handlebars
<DModalBody @title="poll.breakdown.title">
|
|
<div class="poll-breakdown-sidebar">
|
|
<p class="poll-breakdown-title">
|
|
{{this.title}}
|
|
</p>
|
|
|
|
<div class="poll-breakdown-total-votes">{{i18n
|
|
"poll.breakdown.votes"
|
|
count=this.model.poll.voters
|
|
}}</div>
|
|
|
|
<ul class="poll-breakdown-options">
|
|
{{#each this.model.poll.options as |option index|}}
|
|
<PollBreakdownOption
|
|
@option={{option}}
|
|
@index={{index}}
|
|
@totalVotes={{this.totalVotes}}
|
|
@optionsCount={{this.model.poll.options.length}}
|
|
@displayMode={{this.displayMode}}
|
|
@highlightedOption={{this.highlightedOption}}
|
|
@onMouseOver={{fn (mut this.highlightedOption) index}}
|
|
@onMouseOut={{fn (mut this.highlightedOption) null}}
|
|
/>
|
|
{{/each}}
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="poll-breakdown-body">
|
|
<div class="poll-breakdown-body-header">
|
|
<label class="poll-breakdown-body-header-label">{{i18n
|
|
"poll.breakdown.breakdown"
|
|
}}</label>
|
|
|
|
<ComboBox
|
|
@content={{this.groupableUserFields}}
|
|
@value={{this.groupedBy}}
|
|
@nameProperty="label"
|
|
@class="poll-breakdown-dropdown"
|
|
@onChange={{action this.setGrouping}}
|
|
/>
|
|
</div>
|
|
|
|
<div class="poll-breakdown-charts">
|
|
{{#each this.charts as |chart|}}
|
|
<PollBreakdownChart
|
|
@group={{get chart "group"}}
|
|
@options={{get chart "options"}}
|
|
@displayMode={{this.displayMode}}
|
|
@highlightedOption={{this.highlightedOption}}
|
|
@setHighlightedOption={{fn (mut this.highlightedOption)}}
|
|
/>
|
|
{{/each}}
|
|
</div>
|
|
</div>
|
|
</DModalBody> |