make details look nicer
This commit is contained in:
luce
parent
3c0b165db9
commit
b6332a3e12
1 changed files with 339 additions and 499 deletions
|
|
@ -1,5 +1,4 @@
|
||||||
<template>
|
<template>
|
||||||
<div v-if="!justDeleted">
|
|
||||||
<div v-if="!isLoaded">
|
<div v-if="!isLoaded">
|
||||||
{{ $t('admin_dash.users.loading_user') }}
|
{{ $t('admin_dash.users.loading_user') }}
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -211,8 +210,30 @@
|
||||||
:no-background="false"
|
:no-background="false"
|
||||||
@backdrop-clicked="() => { detailsExpanded = false }"
|
@backdrop-clicked="() => { detailsExpanded = false }"
|
||||||
>
|
>
|
||||||
<div class="settings-modal-panel panel" style="width: 80%; height: 60%; overflow-y: auto;">
|
<div class="settings-modal-panel panel">
|
||||||
<ul class="setting-list" style="columns: 2;">
|
<div class="panel-heading">
|
||||||
|
<h1 class="title">
|
||||||
|
{{ $t('admin_dash.users.details.title') }}
|
||||||
|
</h1>
|
||||||
|
<button
|
||||||
|
class="btn button-default"
|
||||||
|
:title="$t('general.close')"
|
||||||
|
@click="() => { detailsExpanded = false }"
|
||||||
|
>
|
||||||
|
<FAIcon
|
||||||
|
icon="times"
|
||||||
|
fixed-width
|
||||||
|
/>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="panel-body"
|
||||||
|
style="overflow-y: auto;"
|
||||||
|
>
|
||||||
|
<ul
|
||||||
|
class="setting-list"
|
||||||
|
style="columns: 2;"
|
||||||
|
>
|
||||||
<li>
|
<li>
|
||||||
{{ $t('admin_dash.users.details.id') }}
|
{{ $t('admin_dash.users.details.id') }}
|
||||||
</li>
|
</li>
|
||||||
|
|
@ -266,19 +287,19 @@
|
||||||
<template #header>
|
<template #header>
|
||||||
<Checkbox
|
<Checkbox
|
||||||
v-model="showDirect"
|
v-model="showDirect"
|
||||||
@update:model-value="() => this.$refs.timelineList.reset()"
|
@update:model-value="() => $refs.timelineList.reset()"
|
||||||
>
|
>
|
||||||
{{ $t('admin_dash.users.filters.show_direct') }}
|
{{ $t('admin_dash.users.filters.show_direct') }}
|
||||||
</Checkbox>
|
</Checkbox>
|
||||||
<Checkbox
|
<Checkbox
|
||||||
v-model="showReblogs"
|
v-model="showReblogs"
|
||||||
@update:model-value="() => this.$refs.timelineList.reset()"
|
@update:model-value="() => $refs.timelineList.reset()"
|
||||||
>
|
>
|
||||||
{{ $t('admin_dash.users.filters.show_reblogs') }}
|
{{ $t('admin_dash.users.filters.show_reblogs') }}
|
||||||
</Checkbox>
|
</Checkbox>
|
||||||
<Select
|
<Select
|
||||||
v-model="timelineSorting"
|
v-model="timelineSorting"
|
||||||
@update:model-value="() => this.$refs.timelineList.reset()"
|
@update:model-value="() => $refs.timelineList.reset()"
|
||||||
>
|
>
|
||||||
<option value="asc">
|
<option value="asc">
|
||||||
{{ $t('admin_dash.users.filters.ascending') }}
|
{{ $t('admin_dash.users.filters.ascending') }}
|
||||||
|
|
@ -321,7 +342,10 @@
|
||||||
</Popover>
|
</Popover>
|
||||||
</template>
|
</template>
|
||||||
<template #item="{item}">
|
<template #item="{item}">
|
||||||
<AdminStatusCard :status-details="item" style="width: 100%"/>
|
<AdminStatusCard
|
||||||
|
:status-details="item"
|
||||||
|
style="width: 100%"
|
||||||
|
/>
|
||||||
</template>
|
</template>
|
||||||
<template #empty>
|
<template #empty>
|
||||||
<p> {{ $t('admin_dash.users.user_has_no_posts') }} </p>
|
<p> {{ $t('admin_dash.users.user_has_no_posts') }} </p>
|
||||||
|
|
@ -335,192 +359,9 @@
|
||||||
</template>
|
</template>
|
||||||
</PageList>
|
</PageList>
|
||||||
</div>
|
</div>
|
||||||
<!--
|
</div>
|
||||||
<ul class="setting-list">
|
|
||||||
<li
|
|
||||||
v-if="isLocal"
|
|
||||||
>
|
|
||||||
<Checkbox
|
|
||||||
:model-value="isAdmin"
|
|
||||||
@update:model-value="v => setAdmin(v)"
|
|
||||||
>
|
|
||||||
{{ $t('admin_dash.users.is_admin') }}
|
|
||||||
</Checkbox>
|
|
||||||
</li>
|
|
||||||
<li
|
|
||||||
v-if="isLocal"
|
|
||||||
>
|
|
||||||
<Checkbox
|
|
||||||
:model-value="isModerator"
|
|
||||||
@update:model-value="v => setModerator(v)"
|
|
||||||
>
|
|
||||||
{{ $t('admin_dash.users.is_moderator') }}
|
|
||||||
</Checkbox>
|
|
||||||
</li>
|
|
||||||
<li
|
|
||||||
v-if="isLocal && !justConfirmed && !isConfirmed"
|
|
||||||
>
|
|
||||||
<button
|
|
||||||
class="button button-default btn"
|
|
||||||
type="button"
|
|
||||||
@click="confirmUser()"
|
|
||||||
>
|
|
||||||
{{ $t('admin_dash.users.is_confirmed') }}
|
|
||||||
</button>
|
|
||||||
</li>
|
|
||||||
<li
|
|
||||||
v-if="isLocal && !justConfirmed && !isConfirmed"
|
|
||||||
>
|
|
||||||
<button
|
|
||||||
class="button button-default btn"
|
|
||||||
type="button"
|
|
||||||
@click="resendConfirmationEmail()"
|
|
||||||
>
|
|
||||||
{{ $t('admin_dash.users.resend_confirmation_email') }}
|
|
||||||
</button>
|
|
||||||
</li>
|
|
||||||
<li
|
|
||||||
v-if="isLocal && !isApproved"
|
|
||||||
>
|
|
||||||
<button
|
|
||||||
class="button button-default btn"
|
|
||||||
type="button"
|
|
||||||
@click="approveUser()"
|
|
||||||
>
|
|
||||||
{{ $t('admin_dash.users.approve') }}
|
|
||||||
</button>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<Checkbox
|
|
||||||
:model-value="isActivated"
|
|
||||||
@update:model-value="v => setActivation(v)"
|
|
||||||
>
|
|
||||||
{{ $t('admin_dash.users.is_active') }}
|
|
||||||
</Checkbox>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<button
|
|
||||||
class="button button-default btn"
|
|
||||||
type="button"
|
|
||||||
@click="deleteUser()"
|
|
||||||
>
|
|
||||||
{{ $t('admin_dash.users.delete_user') }}
|
|
||||||
</button>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
-->
|
|
||||||
</Modal>
|
</Modal>
|
||||||
</div>
|
</div>
|
||||||
<!--
|
|
||||||
<div v-if="!timelineExpanded">
|
|
||||||
<button
|
|
||||||
class="button button-default btn"
|
|
||||||
type="button"
|
|
||||||
@click="timelineExpanded = true"
|
|
||||||
>
|
|
||||||
{{ $t('admin_dash.users.expand_timeline') }}
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
v-else
|
|
||||||
class="setting-item"
|
|
||||||
>
|
|
||||||
<button
|
|
||||||
class="button button-default btn"
|
|
||||||
type="button"
|
|
||||||
@click="timelineExpanded = false"
|
|
||||||
>
|
|
||||||
{{ $t('admin_dash.users.collapse_timeline') }}
|
|
||||||
</button>
|
|
||||||
<PageList
|
|
||||||
ref="timelineList"
|
|
||||||
:refresh="true"
|
|
||||||
:get-key="i => i"
|
|
||||||
:box-only="true"
|
|
||||||
:page-size="20"
|
|
||||||
:single-page="true"
|
|
||||||
:fetch-page="(store, opts) => fetchStatuses(store, opts)"
|
|
||||||
>
|
|
||||||
<template #header>
|
|
||||||
<Popover
|
|
||||||
ref="dropdown"
|
|
||||||
trigger="click"
|
|
||||||
placement="bottom"
|
|
||||||
>
|
|
||||||
<template #trigger>
|
|
||||||
<button
|
|
||||||
class="button button-default btn"
|
|
||||||
>
|
|
||||||
{{ $t('admin_dash.users.bulk_actions.title') }}
|
|
||||||
</button>
|
|
||||||
</template>
|
|
||||||
<template #content>
|
|
||||||
<div class="dropdown-menu">
|
|
||||||
<div class="menu-item dropdown-item">
|
|
||||||
<button
|
|
||||||
class="main-button"
|
|
||||||
@click="confirmSelection('confirmDelete')"
|
|
||||||
>
|
|
||||||
{{ $t('admin_dash.users.delete') }}
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<div class="menu-item dropdown-item">
|
|
||||||
<button
|
|
||||||
class="main-button"
|
|
||||||
@click="confirmSelection('confirmSetSensitive')"
|
|
||||||
>
|
|
||||||
{{ $t('admin_dash.users.set_sensitive') }}
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<div class="menu-item dropdown-item">
|
|
||||||
<button
|
|
||||||
class="main-button"
|
|
||||||
@click="confirmSelection('confirmUnsetSensitive')"
|
|
||||||
>
|
|
||||||
{{ $t('admin_dash.users.unset_sensitive') }}
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
</Popover>
|
|
||||||
</template>
|
|
||||||
<template #item="{item}">
|
|
||||||
<AdminStatusCard :status-details="item" />
|
|
||||||
</template>
|
|
||||||
<template #empty>
|
|
||||||
<p> {{ $t('admin_dash.users.user_has_no_posts') }} </p>
|
|
||||||
</template>
|
|
||||||
<template #load>
|
|
||||||
<p> {{ $t('admin_dash.users.loading') }} </p>
|
|
||||||
</template>
|
|
||||||
</PageList>
|
|
||||||
</div>
|
|
||||||
<div v-if="!jsonExpanded">
|
|
||||||
<button
|
|
||||||
class="button button-default btn"
|
|
||||||
type="button"
|
|
||||||
@click="jsonExpanded = true"
|
|
||||||
>
|
|
||||||
{{ $t('admin_dash.users.expand_raw_info') }}
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
v-else
|
|
||||||
class="setting-item"
|
|
||||||
>
|
|
||||||
<button
|
|
||||||
class="button button-default btn"
|
|
||||||
type="button"
|
|
||||||
@click="jsonExpanded = false"
|
|
||||||
>
|
|
||||||
{{ $t('admin_dash.users.collapse_raw_info') }}
|
|
||||||
</button>
|
|
||||||
<h2> {{ $t('admin_dash.users.title_database') }} </h2>
|
|
||||||
<pre> {{ JSON.stringify(user, null, 2) }} </pre>
|
|
||||||
<h2> {{ $t('admin_dash.users.title_details') }} </h2>
|
|
||||||
<pre> {{ JSON.stringify(user_details, null, 2) }} </pre>
|
|
||||||
</div>
|
|
||||||
-->
|
|
||||||
</div>
|
</div>
|
||||||
<GenericConfirm
|
<GenericConfirm
|
||||||
ref="confirmActivate"
|
ref="confirmActivate"
|
||||||
|
|
@ -618,7 +459,6 @@
|
||||||
:confirm-text="$t('admin_dash.users.bulk_actions.yes')"
|
:confirm-text="$t('admin_dash.users.bulk_actions.yes')"
|
||||||
@action="userActionConfirmed('adminDisableMFA')"
|
@action="userActionConfirmed('adminDisableMFA')"
|
||||||
/>
|
/>
|
||||||
</div>
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script src="./admin_card.js"></script>
|
<script src="./admin_card.js"></script>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue