forked from AkkomaGang/admin-fe
parent
713a833b00
commit
fc98eea515
16 changed files with 3 additions and 1414 deletions
|
|
@ -1,617 +0,0 @@
|
||||||
export async function fetchChat(id, authHost, token) {
|
|
||||||
return Promise.resolve({ data: userChats[0] })
|
|
||||||
}
|
|
||||||
|
|
||||||
export async function fetchChatMessages(id, max_id, authHost, token) {
|
|
||||||
return Promise.resolve({ data: chatMessages })
|
|
||||||
}
|
|
||||||
|
|
||||||
export async function deleteChat(chat_id, message_id, authHost, token) {
|
|
||||||
return Promise.resolve({ data: userChats[0] })
|
|
||||||
}
|
|
||||||
|
|
||||||
export const userChats = [
|
|
||||||
{
|
|
||||||
id: '9y8e7ESoVUiKVMAoCW',
|
|
||||||
last_message: {
|
|
||||||
account_id: '9xUIiQfGrdPJDZe39s',
|
|
||||||
attachment: null,
|
|
||||||
card: null,
|
|
||||||
chat_id: '9y8e7ESoVUiKVMAoCW',
|
|
||||||
content: 'heyy',
|
|
||||||
created_at: '2020-09-11T00:07:13.000Z',
|
|
||||||
emojis: [],
|
|
||||||
id: '9z22Q9MzWiAk7GZnNY',
|
|
||||||
unread: false
|
|
||||||
},
|
|
||||||
receiver: {
|
|
||||||
acct: 'test10',
|
|
||||||
avatar: 'http://localhost:4000/images/avi.png',
|
|
||||||
avatar_static: 'http://localhost:4000/images/avi.png',
|
|
||||||
bot: false,
|
|
||||||
created_at: '2020-07-27T00:33:02.000Z',
|
|
||||||
display_name: 'test10',
|
|
||||||
emojis: [],
|
|
||||||
fields: [],
|
|
||||||
followers_count: 2,
|
|
||||||
following_count: 1,
|
|
||||||
header: 'http://localhost:4000/images/banner.png',
|
|
||||||
header_static: 'http://localhost:4000/images/banner.png',
|
|
||||||
id: '9xUj5WTmzSlFPN6OLg',
|
|
||||||
locked: false,
|
|
||||||
note: '',
|
|
||||||
pleroma: {
|
|
||||||
accepts_chat_messages: true,
|
|
||||||
ap_id: 'http://localhost:4000/users/test10',
|
|
||||||
background_image: null,
|
|
||||||
is_confirmed: true,
|
|
||||||
favicon: null,
|
|
||||||
hide_favorites: true,
|
|
||||||
hide_followers: false,
|
|
||||||
hide_followers_count: false,
|
|
||||||
hide_follows: false,
|
|
||||||
hide_follows_count: false,
|
|
||||||
is_admin: false,
|
|
||||||
is_moderator: true,
|
|
||||||
relationship: {},
|
|
||||||
skip_thread_containment: false,
|
|
||||||
tags: [
|
|
||||||
'mrf_tag:media-force-nsfw',
|
|
||||||
'mrf_tag:media-strip',
|
|
||||||
'mrf_tag:force-unlisted'
|
|
||||||
]
|
|
||||||
},
|
|
||||||
source: {
|
|
||||||
fields: [],
|
|
||||||
note: '',
|
|
||||||
pleroma: {
|
|
||||||
actor_type: 'Person',
|
|
||||||
discoverable: false
|
|
||||||
},
|
|
||||||
sensitive: false
|
|
||||||
},
|
|
||||||
statuses_count: 20,
|
|
||||||
url: 'http://localhost:4000/users/test10',
|
|
||||||
username: 'test10'
|
|
||||||
},
|
|
||||||
sender: {
|
|
||||||
acct: 'mk',
|
|
||||||
avatar: 'http://localhost:4000/media/9051960b674309674f2f1a3a0e05916013260af13f672df32c869cb841958a44.gif',
|
|
||||||
avatar_static: 'http://localhost:4000/media/9051960b674309674f2f1a3a0e05916013260af13f672df32c869cb841958a44.gif',
|
|
||||||
bot: false,
|
|
||||||
created_at: '2020-07-26T19:37:31.000Z',
|
|
||||||
display_name: 'mk',
|
|
||||||
emojis: [],
|
|
||||||
fields: [
|
|
||||||
{
|
|
||||||
name: 'website',
|
|
||||||
value: '<a href="http://marykatefain.com" rel="ugc">marykatefain.com</a>'
|
|
||||||
}
|
|
||||||
],
|
|
||||||
followers_count: 2,
|
|
||||||
following_count: 1,
|
|
||||||
header: 'http://localhost:4000/media/139889433c4085dcf219171fdcc48659fa3fb5090a748ca37513fda051226b12.gif',
|
|
||||||
header_static: 'http://localhost:4000/media/139889433c4085dcf219171fdcc48659fa3fb5090a748ca37513fda051226b12.gif',
|
|
||||||
id: '9xUIiQfGrdPJDZe39s',
|
|
||||||
locked: false,
|
|
||||||
note: 'a bio about me',
|
|
||||||
pleroma: {
|
|
||||||
accepts_chat_messages: true,
|
|
||||||
ap_id: 'https://localhost/users/mk',
|
|
||||||
background_image: null,
|
|
||||||
is_confirmed: true,
|
|
||||||
favicon: null,
|
|
||||||
hide_favorites: true,
|
|
||||||
hide_followers: false,
|
|
||||||
hide_followers_count: false,
|
|
||||||
hide_follows: false,
|
|
||||||
hide_follows_count: false,
|
|
||||||
is_admin: true,
|
|
||||||
is_moderator: false,
|
|
||||||
relationship: {},
|
|
||||||
skip_thread_containment: false,
|
|
||||||
tags: [
|
|
||||||
'verified'
|
|
||||||
]
|
|
||||||
},
|
|
||||||
source: {
|
|
||||||
fields: [
|
|
||||||
{
|
|
||||||
name: 'website',
|
|
||||||
value: 'marykatefain.com'
|
|
||||||
}
|
|
||||||
],
|
|
||||||
note: 'a bio about me',
|
|
||||||
pleroma: {
|
|
||||||
actor_type: 'Person',
|
|
||||||
discoverable: false
|
|
||||||
},
|
|
||||||
sensitive: false
|
|
||||||
},
|
|
||||||
statuses_count: 77,
|
|
||||||
url: 'https://localhost/users/mk',
|
|
||||||
username: 'mk'
|
|
||||||
},
|
|
||||||
unread: 0,
|
|
||||||
updated_at: '2020-09-11T00:07:13.000Z'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: '9y8dwDAQzFBZIZJzEG',
|
|
||||||
last_message: {
|
|
||||||
account_id: '9xUIiQfGrdPJDZe39s',
|
|
||||||
attachment: null,
|
|
||||||
card: null,
|
|
||||||
chat_id: '9y8dwDAQzFBZIZJzEG',
|
|
||||||
content: 'hiiiiiiiiiiiiiiiiiii',
|
|
||||||
created_at: '2020-08-15T06:45:13.000Z',
|
|
||||||
emojis: [],
|
|
||||||
id: '9y8e4EZndDmfzA0lGa',
|
|
||||||
unread: false
|
|
||||||
},
|
|
||||||
receiver: {
|
|
||||||
acct: 'user2',
|
|
||||||
avatar: 'http://localhost:4000/media/5a702176cd5181f81532a42fafa87953db1586ca39a3c83cd3df1bc9b5cb7d07.png',
|
|
||||||
avatar_static: 'http://localhost:4000/media/5a702176cd5181f81532a42fafa87953db1586ca39a3c83cd3df1bc9b5cb7d07.png',
|
|
||||||
bot: false,
|
|
||||||
created_at: '2020-08-01T19:23:57.000Z',
|
|
||||||
display_name: 'User2',
|
|
||||||
emojis: [],
|
|
||||||
fields: [],
|
|
||||||
followers_count: 0,
|
|
||||||
following_count: 2,
|
|
||||||
header: 'http://localhost:4000/media/1b1fc87d56e4f94b0ca8eb23100c92f67371bfa37b2898cd804341ed1a2d5c84.jpg',
|
|
||||||
header_static: 'http://localhost:4000/media/1b1fc87d56e4f94b0ca8eb23100c92f67371bfa37b2898cd804341ed1a2d5c84.jpg',
|
|
||||||
id: '9xfhRuCIyydruc0Sh6',
|
|
||||||
locked: false,
|
|
||||||
note: 'Just me!',
|
|
||||||
pleroma: {
|
|
||||||
accepts_chat_messages: true,
|
|
||||||
ap_id: 'http://localhost:4000/users/user2',
|
|
||||||
background_image: null,
|
|
||||||
is_confirmed: false,
|
|
||||||
favicon: null,
|
|
||||||
hide_favorites: true,
|
|
||||||
hide_followers: false,
|
|
||||||
hide_followers_count: false,
|
|
||||||
hide_follows: false,
|
|
||||||
hide_follows_count: false,
|
|
||||||
is_admin: false,
|
|
||||||
is_moderator: false,
|
|
||||||
relationship: {},
|
|
||||||
skip_thread_containment: false,
|
|
||||||
tags: [
|
|
||||||
'mrf_tag:force-unlisted',
|
|
||||||
'mrf_tag:media-strip'
|
|
||||||
]
|
|
||||||
},
|
|
||||||
source: {
|
|
||||||
fields: [],
|
|
||||||
note: 'Just me!',
|
|
||||||
pleroma: {
|
|
||||||
actor_type: 'Person',
|
|
||||||
discoverable: false
|
|
||||||
},
|
|
||||||
sensitive: false
|
|
||||||
},
|
|
||||||
statuses_count: 69,
|
|
||||||
url: 'http://localhost:4000/users/user2',
|
|
||||||
username: 'user2'
|
|
||||||
},
|
|
||||||
sender: {
|
|
||||||
acct: 'mk',
|
|
||||||
avatar: 'http://localhost:4000/media/9051960b674309674f2f1a3a0e05916013260af13f672df32c869cb841958a44.gif',
|
|
||||||
avatar_static: 'http://localhost:4000/media/9051960b674309674f2f1a3a0e05916013260af13f672df32c869cb841958a44.gif',
|
|
||||||
bot: false,
|
|
||||||
created_at: '2020-07-26T19:37:31.000Z',
|
|
||||||
display_name: 'mk',
|
|
||||||
emojis: [],
|
|
||||||
fields: [
|
|
||||||
{
|
|
||||||
name: 'website',
|
|
||||||
value: '<a href="http://marykatefain.com" rel="ugc">marykatefain.com</a>'
|
|
||||||
}
|
|
||||||
],
|
|
||||||
followers_count: 2,
|
|
||||||
following_count: 1,
|
|
||||||
header: 'http://localhost:4000/media/139889433c4085dcf219171fdcc48659fa3fb5090a748ca37513fda051226b12.gif',
|
|
||||||
header_static: 'http://localhost:4000/media/139889433c4085dcf219171fdcc48659fa3fb5090a748ca37513fda051226b12.gif',
|
|
||||||
id: '9xUIiQfGrdPJDZe39s',
|
|
||||||
locked: false,
|
|
||||||
note: 'a bio about me',
|
|
||||||
pleroma: {
|
|
||||||
accepts_chat_messages: true,
|
|
||||||
ap_id: 'https://localhost/users/mk',
|
|
||||||
background_image: null,
|
|
||||||
is_confirmed: true,
|
|
||||||
favicon: null,
|
|
||||||
hide_favorites: true,
|
|
||||||
hide_followers: false,
|
|
||||||
hide_followers_count: false,
|
|
||||||
hide_follows: false,
|
|
||||||
hide_follows_count: false,
|
|
||||||
is_admin: true,
|
|
||||||
is_moderator: false,
|
|
||||||
relationship: {},
|
|
||||||
skip_thread_containment: false,
|
|
||||||
tags: [
|
|
||||||
'verified'
|
|
||||||
]
|
|
||||||
},
|
|
||||||
source: {
|
|
||||||
fields: [
|
|
||||||
{
|
|
||||||
name: 'website',
|
|
||||||
value: 'marykatefain.com'
|
|
||||||
}
|
|
||||||
],
|
|
||||||
note: 'a bio about me',
|
|
||||||
pleroma: {
|
|
||||||
actor_type: 'Person',
|
|
||||||
discoverable: false
|
|
||||||
},
|
|
||||||
sensitive: false
|
|
||||||
},
|
|
||||||
statuses_count: 77,
|
|
||||||
url: 'https://localhost/users/mk',
|
|
||||||
username: 'mk'
|
|
||||||
},
|
|
||||||
unread: 0,
|
|
||||||
updated_at: '2020-08-15T06:45:13.000Z'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: '9y8dubemxq32fkkoeu',
|
|
||||||
last_message: null,
|
|
||||||
receiver: {
|
|
||||||
acct: 'mk',
|
|
||||||
avatar: 'http://localhost:4000/media/9051960b674309674f2f1a3a0e05916013260af13f672df32c869cb841958a44.gif',
|
|
||||||
avatar_static: 'http://localhost:4000/media/9051960b674309674f2f1a3a0e05916013260af13f672df32c869cb841958a44.gif',
|
|
||||||
bot: false,
|
|
||||||
created_at: '2020-07-26T19:37:31.000Z',
|
|
||||||
display_name: 'mk',
|
|
||||||
emojis: [],
|
|
||||||
fields: [
|
|
||||||
{
|
|
||||||
name: 'website',
|
|
||||||
value: '<a href="http://marykatefain.com" rel="ugc">marykatefain.com</a>'
|
|
||||||
}
|
|
||||||
],
|
|
||||||
followers_count: 2,
|
|
||||||
following_count: 1,
|
|
||||||
header: 'http://localhost:4000/media/139889433c4085dcf219171fdcc48659fa3fb5090a748ca37513fda051226b12.gif',
|
|
||||||
header_static: 'http://localhost:4000/media/139889433c4085dcf219171fdcc48659fa3fb5090a748ca37513fda051226b12.gif',
|
|
||||||
id: '9xUIiQfGrdPJDZe39s',
|
|
||||||
locked: false,
|
|
||||||
note: 'a bio about me',
|
|
||||||
pleroma: {
|
|
||||||
accepts_chat_messages: true,
|
|
||||||
ap_id: 'https://localhost/users/mk',
|
|
||||||
background_image: null,
|
|
||||||
is_confirmed: true,
|
|
||||||
favicon: null,
|
|
||||||
hide_favorites: true,
|
|
||||||
hide_followers: false,
|
|
||||||
hide_followers_count: false,
|
|
||||||
hide_follows: false,
|
|
||||||
hide_follows_count: false,
|
|
||||||
is_admin: true,
|
|
||||||
is_moderator: false,
|
|
||||||
relationship: {},
|
|
||||||
skip_thread_containment: false,
|
|
||||||
tags: [
|
|
||||||
'verified'
|
|
||||||
]
|
|
||||||
},
|
|
||||||
source: {
|
|
||||||
fields: [
|
|
||||||
{
|
|
||||||
name: 'website',
|
|
||||||
value: 'marykatefain.com'
|
|
||||||
}
|
|
||||||
],
|
|
||||||
note: 'a bio about me',
|
|
||||||
pleroma: {
|
|
||||||
actor_type: 'Person',
|
|
||||||
discoverable: false
|
|
||||||
},
|
|
||||||
sensitive: false
|
|
||||||
},
|
|
||||||
statuses_count: 77,
|
|
||||||
url: 'https://localhost/users/mk',
|
|
||||||
username: 'mk'
|
|
||||||
},
|
|
||||||
sender: {
|
|
||||||
acct: 'mk',
|
|
||||||
avatar: 'http://localhost:4000/media/9051960b674309674f2f1a3a0e05916013260af13f672df32c869cb841958a44.gif',
|
|
||||||
avatar_static: 'http://localhost:4000/media/9051960b674309674f2f1a3a0e05916013260af13f672df32c869cb841958a44.gif',
|
|
||||||
bot: false,
|
|
||||||
created_at: '2020-07-26T19:37:31.000Z',
|
|
||||||
display_name: 'mk',
|
|
||||||
emojis: [],
|
|
||||||
fields: [
|
|
||||||
{
|
|
||||||
name: 'website',
|
|
||||||
value: '<a href="http://marykatefain.com" rel="ugc">marykatefain.com</a>'
|
|
||||||
}
|
|
||||||
],
|
|
||||||
followers_count: 2,
|
|
||||||
following_count: 1,
|
|
||||||
header: 'http://localhost:4000/media/139889433c4085dcf219171fdcc48659fa3fb5090a748ca37513fda051226b12.gif',
|
|
||||||
header_static: 'http://localhost:4000/media/139889433c4085dcf219171fdcc48659fa3fb5090a748ca37513fda051226b12.gif',
|
|
||||||
id: '9xUIiQfGrdPJDZe39s',
|
|
||||||
locked: false,
|
|
||||||
note: 'a bio about me',
|
|
||||||
pleroma: {
|
|
||||||
accepts_chat_messages: true,
|
|
||||||
ap_id: 'https://localhost/users/mk',
|
|
||||||
background_image: null,
|
|
||||||
is_confirmed: true,
|
|
||||||
favicon: null,
|
|
||||||
hide_favorites: true,
|
|
||||||
hide_followers: false,
|
|
||||||
hide_followers_count: false,
|
|
||||||
hide_follows: false,
|
|
||||||
hide_follows_count: false,
|
|
||||||
is_admin: true,
|
|
||||||
is_moderator: false,
|
|
||||||
relationship: {},
|
|
||||||
skip_thread_containment: false,
|
|
||||||
tags: [
|
|
||||||
'verified'
|
|
||||||
]
|
|
||||||
},
|
|
||||||
source: {
|
|
||||||
fields: [
|
|
||||||
{
|
|
||||||
name: 'website',
|
|
||||||
value: 'marykatefain.com'
|
|
||||||
}
|
|
||||||
],
|
|
||||||
note: 'a bio about me',
|
|
||||||
pleroma: {
|
|
||||||
actor_type: 'Person',
|
|
||||||
discoverable: false
|
|
||||||
},
|
|
||||||
sensitive: false
|
|
||||||
},
|
|
||||||
statuses_count: 77,
|
|
||||||
url: 'https://localhost/users/mk',
|
|
||||||
username: 'mk'
|
|
||||||
},
|
|
||||||
unread: 0,
|
|
||||||
updated_at: '2020-08-15T06:43:29.000Z'
|
|
||||||
}
|
|
||||||
]
|
|
||||||
|
|
||||||
export const chatMessages = [
|
|
||||||
{
|
|
||||||
account_id: '9xUIiQfGrdPJDZe39s',
|
|
||||||
attachment: null,
|
|
||||||
card: null,
|
|
||||||
chat_id: '9y8e7ESoVUiKVMAoCW',
|
|
||||||
content: 'heyy',
|
|
||||||
created_at: '2020-09-11T00:07:13.000Z',
|
|
||||||
emojis: [],
|
|
||||||
id: '9z22Q9MzWiAk7GZnNY',
|
|
||||||
unread: false
|
|
||||||
},
|
|
||||||
{
|
|
||||||
account_id: '9xUIiQfGrdPJDZe39s',
|
|
||||||
attachment: {
|
|
||||||
description: null,
|
|
||||||
id: '-1990764178',
|
|
||||||
pleroma: {
|
|
||||||
mime_type: 'image/png'
|
|
||||||
},
|
|
||||||
preview_url: 'http://localhost:4000/media/b087b890b39aa8301f736e8b45c02213183986c8a994c2c99e921ae85afa17e4.png',
|
|
||||||
remote_url: 'http://localhost:4000/media/b087b890b39aa8301f736e8b45c02213183986c8a994c2c99e921ae85afa17e4.png',
|
|
||||||
text_url: 'http://localhost:4000/media/b087b890b39aa8301f736e8b45c02213183986c8a994c2c99e921ae85afa17e4.png',
|
|
||||||
type: 'image',
|
|
||||||
url: 'http://localhost:4000/media/b087b890b39aa8301f736e8b45c02213183986c8a994c2c99e921ae85afa17e4.png'
|
|
||||||
},
|
|
||||||
card: null,
|
|
||||||
chat_id: '9y8e7ESoVUiKVMAoCW',
|
|
||||||
content: null,
|
|
||||||
created_at: '2020-09-10T20:35:33.000Z',
|
|
||||||
emojis: [],
|
|
||||||
id: '9z1jWuQNaq8Ef6fdOS',
|
|
||||||
unread: false
|
|
||||||
},
|
|
||||||
{
|
|
||||||
account_id: '9xUIiQfGrdPJDZe39s',
|
|
||||||
attachment: null,
|
|
||||||
card: null,
|
|
||||||
chat_id: '9y8e7ESoVUiKVMAoCW',
|
|
||||||
content: 'probably',
|
|
||||||
created_at: '2020-09-10T16:57:33.000Z',
|
|
||||||
emojis: [],
|
|
||||||
id: '9z1Q4eXb9kBYA8rNT6',
|
|
||||||
unread: false
|
|
||||||
},
|
|
||||||
{
|
|
||||||
account_id: '9xUj5WTmzSlFPN6OLg',
|
|
||||||
attachment: null,
|
|
||||||
card: null,
|
|
||||||
chat_id: '9y8e7ESoVUiKVMAoCW',
|
|
||||||
content: 'That has got to be 20 by now',
|
|
||||||
created_at: '2020-09-10T16:57:29.000Z',
|
|
||||||
emojis: [],
|
|
||||||
id: '9z1Q4LQAF9wuraEfk8',
|
|
||||||
unread: false
|
|
||||||
},
|
|
||||||
{
|
|
||||||
account_id: '9xUIiQfGrdPJDZe39s',
|
|
||||||
attachment: null,
|
|
||||||
card: null,
|
|
||||||
chat_id: '9y8e7ESoVUiKVMAoCW',
|
|
||||||
content: 'I miss bars :(',
|
|
||||||
created_at: '2020-09-10T16:57:22.000Z',
|
|
||||||
emojis: [],
|
|
||||||
id: '9z1Q3gmlKEfEpnUdm4',
|
|
||||||
unread: false
|
|
||||||
},
|
|
||||||
{
|
|
||||||
account_id: '9xUIiQfGrdPJDZe39s',
|
|
||||||
attachment: null,
|
|
||||||
card: null,
|
|
||||||
chat_id: '9y8e7ESoVUiKVMAoCW',
|
|
||||||
content: 'Yeah tying to!',
|
|
||||||
created_at: '2020-09-10T16:57:15.000Z',
|
|
||||||
emojis: [],
|
|
||||||
id: '9z1Q307VxCiKVhs6eO',
|
|
||||||
unread: false
|
|
||||||
},
|
|
||||||
{
|
|
||||||
account_id: '9xUj5WTmzSlFPN6OLg',
|
|
||||||
attachment: null,
|
|
||||||
card: null,
|
|
||||||
chat_id: '9y8e7ESoVUiKVMAoCW',
|
|
||||||
content: 'staying safe with covid and such?',
|
|
||||||
created_at: '2020-09-10T16:57:10.000Z',
|
|
||||||
emojis: [],
|
|
||||||
id: '9z1Q2Z56U3k6ePXIe1',
|
|
||||||
unread: false
|
|
||||||
},
|
|
||||||
{
|
|
||||||
account_id: '9xUj5WTmzSlFPN6OLg',
|
|
||||||
attachment: null,
|
|
||||||
card: null,
|
|
||||||
chat_id: '9y8e7ESoVUiKVMAoCW',
|
|
||||||
content: 'how have you been?',
|
|
||||||
created_at: '2020-09-10T16:57:06.000Z',
|
|
||||||
emojis: [],
|
|
||||||
id: '9z1Q29XvQHLfSGowxU',
|
|
||||||
unread: false
|
|
||||||
},
|
|
||||||
{
|
|
||||||
account_id: '9xUj5WTmzSlFPN6OLg',
|
|
||||||
attachment: null,
|
|
||||||
card: null,
|
|
||||||
chat_id: '9y8e7ESoVUiKVMAoCW',
|
|
||||||
content: 'so what are you doing?',
|
|
||||||
created_at: '2020-09-10T16:57:02.000Z',
|
|
||||||
emojis: [],
|
|
||||||
id: '9z1Q1lPb9aQYbUjxeD',
|
|
||||||
unread: false
|
|
||||||
},
|
|
||||||
{
|
|
||||||
account_id: '9xUIiQfGrdPJDZe39s',
|
|
||||||
attachment: null,
|
|
||||||
card: null,
|
|
||||||
chat_id: '9y8e7ESoVUiKVMAoCW',
|
|
||||||
content: 'crazy',
|
|
||||||
created_at: '2020-09-10T16:56:55.000Z',
|
|
||||||
emojis: [],
|
|
||||||
id: '9z1Q19zQHwVMXbD2DA',
|
|
||||||
unread: false
|
|
||||||
},
|
|
||||||
{
|
|
||||||
account_id: '9xUIiQfGrdPJDZe39s',
|
|
||||||
attachment: null,
|
|
||||||
card: null,
|
|
||||||
chat_id: '9y8e7ESoVUiKVMAoCW',
|
|
||||||
content: 'omg yeah same',
|
|
||||||
created_at: '2020-09-10T16:56:54.000Z',
|
|
||||||
emojis: [],
|
|
||||||
id: '9z1Q12zWJBQIpsCVtI',
|
|
||||||
unread: false
|
|
||||||
},
|
|
||||||
{
|
|
||||||
account_id: '9xUIiQfGrdPJDZe39s',
|
|
||||||
attachment: null,
|
|
||||||
card: null,
|
|
||||||
chat_id: '9y8e7ESoVUiKVMAoCW',
|
|
||||||
content: 'hahahaha',
|
|
||||||
created_at: '2020-09-10T16:56:51.000Z',
|
|
||||||
emojis: [],
|
|
||||||
id: '9z1Q0pyKiHkWSQXsjg',
|
|
||||||
unread: false
|
|
||||||
},
|
|
||||||
{
|
|
||||||
account_id: '9xUj5WTmzSlFPN6OLg',
|
|
||||||
attachment: null,
|
|
||||||
card: null,
|
|
||||||
chat_id: '9y8e7ESoVUiKVMAoCW',
|
|
||||||
content: 'I think this is 13',
|
|
||||||
created_at: '2020-09-10T16:56:45.000Z',
|
|
||||||
emojis: [],
|
|
||||||
id: '9z1Q0Ft6sEBGXnpCb3',
|
|
||||||
unread: false
|
|
||||||
},
|
|
||||||
{
|
|
||||||
account_id: '9xUj5WTmzSlFPN6OLg',
|
|
||||||
attachment: null,
|
|
||||||
card: null,
|
|
||||||
chat_id: '9y8e7ESoVUiKVMAoCW',
|
|
||||||
content: 'We need to keep typing until we hit 20',
|
|
||||||
created_at: '2020-09-10T16:56:42.000Z',
|
|
||||||
emojis: [],
|
|
||||||
id: '9z1PzywjrTyy08OMOO',
|
|
||||||
unread: false
|
|
||||||
},
|
|
||||||
{
|
|
||||||
account_id: '9xUIiQfGrdPJDZe39s',
|
|
||||||
attachment: null,
|
|
||||||
card: null,
|
|
||||||
chat_id: '9y8e7ESoVUiKVMAoCW',
|
|
||||||
content: 'That's nice',
|
|
||||||
created_at: '2020-09-10T16:56:03.000Z',
|
|
||||||
emojis: [],
|
|
||||||
id: '9z1PwOkJzs8orKsJDU',
|
|
||||||
unread: false
|
|
||||||
},
|
|
||||||
{
|
|
||||||
account_id: '9xUj5WTmzSlFPN6OLg',
|
|
||||||
attachment: null,
|
|
||||||
card: null,
|
|
||||||
chat_id: '9y8e7ESoVUiKVMAoCW',
|
|
||||||
content: 'I've been good! Keeping busy',
|
|
||||||
created_at: '2020-09-10T16:56:00.000Z',
|
|
||||||
emojis: [],
|
|
||||||
id: '9z1Pw7qmoaDASSljQv',
|
|
||||||
unread: false
|
|
||||||
},
|
|
||||||
{
|
|
||||||
account_id: '9xUIiQfGrdPJDZe39s',
|
|
||||||
attachment: null,
|
|
||||||
card: null,
|
|
||||||
chat_id: '9y8e7ESoVUiKVMAoCW',
|
|
||||||
content: '*been',
|
|
||||||
created_at: '2020-09-10T16:55:55.000Z',
|
|
||||||
emojis: [],
|
|
||||||
id: '9z1PvcWVHwZFIa2b0y',
|
|
||||||
unread: false
|
|
||||||
},
|
|
||||||
{
|
|
||||||
account_id: '9xUIiQfGrdPJDZe39s',
|
|
||||||
attachment: null,
|
|
||||||
card: null,
|
|
||||||
chat_id: '9y8e7ESoVUiKVMAoCW',
|
|
||||||
content: 'How have you ben?',
|
|
||||||
created_at: '2020-09-10T16:55:52.000Z',
|
|
||||||
emojis: [],
|
|
||||||
id: '9z1PvK4BuTE03YejNw',
|
|
||||||
unread: false
|
|
||||||
},
|
|
||||||
{
|
|
||||||
account_id: '9xUIiQfGrdPJDZe39s',
|
|
||||||
attachment: null,
|
|
||||||
card: null,
|
|
||||||
chat_id: '9y8e7ESoVUiKVMAoCW',
|
|
||||||
content: 'Oh it's okay! No worries!',
|
|
||||||
created_at: '2020-09-10T16:55:44.000Z',
|
|
||||||
emojis: [],
|
|
||||||
id: '9z1Puc4hTDUJcOYW4O',
|
|
||||||
unread: false
|
|
||||||
},
|
|
||||||
{
|
|
||||||
account_id: '9xUj5WTmzSlFPN6OLg',
|
|
||||||
attachment: null,
|
|
||||||
card: null,
|
|
||||||
chat_id: '9y8e7ESoVUiKVMAoCW',
|
|
||||||
content: 'didn't mean to ignore you',
|
|
||||||
created_at: '2020-09-10T16:55:32.000Z',
|
|
||||||
emojis: [],
|
|
||||||
id: '9z1PtWGNamQTIvUspk',
|
|
||||||
unread: false
|
|
||||||
}
|
|
||||||
]
|
|
||||||
|
|
@ -1,5 +1,3 @@
|
||||||
import userChats from './chat'
|
|
||||||
|
|
||||||
export let users = [
|
export let users = [
|
||||||
{ is_confirmed: true, is_approved: true, is_active: true, id: '2', nickname: 'allis', local: true, external: false, roles: { admin: true, moderator: false }, tags: [], actor_type: 'Person' },
|
{ is_confirmed: true, is_approved: true, is_active: true, id: '2', nickname: 'allis', local: true, external: false, roles: { admin: true, moderator: false }, tags: [], actor_type: 'Person' },
|
||||||
{ is_confirmed: true, is_approved: true, is_active: true, id: '10', nickname: 'bob', local: true, external: false, roles: { admin: false, moderator: false }, tags: ['mrf_tag:sandbox'], actor_type: 'Person' },
|
{ is_confirmed: true, is_approved: true, is_active: true, id: '10', nickname: 'bob', local: true, external: false, roles: { admin: false, moderator: false }, tags: ['mrf_tag:sandbox'], actor_type: 'Person' },
|
||||||
|
|
@ -37,10 +35,6 @@ export async function fetchUserStatuses(id, authHost, godmode, token) {
|
||||||
return Promise.resolve({ data: userStatuses })
|
return Promise.resolve({ data: userStatuses })
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function fetchUserChats(id, authHost, godmode, token) {
|
|
||||||
return Promise.resolve({ data: userChats })
|
|
||||||
}
|
|
||||||
|
|
||||||
export async function getPasswordResetToken(nickname, authHost, token) {
|
export async function getPasswordResetToken(nickname, authHost, token) {
|
||||||
return Promise.resolve({ data: { token: 'g05lxnBJQnL', link: 'http://url/api/pleroma/password_reset/g05lxnBJQnL' }})
|
return Promise.resolve({ data: { token: 'g05lxnBJQnL', link: 'http://url/api/pleroma/password_reset/g05lxnBJQnL' }})
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,35 +0,0 @@
|
||||||
import request from '@/utils/request'
|
|
||||||
import { getToken } from '@/utils/auth'
|
|
||||||
import { baseName } from './utils'
|
|
||||||
|
|
||||||
export async function deleteChatMessage(chat_id, message_id, authHost, token) {
|
|
||||||
return await request({
|
|
||||||
baseURL: baseName(authHost),
|
|
||||||
url: `/api/pleroma/admin/chats/${chat_id}/messages/${message_id}`,
|
|
||||||
method: 'delete',
|
|
||||||
headers: authHeaders(token)
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
export async function fetchChat(id, authHost, token) {
|
|
||||||
return await request({
|
|
||||||
baseURL: baseName(authHost),
|
|
||||||
url: `/api/pleroma/admin/chats/${id}`,
|
|
||||||
method: 'get',
|
|
||||||
headers: authHeaders(token)
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
export async function fetchChatMessages(id, maxId, authHost, token) {
|
|
||||||
const url = maxId
|
|
||||||
? `/api/pleroma/admin/chats/${id}/messages?max_id=${maxId}`
|
|
||||||
: `/api/pleroma/admin/chats/${id}/messages`
|
|
||||||
return await request({
|
|
||||||
baseURL: baseName(authHost),
|
|
||||||
url,
|
|
||||||
method: 'get',
|
|
||||||
headers: authHeaders(token)
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
const authHeaders = (token) => token ? { 'Authorization': `Bearer ${getToken()}` } : {}
|
|
||||||
|
|
@ -180,15 +180,6 @@ export async function fetchUserStatuses(id, authHost, godmode, token) {
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function fetchUserChats(id, authHost, token) {
|
|
||||||
return await request({
|
|
||||||
baseURL: baseName(authHost),
|
|
||||||
url: `/api/pleroma/admin/users/${id}/chats`,
|
|
||||||
method: 'get',
|
|
||||||
headers: authHeaders(token)
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
export async function approveUserAccount(nicknames, authHost, token) {
|
export async function approveUserAccount(nicknames, authHost, token) {
|
||||||
return await request({
|
return await request({
|
||||||
baseURL: baseName(authHost),
|
baseURL: baseName(authHost),
|
||||||
|
|
|
||||||
|
|
@ -1,233 +0,0 @@
|
||||||
<template>
|
|
||||||
<el-card v-if="!message.deleted" class="message-card">
|
|
||||||
<div slot="header">
|
|
||||||
<div class="message-header">
|
|
||||||
<div class="message-meta">
|
|
||||||
<router-link
|
|
||||||
v-if="propertyExists(author, 'id')"
|
|
||||||
:to="{ name: 'UsersShow', params: { id: author.id }}"
|
|
||||||
class="router-link"
|
|
||||||
@click.native.stop>
|
|
||||||
<div class="message-author">
|
|
||||||
<img v-if="propertyExists(author, 'avatar')" :src="author.avatar" class="message-author-avatar-img">
|
|
||||||
<span v-if="propertyExists(author, 'username')" class="message-author-name">{{ author.username }}</span>
|
|
||||||
<span v-else>
|
|
||||||
<span v-if="propertyExists(author, 'username')" class="message-author-name">
|
|
||||||
{{ author.username }}
|
|
||||||
</span>
|
|
||||||
<span v-else class="message-author-name deactivated">({{ $t('users.invalidNickname') }})</span>
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
</router-link>
|
|
||||||
<span class="message-timestamp">{{ parseTimestamp(message.created_at) }}</span>
|
|
||||||
</div>
|
|
||||||
<div class="message-actions">
|
|
||||||
<el-dropdown trigger="click" @click.native.stop>
|
|
||||||
<el-button plain size="small" icon="el-icon-edit" class="status-actions-button">
|
|
||||||
{{ $t('reports.messageModeration') }}<i class="el-icon-arrow-down el-icon--right"/>
|
|
||||||
</el-button>
|
|
||||||
<el-dropdown-menu slot="dropdown">
|
|
||||||
<el-dropdown-item
|
|
||||||
@click.native="deleteMessage()">
|
|
||||||
{{ $t('reports.deleteMessage') }}
|
|
||||||
</el-dropdown-item>
|
|
||||||
<el-dropdown-item
|
|
||||||
@click.native="handleRouteChange()">
|
|
||||||
{{ $t('users.moderateUser') }}
|
|
||||||
</el-dropdown-item>
|
|
||||||
</el-dropdown-menu>
|
|
||||||
</el-dropdown>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="message-body">
|
|
||||||
<span class="message-content" v-html="message.content"/>
|
|
||||||
<div v-if="message.attachment" class="image">
|
|
||||||
<img :src="message.attachment.preview_url">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</el-card>
|
|
||||||
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import moment from 'moment'
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: 'ChatMessage',
|
|
||||||
props: {
|
|
||||||
message: {
|
|
||||||
type: Object,
|
|
||||||
required: true
|
|
||||||
},
|
|
||||||
author: {
|
|
||||||
type: Object,
|
|
||||||
required: true
|
|
||||||
},
|
|
||||||
page: {
|
|
||||||
type: Number,
|
|
||||||
required: false,
|
|
||||||
default: 0
|
|
||||||
}
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
}
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
propertyExists(account, property) {
|
|
||||||
return account[property]
|
|
||||||
},
|
|
||||||
parseTimestamp(timestamp) {
|
|
||||||
return moment(timestamp).format('YYYY-MM-DD HH:mm')
|
|
||||||
},
|
|
||||||
deleteMessage() {
|
|
||||||
this.$confirm('Are you sure you want to delete this message?', 'Warning', {
|
|
||||||
confirmButtonText: 'OK',
|
|
||||||
cancelButtonText: 'Cancel',
|
|
||||||
type: 'warning'
|
|
||||||
}).then(() => {
|
|
||||||
this.$store.dispatch('DeleteMessage', {
|
|
||||||
chat_id: this.message.chat_id,
|
|
||||||
message_id: this.message.id
|
|
||||||
})
|
|
||||||
this.$message({
|
|
||||||
type: 'success',
|
|
||||||
message: 'Delete completed'
|
|
||||||
})
|
|
||||||
}).catch(() => {
|
|
||||||
this.$message({
|
|
||||||
type: 'info',
|
|
||||||
message: 'Delete canceled'
|
|
||||||
})
|
|
||||||
})
|
|
||||||
},
|
|
||||||
handleRouteChange() {
|
|
||||||
this.$router.push({ name: 'UsersShow', params: { id: this.author.id }})
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style rel='stylesheet/scss' lang='scss'>
|
|
||||||
.message-card {
|
|
||||||
margin-bottom: 10px;
|
|
||||||
.account {
|
|
||||||
line-height: 26px;
|
|
||||||
font-size: 13px;
|
|
||||||
color: #606266;
|
|
||||||
}
|
|
||||||
.account:hover {
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
.deactivated {
|
|
||||||
color: gray;
|
|
||||||
line-height: 28px;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
.image {
|
|
||||||
width: 20%;
|
|
||||||
img {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.router-link {
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
.show-more-button {
|
|
||||||
margin-left: 5px;
|
|
||||||
}
|
|
||||||
.message-author {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.message-author-avatar-img {
|
|
||||||
display: inline-block;
|
|
||||||
width: 15px;
|
|
||||||
height: 15px;
|
|
||||||
margin-right: 5px;
|
|
||||||
}
|
|
||||||
.message-author-name {
|
|
||||||
display: inline-block;
|
|
||||||
margin: 0;
|
|
||||||
font-size: 15px;
|
|
||||||
font-weight: 500;
|
|
||||||
}
|
|
||||||
.message-body {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
.message-card-header {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.chat-content {
|
|
||||||
font-size: 15px;
|
|
||||||
line-height: 26px;
|
|
||||||
}
|
|
||||||
.message-timestamp {
|
|
||||||
font-size: 13px;
|
|
||||||
color: #606266;
|
|
||||||
margin-left: 20px;
|
|
||||||
}
|
|
||||||
.message-deleted {
|
|
||||||
font-style: italic;
|
|
||||||
margin-top: 3px;
|
|
||||||
}
|
|
||||||
.message-header {
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-between;
|
|
||||||
align-items: center;
|
|
||||||
.message-meta {
|
|
||||||
display: flex;
|
|
||||||
justify-content: flex-start;
|
|
||||||
align-items: flex-end;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
@media only screen and (max-width:480px) {
|
|
||||||
.el-message {
|
|
||||||
min-width: 80%;
|
|
||||||
}
|
|
||||||
.el-message-box {
|
|
||||||
width: 80%;
|
|
||||||
}
|
|
||||||
.message-card {
|
|
||||||
.el-card__header {
|
|
||||||
padding: 10px 17px;
|
|
||||||
}
|
|
||||||
.el-tag {
|
|
||||||
margin: 3px 0;
|
|
||||||
}
|
|
||||||
.message-author-container {
|
|
||||||
margin-bottom: 5px;
|
|
||||||
}
|
|
||||||
.message-action-buttons {
|
|
||||||
margin: 3px 0 3px;
|
|
||||||
}
|
|
||||||
.message-actions {
|
|
||||||
width: 100%;
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
justify-content: space-between;
|
|
||||||
}
|
|
||||||
.message-header {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: flex-start;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.message-actions-button {
|
|
||||||
margin: 3px 0 3px;
|
|
||||||
}
|
|
||||||
.message-actions {
|
|
||||||
width: 100%;
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
justify-content: space-between;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
@ -67,7 +67,6 @@ export default {
|
||||||
reports: 'Reports',
|
reports: 'Reports',
|
||||||
invites: 'Invites',
|
invites: 'Invites',
|
||||||
statuses: 'Statuses',
|
statuses: 'Statuses',
|
||||||
chats: 'Chats',
|
|
||||||
settings: 'Settings',
|
settings: 'Settings',
|
||||||
moderationLog: 'Moderation Log',
|
moderationLog: 'Moderation Log',
|
||||||
relays: 'Relays',
|
relays: 'Relays',
|
||||||
|
|
@ -302,11 +301,6 @@ export default {
|
||||||
unlisted: 'Unlisted',
|
unlisted: 'Unlisted',
|
||||||
openStatusInInstance: 'Open status in instance'
|
openStatusInInstance: 'Open status in instance'
|
||||||
},
|
},
|
||||||
chats: {
|
|
||||||
chats: 'Chats',
|
|
||||||
loadMore: 'Load more',
|
|
||||||
chatHistory: 'Chat History'
|
|
||||||
},
|
|
||||||
userProfile: {
|
userProfile: {
|
||||||
tags: 'Tags',
|
tags: 'Tags',
|
||||||
moderator: 'Moderator',
|
moderator: 'Moderator',
|
||||||
|
|
@ -317,7 +311,6 @@ export default {
|
||||||
actorType: 'Actor Type',
|
actorType: 'Actor Type',
|
||||||
nickname: 'Nickname',
|
nickname: 'Nickname',
|
||||||
recentStatuses: 'Recent Statuses',
|
recentStatuses: 'Recent Statuses',
|
||||||
chats: 'Chats',
|
|
||||||
roles: 'Roles',
|
roles: 'Roles',
|
||||||
active: 'Active',
|
active: 'Active',
|
||||||
status: 'Status',
|
status: 'Status',
|
||||||
|
|
@ -325,7 +318,6 @@ export default {
|
||||||
deactivated: 'Deactivated',
|
deactivated: 'Deactivated',
|
||||||
pending: 'Pending',
|
pending: 'Pending',
|
||||||
noStatuses: 'No statuses to show',
|
noStatuses: 'No statuses to show',
|
||||||
noChats: 'No chats to show',
|
|
||||||
noMessages: 'No messages to show',
|
noMessages: 'No messages to show',
|
||||||
openAccountInInstance: 'Open account in instance',
|
openAccountInInstance: 'Open account in instance',
|
||||||
securitySettings: {
|
securitySettings: {
|
||||||
|
|
|
||||||
|
|
@ -232,17 +232,5 @@ export const asyncRouterMap = [
|
||||||
],
|
],
|
||||||
hidden: true
|
hidden: true
|
||||||
},
|
},
|
||||||
{
|
|
||||||
path: '/chats/:id',
|
|
||||||
component: Layout,
|
|
||||||
children: [
|
|
||||||
{
|
|
||||||
path: '',
|
|
||||||
name: 'ChatsShow',
|
|
||||||
component: () => import('@/views/chats/show')
|
|
||||||
}
|
|
||||||
],
|
|
||||||
hidden: true
|
|
||||||
},
|
|
||||||
{ path: '*', redirect: '/404', hidden: true }
|
{ path: '*', redirect: '/404', hidden: true }
|
||||||
]
|
]
|
||||||
|
|
|
||||||
|
|
@ -13,7 +13,6 @@ import relays from './modules/relays'
|
||||||
import reports from './modules/reports'
|
import reports from './modules/reports'
|
||||||
import settings from './modules/settings'
|
import settings from './modules/settings'
|
||||||
import status from './modules/status'
|
import status from './modules/status'
|
||||||
import chat from './modules/chat'
|
|
||||||
import tagsView from './modules/tagsView'
|
import tagsView from './modules/tagsView'
|
||||||
import user from './modules/user'
|
import user from './modules/user'
|
||||||
import userProfile from './modules/userProfile'
|
import userProfile from './modules/userProfile'
|
||||||
|
|
@ -35,7 +34,6 @@ const store = new Vuex.Store({
|
||||||
reports,
|
reports,
|
||||||
settings,
|
settings,
|
||||||
status,
|
status,
|
||||||
chat,
|
|
||||||
tagsView,
|
tagsView,
|
||||||
user,
|
user,
|
||||||
userProfile,
|
userProfile,
|
||||||
|
|
|
||||||
|
|
@ -1,56 +0,0 @@
|
||||||
import { fetchChat, fetchChatMessages, deleteChatMessage } from '@/api/chat'
|
|
||||||
|
|
||||||
const chat = {
|
|
||||||
state: {
|
|
||||||
fetchedChat: {},
|
|
||||||
fetchedChatMessages: {},
|
|
||||||
loading: false,
|
|
||||||
buttonLoading: false,
|
|
||||||
allLoaded: false,
|
|
||||||
maxId: null
|
|
||||||
},
|
|
||||||
mutations: {
|
|
||||||
SET_LOADING: (state, chat) => {
|
|
||||||
state.loading = chat
|
|
||||||
},
|
|
||||||
SET_ALL_LOADED: (state, chat) => {
|
|
||||||
state.allLoaded = chat
|
|
||||||
},
|
|
||||||
SET_BUTTON_LOADING: (state, chat) => {
|
|
||||||
state.buttonLoading = chat
|
|
||||||
},
|
|
||||||
SET_CHAT: (state, chat) => {
|
|
||||||
state.fetchedChat = chat
|
|
||||||
},
|
|
||||||
SET_CHAT_MESSAGES: (state, chatMessages) => {
|
|
||||||
state.fetchedChatMessages = chatMessages
|
|
||||||
},
|
|
||||||
CHANGE_MAX_ID: (state, max_id) => {
|
|
||||||
state.maxId = max_id
|
|
||||||
}
|
|
||||||
},
|
|
||||||
actions: {
|
|
||||||
async FetchChat({ commit, dispatch, getters, state }, id) {
|
|
||||||
commit('SET_LOADING', true)
|
|
||||||
const chat = await fetchChat(id, getters.authHost, getters.token)
|
|
||||||
|
|
||||||
commit('SET_CHAT', chat.data)
|
|
||||||
commit('SET_LOADING', false)
|
|
||||||
},
|
|
||||||
async FetchChatMessages({ commit, dispatch, getters, state }, id, max_id) {
|
|
||||||
commit('SET_LOADING', true)
|
|
||||||
const chat = await fetchChatMessages(id, state.maxId, getters.authHost, getters.token)
|
|
||||||
commit('SET_CHAT_MESSAGES', chat.data)
|
|
||||||
commit('SET_LOADING', false)
|
|
||||||
},
|
|
||||||
async DeleteMessage({ commit, dispatch, getters, state }, params) {
|
|
||||||
await deleteChatMessage(params.chat_id, params.message_id, getters.authHost, getters.token)
|
|
||||||
dispatch('FetchChatMessages', params.chat_id)
|
|
||||||
},
|
|
||||||
HandlePageChange({ commit }, max_id) {
|
|
||||||
commit('CHANGE_MAX_ID', max_id)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
export default chat
|
|
||||||
|
|
@ -1,11 +1,9 @@
|
||||||
import { fetchUser, fetchUserStatuses, fetchUserChats, fetchUserCredentials, updateUserCredentials } from '@/api/users'
|
import { fetchUser, fetchUserStatuses, fetchUserCredentials, updateUserCredentials } from '@/api/users'
|
||||||
|
|
||||||
const userProfile = {
|
const userProfile = {
|
||||||
state: {
|
state: {
|
||||||
statuses: [],
|
statuses: [],
|
||||||
statusesLoading: true,
|
statusesLoading: true,
|
||||||
chats: [],
|
|
||||||
chatsLoading: true,
|
|
||||||
user: {},
|
user: {},
|
||||||
userCredentials: {},
|
userCredentials: {},
|
||||||
userProfileLoading: true
|
userProfileLoading: true
|
||||||
|
|
@ -17,12 +15,6 @@ const userProfile = {
|
||||||
SET_STATUSES_LOADING: (state, status) => {
|
SET_STATUSES_LOADING: (state, status) => {
|
||||||
state.statusesLoading = status
|
state.statusesLoading = status
|
||||||
},
|
},
|
||||||
SET_CHATS: (state, chats) => {
|
|
||||||
state.chats = chats
|
|
||||||
},
|
|
||||||
SET_CHATS_LOADING: (state, chat) => {
|
|
||||||
state.chatsLoading = chat
|
|
||||||
},
|
|
||||||
SET_USER: (state, user) => {
|
SET_USER: (state, user) => {
|
||||||
state.user = user
|
state.user = user
|
||||||
},
|
},
|
||||||
|
|
@ -42,7 +34,6 @@ const userProfile = {
|
||||||
commit('SET_USER_PROFILE_LOADING', false)
|
commit('SET_USER_PROFILE_LOADING', false)
|
||||||
|
|
||||||
dispatch('FetchUserStatuses', { userId, godmode })
|
dispatch('FetchUserStatuses', { userId, godmode })
|
||||||
dispatch('FetchUserChats', { userId })
|
|
||||||
},
|
},
|
||||||
FetchUserStatuses({ commit, dispatch, getters }, { userId, godmode }) {
|
FetchUserStatuses({ commit, dispatch, getters }, { userId, godmode }) {
|
||||||
commit('SET_STATUSES_LOADING', true)
|
commit('SET_STATUSES_LOADING', true)
|
||||||
|
|
@ -52,14 +43,6 @@ const userProfile = {
|
||||||
|
|
||||||
commit('SET_STATUSES_LOADING', false)
|
commit('SET_STATUSES_LOADING', false)
|
||||||
},
|
},
|
||||||
FetchUserChats({ commit, dispatch, getters }, { userId }) {
|
|
||||||
commit('SET_CHATS_LOADING', true)
|
|
||||||
|
|
||||||
fetchUserChats(userId, getters.authHost, getters.token)
|
|
||||||
.then(chats => dispatch('SetChats', chats.data))
|
|
||||||
|
|
||||||
commit('SET_CHATS_LOADING', false)
|
|
||||||
},
|
|
||||||
async FetchUserCredentials({ commit, getters }, { nickname }) {
|
async FetchUserCredentials({ commit, getters }, { nickname }) {
|
||||||
const userResponse = await fetchUserCredentials(nickname, getters.authHost, getters.token)
|
const userResponse = await fetchUserCredentials(nickname, getters.authHost, getters.token)
|
||||||
commit('SET_USER_CREDENTIALS', userResponse.data)
|
commit('SET_USER_CREDENTIALS', userResponse.data)
|
||||||
|
|
@ -67,9 +50,6 @@ const userProfile = {
|
||||||
SetStatuses({ commit }, statuses) {
|
SetStatuses({ commit }, statuses) {
|
||||||
commit('SET_STATUSES', statuses)
|
commit('SET_STATUSES', statuses)
|
||||||
},
|
},
|
||||||
SetChats({ commit }, chats) {
|
|
||||||
commit('SET_CHATS', chats)
|
|
||||||
},
|
|
||||||
async UpdateUserCredentials({ dispatch, getters }, { nickname, credentials }) {
|
async UpdateUserCredentials({ dispatch, getters }, { nickname, credentials }) {
|
||||||
await updateUserCredentials(nickname, credentials, getters.authHost, getters.token)
|
await updateUserCredentials(nickname, credentials, getters.authHost, getters.token)
|
||||||
dispatch('FetchUserCredentials', { nickname })
|
dispatch('FetchUserCredentials', { nickname })
|
||||||
|
|
|
||||||
|
|
@ -1,250 +0,0 @@
|
||||||
<template>
|
|
||||||
<div v-if="!loading" class="chat-show-container">
|
|
||||||
<header class="chat-page-header">
|
|
||||||
<h1>
|
|
||||||
{{ $t('chats.chatHistory') }}:
|
|
||||||
</h1>
|
|
||||||
<div class="chat-card-participants">
|
|
||||||
<div class="chat-particiants-sender">
|
|
||||||
<div class="avatar-name-container">
|
|
||||||
<el-avatar v-if="propertyExists(chat.sender, 'avatar')" :src="chat.sender.avatar" size="large" />
|
|
||||||
<h1 v-if="propertyExists(chat.sender, 'display_name')" class="particiant-display-name">{{ chat.sender.display_name }}</h1>
|
|
||||||
<h1 v-else class="particiant-display-name invalid">({{ $t('users.invalidNickname') }})</h1>
|
|
||||||
<a v-if="propertyExists(chat.sender, 'url')" :href="chat.sender.url" target="_blank">
|
|
||||||
<i :title="$t('userProfile.openAccountInInstance')" class="el-icon-top-right"/>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="chat-particiants-receiver">
|
|
||||||
<div class="avatar-name-container">
|
|
||||||
<el-avatar v-if="propertyExists(chat.receiver, 'avatar')" :src="chat.receiver.avatar" size="large" />
|
|
||||||
<h1 v-if="propertyExists(chat.receiver, 'display_name')" class="particiant-display-name">{{ chat.receiver.display_name }}</h1>
|
|
||||||
<h1 v-else class="particiant-display-name invalid">({{ $t('users.invalidNickname') }})</h1>
|
|
||||||
<a v-if="propertyExists(chat.receiver, 'url')" :href="chat.receiver.url" target="_blank">
|
|
||||||
<i :title="$t('userProfile.openAccountInInstance')" class="el-icon-top-right"/>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</header>
|
|
||||||
<div v-if="isMobile" class="chat-page-header-container">
|
|
||||||
<header class="chat-page-header">
|
|
||||||
<div class="avatar-name-container"/>
|
|
||||||
<reboot-button/>
|
|
||||||
</header>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="chat-messages-container">
|
|
||||||
|
|
||||||
<el-timeline v-if="!loading" class="messages">
|
|
||||||
<el-timeline-item v-for="message in chatMessages" :key="message.id">
|
|
||||||
<chat-message :message="message" :author="getAuthor(message.account_id)"/>
|
|
||||||
</el-timeline-item>
|
|
||||||
<p v-if="chatMessages.length === 0" class="no-messages">{{ $t('userProfile.noMessages') }}</p>
|
|
||||||
<div v-if="chatMessages.length === 20" class="statuses-pagination">
|
|
||||||
<el-button v-if="!allLoaded" :loading="buttonLoading" @click="handleLoadMore">{{ $t('statuses.loadMore') }}</el-button>
|
|
||||||
<el-button v-else icon="el-icon-check" circle/>
|
|
||||||
</div>
|
|
||||||
</el-timeline>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import ChatMessage from '@/components/ChatMessage'
|
|
||||||
import RebootButton from '@/components/RebootButton'
|
|
||||||
|
|
||||||
export default {
|
|
||||||
name: 'ChatShow',
|
|
||||||
components: { RebootButton, ChatMessage },
|
|
||||||
computed: {
|
|
||||||
isDesktop() {
|
|
||||||
return this.$store.state.app.device === 'desktop'
|
|
||||||
},
|
|
||||||
isMobile() {
|
|
||||||
return this.$store.state.app.device === 'mobile'
|
|
||||||
},
|
|
||||||
isTablet() {
|
|
||||||
return this.$store.state.app.device === 'tablet'
|
|
||||||
},
|
|
||||||
allLoaded() {
|
|
||||||
return this.$store.state.chat.allLoaded
|
|
||||||
},
|
|
||||||
buttonLoading() {
|
|
||||||
return this.$store.state.chat.buttonLoading
|
|
||||||
},
|
|
||||||
loading() {
|
|
||||||
return this.$store.state.chat.loading
|
|
||||||
},
|
|
||||||
chat() {
|
|
||||||
return this.$store.state.chat.fetchedChat
|
|
||||||
},
|
|
||||||
chatMessages() {
|
|
||||||
return this.$store.state.chat.fetchedChatMessages
|
|
||||||
}
|
|
||||||
},
|
|
||||||
beforeMount: function() {
|
|
||||||
this.$store.dispatch('HandlePageChange', null)
|
|
||||||
this.$store.dispatch('NeedReboot')
|
|
||||||
this.$store.dispatch('GetNodeInfo')
|
|
||||||
this.$store.dispatch('FetchChat', this.$route.params.id)
|
|
||||||
this.$store.dispatch('FetchChatMessages', this.$route.params.id)
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
propertyExists(account, property) {
|
|
||||||
return account[property]
|
|
||||||
},
|
|
||||||
getAuthor(account_id) {
|
|
||||||
const sender = this.chat.sender
|
|
||||||
const receiver = this.chat.receiver
|
|
||||||
return account_id === sender.id ? sender : receiver
|
|
||||||
},
|
|
||||||
handleLoadMore() {
|
|
||||||
const max_id = this.chatMessages.pop().id
|
|
||||||
this.$store.dispatch('HandlePageChange', max_id)
|
|
||||||
this.$store.dispatch('FetchChatMessages', this.$route.params.id)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style rel='stylesheet/scss' lang='scss'>
|
|
||||||
.chat-page-header {
|
|
||||||
display: flex;
|
|
||||||
margin: 22px 15px 22px 20px;
|
|
||||||
justify-content: center;
|
|
||||||
padding: 0;
|
|
||||||
h1 {
|
|
||||||
display: inline
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.chat-card-participants {
|
|
||||||
display: flex;
|
|
||||||
margin: 0 20px;
|
|
||||||
}
|
|
||||||
.avatar-name-container {
|
|
||||||
padding-right: 20px;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
.el-icon-top-right {
|
|
||||||
font-size: 2em;
|
|
||||||
line-height: 36px;
|
|
||||||
color: #606266;
|
|
||||||
}
|
|
||||||
.particiant-display-name {
|
|
||||||
padding-left: 5px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.el-avatar h1 {
|
|
||||||
padding-right: 5px;
|
|
||||||
}
|
|
||||||
.chat-messages-container {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.messages.el-timeline {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
.no-chats {
|
|
||||||
margin-left: 28px;
|
|
||||||
color: #606266;
|
|
||||||
}
|
|
||||||
.reboot-button {
|
|
||||||
padding: 10px;
|
|
||||||
margin-left: 6px;
|
|
||||||
}
|
|
||||||
.router-link {
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
.chat-container {
|
|
||||||
margin: 0 15px 0 20px;
|
|
||||||
}
|
|
||||||
.chats {
|
|
||||||
padding: 0 20px 0 0;
|
|
||||||
}
|
|
||||||
.statuses-pagination {
|
|
||||||
padding: 15px 0;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media only screen and (max-width:480px) {
|
|
||||||
.chat-page-header {
|
|
||||||
padding: 0;
|
|
||||||
margin: 7px 15px 15px 30px;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: baseline;
|
|
||||||
h1 {
|
|
||||||
margin-left: 0;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.chat-card-participants {
|
|
||||||
display: flex;
|
|
||||||
margin: 0;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
}
|
|
||||||
.avatar-name-container {
|
|
||||||
margin-bottom: 10px;
|
|
||||||
}
|
|
||||||
.messages.el-timeline {
|
|
||||||
padding-left: 10px;
|
|
||||||
}
|
|
||||||
.el-timeline-item__wrapper {
|
|
||||||
padding-left: 18px;
|
|
||||||
}
|
|
||||||
.message-card .el-card__header .message-header {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
width: 100%;
|
|
||||||
justify-content: space-between;
|
|
||||||
align-items: center;
|
|
||||||
.message-actions {
|
|
||||||
width: auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.message-card .message-header .message-meta {
|
|
||||||
flex-direction: column;
|
|
||||||
justify-content: flex-start;
|
|
||||||
align-items: flex-start;
|
|
||||||
.message-timestamp {
|
|
||||||
margin-left: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media only screen and (max-width: 1051px) {
|
|
||||||
.messages.el-timeline {
|
|
||||||
max-width: 90%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media only screen and (max-width:801px) and (min-width: 481px) {
|
|
||||||
.chat-page-header {
|
|
||||||
padding: 0;
|
|
||||||
margin: 7px 15px 15px 30px;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: baseline;
|
|
||||||
h1 {
|
|
||||||
margin-left: 0;
|
|
||||||
margin-bottom: 10px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.chat-card-participants {
|
|
||||||
display: flex;
|
|
||||||
margin: 0;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
}
|
|
||||||
.avatar-name-container {
|
|
||||||
margin-bottom: 10px;
|
|
||||||
}
|
|
||||||
.messages.el-timeline {
|
|
||||||
padding-left: 10px;
|
|
||||||
max-width: 97%;
|
|
||||||
}
|
|
||||||
.el-timeline-item__wrapper {
|
|
||||||
padding-left: 18px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
@ -18,10 +18,6 @@
|
||||||
<setting :setting-group="assets" :data="assetsData"/>
|
<setting :setting-group="assets" :data="assetsData"/>
|
||||||
</el-form>
|
</el-form>
|
||||||
<el-divider v-if="assets" class="divider thick-line"/>
|
<el-divider v-if="assets" class="divider thick-line"/>
|
||||||
<el-form :model="chatData" :label-position="labelPosition" :label-width="labelWidth">
|
|
||||||
<setting :setting-group="chat" :data="chatData"/>
|
|
||||||
</el-form>
|
|
||||||
<el-divider v-if="chat" class="divider thick-line"/>
|
|
||||||
<el-form :model="markupData" :label-position="labelPosition" :label-width="labelWidth">
|
<el-form :model="markupData" :label-position="labelPosition" :label-width="labelWidth">
|
||||||
<setting :setting-group="markup" :data="markupData"/>
|
<setting :setting-group="markup" :data="markupData"/>
|
||||||
</el-form>
|
</el-form>
|
||||||
|
|
@ -55,12 +51,6 @@ export default {
|
||||||
assetsData() {
|
assetsData() {
|
||||||
return _.get(this.settings.settings, [':pleroma', ':assets']) || {}
|
return _.get(this.settings.settings, [':pleroma', ':assets']) || {}
|
||||||
},
|
},
|
||||||
chat() {
|
|
||||||
return this.settings.description.find(setting => setting.key === ':chat')
|
|
||||||
},
|
|
||||||
chatData() {
|
|
||||||
return _.get(this.settings.settings, [':pleroma', ':chat']) || {}
|
|
||||||
},
|
|
||||||
frontend() {
|
frontend() {
|
||||||
return this.settings.description.find(setting => setting.key === ':frontend_configurations')
|
return this.settings.description.find(setting => setting.key === ':frontend_configurations')
|
||||||
},
|
},
|
||||||
|
|
|
||||||
|
|
@ -8,10 +8,6 @@ export const tabs = description => {
|
||||||
label: 'settings.auth',
|
label: 'settings.auth',
|
||||||
settings: [':auth', ':ldap', ':oauth2', 'Pleroma.Web.Auth.Authenticator']
|
settings: [':auth', ':ldap', ':oauth2', 'Pleroma.Web.Auth.Authenticator']
|
||||||
},
|
},
|
||||||
'esshd': {
|
|
||||||
label: 'settings.esshd',
|
|
||||||
settings: [':esshd']
|
|
||||||
},
|
|
||||||
'captcha': {
|
'captcha': {
|
||||||
label: 'settings.captcha',
|
label: 'settings.captcha',
|
||||||
settings: ['Pleroma.Captcha', 'Pleroma.Captcha.Kocaptcha']
|
settings: ['Pleroma.Captcha', 'Pleroma.Captcha.Kocaptcha']
|
||||||
|
|
@ -22,11 +18,7 @@ export const tabs = description => {
|
||||||
},
|
},
|
||||||
'frontend': {
|
'frontend': {
|
||||||
label: 'settings.frontend',
|
label: 'settings.frontend',
|
||||||
settings: [':assets', ':chat', ':frontends', ':emoji', ':frontend_configurations', ':markup', ':static_fe', 'Pleroma.Web.Preload']
|
settings: [':assets', ':frontends', ':emoji', ':frontend_configurations', ':markup', ':static_fe', 'Pleroma.Web.Preload']
|
||||||
},
|
|
||||||
'gopher': {
|
|
||||||
label: 'settings.gopher',
|
|
||||||
settings: [':gopher']
|
|
||||||
},
|
},
|
||||||
'http': {
|
'http': {
|
||||||
label: 'settings.http',
|
label: 'settings.http',
|
||||||
|
|
|
||||||
|
|
@ -110,40 +110,6 @@
|
||||||
:visible="securitySettingsModalVisible"
|
:visible="securitySettingsModalVisible"
|
||||||
@close="securitySettingsModalVisible = false" />
|
@close="securitySettingsModalVisible = false" />
|
||||||
</el-card>
|
</el-card>
|
||||||
<el-card class="user-chats-card">
|
|
||||||
<h2 class="chats">{{ $t('userProfile.chats') }}</h2>
|
|
||||||
<div class="el-table el-table--fit el-table--enable-row-hover el-table--enable-row-transition el-table--medium">
|
|
||||||
<table class="user-chats-table">
|
|
||||||
<tbody v-if="!chatsLoading" class="chats">
|
|
||||||
<tr v-if="chats.length === 0" class="no-statuses">
|
|
||||||
{{ $t('userProfile.noChats') }}
|
|
||||||
</tr>
|
|
||||||
<tr v-for="chat in chats" :key="chat.id" class="el-table__row chat-item">
|
|
||||||
<td>
|
|
||||||
<router-link
|
|
||||||
v-if="propertyExists(chat, 'id')"
|
|
||||||
:to="{ name: 'ChatsShow', params: { id: chat.id }}"
|
|
||||||
class="router-link">
|
|
||||||
<div class="chat-card-header">
|
|
||||||
<img v-if="propertyExists(chat.receiver, 'avatar')" :src="chat.receiver.avatar" class="chat-avatar-img">
|
|
||||||
<span v-if="propertyExists(chat.receiver, 'username')" class="chat-account-name">{{ chat.receiver.username }}</span>
|
|
||||||
<span v-else>
|
|
||||||
<span v-if="propertyExists(chat.receiver, 'username')" class="chat-account-name">
|
|
||||||
{{ chat.receiver.username }}
|
|
||||||
</span>
|
|
||||||
<span v-else class="chat-account-name deactivated">({{ $t('users.invalidNickname') }})</span>
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
<div class="chat-card-preview">
|
|
||||||
<span v-if="propertyExists(chat, 'last_message')" class="chat-preview">{{ chat.last_message.content }}</span>
|
|
||||||
</div>
|
|
||||||
</router-link>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
|
||||||
</el-card>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="recent-statuses-container">
|
<div class="recent-statuses-container">
|
||||||
<h2 class="recent-statuses">{{ $t('userProfile.recentStatuses') }}</h2>
|
<h2 class="recent-statuses">{{ $t('userProfile.recentStatuses') }}</h2>
|
||||||
|
|
@ -197,12 +163,6 @@ export default {
|
||||||
statusesLoading() {
|
statusesLoading() {
|
||||||
return this.$store.state.userProfile.statusesLoading
|
return this.$store.state.userProfile.statusesLoading
|
||||||
},
|
},
|
||||||
chats() {
|
|
||||||
return this.$store.state.userProfile.chats
|
|
||||||
},
|
|
||||||
chatsLoading() {
|
|
||||||
return this.$store.state.userProfile.chatsLoading
|
|
||||||
},
|
|
||||||
user() {
|
user() {
|
||||||
return this.$store.state.userProfile.user
|
return this.$store.state.userProfile.user
|
||||||
},
|
},
|
||||||
|
|
@ -369,11 +329,6 @@ table {
|
||||||
width: auto;
|
width: auto;
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
}
|
}
|
||||||
.user-chats-card {
|
|
||||||
width: auto;
|
|
||||||
height: fit-content;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
}
|
|
||||||
.user-profile-container {
|
.user-profile-container {
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
@ -381,9 +336,6 @@ table {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
width: inherit;
|
width: inherit;
|
||||||
}
|
}
|
||||||
.user-chats-table {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.user-profile-tag {
|
.user-profile-tag {
|
||||||
margin: 0 4px 4px 0;
|
margin: 0 4px 4px 0;
|
||||||
}
|
}
|
||||||
|
|
@ -392,27 +344,6 @@ table {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
margin: 5px 0;
|
margin: 5px 0;
|
||||||
}
|
}
|
||||||
.chat-card-header {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.chat-avatar-img {
|
|
||||||
display: inline-block;
|
|
||||||
width: 15px;
|
|
||||||
height: 15px;
|
|
||||||
margin-right: 5px;
|
|
||||||
}
|
|
||||||
.chat-account-name {
|
|
||||||
display: inline-block;
|
|
||||||
margin: 0;
|
|
||||||
font-size: 15px;
|
|
||||||
font-weight: 500;
|
|
||||||
}
|
|
||||||
.chat-card-preview {
|
|
||||||
color: gray;
|
|
||||||
font-style: italic;
|
|
||||||
margin: 5px 0 0 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media only screen and (max-width:480px) {
|
@media only screen and (max-width:480px) {
|
||||||
.avatar-name-container {
|
.avatar-name-container {
|
||||||
|
|
@ -451,7 +382,7 @@ table {
|
||||||
margin: 0 15px 15px 10px;
|
margin: 0 15px 15px 10px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.user-profile-card, .user-chats-card {
|
.user-profile-card {
|
||||||
margin: 0 10px 20px;
|
margin: 0 10px 20px;
|
||||||
width: 95%;
|
width: 95%;
|
||||||
td {
|
td {
|
||||||
|
|
|
||||||
|
|
@ -1,51 +0,0 @@
|
||||||
import Vuex from 'vuex'
|
|
||||||
import { mount, createLocalVue, config } from '@vue/test-utils'
|
|
||||||
import flushPromises from 'flush-promises'
|
|
||||||
import Element from 'element-ui'
|
|
||||||
import ChatShow from '@/views/chats/show'
|
|
||||||
import { storeConfig } from './store.conf'
|
|
||||||
import { cloneDeep } from 'lodash'
|
|
||||||
|
|
||||||
config.mocks["$t"] = () => {}
|
|
||||||
|
|
||||||
const localVue = createLocalVue()
|
|
||||||
localVue.use(Vuex)
|
|
||||||
localVue.use(Element)
|
|
||||||
|
|
||||||
const $route = {
|
|
||||||
params: {
|
|
||||||
id: '9y8e7ESoVUiKVMAoCW'
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
jest.mock('@/api/nodeInfo')
|
|
||||||
jest.mock('@/api/chat')
|
|
||||||
|
|
||||||
describe('Chat view', () => {
|
|
||||||
let store
|
|
||||||
|
|
||||||
beforeEach(() => {
|
|
||||||
store = new Vuex.Store(cloneDeep(storeConfig))
|
|
||||||
})
|
|
||||||
|
|
||||||
it('fetches chat messages', async (done) => {
|
|
||||||
const wrapper = mount(ChatShow, {
|
|
||||||
store,
|
|
||||||
localVue,
|
|
||||||
sync: false,
|
|
||||||
stubs: ['router-link'],
|
|
||||||
mocks: {
|
|
||||||
$route
|
|
||||||
}
|
|
||||||
})
|
|
||||||
|
|
||||||
await flushPromises()
|
|
||||||
expect(wrapper.find('.message-card').isVisible()).toBe(true)
|
|
||||||
expect(wrapper.find('.chat-particiants-sender').isVisible()).toBe(true)
|
|
||||||
expect(wrapper.find('.chat-particiants-receiver').isVisible()).toBe(true)
|
|
||||||
expect(store.state.chat.fetchedChat.receiver.acct).toBe('test10')
|
|
||||||
expect(store.state.chat.fetchedChatMessages[0].chat_id).toBe('9y8e7ESoVUiKVMAoCW')
|
|
||||||
expect(store.state.chat.maxId).toBe(null)
|
|
||||||
done()
|
|
||||||
})
|
|
||||||
})
|
|
||||||
|
|
@ -1,25 +0,0 @@
|
||||||
import app from '@/store/modules/app'
|
|
||||||
import settings from '@/store/modules/settings'
|
|
||||||
import user from '@/store/modules/user'
|
|
||||||
import chat from '@/store/modules/chat'
|
|
||||||
import getters from '@/store/getters'
|
|
||||||
|
|
||||||
export const storeConfig = {
|
|
||||||
modules: {
|
|
||||||
app,
|
|
||||||
settings,
|
|
||||||
user,
|
|
||||||
chat
|
|
||||||
},
|
|
||||||
getters
|
|
||||||
}
|
|
||||||
|
|
||||||
export const storeWithTagPolicy = {
|
|
||||||
modules: {
|
|
||||||
app,
|
|
||||||
settings,
|
|
||||||
user,
|
|
||||||
chat
|
|
||||||
},
|
|
||||||
getters
|
|
||||||
}
|
|
||||||
Loading…
Reference in a new issue