57 lines
1.4 KiB
JavaScript
57 lines
1.4 KiB
JavaScript
|
import Vue from 'vue';
|
||
|
|
import types from '../../mutation-types';
|
||
|
|
|
||
|
|
export const mutations = {
|
||
|
|
[types.SET_CONTACT_UI_FLAG]($state, data) {
|
||
|
|
$state.uiFlags = {
|
||
|
|
...$state.uiFlags,
|
||
|
|
...data,
|
||
|
|
};
|
||
|
|
},
|
||
|
|
|
||
|
|
[types.CLEAR_CONTACTS]: $state => {
|
||
|
|
Vue.set($state, 'records', {});
|
||
|
|
},
|
||
|
|
|
||
|
|
[types.SET_CONTACT_META]: ($state, data) => {
|
||
|
|
const { count, current_page: currentPage } = data;
|
||
|
|
Vue.set($state.meta, 'count', count);
|
||
|
|
Vue.set($state.meta, 'currentPage', currentPage);
|
||
|
|
},
|
||
|
|
|
||
|
|
[types.SET_CONTACTS]: ($state, data) => {
|
||
|
|
data.forEach(contact => {
|
||
|
|
Vue.set($state.records, contact.id, {
|
||
|
|
...($state.records[contact.id] || {}),
|
||
|
|
...contact,
|
||
|
|
});
|
||
|
|
});
|
||
|
|
},
|
||
|
|
|
||
|
|
[types.SET_CONTACT_ITEM]: ($state, data) => {
|
||
|
|
Vue.set($state.records, data.id, {
|
||
|
|
...($state.records[data.id] || {}),
|
||
|
|
...data,
|
||
|
|
});
|
||
|
|
},
|
||
|
|
|
||
|
|
[types.EDIT_CONTACT]: ($state, data) => {
|
||
|
|
Vue.set($state.records, data.id, data);
|
||
|
|
},
|
||
|
|
|
||
|
|
[types.UPDATE_CONTACTS_PRESENCE]: ($state, data) => {
|
||
|
|
Object.values($state.records).forEach(element => {
|
||
|
|
const availabilityStatus = data[element.id];
|
||
|
|
if (availabilityStatus) {
|
||
|
|
Vue.set(
|
||
|
|
$state.records[element.id],
|
||
|
|
'availability_status',
|
||
|
|
availabilityStatus
|
||
|
|
);
|
||
|
|
} else {
|
||
|
|
Vue.delete($state.records[element.id], 'availability_status');
|
||
|
|
}
|
||
|
|
});
|
||
|
|
},
|
||
|
|
};
|