Step 2: Creating page Messages: userlist last messages + a page for all the messages received and sent.
This commit is contained in:
Paolo Arena
82
src/model/MessageStore.ts
Normal file
82
src/model/MessageStore.ts
Normal file
@@ -0,0 +1,82 @@
|
||||
import { EState } from './Calendar'
|
||||
|
||||
import { shared_consts } from '@src/common/shared_vuejs'
|
||||
|
||||
export interface IMessagePage {
|
||||
show: boolean
|
||||
msg: IMessage
|
||||
state: EState
|
||||
}
|
||||
|
||||
export interface ISource {
|
||||
page?: string
|
||||
event_id?: string
|
||||
infoevent?: string
|
||||
}
|
||||
|
||||
export interface IIdentity {
|
||||
idapp?: string
|
||||
username?: string
|
||||
}
|
||||
|
||||
export const enum StatusMessage {
|
||||
None = 0,
|
||||
WaitingToSend = 1,
|
||||
Sending = 2,
|
||||
Sent = 3,
|
||||
Received = 4,
|
||||
Readit = 5
|
||||
}
|
||||
|
||||
export const MsgDefault: IMessage = {
|
||||
_id: '',
|
||||
idapp: '',
|
||||
source: {
|
||||
event_id: '',
|
||||
infoevent: '',
|
||||
page: ''
|
||||
},
|
||||
origin: {
|
||||
username: '',
|
||||
idapp: ''
|
||||
},
|
||||
dest: {
|
||||
idapp: '',
|
||||
username: ''
|
||||
},
|
||||
message: '',
|
||||
datemsg: new Date(),
|
||||
read: false,
|
||||
deleted: false,
|
||||
status: StatusMessage.None
|
||||
}
|
||||
|
||||
export interface IMessage {
|
||||
_id?: any
|
||||
idapp?: string
|
||||
source?: ISource
|
||||
origin?: IIdentity
|
||||
dest?: IIdentity
|
||||
message: string
|
||||
datemsg?: Date
|
||||
read?: boolean
|
||||
deleted?: boolean
|
||||
status?: StatusMessage
|
||||
options?: number
|
||||
}
|
||||
|
||||
export interface IChat {
|
||||
username: string
|
||||
lasttimeActive?: Date
|
||||
}
|
||||
|
||||
export interface IMsgUsers {
|
||||
username: string
|
||||
msgs: IMessage[]
|
||||
lastdataread?: Date
|
||||
}
|
||||
|
||||
export interface IMessageState {
|
||||
last_msgs: IMessage[]
|
||||
users_msg: IMsgUsers[]
|
||||
}
|
||||
173
src/store/Modules/MessageStore.ts
Normal file
173
src/store/Modules/MessageStore.ts
Normal file
@@ -0,0 +1,173 @@
|
||||
import Api from '@api'
|
||||
import { storeBuilder } from './Store/Store'
|
||||
|
||||
import { serv_constants } from '../Modules/serv_constants'
|
||||
import { toolsext } from '@src/store/Modules/toolsext'
|
||||
import { GlobalStore, UserStore, Todos, Projects, CalendarStore } from '@store'
|
||||
|
||||
import { IMessage, IMessageState, StatusMessage } from '../../model'
|
||||
import { tools } from '@src/store/Modules/tools'
|
||||
import { MsgDefault } from '@src/model'
|
||||
import { shared_consts } from '@src/common/shared_vuejs'
|
||||
|
||||
// State
|
||||
const state: IMessageState = {
|
||||
last_msgs: [],
|
||||
users_msg: []
|
||||
// last_update: []
|
||||
}
|
||||
|
||||
const b = storeBuilder.module<IMessageState>('MessageModule', state)
|
||||
|
||||
namespace Getters {
|
||||
|
||||
const getlasts_messages = b.read((mystate: IMessageState) => (): IMessage[] => {
|
||||
const ctrec = (mystate.last_msgs) ? mystate.last_msgs.slice(0, 5) : []
|
||||
// const ctrec = (mystate.msgs) ? mystate.msgs.slice().reverse().slice(0, 5) : []
|
||||
return (ctrec)
|
||||
|
||||
}, 'getlasts_messages')
|
||||
|
||||
const getnumMsgUnread = b.read((mystate: IMessageState) => () => {
|
||||
return mystate.last_msgs.filter((msg) => !msg.read).length
|
||||
}, 'getnumMsgUnread')
|
||||
|
||||
export const getters = {
|
||||
get getlasts_messages() {
|
||||
return getlasts_messages()
|
||||
},
|
||||
get getnumMsgUnread() {
|
||||
return getnumMsgUnread()
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
namespace Mutations {
|
||||
export const mutations = {
|
||||
}
|
||||
}
|
||||
|
||||
function setMsg(arrmsg: IMessage[], username) {
|
||||
// console.log('arrmsg', arrmsg)
|
||||
if (arrmsg.length > 0) {
|
||||
let users_msg = state.users_msg.find((rec) => rec.username === username)
|
||||
if (!users_msg) {
|
||||
state.users_msg.push({ username, msgs: [] })
|
||||
users_msg = state.users_msg.find((rec) => rec.username === username)
|
||||
}
|
||||
users_msg.msgs.push(...arrmsg)
|
||||
// console.table(users_msg.msgs)
|
||||
|
||||
// users_msg.msgs = tools.getUnique(users_msg.msgs, '_id')
|
||||
// console.table(users_msg.msgs)
|
||||
|
||||
if (users_msg.msgs) {
|
||||
let userother = users_msg.msgs.slice(-1)[0].dest.username
|
||||
if (userother === UserStore.state.my.username)
|
||||
userother = users_msg.msgs.slice(-1)[0].origin.username
|
||||
|
||||
let index = state.last_msgs.findIndex((rec) => (rec.dest.username === userother) || (rec.origin.username === userother))
|
||||
if (index >= 0) {
|
||||
// Update last message
|
||||
state.last_msgs[index] = users_msg.msgs.slice(-1)[0]
|
||||
} else {
|
||||
state.last_msgs.push(users_msg.msgs.slice(-1)[0])
|
||||
index = state.last_msgs.findIndex((rec) => (rec.dest.username === userother) || (rec.origin.username === userother))
|
||||
}
|
||||
if (state.last_msgs[index])
|
||||
users_msg.lastdataread = state.last_msgs[index].datemsg
|
||||
else
|
||||
users_msg.lastdataread = tools.getLastDateReadReset()
|
||||
|
||||
} else {
|
||||
users_msg.lastdataread = tools.getLastDateReadReset()
|
||||
}
|
||||
|
||||
// console.log('RICeVUTO', arrmsg, 'lastdataread', users_msg.lastdataread)
|
||||
// console.log('state.users_msg', users_msg)
|
||||
}
|
||||
}
|
||||
|
||||
namespace Actions {
|
||||
|
||||
async function updateMsgDataFromServer(context, { username, lastdataread } ) {
|
||||
// console.log('updateMsgDataFromServer', username, lastdataread)
|
||||
|
||||
return await Api.SendReq(`/sendmsg/${username}/${lastdataread}/${process.env.APP_ID}`, 'GET', null)
|
||||
.then((res) => {
|
||||
console.log('res', res)
|
||||
if (res.status === 200) {
|
||||
setMsg(res.data.arrmsg, username)
|
||||
return true
|
||||
}
|
||||
return false
|
||||
})
|
||||
.catch((error) => {
|
||||
console.error(error)
|
||||
return false
|
||||
})
|
||||
|
||||
}
|
||||
|
||||
async function SendMsgEvent(context, msg: IMessage) {
|
||||
console.log('SendMsgEvent', msg)
|
||||
|
||||
const data: IMessage = { ...MsgDefault, ...msg}
|
||||
|
||||
data.source.page = ''
|
||||
data.idapp = process.env.APP_ID
|
||||
data.origin.idapp = process.env.APP_ID
|
||||
data.origin.username = UserStore.state.my.username
|
||||
data.datemsg = tools.getDateNow()
|
||||
data.status = StatusMessage.WaitingToSend
|
||||
// Options
|
||||
// data.options = tools.SetBit(data.options, shared_consts.MessageOptions.Notify_ByEmail)
|
||||
data.options = tools.SetBit(data.options, shared_consts.MessageOptions.Notify_ByPushNotification)
|
||||
|
||||
console.log('DOPO:')
|
||||
console.table(data)
|
||||
|
||||
return await Api.SendReq('/sendmsg', 'POST', data)
|
||||
.then((res) => {
|
||||
console.log('res', res)
|
||||
if (res.status === 200) {
|
||||
if (res.data.code === serv_constants.RIS_CODE_OK) {
|
||||
data._id = res.data.id
|
||||
|
||||
const myarr = []
|
||||
myarr.push(data)
|
||||
|
||||
setMsg(myarr, data.dest.username)
|
||||
return true
|
||||
}
|
||||
}
|
||||
return false
|
||||
})
|
||||
.catch((error) => {
|
||||
console.error(error)
|
||||
return false
|
||||
})
|
||||
|
||||
}
|
||||
|
||||
export const actions = {
|
||||
updateMsgDataFromServer: b.dispatch(updateMsgDataFromServer),
|
||||
SendMsgEvent: b.dispatch(SendMsgEvent)
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
const stateGetter = b.state()
|
||||
|
||||
// Module
|
||||
const MessageModule = {
|
||||
get state() {
|
||||
return stateGetter()
|
||||
},
|
||||
actions: Actions.actions,
|
||||
getters: Getters.getters,
|
||||
mutations: Mutations.mutations
|
||||
}
|
||||
|
||||
export default MessageModule
|
||||
156
src/store/Modules/fieldsTable.ts
Normal file
156
src/store/Modules/fieldsTable.ts
Normal file
@@ -0,0 +1,156 @@
|
||||
import { IColGridTable } from '../../model'
|
||||
import { lists } from './lists'
|
||||
import { tools } from '@src/store/Modules/tools'
|
||||
|
||||
const DeleteRec = {
|
||||
name: 'deleterec',
|
||||
label_trans: 'newsletter.reset',
|
||||
align: 'right',
|
||||
field: tools.NOFIELD,
|
||||
sortable: false,
|
||||
icon: 'fas fa-trash-alt',
|
||||
action: lists.MenuAction.DELETE_RECTABLE,
|
||||
askaction: 'db.deletetherecord',
|
||||
required: true,
|
||||
visuonlyEditVal: true
|
||||
}
|
||||
|
||||
function AddCol(params: IColGridTable) {
|
||||
return {
|
||||
name: params.name,
|
||||
required: (params.required === undefined) ? false : params.required,
|
||||
label: (params.label === undefined) ? '' : params.label,
|
||||
label_trans: (params.label_trans === undefined) ? '' : params.label_trans,
|
||||
align: (params.align === undefined) ? 'left' : params.align,
|
||||
field: (params.field === undefined) ? params.name : params.field,
|
||||
sortable: (params.sortable === undefined) ? true : params.sortable,
|
||||
disable: (params.disable === undefined) ? false : params.disable,
|
||||
titlepopupedit: (params.titlepopupedit === undefined) ? '' : params.titlepopupedit,
|
||||
visible: (params.visible === undefined) ? true : params.visible,
|
||||
icon: (params.icon === undefined) ? '' : params.icon,
|
||||
action: (params.action === undefined) ? '' : params.action,
|
||||
foredit: (params.foredit === undefined) ? true : params.foredit,
|
||||
fieldtype: (params.fieldtype === undefined) ? 'string' : params.fieldtype,
|
||||
visuonlyEditVal: (params.visuonlyEditVal === undefined) ? false : params.visuonlyEditVal,
|
||||
askaction: (params.askaction === undefined) ? '' : params.askaction
|
||||
}
|
||||
}
|
||||
|
||||
const colTableWhere = [
|
||||
AddCol({ name: 'code', label_trans: 'where.code' }),
|
||||
AddCol({ name: 'placename', label_trans: 'where.placename' }),
|
||||
AddCol({ name: 'whereicon', label_trans: 'where.whereicon' }),
|
||||
AddCol(DeleteRec)
|
||||
]
|
||||
|
||||
const colcontribtype = [
|
||||
AddCol({ name: 'label', label_trans: 'proj.longdescr' }),
|
||||
AddCol({ name: 'showprice', label_trans: 'event.showprice', fieldtype: 'boolean' }),
|
||||
AddCol(DeleteRec)
|
||||
]
|
||||
|
||||
const colTableOperator = [
|
||||
AddCol({ name: 'username', label_trans: 'reg.username' }),
|
||||
// AddCol({ name: 'name', label_trans: 'reg.name' }),
|
||||
// AddCol({ name: 'surname', label_trans: 'reg.surname' }),
|
||||
// AddCol({ name: 'webpage', label_trans: 'reg.webpage' }),
|
||||
// AddCol({ name: 'email', label_trans: 'reg.email' }),
|
||||
// AddCol({ name: 'cell', label_trans: 'reg.cell' }),
|
||||
// AddCol({ name: 'img', label_trans: 'reg.img' }),
|
||||
AddCol(DeleteRec)]
|
||||
|
||||
const colTableEvents = [
|
||||
AddCol({ name: '_id', label_trans: 'event._id' }),
|
||||
AddCol({ name: 'typol', label_trans: 'event.typol' }),
|
||||
AddCol({ name: 'short_tit', label_trans: 'event.short_tit' }),
|
||||
AddCol({ name: 'title', label_trans: 'event.title' }),
|
||||
AddCol({ name: 'details', label_trans: 'event.details' }),
|
||||
AddCol({ name: 'dateTimeStart', label_trans: 'event.dateTimeStart', fieldtype: 'date' }),
|
||||
AddCol({ name: 'dateTimeEnd', label_trans: 'event.dateTimeEnd' }),
|
||||
AddCol({ name: 'bgcolor', label_trans: 'event.bgcolor' }),
|
||||
AddCol({ name: 'icon', label_trans: 'event.icon' }),
|
||||
AddCol({ name: 'img_small', label_trans: 'event.img_small' }),
|
||||
AddCol({ name: 'img', label_trans: 'event.img' }),
|
||||
AddCol({ name: 'wherecode', label_trans: 'event.where' }),
|
||||
AddCol({ name: 'contribtype', label_trans: 'event.contribtype' }),
|
||||
AddCol({ name: 'price', label_trans: 'event.price' }),
|
||||
AddCol({ name: 'infoafterprice', label_trans: 'event.infoafterprice' }),
|
||||
AddCol({ name: 'teacher', label_trans: 'event.teacher' }),
|
||||
AddCol({ name: 'teacher2', label_trans: 'event.teacher2' }),
|
||||
AddCol({ name: 'infoextra', label_trans: 'event.infoextra' }),
|
||||
AddCol({ name: 'linkpage', label_trans: 'event.linkpage' }),
|
||||
AddCol({ name: 'linkpdf', label_trans: 'event.linkpdf' }),
|
||||
AddCol({ name: 'nobookable', label_trans: 'event.nobookable', fieldtype: 'boolean' }),
|
||||
AddCol({ name: 'news', label_trans: 'event.news', fieldtype: 'boolean' }),
|
||||
AddCol({ name: 'canceled', label_trans: 'event.canceled', fieldtype: 'boolean' }),
|
||||
AddCol({ name: 'deleted', label_trans: 'event.deleted', fieldtype: 'boolean' }),
|
||||
AddCol({ name: 'dupId', label_trans: 'event.dupId' }),
|
||||
AddCol({ name: 'modified', label_trans: 'event.modified', fieldtype: 'boolean' }),
|
||||
AddCol(DeleteRec),
|
||||
AddCol({
|
||||
name: 'copyrec',
|
||||
label_trans: 'event.duplicate',
|
||||
align: 'right',
|
||||
field: tools.NOFIELD,
|
||||
sortable: false,
|
||||
icon: 'fas fa-copy',
|
||||
action: lists.MenuAction.DUPLICATE_RECTABLE,
|
||||
askaction: 'db.duplicatedrecord',
|
||||
visuonlyEditVal: true,
|
||||
required: true,
|
||||
visible: true
|
||||
})
|
||||
]
|
||||
|
||||
export const fieldsTable = {
|
||||
tablesList: [
|
||||
{
|
||||
value: 'operators',
|
||||
label: 'Insegnanti',
|
||||
columns: colTableOperator,
|
||||
colkey: '_id'
|
||||
},
|
||||
{
|
||||
value: 'wheres',
|
||||
label: 'Luoghi',
|
||||
columns: colTableWhere,
|
||||
colkey: '_id'
|
||||
},
|
||||
{
|
||||
value: tools.TABEVENTS,
|
||||
label: 'Eventi',
|
||||
columns: colTableEvents,
|
||||
colkey: '_id'
|
||||
},
|
||||
{
|
||||
value: 'contribtype',
|
||||
label: 'Tipi di Contributi',
|
||||
columns: colcontribtype,
|
||||
colkey: '_id'
|
||||
}
|
||||
],
|
||||
|
||||
// IColGridTable
|
||||
colTableUsers: [
|
||||
AddCol({ name: 'username', label_trans: 'reg.username' }),
|
||||
AddCol({ name: 'name', label_trans: 'reg.name' }),
|
||||
AddCol({ name: 'surname', label_trans: 'reg.surname' }),
|
||||
AddCol({ name: 'email', label_trans: 'reg.email' }),
|
||||
AddCol({ name: 'date_reg', label_trans: 'reg.date_reg', fieldtype: 'date' }),
|
||||
AddCol({ name: 'perm', label_trans: 'reg.perm' }),
|
||||
AddCol({ name: 'img', label_trans: 'reg.img', sortable: false }),
|
||||
AddCol(DeleteRec),
|
||||
AddCol({
|
||||
name: 'copyrec',
|
||||
label_trans: 'event.duplicate',
|
||||
align: 'right',
|
||||
field: tools.NOFIELD,
|
||||
sortable: false,
|
||||
icon: 'fas fa-copy',
|
||||
action: lists.MenuAction.DUPLICATE_RECTABLE,
|
||||
askaction: 'db.duplicatedrecord',
|
||||
visuonlyEditVal: true,
|
||||
visible: true
|
||||
})
|
||||
]
|
||||
}
|
||||
Reference in New Issue
Block a user