diff options
author | dartcafe <github@dartcafe.de> | 2020-09-16 19:45:15 +0300 |
---|---|---|
committer | dartcafe <github@dartcafe.de> | 2020-09-16 19:45:15 +0300 |
commit | 4765dd1283c94143842faa3c0b9a84dcf3a5d58f (patch) | |
tree | 2511594d43515f2eb2bf4b1636cfa7cb007ea67f /src/js/components/VoteTable/VoteTableHeaderItem.vue | |
parent | 197c8e2265275c4bad0c6cce4da71c53ee62502b (diff) |
initialv1.5.2-view
Diffstat (limited to 'src/js/components/VoteTable/VoteTableHeaderItem.vue')
-rw-r--r-- | src/js/components/VoteTable/VoteTableHeaderItem.vue | 29 |
1 files changed, 23 insertions, 6 deletions
diff --git a/src/js/components/VoteTable/VoteTableHeaderItem.vue b/src/js/components/VoteTable/VoteTableHeaderItem.vue index b6400f58..b914e1f0 100644 --- a/src/js/components/VoteTable/VoteTableHeaderItem.vue +++ b/src/js/components/VoteTable/VoteTableHeaderItem.vue @@ -23,12 +23,12 @@ <template> <div class="vote-table-header-item" :class=" { winner: isWinner }"> - <OptionItem :option="option" :display="tableMode ? 'dateBox' : 'textBox'" /> + <OptionItem :option="option" :display="optionStyle" /> <Confirmation v-if="isConfirmed" :option="option" /> <Counter v-else :show-maybe="Boolean(poll.allowMaybe)" :option="option" - :counter-style="tableMode ? 'iconStyle' : 'barStyle'" - :show-no="!tableMode" /> + :counter-style="counterStyle" + :show-no="showNo" /> </div> </template> @@ -52,9 +52,9 @@ export default { type: Object, default: undefined, }, - tableMode: { - type: Boolean, - default: false, + viewMode: { + type: String, + default: 'desktop', }, }, @@ -69,6 +69,23 @@ export default { confirmedOptions: 'poll/options/confirmed', }), + optionStyle() { + if (this.viewMode === 'desktop') { + return 'dateBox' + } else { + return 'textBox' + } + }, + counterStyle() { + if (this.viewMode === 'desktop') { + return 'iconStyle' + } else { + return 'barStyle' + } + }, + showNo() { + return (this.viewMode === 'desktop') + }, isWinner() { // highlight best option until poll is expired and // at least one option is confirmed |