Kai/habitica
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(profile): functional dropdown buttons

Browse Source
This commit is contained in:
SabreCat
2023-09-06 11:40:31 -05:00
parent a2989b2833
commit 7e9d57d10a
1 changed files with 74 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files
website/client/src/components/userMenu/profile.vue
+74 -29
View File
@@ -24,6 +24,12 @@
</div>
<!-- PAGE STATE CHANGES -->
<div class="row state-pages">
<div
v-if="userBlocked"
>
You blocked this player. They cannot send you Private
Messages but you will still see their posts.
</div>
<div class="text-center nav">
<div
class="nav-item"
@@ -166,6 +172,7 @@
<!-- BLOCK PLAYER -->
<b-dropdown-item
v-if="!userBlocked"
class="selectListItem block-ban"
@click="blockUser()"
>
@@ -180,6 +187,22 @@
</span>
</span>
</b-dropdown-item>
<b-dropdown-item
v-else
class="selectListItem block-ban"
@click="unblockUser()"
>
<span class="with-icon">
<span
v-once
class="svg-icon icon-16 color"
v-html="icons.block"
></span>
<span v-once>
{{ $t('unblock') }}
</span>
</span>
</b-dropdown-item>
<!-- REST OF DROPDOWN ONLY VISIBLE IF ADMIN -->
<div
v-if="hasPermission(userLoggedIn, 'moderator')"
@@ -195,23 +218,29 @@
<!-- ADMIN PANEL -->
<b-dropdown-item
v-if="hasPermission(userLoggedIn, 'userSupport')"
class="selectListItem"
@click="adminOpenAdminPanel()"
>
<span class="with-icon">
<span
v-once
class="svg-icon icon-16 color"
v-html="icons.crown"
></span>
<span v-once>
{{ $t('viewAdminPanel') }}
<router-link
:to="{ name: 'adminPanelUser',
params: { userIdentifier: user._id } }"
>
<span class="with-icon">
<span
v-once
class="svg-icon icon-16 color"
v-html="icons.crown"
></span>
<span v-once>
{{ $t('viewAdminPanel') }}
</span>
</span>
</span>
</router-link>
</b-dropdown-item>
<!-- BAN USER -->
<b-dropdown-item
v-if="!hero.auth.blocked"
class="selectListItem block-ban"
@click="adminBlockUser()"
>
@@ -226,10 +255,29 @@
</span>
</span>
</b-dropdown-item>
<b-dropdown-item
v-else
class="selectListItem block-ban"
@click="adminUnblockUser()"
>
<span class="with-icon">
<span
v-once
class="svg-icon icon-16 color"
v-html="icons.block"
></span>
<span v-once>
{{ $t('unbanPlayer') }}
</span>
</span>
</b-dropdown-item>
<!-- SHADOW MUTE PLAYER WITH TOGGLE -->
<b-dropdown-item
class="selectListItem"
@click="!hero.flags.chatShadowMuted
? adminTurnOnShadowMuting()
: adminTurnOffShadowMuting()"
>
<span class="with-icon">
<span
@@ -243,7 +291,8 @@
>
{{ $t('shadowMute') }}
</span>
<toggle
<toggle-switch
v-model="hero.flags.chatShadowMuted"
class="toggle-switch-outer ml-auto"
/>
</span>
@@ -252,6 +301,9 @@
<!-- MUTE PLAYER WITH TOGGLE -->
<b-dropdown-item
class="selectListItem"
@click="!hero.flags.chatRevoked
? adminRevokeChat()
: adminReinstateChat()"
>
<span class="with-icon">
<span
@@ -262,7 +314,8 @@
<span v-once>
{{ $t('mutePlayer') }}
</span>
<toggle
<toggle-switch
v-model="hero.flags.chatRevoked"
class="toggle-switch-outer ml-auto"
/>
</span>
@@ -952,7 +1005,7 @@ import moment from 'moment';
import axios from 'axios';
import each from 'lodash/each';
import cloneDeep from 'lodash/cloneDeep';
import toggle from '../ui/toggleSwitch';
import toggleSwitch from '../ui/toggleSwitch';
import { mapState } from '@/libs/store';
import MemberDetails from '../memberDetails';
@@ -989,7 +1042,7 @@ export default {
MemberDetails,
profileStats,
error404,
toggle,
toggleSwitch,
},
mixins: [externalLinks, userCustomStateMixin('userLoggedIn')],
props: ['userId', 'startingPage'],
@@ -1011,7 +1064,6 @@ export default {
mute,
shadowMute,
}),
adminToolsLoaded: false,
userIdToMessage: '',
editing: false,
editingProfile: {
@@ -1057,7 +1109,6 @@ export default {
nextIncentive () {
return this.getNextIncentive();
},
classText () {
const classTexts = {
warrior: this.$t('warrior'),
@@ -1079,6 +1130,9 @@ export default {
if (this.openStatus !== undefined) return this.openStatus === 1;
return this.isOpened;
},
userBlocked () {
return this.userLoggedIn.inbox.blocks.indexOf(this.user._id) !== -1;
},
},
watch: {
startingPage () {
@@ -1115,7 +1169,6 @@ export default {
this.editing = false;
this.hero = {};
this.userLoaded = false;
this.adminToolsLoaded = false;
const profileUserId = this.userId;
@@ -1165,6 +1218,10 @@ export default {
this.user = user;
}
if (this.hasPermission(this.userLoggedIn, 'moderator')) {
this.hero = await this.$store.dispatch('hall:getHero', { uuid: this.user._id });
}
this.userLoaded = true;
},
selectPage (page) {
@@ -1277,18 +1334,6 @@ export default {
this.$store.dispatch('hall:updateHero', { heroDetails: this.hero });
},
adminOpenAdminPanel () {
this.hero = this.user.permissions.fullAccess || this.user.permissions.userSupport;
this.$store.dispatch('adminPanel', { uuid: this.user_id });
},
async toggleAdminTools () {
if (this.adminToolsLoaded) {
this.adminToolsLoaded = false;
} else {
this.hero = await this.$store.dispatch('hall:getHero', { uuid: this.user._id });
this.adminToolsLoaded = true;
}
},
showAllocation () {
return this.user._id === this.userLoggedIn._id && this.hasClass;
},