Welcome to mirror list, hosted at ThFree Co, Russian Federation.

ConfigVoteLimit.vue « Configuration « components « js « src - github.com/nextcloud/polls.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
blob: b8e42ddf2630998146e21c0a0ebdf100b679aa61 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
<!--
  - @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>
		<CheckboxRadioSwitch :checked.sync="useVoteLimit" type="switch">
			{{ t('polls', 'Limit "Yes" votes per user') }}
		</CheckboxRadioSwitch>
		<InputDiv v-if="voteLimit"
			v-model="voteLimit"
			class="selectUnit indented"
			type="number"
			inputmode="numeric"
			use-num-modifiers
			@add="voteLimit += 1"
			@subtract="voteLimit -= 1" />
	</div>
</template>

<script>
import { mapState } from 'vuex'
import { CheckboxRadioSwitch } from '@nextcloud/vue'
import InputDiv from '../Base/InputDiv'

export default {
	name: 'ConfigVoteLimit',

	components: {
		CheckboxRadioSwitch,
		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>