This commit is contained in:
Phillip Thelen
2024-09-03 15:30:50 +02:00
parent cb865b171b
commit 9b33453040
7 changed files with 159 additions and 136 deletions

View File

@@ -7,7 +7,11 @@
> >
Could not find any matching users. Could not find any matching users.
</div> </div>
<loading-spinner class="mx-auto mb-2" dark-color="true" v-if="isSearching" /> <loading-spinner
v-if="isSearching"
class="mx-auto mb-2"
dark-color="true"
/>
<div <div
v-if="users.length > 0" v-if="users.length > 0"
class="list-group" class="list-group"

View File

@@ -1,8 +1,10 @@
<template> <template>
<form @submit.prevent="saveHero({ hero: { <form
auth: hero.auth, @submit.prevent="saveHero({ hero: {
preferences: hero.preferences, auth: hero.auth,
}, msg: 'Authentication' })"> preferences: hero.preferences,
}, msg: 'Authentication' })"
>
<div class="card mt-2"> <div class="card mt-2">
<div class="card-header"> <div class="card-header">
<h3 <h3
@@ -41,7 +43,10 @@
<strong v-else>No</strong> <strong v-else>No</strong>
</div> </div>
</div> </div>
<div v-if="cronError" class="form-group row"> <div
v-if="cronError"
class="form-group row"
>
<label class="col-sm-3 col-form-label">lastCron value:</label> <label class="col-sm-3 col-form-label">lastCron value:</label>
<strong>{{ hero.lastCron | formatDate }}</strong> <strong>{{ hero.lastCron | formatDate }}</strong>
<br> <br>

View File

@@ -1,16 +1,18 @@
<template> <template>
<div class="form-group row"> <div class="form-group row">
<label class="col-sm-3 col-form-label" <label
:class="color">{{ label }}</label> class="col-sm-3 col-form-label"
:class="color"
>{{ label }}</label>
<div class="col-sm-9"> <div class="col-sm-9">
<input <input
v-bind:value="value" :value="value"
v-on:input="$emit('input', parseInt($event.target.value, 10))"
class="form-control" class="form-control"
type="number" type="number"
:step="step" :step="step"
:max="max" :max="max"
:min="min" :min="min"
@input="$emit('input', parseInt($event.target.value, 10))"
> >
</div> </div>
</div> </div>

View File

@@ -174,8 +174,6 @@ export default {
computed: { computed: {
...mapState({ user: 'user.data' }), ...mapState({ user: 'user.data' }),
statPointsIncorrect () { statPointsIncorrect () {
this.hero.stats.int, this.hero.stats.per,
this.hero.stats.con, this.hero.stats.lvl);
return (parseInt(this.hero.stats.points, 10) return (parseInt(this.hero.stats.points, 10)
+ parseInt(this.hero.stats.str, 10) + parseInt(this.hero.stats.str, 10)
+ parseInt(this.hero.stats.int, 10) + parseInt(this.hero.stats.int, 10)

View File

@@ -1,8 +1,10 @@
<template> <template>
<form @submit.prevent="saveHero({ hero: { <form
_id: hero._id, @submit.prevent="saveHero({ hero: {
purchased: hero.purchased _id: hero._id,
}, msg: 'Subscription Perks' })"> purchased: hero.purchased
}, msg: 'Subscription Perks' })"
>
<div class="card mt-2"> <div class="card mt-2">
<div class="card-header"> <div class="card-header">
<h3 <h3

View File

@@ -13,126 +13,136 @@
v-if="expand" v-if="expand"
class="card-body" class="card-body"
> >
<div> <div>
<div class="clearfix"> <div class="clearfix">
<div class="mb-4 float-left"> <div class="mb-4 float-left">
<button <button
class="page-header btn-flat tab-button textCondensed" class="page-header btn-flat tab-button textCondensed"
:class="{'active': selectedTab === 'armoire'}" :class="{'active': selectedTab === 'armoire'}"
@click="selectTab('armoire')" @click="selectTab('armoire')"
> >
Armoire Armoire
</button> </button>
<button <button
class="page-header btn-flat tab-button textCondensed" class="page-header btn-flat tab-button textCondensed"
:class="{'active': selectedTab === 'questInvites'}" :class="{'active': selectedTab === 'questInvites'}"
@click="selectTab('questInvites')" @click="selectTab('questInvites')"
> >
Quest Invitations Quest Invitations
</button> </button>
<button <button
class="page-header btn-flat tab-button textCondensed" class="page-header btn-flat tab-button textCondensed"
:class="{'active': selectedTab === 'cron'}" :class="{'active': selectedTab === 'cron'}"
@click="selectTab('cron')" @click="selectTab('cron')"
> >
Cron Cron
</button> </button>
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div <div
v-if="selectedTab === 'armoire'" v-if="selectedTab === 'armoire'"
class="col-12" class="col-12"
>
<table class="table">
<tr>
<th
v-once
>
{{ $t('timestamp') }}
</th>
<th v-once>Client</th>
<th
v-once
>
Received
</th>
</tr>
<tr
v-for="entry in armoire"
:key="entry.timestamp"
> >
<td> <table class="table">
<span <tr>
v-b-tooltip.hover="entry.timestamp" <th
>{{ entry.timestamp | timeAgo }}</span> v-once
</td> >
<td>{{ entry.client }}</td> {{ $t('timestamp') }}
<td>{{ entry.reward }}</td> </th>
</tr> <th v-once>
</table> Client
</div> </th>
<div <th
v-if="selectedTab === 'questInvites'" v-once
class="col-12" >
> Received
<table class="table"> </th>
<tr> </tr>
<th <tr
v-once v-for="entry in armoire"
> :key="entry.timestamp"
{{ $t('timestamp') }} >
</th> <td>
<th v-once>Client</th> <span
<th v-once>Quest Key</th> v-b-tooltip.hover="entry.timestamp"
<th v-once>Response</th> >{{ entry.timestamp | timeAgo }}</span>
</tr> </td>
<tr <td>{{ entry.client }}</td>
v-for="entry in questInvites" <td>{{ entry.reward }}</td>
:key="entry.timestamp" </tr>
</table>
</div>
<div
v-if="selectedTab === 'questInvites'"
class="col-12"
> >
<td> <table class="table">
<span <tr>
v-b-tooltip.hover="entry.timestamp" <th
>{{ entry.timestamp | timeAgo }}</span> v-once
</td> >
<td>{{ entry.client }}</td> {{ $t('timestamp') }}
<td>{{ entry.quest }}</td> </th>
<td>{{ entry.response }}</td> <th v-once>
</tr> Client
</table> </th>
</div> <th v-once>
<div Quest Key
v-if="selectedTab === 'cron'" </th>
class="col-12" <th v-once>
> Response
<table class="table"> </th>
<tr> </tr>
<th <tr
v-once v-for="entry in questInvites"
> :key="entry.timestamp"
{{ $t('timestamp') }} >
</th> <td>
<th v-once>Client</th> <span
</tr> v-b-tooltip.hover="entry.timestamp"
<tr >{{ entry.timestamp | timeAgo }}</span>
v-for="entry in cron" </td>
:key="entry.timestamp" <td>{{ entry.client }}</td>
<td>{{ entry.quest }}</td>
<td>{{ entry.response }}</td>
</tr>
</table>
</div>
<div
v-if="selectedTab === 'cron'"
class="col-12"
> >
<td> <table class="table">
<span <tr>
v-b-tooltip.hover="entry.timestamp" <th
>{{ entry.timestamp | timeAgo }}</span> v-once
</td> >
<td>{{ entry.client }}</td> {{ $t('timestamp') }}
</tr> </th>
</table> <th v-once>
Client
</th>
</tr>
<tr
v-for="entry in cron"
:key="entry.timestamp"
>
<td>
<span
v-b-tooltip.hover="entry.timestamp"
>{{ entry.timestamp | timeAgo }}</span>
</td>
<td>{{ entry.client }}</td>
</tr>
</table>
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
</div>
</div>
</template> </template>
<style lang="scss" scoped> <style lang="scss" scoped>
@@ -169,6 +179,11 @@ import moment from 'moment';
import { userStateMixin } from '../../../mixins/userState'; import { userStateMixin } from '../../../mixins/userState';
export default { export default {
filters: {
timeAgo (value) {
return moment(value).fromNow();
},
},
mixins: [userStateMixin], mixins: [userStateMixin],
props: { props: {
hero: { hero: {
@@ -189,11 +204,6 @@ export default {
cron: [], cron: [],
}; };
}, },
filters: {
timeAgo (value) {
return moment(value).fromNow();
},
},
watch: { watch: {
resetCounter () { resetCounter () {
if (this.expand) { if (this.expand) {

View File

@@ -1,8 +1,10 @@
<template> <template>
<form @submit.prevent="saveHero({hero: { <form
@submit.prevent="saveHero({hero: {
_id: hero._id, _id: hero._id,
profile: hero.profile profile: hero.profile
}, msg: 'Users Profile'})"> }, msg: 'Users Profile'})"
>
<div class="card mt-2"> <div class="card mt-2">
<div class="card-header"> <div class="card-header">
<h3 <h3