61 lines
1.4 KiB
JavaScript
61 lines
1.4 KiB
JavaScript
|
import Vue from 'vue';
|
||
|
|
import * as types from '../mutation-types';
|
||
|
|
|
||
|
|
const state = {
|
||
|
|
records: {},
|
||
|
|
};
|
||
|
|
|
||
|
|
export const getters = {
|
||
|
|
getUserList: $state => id => {
|
||
|
|
return $state.records[Number(id)] || [];
|
||
|
|
},
|
||
|
|
};
|
||
|
|
|
||
|
|
export const actions = {
|
||
|
|
create: ({ commit }, { conversationId, user }) => {
|
||
|
|
commit(types.default.ADD_USER_TYPING_TO_CONVERSATION, {
|
||
|
|
conversationId,
|
||
|
|
user,
|
||
|
|
});
|
||
|
|
},
|
||
|
|
destroy: ({ commit }, { conversationId, user }) => {
|
||
|
|
commit(types.default.REMOVE_USER_TYPING_FROM_CONVERSATION, {
|
||
|
|
conversationId,
|
||
|
|
user,
|
||
|
|
});
|
||
|
|
},
|
||
|
|
};
|
||
|
|
|
||
|
|
export const mutations = {
|
||
|
|
[types.default.ADD_USER_TYPING_TO_CONVERSATION]: (
|
||
|
|
$state,
|
||
|
|
{ conversationId, user }
|
||
|
|
) => {
|
||
|
|
const records = $state.records[conversationId] || [];
|
||
|
|
const hasUserRecordAlready = !!records.filter(
|
||
|
|
record => record.id === user.id && record.type === user.type
|
||
|
|
).length;
|
||
|
|
if (!hasUserRecordAlready) {
|
||
|
|
Vue.set($state.records, conversationId, [...records, user]);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
[types.default.REMOVE_USER_TYPING_FROM_CONVERSATION]: (
|
||
|
|
$state,
|
||
|
|
{ conversationId, user }
|
||
|
|
) => {
|
||
|
|
const records = $state.records[conversationId] || [];
|
||
|
|
const updatedRecords = records.filter(
|
||
|
|
record => record.id !== user.id || record.type !== user.type
|
||
|
|
);
|
||
|
|
Vue.set($state.records, conversationId, updatedRecords);
|
||
|
|
},
|
||
|
|
};
|
||
|
|
|
||
|
|
export default {
|
||
|
|
namespaced: true,
|
||
|
|
state,
|
||
|
|
getters,
|
||
|
|
actions,
|
||
|
|
mutations,
|
||
|
|
};
|