wibu/sistem-desa-mandiri
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

upd: real time

Browse Source 
Deskripsi:
- persiapan real time
- baru coba di pengumuman tapi blm sukses

No Issues
This commit is contained in:
amel
2024-09-18 16:11:52 +08:00
parent bc0f27a4fc
commit 3167b570a7
11 changed files with 396 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/(application)/layout.tsx
View File

@@ -10,7 +10,7 @@ export default async function Layout({ children }: { children: React.ReactNode }
const user = await funGetUserByCookies()
return (
<>
<WrapLayout role={user.idUserRole} theme={user.theme}>
<WrapLayout role={user.idUserRole} theme={user.theme} user={user.id}>
{children}
</WrapLayout>
</>

75
src/app/api/announcement/route.ts
View File

@@ -5,6 +5,7 @@ import moment from "moment";
import "moment/locale/id";
import { NextResponse } from "next/server";
import { createLogUser } from '@/module/user';
import mtqq_client from "../../../module/_global/bin/mqtt_client";
export const dynamic = 'force-dynamic'
@@ -127,22 +128,72 @@ export async function POST(request: Request) {
let memberDivision = []
for (var i = 0, l = groups.length; i < l; i++) {
var obj = groups[i].Division;
for (let index = 0; index < obj.length; index++) {
const element = obj[index];
const fix = {
idAnnouncement: data.id,
idGroup: groups[i].id,
idDivision: element.id
// for (var i = 0, l = groups.length; i < l; i++) {
// var obj = groups[i].Division;
// for (let index = 0; index < obj.length; index++) {
// const element = obj[index];
// const fix = {
// idAnnouncement: data.id,
// idGroup: groups[i].id,
// idDivision: element.id
// }
// memberDivision.push(fix)
// }
// }
// const announcementMember = await prisma.announcementMember.createMany({
// data: memberDivision,
// });
const memberNotif = await prisma.divisionMember.findMany({
where: {
Division: {
AnnouncementMember: {
some: {
idAnnouncement: data.id
}
}
}
memberDivision.push(fix)
},
select: {
idUser: true
}
})
const dataNotif = memberNotif.map((v: any) => ({
..._.omit(v, ["idUser"]),
idUserTo: v.idUser,
idUserFrom: userId,
category: 'announcement',
idContent: data.id,
title: 'Pengumuman Baru',
desc: 'Anda memiliki pengumuman baru. Silahkan periksa detailnya.'
}))
// const insertNotif = await prisma.notifications.createMany({
// data: dataNotif
// })
for (let index = 0; index < dataNotif.length; index++) {
const user = dataNotif[index].idUserTo
const title = dataNotif[index].title
const desc = dataNotif[index].desc
mtqq_client.publish("app_SDM", JSON.stringify({
"user": "clzm6swhg000tfgbhm3bau9ti",
"title": title,
"category": "announcement",
"description": desc
}))
}
const announcementMember = await prisma.announcementMember.createMany({
data: memberDivision,
});
// create log user
const log = await createLogUser({ act: 'CREATE', desc: 'User membuat data pengumuman baru', table: 'announcement', data: data.id })

9
src/module/_global/bin/mqtt_client.ts Normal file
View File

@@ -0,0 +1,9 @@
import mtqq from 'mqtt'
declare global {
var mtqq_client: mtqq.MqttClient
}
const mtqq_client = globalThis.mtqq_client ?? mtqq.connect("wss://io.wibudev.com")
export default mtqq_client

18
src/module/_global/bin/mqtt_load.tsx Normal file
View File

@@ -0,0 +1,18 @@
'use client'
import { useEffect } from "react"
import mtqq_client from "./mqtt_client"
export default function MqttLoad() {
useEffect(() => {
mtqq_client.on("connect", () => {
mtqq_client.subscribe("app_SDM")
})
mtqq_client.on("message", (topic, message) => {
const data = JSON.parse(message.toString())
})
}, [])
return <>
</>
}

5
src/module/_global/bin/val_global.ts
View File

@@ -19,4 +19,9 @@ export const TEMA = hookstate<IGlobalTema>({
bgFiturHome: "#FCAA4B",
bgFiturDivision: "#FCAA4B",
bgTotalKegiatan: "#DCEED8"
})
export const globalNotifPage = hookstate({
load: false,
category: ''
})

30
src/module/_global/components/wrap_layout.tsx
View File

@@ -1,18 +1,42 @@
'use client'
import { useHookstate } from "@hookstate/core";
import { globalRole, TEMA } from "../bin/val_global";
import { globalNotifPage, globalRole, TEMA } from "../bin/val_global";
import { useShallowEffect } from "@mantine/hooks";
import { useEffect } from "react";
import mtqq_client from "../bin/mqtt_client";
export default function WrapLayout({ children, role, theme }: { children: React.ReactNode, role: any, theme:any }) {
export default function WrapLayout({ children, role, theme, user }: { children: React.ReactNode, role: any, theme: any, user: any }) {
const roleLogin = useHookstate(globalRole)
const tema = useHookstate(TEMA)
const notifLoadPage = useHookstate(globalNotifPage)
useEffect(() => {
roleLogin.set(role)
tema.set(theme)
// eslint-disable-next-line react-hooks/exhaustive-deps
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [role, theme])
useEffect(() => {
mtqq_client.on("connect", () => {
console.log('connect layout')
mtqq_client.subscribe("app_SDM")
})
mtqq_client.on("message", (topic, message) => {
const data = JSON.parse(message.toString())
console.log('notif mtqq',data)
// console.log('notif mtqq==',data)
// if (data.user == user) {
// notifLoadPage.set({
// load: !notifLoadPage.get(),
// category: data.category
// })
// }
})
})
return (
<>
{children}

7
src/module/_global/index.ts
View File

@@ -1,5 +1,6 @@
import MqttLoad from "./bin/mqtt_load";
import prisma from "./bin/prisma";
import { DIR, globalRole, pwd_key_config, TEMA } from "./bin/val_global";
import { DIR, globalNotifPage, globalRole, pwd_key_config, TEMA } from "./bin/val_global";
import SkeletonDetailDiscussionComment from "./components/skeleton_detail_discussion_comment";
import SkeletonDetailDiscussionMember from "./components/skeleton_detail_discussion_member";
import SkeletonDetailListTugasTask from "./components/skeleton_detail_list_tugas_task";
@@ -19,6 +20,7 @@ import LayoutNavbarHome from "./layout/layout_navbar_home";
import LayoutNavbarNew from "./layout/layout_navbar_new";
import NoZoom from "./layout/no_zoom";
import ViewFilter from "./view/view_filter";
import mtqq_client from "./bin/mqtt_client"
export { WARNA };
export { LayoutLogin };
@@ -44,3 +46,6 @@ export { funDeleteFile }
export { DIR }
export { TEMA }
export { funCopyFile }
export { MqttLoad }
export { mtqq_client }
export { globalNotifPage }

14
src/module/announcement/ui/list_announcement.tsx
View File

@@ -1,5 +1,5 @@
'use client'
import { SkeletonSingle, TEMA, WARNA } from '@/module/_global';
import { globalNotifPage, SkeletonSingle, TEMA, WARNA } from '@/module/_global';
import { ActionIcon, Box, Center, Divider, Grid, Group, Spoiler, Stack, Text, TextInput } from '@mantine/core';
import React, { useState } from 'react';
import { TfiAnnouncement } from "react-icons/tfi";
@@ -19,6 +19,7 @@ export default function ListAnnouncement() {
const router = useRouter()
const [loading, setLoading] = useState(true);
const tema = useHookstate(TEMA)
const load = useHookstate(globalNotifPage)
const fetchData = async () => {
try {
@@ -32,7 +33,7 @@ export default function ListAnnouncement() {
}
setLoading(false);
} catch (error) {
toast.error("Gagal mendapatkan announcement, coba lagi nanti");
toast.error("Gagal mendapatkan pengumuman, coba lagi nanti");
console.error(error);
} finally {
setLoading(false);
@@ -41,7 +42,14 @@ export default function ListAnnouncement() {
useShallowEffect(() => {
fetchData()
}, [searchQuery])
}, [searchQuery, load.get().load])
useShallowEffect(() => {
if (load.get().category == "announcement") {
console.log('masuk sinii', load.get().load)
fetchData()
}
}, [load.get().load])
return (
<Box p={20}>