diff options
Diffstat (limited to 'src/js/components/Options/OptionItemOwner.vue')
| -rw-r--r-- | src/js/components/Options/OptionItemOwner.vue | 90 |
1 files changed, 90 insertions, 0 deletions
diff --git a/src/js/components/Options/OptionItemOwner.vue b/src/js/components/Options/OptionItemOwner.vue new file mode 100644 index 00000000..0a5006b2 --- /dev/null +++ b/src/js/components/Options/OptionItemOwner.vue @@ -0,0 +1,90 @@ +<!-- + - @copyright Copyright (c) 2018 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 class="option-item-owner"> + <Actions v-if="!acl.allowEdit && acl.userId === option.owner" class="action"> + <ActionButton icon="icon-delete" @click="removeOption(option)"> + {{ t('polls', 'Delete your proposal') }} + </ActionButton> + </Actions> + <Avatar v-else-if="option.owner && option.owner !== pollOwner" + :user="option.owner" + :display-name="option.ownerDisplayName" + :is-no-user="option.ownerIsNoUser" + disable-menu + :tooltip-message="t('polls', '{displayName}\'s proposal', { displayName: option.ownerDisplayName })" /> + </div> +</template> + +<script> +import { mapState, mapGetters } from 'vuex' +import { Actions, ActionButton, Avatar } from '@nextcloud/vue' +import { removeOption } from '../../mixins/optionMixins' + +export default { + name: 'OptionItemOwner', + + components: { + Avatar, + Actions, + ActionButton, + }, + + mixins: [ + removeOption, + ], + + props: { + option: { + type: Object, + default: undefined, + }, + }, + + computed: { + ...mapState({ + pollOwner: state => state.poll.owner, + acl: state => state.poll.acl, + }), + + ...mapGetters({ + }), + }, +} + +</script> + +<style lang="scss" scoped> + +.option-item-owner { + align-items: center; + justify-content: center; + background-repeat: no-repeat; + background-position: center; + background-size: 21px; + font-size: 0; + align-self: stretch; + min-width: 24px; +} + +</style> |