diff options
author | dartcafe <github@dartcafe.de> | 2021-03-21 02:14:16 +0300 |
---|---|---|
committer | dartcafe <github@dartcafe.de> | 2021-03-21 02:14:16 +0300 |
commit | f73fbc1759f2245be39e3b2b81a6ab8bf079c364 (patch) | |
tree | 3d1571709bbff5eb54b47b171156e8d44660e3ba /src/js/components/Configuration/ConfigVoteLimit.vue | |
parent | cfa138e12f20994543bc6aca809847ad636a79c8 (diff) |
relieve SideBarTabConfiguration and split configuration in components
Signed-off-by: dartcafe <github@dartcafe.de>
Diffstat (limited to 'src/js/components/Configuration/ConfigVoteLimit.vue')
-rw-r--r-- | src/js/components/Configuration/ConfigVoteLimit.vue | 80 |
1 files changed, 80 insertions, 0 deletions
diff --git a/src/js/components/Configuration/ConfigVoteLimit.vue b/src/js/components/Configuration/ConfigVoteLimit.vue new file mode 100644 index 00000000..400f7484 --- /dev/null +++ b/src/js/components/Configuration/ConfigVoteLimit.vue @@ -0,0 +1,80 @@ +<!-- + - @copyright Copyright (c) 2021 René Gieling <github@dartcafe.de> + - + - @author René Gieling <github@dartcafe.de> + - + - @license GNU AGPL version 3 or any later version + - + - This program is free software: you can redistribute it and/or modify + - it under the terms of the GNU Affero General Public License as + - published by the Free Software Foundation, either version 3 of the + - License, or (at your option) any later version. + - + - This program is distributed in the hope that it will be useful, + - but WITHOUT ANY WARRANTY; without even the implied warranty of + - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + - GNU Affero General Public License for more details. + - + - You should have received a copy of the GNU Affero General Public License + - along with this program. If not, see <http://www.gnu.org/licenses/>. + - + --> + +<template> + <div> + <CheckBoxDiv v-model="useVoteLimit" :label="t('polls', 'Limit yes votes per user')" /> + <InputDiv v-if="voteLimit" v-model="voteLimit" class="selectUnit indented" + use-num-modifiers + @add="voteLimit++" + @subtract="voteLimit--" /> + </div> +</template> + +<script> +import { mapState } from 'vuex' +import CheckBoxDiv from '../Base/CheckBoxDiv' +import InputDiv from '../Base/InputDiv' + +export default { + name: 'ConfigVoteLimit', + + components: { + CheckBoxDiv, + InputDiv, + }, + + computed: { + ...mapState({ + poll: state => state.poll, + countOptions: state => state.options.list.length, + }), + + useVoteLimit: { + get() { + return (this.poll.voteLimit !== 0) + }, + set(value) { + this.$store.commit('poll/setProperty', { voteLimit: value ? 1 : 0 }) + this.$emit('change') + }, + }, + + voteLimit: { + get() { + return this.poll.voteLimit + }, + set(value) { + if (!this.useVoteLimit) { + value = 0 + } else if (value < 1) { + value = this.countOptions + } else if (value > this.countOptions) { + value = 1 + } + this.$store.commit('poll/setProperty', { voteLimit: value }) + this.$emit('change') + }, + }, + }, +} +</script> |