From 8b4fe37a607be03875378cbb898869fb52b088d7 Mon Sep 17 00:00:00 2001 From: Angelina Filippova <linakirsanova@gmail.com> Date: Thu, 27 Aug 2020 01:50:49 +0300 Subject: [PATCH] Disable tags actions in multiple moderation dropdown when TagPolicy is disabled --- .../users/components/MultipleUsersMenu.vue | 43 ++++++++++--------- 1 file changed, 23 insertions(+), 20 deletions(-) diff --git a/src/views/users/components/MultipleUsersMenu.vue b/src/views/users/components/MultipleUsersMenu.vue index 976d2913..ed3d6b85 100644 --- a/src/views/users/components/MultipleUsersMenu.vue +++ b/src/views/users/components/MultipleUsersMenu.vue @@ -61,79 +61,79 @@ @click.native="requirePasswordReset"> {{ $t('users.requirePasswordReset') }} </el-dropdown-item> - <el-dropdown-item divided class="no-hover"> + <el-dropdown-item :disabled="tagPolicyDisabled" divided class="no-hover"> <div class="tag-container"> <span class="tag-text">{{ $t('users.forceNsfw') }}</span> <el-button-group class="tag-button-group"> - <el-button size="mini" @click.native="addTagForMultipleUsers('mrf_tag:media-force-nsfw')"> + <el-button :disabled="tagPolicyDisabled" size="mini" @click.native="addTagForMultipleUsers('mrf_tag:media-force-nsfw')"> {{ $t('users.apply') }} </el-button> - <el-button size="mini" @click.native="removeTagFromMultipleUsers('mrf_tag:media-force-nsfw')"> + <el-button :disabled="tagPolicyDisabled" size="mini" @click.native="removeTagFromMultipleUsers('mrf_tag:media-force-nsfw')"> {{ $t('users.remove') }} </el-button> </el-button-group> </div> </el-dropdown-item> - <el-dropdown-item class="no-hover"> + <el-dropdown-item :disabled="tagPolicyDisabled" class="no-hover"> <div class="tag-container"> <span class="tag-text">{{ $t('users.stripMedia') }}</span> <el-button-group class="tag-button-group"> - <el-button size="mini" @click.native="addTagForMultipleUsers('mrf_tag:media-strip')"> + <el-button :disabled="tagPolicyDisabled" size="mini" @click.native="addTagForMultipleUsers('mrf_tag:media-strip')"> {{ $t('users.apply') }} </el-button> - <el-button size="mini" @click.native="removeTagFromMultipleUsers('mrf_tag:media-strip')"> + <el-button :disabled="tagPolicyDisabled" size="mini" @click.native="removeTagFromMultipleUsers('mrf_tag:media-strip')"> {{ $t('users.remove') }} </el-button> </el-button-group> </div> </el-dropdown-item> - <el-dropdown-item class="no-hover"> + <el-dropdown-item :disabled="tagPolicyDisabled" class="no-hover"> <div class="tag-container"> <span class="tag-text">{{ $t('users.forceUnlisted') }}</span> <el-button-group class="tag-button-group"> - <el-button size="mini" @click.native="addTagForMultipleUsers('mrf_tag:force-unlisted')"> + <el-button :disabled="tagPolicyDisabled" size="mini" @click.native="addTagForMultipleUsers('mrf_tag:force-unlisted')"> {{ $t('users.apply') }} </el-button> - <el-button size="mini" @click.native="removeTagFromMultipleUsers('mrf_tag:force-unlisted')"> + <el-button :disabled="tagPolicyDisabled" size="mini" @click.native="removeTagFromMultipleUsers('mrf_tag:force-unlisted')"> {{ $t('users.remove') }} </el-button> </el-button-group> </div> </el-dropdown-item> - <el-dropdown-item class="no-hover"> + <el-dropdown-item :disabled="tagPolicyDisabled" class="no-hover"> <div class="tag-container"> <span class="tag-text">{{ $t('users.sandbox') }}</span> <el-button-group class="tag-button-group"> - <el-button size="mini" @click.native="addTagForMultipleUsers('mrf_tag:sandbox')"> + <el-button :disabled="tagPolicyDisabled" size="mini" @click.native="addTagForMultipleUsers('mrf_tag:sandbox')"> {{ $t('users.apply') }} </el-button> - <el-button size="mini" @click.native="removeTagFromMultipleUsers('mrf_tag:sandbox')"> + <el-button :disabled="tagPolicyDisabled" size="mini" @click.native="removeTagFromMultipleUsers('mrf_tag:sandbox')"> {{ $t('users.remove') }} </el-button> </el-button-group> </div> </el-dropdown-item> - <el-dropdown-item class="no-hover"> + <el-dropdown-item :disabled="tagPolicyDisabled" class="no-hover"> <div class="tag-container"> <span class="tag-text">{{ $t('users.disableRemoteSubscriptionForMultiple') }}</span> <el-button-group class="tag-button-group"> - <el-button size="mini" @click.native="addTagForMultipleUsers('mrf_tag:disable-remote-subscription')"> + <el-button :disabled="tagPolicyDisabled" size="mini" @click.native="addTagForMultipleUsers('mrf_tag:disable-remote-subscription')"> {{ $t('users.apply') }} </el-button> - <el-button size="mini" @click.native="removeTagFromMultipleUsers('mrf_tag:disable-remote-subscription')"> + <el-button :disabled="tagPolicyDisabled" size="mini" @click.native="removeTagFromMultipleUsers('mrf_tag:disable-remote-subscription')"> {{ $t('users.remove') }} </el-button> </el-button-group> </div> </el-dropdown-item> - <el-dropdown-item class="no-hover"> + <el-dropdown-item :disabled="tagPolicyDisabled" class="no-hover"> <div class="tag-container"> <span class="tag-text">{{ $t('users.disableAnySubscriptionForMultiple') }}</span> <el-button-group class="tag-button-group"> - <el-button size="mini" @click.native="addTagForMultipleUsers('mrf_tag:disable-any-subscription')"> + <el-button :disabled="tagPolicyDisabled" size="mini" @click.native="addTagForMultipleUsers('mrf_tag:disable-any-subscription')"> {{ $t('users.apply') }} </el-button> - <el-button size="mini" @click.native="removeTagFromMultipleUsers('mrf_tag:disable-any-subscription')"> + <el-button :disabled="tagPolicyDisabled" size="mini" @click.native="removeTagFromMultipleUsers('mrf_tag:disable-any-subscription')"> {{ $t('users.remove') }} </el-button> </el-button-group> @@ -159,11 +159,14 @@ export default { } }, computed: { + isDesktop() { + return this.$store.state.app.device === 'desktop' + }, showDropdownForMultipleUsers() { return this.$props.selectedUsers.length > 0 }, - isDesktop() { - return this.$store.state.app.device === 'desktop' + tagPolicyDisabled() { + return this.$store.state.users.tagPolicyDisabled } }, methods: { -- GitLab