make details look nicer
This commit is contained in:
luce
parent
3c0b165db9
commit
b6332a3e12
1 changed files with 339 additions and 499 deletions
|
|
@ -1,218 +1,239 @@
|
||||||
<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>
|
<div v-else>
|
||||||
<div v-else>
|
<div class="inline-layout">
|
||||||
<div class="inline-layout">
|
<BasicUserCard :user="user" />
|
||||||
<BasicUserCard :user="user" />
|
<label
|
||||||
<label
|
v-if="isAdmin"
|
||||||
v-if="isAdmin"
|
class="alert neutral user-role"
|
||||||
class="alert neutral user-role"
|
|
||||||
>
|
|
||||||
{{ $t('admin_dash.users.indicator_admin') }}
|
|
||||||
</label>
|
|
||||||
<label
|
|
||||||
v-if="isModerator"
|
|
||||||
class="alert neutral user-role"
|
|
||||||
>
|
|
||||||
{{ $t('admin_dash.users.indicator_moderator') }}
|
|
||||||
</label>
|
|
||||||
<label
|
|
||||||
v-if="isActivated"
|
|
||||||
class="alert info user-role"
|
|
||||||
>
|
|
||||||
{{ $t('admin_dash.users.indicator_active') }}
|
|
||||||
</label>
|
|
||||||
<label
|
|
||||||
v-if="!isActivated"
|
|
||||||
class="alert error user-role"
|
|
||||||
>
|
|
||||||
{{ $t('admin_dash.users.indicator_deactivated') }}
|
|
||||||
</label>
|
|
||||||
<label
|
|
||||||
v-if="isConfirmed"
|
|
||||||
class="alert neutral user-role"
|
|
||||||
>
|
|
||||||
{{ $t('admin_dash.users.indicator_confirmed') }}
|
|
||||||
</label>
|
|
||||||
<button
|
|
||||||
class="button button-default btn"
|
|
||||||
type="button"
|
|
||||||
@click="detailsExpanded = true"
|
|
||||||
>
|
|
||||||
{{ $t('admin_dash.users.title_details') }}
|
|
||||||
</button>
|
|
||||||
<Popover
|
|
||||||
ref="dropdownuser"
|
|
||||||
trigger="click"
|
|
||||||
placement="top"
|
|
||||||
>
|
|
||||||
<template #trigger>
|
|
||||||
<button
|
|
||||||
class="button button-default btn"
|
|
||||||
>
|
|
||||||
{{ $t('admin_dash.users.title_actions') }}
|
|
||||||
</button>
|
|
||||||
</template>
|
|
||||||
<template #content>
|
|
||||||
<div
|
|
||||||
v-if="!isActivated"
|
|
||||||
class="dropdown-menu"
|
|
||||||
>
|
|
||||||
<div class="menu-item dropdown-item">
|
|
||||||
<button
|
|
||||||
class="main-button"
|
|
||||||
@click="confirmAction('confirmActivate')"
|
|
||||||
>
|
|
||||||
{{ $t('admin_dash.users.activate') }}
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
v-if="isActivated"
|
|
||||||
class="dropdown-menu"
|
|
||||||
>
|
|
||||||
<div class="menu-item dropdown-item">
|
|
||||||
<button
|
|
||||||
class="main-button"
|
|
||||||
@click="confirmAction('confirmDeactivate')"
|
|
||||||
>
|
|
||||||
{{ $t('admin_dash.users.deactivate') }}
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="dropdown-menu">
|
|
||||||
<div class="menu-item dropdown-item">
|
|
||||||
<button
|
|
||||||
class="main-button"
|
|
||||||
@click="confirmAction('confirmDeleteUser')"
|
|
||||||
>
|
|
||||||
{{ $t('admin_dash.users.delete') }}
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
v-if="!isAdmin"
|
|
||||||
class="dropdown-menu"
|
|
||||||
>
|
|
||||||
<div class="menu-item dropdown-item">
|
|
||||||
<button
|
|
||||||
class="main-button"
|
|
||||||
@click="confirmAction('confirmGrantAdmin')"
|
|
||||||
>
|
|
||||||
{{ $t('admin_dash.users.grant_admin') }}
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
v-if="isAdmin"
|
|
||||||
class="dropdown-menu"
|
|
||||||
>
|
|
||||||
<div class="menu-item dropdown-item">
|
|
||||||
<button
|
|
||||||
class="main-button"
|
|
||||||
@click="confirmAction('confirmRevokeAdmin')"
|
|
||||||
>
|
|
||||||
{{ $t('admin_dash.users.revoke_admin') }}
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
v-if="!isModerator"
|
|
||||||
class="dropdown-menu"
|
|
||||||
>
|
|
||||||
<div class="menu-item dropdown-item">
|
|
||||||
<button
|
|
||||||
class="main-button"
|
|
||||||
@click="confirmAction('confirmGrantModerator')"
|
|
||||||
>
|
|
||||||
{{ $t('admin_dash.users.grant_moderator') }}
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
v-if="isModerator"
|
|
||||||
class="dropdown-menu"
|
|
||||||
>
|
|
||||||
<div class="menu-item dropdown-item">
|
|
||||||
<button
|
|
||||||
class="main-button"
|
|
||||||
@click="confirmAction('confirmRevokeModerator')"
|
|
||||||
>
|
|
||||||
{{ $t('admin_dash.users.revoke_moderator') }}
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
v-if="isApproved"
|
|
||||||
class="dropdown-menu"
|
|
||||||
>
|
|
||||||
<div class="menu-item dropdown-item">
|
|
||||||
<button
|
|
||||||
class="main-button"
|
|
||||||
@click="confirmAction('confirmApprove')"
|
|
||||||
>
|
|
||||||
{{ $t('admin_dash.users.approve') }}
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
v-if="isConfirmed"
|
|
||||||
class="dropdown-menu"
|
|
||||||
>
|
|
||||||
<div class="menu-item dropdown-item">
|
|
||||||
<button
|
|
||||||
class="main-button"
|
|
||||||
@click="confirmAction('confirmConfirm')"
|
|
||||||
>
|
|
||||||
{{ $t('admin_dash.users.confirm') }}
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="dropdown-menu">
|
|
||||||
<div class="menu-item dropdown-item">
|
|
||||||
<button
|
|
||||||
class="main-button"
|
|
||||||
@click="confirmAction('confirmResendConfirmationEmail')"
|
|
||||||
>
|
|
||||||
{{ $t('admin_dash.users.resend_confirmation_email') }}
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="dropdown-menu">
|
|
||||||
<div class="menu-item dropdown-item">
|
|
||||||
<button
|
|
||||||
class="main-button"
|
|
||||||
@click="confirmAction('confirmRequirePasswordChange')"
|
|
||||||
>
|
|
||||||
{{ $t('admin_dash.users.require_password_change') }}
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="dropdown-menu">
|
|
||||||
<div class="menu-item dropdown-item">
|
|
||||||
<button
|
|
||||||
class="main-button"
|
|
||||||
@click="confirmAction('confirmDisableMFA')"
|
|
||||||
>
|
|
||||||
{{ $t('admin_dash.users.disable_mfa') }}
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
</Popover>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
v-if="detailsExpanded"
|
|
||||||
>
|
>
|
||||||
<Modal
|
{{ $t('admin_dash.users.indicator_admin') }}
|
||||||
class="settings-modal"
|
</label>
|
||||||
:no-background="false"
|
<label
|
||||||
@backdrop-clicked="() => { detailsExpanded = false }"
|
v-if="isModerator"
|
||||||
>
|
class="alert neutral user-role"
|
||||||
<div class="settings-modal-panel panel" style="width: 80%; height: 60%; overflow-y: auto;">
|
>
|
||||||
<ul class="setting-list" style="columns: 2;">
|
{{ $t('admin_dash.users.indicator_moderator') }}
|
||||||
|
</label>
|
||||||
|
<label
|
||||||
|
v-if="isActivated"
|
||||||
|
class="alert info user-role"
|
||||||
|
>
|
||||||
|
{{ $t('admin_dash.users.indicator_active') }}
|
||||||
|
</label>
|
||||||
|
<label
|
||||||
|
v-if="!isActivated"
|
||||||
|
class="alert error user-role"
|
||||||
|
>
|
||||||
|
{{ $t('admin_dash.users.indicator_deactivated') }}
|
||||||
|
</label>
|
||||||
|
<label
|
||||||
|
v-if="isConfirmed"
|
||||||
|
class="alert neutral user-role"
|
||||||
|
>
|
||||||
|
{{ $t('admin_dash.users.indicator_confirmed') }}
|
||||||
|
</label>
|
||||||
|
<button
|
||||||
|
class="button button-default btn"
|
||||||
|
type="button"
|
||||||
|
@click="detailsExpanded = true"
|
||||||
|
>
|
||||||
|
{{ $t('admin_dash.users.title_details') }}
|
||||||
|
</button>
|
||||||
|
<Popover
|
||||||
|
ref="dropdownuser"
|
||||||
|
trigger="click"
|
||||||
|
placement="top"
|
||||||
|
>
|
||||||
|
<template #trigger>
|
||||||
|
<button
|
||||||
|
class="button button-default btn"
|
||||||
|
>
|
||||||
|
{{ $t('admin_dash.users.title_actions') }}
|
||||||
|
</button>
|
||||||
|
</template>
|
||||||
|
<template #content>
|
||||||
|
<div
|
||||||
|
v-if="!isActivated"
|
||||||
|
class="dropdown-menu"
|
||||||
|
>
|
||||||
|
<div class="menu-item dropdown-item">
|
||||||
|
<button
|
||||||
|
class="main-button"
|
||||||
|
@click="confirmAction('confirmActivate')"
|
||||||
|
>
|
||||||
|
{{ $t('admin_dash.users.activate') }}
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
v-if="isActivated"
|
||||||
|
class="dropdown-menu"
|
||||||
|
>
|
||||||
|
<div class="menu-item dropdown-item">
|
||||||
|
<button
|
||||||
|
class="main-button"
|
||||||
|
@click="confirmAction('confirmDeactivate')"
|
||||||
|
>
|
||||||
|
{{ $t('admin_dash.users.deactivate') }}
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="dropdown-menu">
|
||||||
|
<div class="menu-item dropdown-item">
|
||||||
|
<button
|
||||||
|
class="main-button"
|
||||||
|
@click="confirmAction('confirmDeleteUser')"
|
||||||
|
>
|
||||||
|
{{ $t('admin_dash.users.delete') }}
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
v-if="!isAdmin"
|
||||||
|
class="dropdown-menu"
|
||||||
|
>
|
||||||
|
<div class="menu-item dropdown-item">
|
||||||
|
<button
|
||||||
|
class="main-button"
|
||||||
|
@click="confirmAction('confirmGrantAdmin')"
|
||||||
|
>
|
||||||
|
{{ $t('admin_dash.users.grant_admin') }}
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
v-if="isAdmin"
|
||||||
|
class="dropdown-menu"
|
||||||
|
>
|
||||||
|
<div class="menu-item dropdown-item">
|
||||||
|
<button
|
||||||
|
class="main-button"
|
||||||
|
@click="confirmAction('confirmRevokeAdmin')"
|
||||||
|
>
|
||||||
|
{{ $t('admin_dash.users.revoke_admin') }}
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
v-if="!isModerator"
|
||||||
|
class="dropdown-menu"
|
||||||
|
>
|
||||||
|
<div class="menu-item dropdown-item">
|
||||||
|
<button
|
||||||
|
class="main-button"
|
||||||
|
@click="confirmAction('confirmGrantModerator')"
|
||||||
|
>
|
||||||
|
{{ $t('admin_dash.users.grant_moderator') }}
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
v-if="isModerator"
|
||||||
|
class="dropdown-menu"
|
||||||
|
>
|
||||||
|
<div class="menu-item dropdown-item">
|
||||||
|
<button
|
||||||
|
class="main-button"
|
||||||
|
@click="confirmAction('confirmRevokeModerator')"
|
||||||
|
>
|
||||||
|
{{ $t('admin_dash.users.revoke_moderator') }}
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
v-if="isApproved"
|
||||||
|
class="dropdown-menu"
|
||||||
|
>
|
||||||
|
<div class="menu-item dropdown-item">
|
||||||
|
<button
|
||||||
|
class="main-button"
|
||||||
|
@click="confirmAction('confirmApprove')"
|
||||||
|
>
|
||||||
|
{{ $t('admin_dash.users.approve') }}
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
v-if="isConfirmed"
|
||||||
|
class="dropdown-menu"
|
||||||
|
>
|
||||||
|
<div class="menu-item dropdown-item">
|
||||||
|
<button
|
||||||
|
class="main-button"
|
||||||
|
@click="confirmAction('confirmConfirm')"
|
||||||
|
>
|
||||||
|
{{ $t('admin_dash.users.confirm') }}
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="dropdown-menu">
|
||||||
|
<div class="menu-item dropdown-item">
|
||||||
|
<button
|
||||||
|
class="main-button"
|
||||||
|
@click="confirmAction('confirmResendConfirmationEmail')"
|
||||||
|
>
|
||||||
|
{{ $t('admin_dash.users.resend_confirmation_email') }}
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="dropdown-menu">
|
||||||
|
<div class="menu-item dropdown-item">
|
||||||
|
<button
|
||||||
|
class="main-button"
|
||||||
|
@click="confirmAction('confirmRequirePasswordChange')"
|
||||||
|
>
|
||||||
|
{{ $t('admin_dash.users.require_password_change') }}
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="dropdown-menu">
|
||||||
|
<div class="menu-item dropdown-item">
|
||||||
|
<button
|
||||||
|
class="main-button"
|
||||||
|
@click="confirmAction('confirmDisableMFA')"
|
||||||
|
>
|
||||||
|
{{ $t('admin_dash.users.disable_mfa') }}
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</Popover>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
v-if="detailsExpanded"
|
||||||
|
>
|
||||||
|
<Modal
|
||||||
|
class="settings-modal"
|
||||||
|
:no-background="false"
|
||||||
|
@backdrop-clicked="() => { detailsExpanded = false }"
|
||||||
|
>
|
||||||
|
<div class="settings-modal-panel panel">
|
||||||
|
<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,290 +359,106 @@
|
||||||
</template>
|
</template>
|
||||||
</PageList>
|
</PageList>
|
||||||
</div>
|
</div>
|
||||||
<!--
|
</div>
|
||||||
<ul class="setting-list">
|
</Modal>
|
||||||
<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>
|
|
||||||
</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
|
|
||||||
ref="confirmActivate"
|
|
||||||
style="z-index: 10000;"
|
|
||||||
:title="$t('admin_dash.users.bulk_actions.activate')"
|
|
||||||
:cancel-text="$t('admin_dash.users.bulk_actions.no')"
|
|
||||||
:confirm-text="$t('admin_dash.users.bulk_actions.yes')"
|
|
||||||
@action="userActionConfirmed('adminActivateUser')"
|
|
||||||
/>
|
|
||||||
<GenericConfirm
|
|
||||||
ref="confirmDeactivate"
|
|
||||||
style="z-index: 10000;"
|
|
||||||
:title="$t('admin_dash.users.bulk_actions.deactivate')"
|
|
||||||
:cancel-text="$t('admin_dash.users.bulk_actions.no')"
|
|
||||||
:confirm-text="$t('admin_dash.users.bulk_actions.yes')"
|
|
||||||
@action="userActionConfirmed('adminDeactivateUser')"
|
|
||||||
/>
|
|
||||||
<GenericConfirm
|
|
||||||
ref="confirmDeleteUser"
|
|
||||||
style="z-index: 10000;"
|
|
||||||
:title="$t('admin_dash.users.bulk_actions.delete_user')"
|
|
||||||
:cancel-text="$t('admin_dash.users.bulk_actions.no')"
|
|
||||||
:confirm-text="$t('admin_dash.users.bulk_actions.yes')"
|
|
||||||
@action="userActionConfirmed('adminDeleteUser')"
|
|
||||||
/>
|
|
||||||
<GenericConfirm
|
|
||||||
ref="confirmGrantAdmin"
|
|
||||||
style="z-index: 10000;"
|
|
||||||
:title="$t('admin_dash.users.bulk_actions.grant_moderator')"
|
|
||||||
:cancel-text="$t('admin_dash.users.bulk_actions.no')"
|
|
||||||
:confirm-text="$t('admin_dash.users.bulk_actions.yes')"
|
|
||||||
@action="userActionConfirmed('adminAddUserToAdminGroup')"
|
|
||||||
/>
|
|
||||||
<GenericConfirm
|
|
||||||
ref="confirmRevokeAdmin"
|
|
||||||
style="z-index: 10000;"
|
|
||||||
:title="$t('admin_dash.users.bulk_actions.revoke_admin')"
|
|
||||||
:cancel-text="$t('admin_dash.users.bulk_actions.no')"
|
|
||||||
:confirm-text="$t('admin_dash.users.bulk_actions.yes')"
|
|
||||||
@action="userActionConfirmed('adminRemoveUserFromAdminGroup')"
|
|
||||||
/>
|
|
||||||
<GenericConfirm
|
|
||||||
ref="confirmGrantModerator"
|
|
||||||
style="z-index: 10000;"
|
|
||||||
:title="$t('admin_dash.users.bulk_actions.grant_moderator')"
|
|
||||||
:cancel-text="$t('admin_dash.users.bulk_actions.no')"
|
|
||||||
:confirm-text="$t('admin_dash.users.bulk_actions.yes')"
|
|
||||||
@action="userActionConfirmed('adminAddUserToModeratorGroup')"
|
|
||||||
/>
|
|
||||||
<GenericConfirm
|
|
||||||
ref="confirmRevokeModerator"
|
|
||||||
style="z-index: 10000;"
|
|
||||||
:title="$t('admin_dash.users.bulk_actions.revoke_moderator')"
|
|
||||||
:cancel-text="$t('admin_dash.users.bulk_actions.no')"
|
|
||||||
:confirm-text="$t('admin_dash.users.bulk_actions.yes')"
|
|
||||||
@action="userActionConfirmed('adminRemoveUserFromModeratorGroup')"
|
|
||||||
/>
|
|
||||||
<GenericConfirm
|
|
||||||
ref="confirmApprove"
|
|
||||||
style="z-index: 10000;"
|
|
||||||
:title="$t('admin_dash.users.bulk_actions.approve')"
|
|
||||||
:cancel-text="$t('admin_dash.users.bulk_actions.no')"
|
|
||||||
:confirm-text="$t('admin_dash.users.bulk_actions.yes')"
|
|
||||||
@action="userActionConfirmed('adminApproveUser')"
|
|
||||||
/>
|
|
||||||
<GenericConfirm
|
|
||||||
ref="confirmConfirm"
|
|
||||||
style="z-index: 10000;"
|
|
||||||
:title="$t('admin_dash.users.bulk_actions.confirm')"
|
|
||||||
:cancel-text="$t('admin_dash.users.bulk_actions.no')"
|
|
||||||
:confirm-text="$t('admin_dash.users.bulk_actions.yes')"
|
|
||||||
@action="userActionConfirmed('adminConfirmUser')"
|
|
||||||
/>
|
|
||||||
<GenericConfirm
|
|
||||||
ref="confirmResendConfirmationEmail"
|
|
||||||
style="z-index: 10000;"
|
|
||||||
:title="$t('admin_dash.users.bulk_actions.resend_confirmation_email')"
|
|
||||||
:cancel-text="$t('admin_dash.users.bulk_actions.no')"
|
|
||||||
:confirm-text="$t('admin_dash.users.bulk_actions.yes')"
|
|
||||||
@action="userActionConfirmed('adminResendConfirmationEmail')"
|
|
||||||
/>
|
|
||||||
<GenericConfirm
|
|
||||||
ref="confirmRequirePasswordChange"
|
|
||||||
style="z-index: 10000;"
|
|
||||||
:title="$t('admin_dash.users.bulk_actions.require_password_change')"
|
|
||||||
:cancel-text="$t('admin_dash.users.bulk_actions.no')"
|
|
||||||
:confirm-text="$t('admin_dash.users.bulk_actions.yes')"
|
|
||||||
@action="userActionConfirmed('adminRequirePasswordChange')"
|
|
||||||
/>
|
|
||||||
<GenericConfirm
|
|
||||||
ref="confirmDisableMFA"
|
|
||||||
style="z-index: 10000;"
|
|
||||||
:title="$t('admin_dash.users.bulk_actions.disable_mfa')"
|
|
||||||
:cancel-text="$t('admin_dash.users.bulk_actions.no')"
|
|
||||||
:confirm-text="$t('admin_dash.users.bulk_actions.yes')"
|
|
||||||
@action="userActionConfirmed('adminDisableMFA')"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
|
<GenericConfirm
|
||||||
|
ref="confirmActivate"
|
||||||
|
style="z-index: 10000;"
|
||||||
|
:title="$t('admin_dash.users.bulk_actions.activate')"
|
||||||
|
:cancel-text="$t('admin_dash.users.bulk_actions.no')"
|
||||||
|
:confirm-text="$t('admin_dash.users.bulk_actions.yes')"
|
||||||
|
@action="userActionConfirmed('adminActivateUser')"
|
||||||
|
/>
|
||||||
|
<GenericConfirm
|
||||||
|
ref="confirmDeactivate"
|
||||||
|
style="z-index: 10000;"
|
||||||
|
:title="$t('admin_dash.users.bulk_actions.deactivate')"
|
||||||
|
:cancel-text="$t('admin_dash.users.bulk_actions.no')"
|
||||||
|
:confirm-text="$t('admin_dash.users.bulk_actions.yes')"
|
||||||
|
@action="userActionConfirmed('adminDeactivateUser')"
|
||||||
|
/>
|
||||||
|
<GenericConfirm
|
||||||
|
ref="confirmDeleteUser"
|
||||||
|
style="z-index: 10000;"
|
||||||
|
:title="$t('admin_dash.users.bulk_actions.delete_user')"
|
||||||
|
:cancel-text="$t('admin_dash.users.bulk_actions.no')"
|
||||||
|
:confirm-text="$t('admin_dash.users.bulk_actions.yes')"
|
||||||
|
@action="userActionConfirmed('adminDeleteUser')"
|
||||||
|
/>
|
||||||
|
<GenericConfirm
|
||||||
|
ref="confirmGrantAdmin"
|
||||||
|
style="z-index: 10000;"
|
||||||
|
:title="$t('admin_dash.users.bulk_actions.grant_moderator')"
|
||||||
|
:cancel-text="$t('admin_dash.users.bulk_actions.no')"
|
||||||
|
:confirm-text="$t('admin_dash.users.bulk_actions.yes')"
|
||||||
|
@action="userActionConfirmed('adminAddUserToAdminGroup')"
|
||||||
|
/>
|
||||||
|
<GenericConfirm
|
||||||
|
ref="confirmRevokeAdmin"
|
||||||
|
style="z-index: 10000;"
|
||||||
|
:title="$t('admin_dash.users.bulk_actions.revoke_admin')"
|
||||||
|
:cancel-text="$t('admin_dash.users.bulk_actions.no')"
|
||||||
|
:confirm-text="$t('admin_dash.users.bulk_actions.yes')"
|
||||||
|
@action="userActionConfirmed('adminRemoveUserFromAdminGroup')"
|
||||||
|
/>
|
||||||
|
<GenericConfirm
|
||||||
|
ref="confirmGrantModerator"
|
||||||
|
style="z-index: 10000;"
|
||||||
|
:title="$t('admin_dash.users.bulk_actions.grant_moderator')"
|
||||||
|
:cancel-text="$t('admin_dash.users.bulk_actions.no')"
|
||||||
|
:confirm-text="$t('admin_dash.users.bulk_actions.yes')"
|
||||||
|
@action="userActionConfirmed('adminAddUserToModeratorGroup')"
|
||||||
|
/>
|
||||||
|
<GenericConfirm
|
||||||
|
ref="confirmRevokeModerator"
|
||||||
|
style="z-index: 10000;"
|
||||||
|
:title="$t('admin_dash.users.bulk_actions.revoke_moderator')"
|
||||||
|
:cancel-text="$t('admin_dash.users.bulk_actions.no')"
|
||||||
|
:confirm-text="$t('admin_dash.users.bulk_actions.yes')"
|
||||||
|
@action="userActionConfirmed('adminRemoveUserFromModeratorGroup')"
|
||||||
|
/>
|
||||||
|
<GenericConfirm
|
||||||
|
ref="confirmApprove"
|
||||||
|
style="z-index: 10000;"
|
||||||
|
:title="$t('admin_dash.users.bulk_actions.approve')"
|
||||||
|
:cancel-text="$t('admin_dash.users.bulk_actions.no')"
|
||||||
|
:confirm-text="$t('admin_dash.users.bulk_actions.yes')"
|
||||||
|
@action="userActionConfirmed('adminApproveUser')"
|
||||||
|
/>
|
||||||
|
<GenericConfirm
|
||||||
|
ref="confirmConfirm"
|
||||||
|
style="z-index: 10000;"
|
||||||
|
:title="$t('admin_dash.users.bulk_actions.confirm')"
|
||||||
|
:cancel-text="$t('admin_dash.users.bulk_actions.no')"
|
||||||
|
:confirm-text="$t('admin_dash.users.bulk_actions.yes')"
|
||||||
|
@action="userActionConfirmed('adminConfirmUser')"
|
||||||
|
/>
|
||||||
|
<GenericConfirm
|
||||||
|
ref="confirmResendConfirmationEmail"
|
||||||
|
style="z-index: 10000;"
|
||||||
|
:title="$t('admin_dash.users.bulk_actions.resend_confirmation_email')"
|
||||||
|
:cancel-text="$t('admin_dash.users.bulk_actions.no')"
|
||||||
|
:confirm-text="$t('admin_dash.users.bulk_actions.yes')"
|
||||||
|
@action="userActionConfirmed('adminResendConfirmationEmail')"
|
||||||
|
/>
|
||||||
|
<GenericConfirm
|
||||||
|
ref="confirmRequirePasswordChange"
|
||||||
|
style="z-index: 10000;"
|
||||||
|
:title="$t('admin_dash.users.bulk_actions.require_password_change')"
|
||||||
|
:cancel-text="$t('admin_dash.users.bulk_actions.no')"
|
||||||
|
:confirm-text="$t('admin_dash.users.bulk_actions.yes')"
|
||||||
|
@action="userActionConfirmed('adminRequirePasswordChange')"
|
||||||
|
/>
|
||||||
|
<GenericConfirm
|
||||||
|
ref="confirmDisableMFA"
|
||||||
|
style="z-index: 10000;"
|
||||||
|
:title="$t('admin_dash.users.bulk_actions.disable_mfa')"
|
||||||
|
:cancel-text="$t('admin_dash.users.bulk_actions.no')"
|
||||||
|
:confirm-text="$t('admin_dash.users.bulk_actions.yes')"
|
||||||
|
@action="userActionConfirmed('adminDisableMFA')"
|
||||||
|
/>
|
||||||
</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