Discource-C/discourse
1
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-02-07 20:08:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

UX: Highlight user's vote in polls.

Browse Source
This commit is contained in:
Guo Xiang Tan 2017-01-25 11:56:39 +08:00
parent e7564dc1d7
commit 1da6fc8e3c
2 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
plugins/poll/assets/javascripts/widgets/discourse-poll.js.es6
View File

@ -160,8 +160,9 @@ createWidget('discourse-poll-standard-results', {
return ordered.map((option, idx) => { return ordered.map((option, idx) => {
const contents = []; const contents = [];
const per = rounded[idx].toString(); const per = rounded[idx].toString();
const chosen = attrs.vote.includes(option.id);
contents.push(h('div.option', contents.push(h('div.option',
h('p', [ h('span.percentage', `${per}%`), optionHtml(option) ]) h('p', [ h('span.percentage', `${per}%`), optionHtml(option) ])
)); ));
@ -178,7 +179,7 @@ createWidget('discourse-poll-standard-results', {
})); }));
} }
return h('li', contents); return h('li', { className: `${chosen ? 'chosen' : ''}` }, contents);
}); });
} }
} }

6
plugins/poll/assets/stylesheets/common/poll.scss
View File

@ -107,7 +107,11 @@ div.poll {
.bar { .bar {
height: 10px; height: 10px;
background: $primary; background: dark-light-diff($primary, $secondary, 50%, -25%);;
}
.chosen .bar {
background: $tertiary;
} }
} }