mirror of
https://github.com/HabitRPG/habitica.git
synced 2025-12-17 22:57:21 +01:00
12773d539e
* Read IP blocks from database * begin building general blocking solution * add new frontend files * Add UI for managing blockers * correctly reset local data after creating blocker * Tweak wording * Add UI for managing blockers * restructure admin pages * improve test coverage * Improve blocker UI * add blocker to block emails from registration * lint fix * fix * lint fixes * fix import * add new permission for managing blockers * improve permission check * fix managing permissions from admin * improve navbar display for non fullAccess admin * update block error strings * lint fix * add option to errorHandler to skip logging * validate blocker value during input * improve blocker form display * chore(subproj): reconcile habitica-images * fix(scripts): use same Mongo version for dev/test * fix(whitespace): eof * documentation improvements * remove nconf import * remove old test --------- Co-authored-by: Kalista Payne <kalista@habitica.com> Co-authored-by: Kalista Payne <sabrecat@gmail.com>
449 lines
16 KiB
Vue
449 lines
16 KiB
Vue
<template>
|
|
<div>
|
|
<div class="row standard-page">
|
|
<small
|
|
class="muted"
|
|
v-html="$t('blurbHallContributors')"
|
|
></small>
|
|
</div>
|
|
<div class="row standard-page">
|
|
<div>
|
|
<div v-if="hasPermission(user, 'userSupport')">
|
|
<h2>Reward User</h2>
|
|
<div
|
|
v-if="!hero.profile"
|
|
class="row"
|
|
>
|
|
<div class="form col-6">
|
|
<div class="form-group">
|
|
<input
|
|
v-model="heroID"
|
|
class="form-control"
|
|
type="text"
|
|
:placeholder="'User ID or Username'"
|
|
>
|
|
</div>
|
|
<div class="form-group">
|
|
<button
|
|
class="btn btn-secondary"
|
|
@click="loadHero(heroID)"
|
|
>
|
|
Load User
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
v-if="hero && hero.profile"
|
|
class="row"
|
|
>
|
|
<div
|
|
class="form col-4"
|
|
submit="saveHero(hero)"
|
|
>
|
|
<router-link :to="{'name': 'userProfile', 'params': {'userId': hero._id}}">
|
|
<h3>@{{ hero.auth.local.username }} / {{ hero.profile.name }}</h3>
|
|
</router-link>
|
|
<div class="form-group">
|
|
<label>Contributor Title</label>
|
|
<input
|
|
v-model="hero.contributor.text"
|
|
class="form-control"
|
|
type="text"
|
|
>
|
|
<small>
|
|
Common titles:
|
|
<strong>Ambassador, Artisan, Bard, Blacksmith, Challenger, Comrade, Fletcher, Linguist, Linguistic Scribe, Scribe, Socialite, Storyteller</strong>. Rare titles: Advisor, Chamberlain, Designer, Mathematician, Shirtster, Spokesperson, Statistician, Tinker, Transcriber, Troubadour. <!-- eslint-disable-line max-len -->
|
|
</small>
|
|
</div>
|
|
<div class="form-group">
|
|
<label>Contributor Tier</label>
|
|
<input
|
|
v-model="hero.contributor.level"
|
|
class="form-control"
|
|
type="number"
|
|
>
|
|
<small>
|
|
1-7 for normal contributors, 8 for moderators, 9 for staff. This determines which items, pets, and mounts are available, and name-tag coloring. Tiers 8 and 9 are automatically given admin status. <!-- eslint-disable-line max-len -->
|
|
<a
|
|
href="https://habitica.fandom.com/wiki/Contributor_Rewards"
|
|
target="_blank"
|
|
>More details</a>
|
|
</small>
|
|
</div>
|
|
<div class="form-group">
|
|
<label>Contributions</label>
|
|
<textarea
|
|
v-model="hero.contributor.contributions"
|
|
class="form-control"
|
|
cols="5"
|
|
></textarea>
|
|
</div>
|
|
<div class="form-group">
|
|
<label>Balance</label>
|
|
<input
|
|
v-model="hero.balance"
|
|
class="form-control"
|
|
type="number"
|
|
step="any"
|
|
>
|
|
<small>
|
|
<span>
|
|
'{{ hero.balance }}' is in USD,
|
|
<em>not</em> in Gems. E.g., if this number is 1, it means 4 Gems. Only use this option when manually granting Gems to players, don't use it when granting contributor tiers. Contrib tiers will automatically add Gems. <!-- eslint-disable-line max-len -->
|
|
</span>
|
|
</small>
|
|
</div>
|
|
</div>
|
|
<div class="col-8">
|
|
<div class="accordion">
|
|
<div
|
|
class="accordion-group"
|
|
heading="Items"
|
|
>
|
|
<h4
|
|
class="expand-toggle"
|
|
:class="{'open': expandItems}"
|
|
@click="expandItems = !expandItems"
|
|
>
|
|
Update Item
|
|
</h4>
|
|
<div
|
|
v-if="expandItems"
|
|
class="form-group well"
|
|
>
|
|
<input
|
|
v-model="hero.itemPath"
|
|
class="form-control"
|
|
type="text"
|
|
placeholder="Path (eg, items.pets.BearCub-Base)"
|
|
>
|
|
<small class="muted">
|
|
Enter the
|
|
<strong>item path</strong>. E.g.,
|
|
<code>items.pets.BearCub-Zombie</code> or
|
|
<code>items.gear.owned.head_special_0</code> or
|
|
<code>items.gear.equipped.head</code>. You can find all the item paths below.
|
|
</small>
|
|
<br>
|
|
<input
|
|
v-model="hero.itemVal"
|
|
class="form-control"
|
|
type="text"
|
|
placeholder="Value (eg, 5)"
|
|
>
|
|
<small class="muted">
|
|
Enter the
|
|
<strong>item value</strong>. E.g.,
|
|
<code>5</code> or
|
|
<code>false</code> or
|
|
<code>head_warrior_3</code>. All values are listed in the All Item Paths section below. <!-- eslint-disable-line max-len -->
|
|
</small>
|
|
<div class="accordion">
|
|
<div
|
|
class="accordion-group"
|
|
heading="All Item Paths"
|
|
>
|
|
<pre>{{ allItemPaths }}</pre>
|
|
</div>
|
|
<div
|
|
class="accordion-group"
|
|
heading="Current Items"
|
|
>
|
|
<pre>{{ hero.items }}</pre>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="accordion-group"
|
|
heading="Auth"
|
|
>
|
|
<h4
|
|
class="expand-toggle"
|
|
:class="{'open': expandAuth}"
|
|
@click="expandAuth = !expandAuth"
|
|
>
|
|
Auth
|
|
</h4>
|
|
<div v-if="expandAuth">
|
|
<pre>{{ hero.auth }}</pre>
|
|
<div class="form-group">
|
|
<div class="checkbox">
|
|
<label>
|
|
<input
|
|
v-if="hero.flags"
|
|
v-model="hero.flags.chatShadowMuted"
|
|
type="checkbox"
|
|
>
|
|
<strong>Chat Shadow Muting On</strong>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<div class="checkbox">
|
|
<label>
|
|
<input
|
|
v-if="hero.flags"
|
|
v-model="hero.flags.chatRevoked"
|
|
type="checkbox"
|
|
>
|
|
<strong>Chat Privileges Revoked</strong>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<div class="checkbox">
|
|
<label>
|
|
<input
|
|
v-model="hero.auth.blocked"
|
|
type="checkbox"
|
|
>Blocked
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="accordion-group"
|
|
heading="Transactions"
|
|
>
|
|
<h4
|
|
class="expand-toggle"
|
|
:class="{'open': expandTransactions}"
|
|
@click="toggleTransactionsOpen"
|
|
>
|
|
Transactions
|
|
</h4>
|
|
<div v-if="expandTransactions">
|
|
<purchase-history-table
|
|
:gem-transactions="gemTransactions"
|
|
:hourglass-transactions="hourglassTransactions"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- h4 Backer Status-->
|
|
<!-- Add backer stuff like tier, disable adds, etcs-->
|
|
</div>
|
|
<div class="form-group">
|
|
<button
|
|
class="form-control btn btn-primary"
|
|
@click="saveHero()"
|
|
>
|
|
Save
|
|
</button>
|
|
<button
|
|
class="form-control btn btn-secondary float-right"
|
|
@click="clearHero()"
|
|
>
|
|
Cancel
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="table-responsive">
|
|
<table class="table table-striped">
|
|
<thead>
|
|
<tr>
|
|
<th>{{ $t('name') }}</th>
|
|
<th>{{ $t('contribLevel') }}</th>
|
|
<th>{{ $t('title') }}</th>
|
|
<th>{{ $t('contributions') }}</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr
|
|
v-for="hero in heroes"
|
|
:key="hero._id"
|
|
>
|
|
<td>
|
|
<div
|
|
v-if="hasPermission(hero, 'userSupport')"
|
|
class="width-content"
|
|
>
|
|
<user-link
|
|
:id="hero._id"
|
|
:user="hero"
|
|
/>
|
|
<b-popover
|
|
:target="hero._id"
|
|
triggers="hover focus"
|
|
placement="right"
|
|
:prevent-overflow="false"
|
|
:content="$t('gamemaster')"
|
|
/>
|
|
</div>
|
|
<user-link
|
|
v-else
|
|
:user="hero"
|
|
/>
|
|
<span v-if="hasPermission(user, 'userSupport')">
|
|
<br>
|
|
{{ hero._id }}
|
|
<br>
|
|
<router-link
|
|
:to="{ name: 'adminPanelUser',
|
|
params: { userIdentifier: hero._id } }"
|
|
>
|
|
{{ $t("adminPanel") }}
|
|
</router-link>
|
|
</span>
|
|
</td>
|
|
<td>{{ hero.contributor.level }}</td>
|
|
<td>{{ hero.contributor.text }}</td>
|
|
<td>
|
|
<div
|
|
v-markdown="hero.contributor.contributions"
|
|
target="_blank"
|
|
></div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<style lang="scss" scoped>
|
|
h4.expand-toggle::after {
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.width-content {
|
|
width: fit-content;
|
|
}
|
|
</style>
|
|
|
|
<script>
|
|
import each from 'lodash/each';
|
|
import * as quests from '@/../../common/script/content/quests';
|
|
import stable from '@/../../common/script/content/stable';
|
|
import content from '@/../../common/script/content';
|
|
import gear from '@/../../common/script/content/gear';
|
|
import styleHelper from '@/mixins/styleHelper';
|
|
import markdownDirective from '@/directives/markdown';
|
|
import notifications from '@/mixins/notifications';
|
|
import userLink from '../userLink';
|
|
import PurchaseHistoryTable from '../ui/purchaseHistoryTable.vue';
|
|
import { userStateMixin } from '../../mixins/userState';
|
|
|
|
const { mountInfo, petInfo } = stable;
|
|
|
|
export default {
|
|
components: {
|
|
userLink,
|
|
PurchaseHistoryTable,
|
|
},
|
|
directives: {
|
|
markdown: markdownDirective,
|
|
},
|
|
mixins: [notifications, styleHelper, userStateMixin],
|
|
data () {
|
|
return {
|
|
heroes: [],
|
|
hero: {},
|
|
heroID: '',
|
|
gemTransactions: [],
|
|
hourglassTransactions: [],
|
|
currentHeroIndex: -1,
|
|
allItemPaths: this.getAllItemPaths(),
|
|
quests,
|
|
mountInfo,
|
|
petInfo,
|
|
food: content.food,
|
|
hatchingPotions: content.hatchingPotions,
|
|
special: content.special,
|
|
gear,
|
|
expandItems: false,
|
|
expandAuth: false,
|
|
expandTransactions: false,
|
|
};
|
|
},
|
|
async mounted () {
|
|
this.$store.dispatch('common:setTitle', {
|
|
section: this.$t('hallContributors'),
|
|
});
|
|
this.heroes = await this.$store.dispatch('hall:getHeroes');
|
|
},
|
|
methods: {
|
|
getAllItemPaths () {
|
|
// let questsFormat = this.getFormattedItemReference
|
|
// ('items.quests', keys(this.quests), 'Numeric Quantity');
|
|
// let mountsFormat = this.getFormattedItemReference
|
|
// ('items.mounts', keys(this.mountInfo), 'Boolean');
|
|
// let foodFormat = this.getFormattedItemReference
|
|
// ('items.food', keys(this.food), 'Numeric Quantity');
|
|
// let eggsFormat = this.getFormattedItemReference
|
|
// ('items.eggs', keys(this.eggs), 'Numeric Quantity');
|
|
// let hatchingPotionsFormat = this.getFormattedItemReference
|
|
// ('items.hatchingPotions', keys(this.hatchingPotions), 'Numeric Quantity');
|
|
// let petsFormat = this.getFormattedItemReference
|
|
// ('items.pets', keys(this.petInfo), '-1:
|
|
// Owns Mount, 0: Not Owned, 1-49: Progress to mount');
|
|
// let specialFormat = this.getFormattedItemReference
|
|
// ('items.special', keys(this.special), 'Numeric Quantity');
|
|
// let gearFormat = this.getFormattedItemReference
|
|
// ('items.gear.owned', keys(this.gear.flat), 'Boolean');
|
|
//
|
|
// let equippedGearFormat = ''; // @TODO:
|
|
// '\nEquipped Gear:\n\titems.gear.{equipped/costume}
|
|
// .{head/headAccessory/eyewear/armor/body/back/shield/weapon}.{gearKey}\n';
|
|
// let equippedPetFormat = ''; // @TODO:'\nEquipped Pet:\n\titems.currentPet.{petKey}\n';
|
|
// let equippedMountFormat = ''; // @TODO:
|
|
// '\nEquipped Mount:\n\titems.currentMount.{mountKey}\n';
|
|
//
|
|
// let data = questsFormat.concat(mountsFormat,
|
|
// foodFormat, eggsFormat, hatchingPotionsFormat,
|
|
// petsFormat, specialFormat, gearFormat, equippedGearFormat,
|
|
// equippedPetFormat, equippedMountFormat);
|
|
//
|
|
// return data;
|
|
},
|
|
getFormattedItemReference (pathPrefix, itemKeys, values) {
|
|
let finishedString = '\n'.concat('path: ', pathPrefix, ', ', 'value: {', values, '}\n');
|
|
each(itemKeys, key => {
|
|
finishedString = finishedString.concat('\t', pathPrefix, '.', key, '\n');
|
|
});
|
|
return finishedString;
|
|
},
|
|
async loadHero (uuid, heroIndex) {
|
|
this.currentHeroIndex = heroIndex;
|
|
const hero = await this.$store.dispatch('hall:getHero', { uuid });
|
|
this.hero = { ...hero };
|
|
if (!this.hero.flags) {
|
|
this.hero.flags = {
|
|
chatRevoked: false,
|
|
chatShadowMuted: false,
|
|
};
|
|
}
|
|
this.expandItems = false;
|
|
this.expandAuth = false;
|
|
},
|
|
async saveHero () {
|
|
const heroUpdated = await this.$store.dispatch('hall:updateHero', { heroDetails: this.hero });
|
|
this.text('User updated');
|
|
this.hero = {};
|
|
this.heroID = -1;
|
|
this.heroes[this.currentHeroIndex] = heroUpdated;
|
|
this.currentHeroIndex = -1;
|
|
},
|
|
clearHero () {
|
|
this.hero = {};
|
|
this.heroID = -1;
|
|
this.currentHeroIndex = -1;
|
|
},
|
|
async toggleTransactionsOpen () {
|
|
this.expandTransactions = !this.expandTransactions;
|
|
if (this.expandTransactions) {
|
|
const transactions = await this.$store.dispatch('members:getPurchaseHistory', { memberId: this.hero._id });
|
|
this.gemTransactions = transactions.filter(transaction => transaction.currency === 'gems');
|
|
this.hourglassTransactions = transactions.filter(transaction => transaction.currency === 'hourglasses');
|
|
}
|
|
},
|
|
},
|
|
};
|
|
</script>
|