surya/freeplanet
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Step 2: Creating page Messages: userlist last messages + a page for all the messages received and sent.

Browse Source
This commit is contained in:
Paolo Arena
2019-10-27 00:39:00 +02:00
parent 4f895bdbe2
commit c95cded522
3 changed files with 411 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

82
src/model/MessageStore.ts Normal file
View 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
View 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
View 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
})
]
}