- Dashboard - SIPBUK Admin
+
+
+
+
-
-
- - - Dashboard Admin - -
+
+ -
+
- + + Dashboard Admin + +
+ Selamat {dayTimeText()} 👋 {user.fullname || "Tanpa nama"} +
+
+ ("");
- const [activeIngredient, setActiveIngredient] = useState("");
- const [fetchIsLoading, setFetchIsLoading] = useState(false);
- const formRef = useRef(null);
- const router = useRouter();
+ const [solution, setSolution] = useState("");
+ const [activeIngredient, setActiveIngredient] = useState("");
+ const [fetchIsLoading, setFetchIsLoading] = useState(false);
+ const formRef = useRef(null);
+ const router = useRouter();
- const onSubmitHandler = async (e: any) => {
- e.preventDefault();
+ const onSubmitHandler = async (e: any) => {
+ e.preventDefault();
- // @ts-ignore
- const formData = new FormData(formRef.current);
- const data = Object.fromEntries(formData.entries());
+ // @ts-ignore
+ const formData = new FormData(formRef.current);
+ const data = Object.fromEntries(formData.entries());
- const fetchCreatePestOrDesease = (async () => {
- setFetchIsLoading(true);
+ const fetchCreatePestOrDesease = async () => {
+ setFetchIsLoading(true);
- return await fetch('/api/admin/pests-deseases', {
- method: 'POST',
- headers: {
- 'Content-Type': 'application/json',
- },
- body: JSON.stringify({
- name: data.name,
- solution,
- activeIngredient,
- }),
- })
- })
+ return await fetch("/api/admin/pests-deseases", {
+ method: "POST",
+ headers: {
+ "Content-Type": "application/json",
+ },
+ body: JSON.stringify({
+ name: data.name,
+ solution,
+ activeIngredient,
+ }),
+ });
+ };
- toast.promise(fetchCreatePestOrDesease()
- .then((res) => res.json())
- .then((res) => {
- router.push(`/admin/pests-deseases/set-rule/${res.data.code}`);
- })
- .catch(() => {
- toast.error('Sistem gagal menyimpan data, ada kesalahan pada sistem', {
- duration: 5000,
- });
- setFetchIsLoading(false);
- }), {
- loading: 'Sistem sedang menyimpan data...',
- success: 'Sistem berhasil menyimpan data',
- error: 'Sistem gagal menyimpan data',
- }, {
- duration: 5000,
- });
- }
+ toast.promise(
+ fetchCreatePestOrDesease()
+ .then((res) => res.json())
+ .then((res) => {
+ router.push(`/admin/pests-deseases/set-rule/${res.data.code}`);
+ })
+ .catch(() => {
+ toast.error(
+ "Sistem gagal menyimpan data, ada kesalahan pada sistem",
+ {
+ duration: 5000,
+ }
+ );
+ setFetchIsLoading(false);
+ }),
+ {
+ loading: "Sistem sedang menyimpan data...",
+ success: "Sistem berhasil menyimpan data",
+ error: "Sistem gagal menyimpan data",
+ },
+ {
+ duration: 5000,
+ }
+ );
+ };
- return (
- <>
-
- Tambah Data Hama atau Penyakit - SIPBUK Admin
-
-
-
-
-
- )
-}
+ return (
+ <>
+
+ Tambah Data Hama atau Penyakit - SIPBUK Admin
+
+
+
+
+
+ );
+};
-export default AdminCreatePestOrDesease;
\ No newline at end of file
+export default AdminCreatePestOrDesease;
diff --git a/pages/admin/pests-deseases/edit/[code].tsx b/pages/admin/pests-deseases/edit/[code].tsx
index 2de521a..f92d18b 100644
--- a/pages/admin/pests-deseases/edit/[code].tsx
+++ b/pages/admin/pests-deseases/edit/[code].tsx
@@ -1,210 +1,296 @@
-import { loggedInUserDataType } from '@/types';
-import { deleteCookie, getCookie, hasCookie } from 'cookies-next';
+import { loggedInUserDataType } from "@/types";
+import { deleteCookie, getCookie, hasCookie } from "cookies-next";
import Head from "next/head";
-import Navbar from '@/components/Navbar';
-import Link from 'next/link';
-import { useRef, useState } from 'react';
-import { useRouter } from 'next/navigation';
-import { toast } from 'react-hot-toast';
-import { NextApiRequest, NextApiResponse } from 'next';
-import prisma from '@/prisma';
-import 'react-quill/dist/quill.snow.css';
-import dynamic from 'next/dynamic';
-
-const ReactQuill = dynamic(() => import('react-quill'), {
- loading: () => (
- (pestOrDesease.solution);
- const [activeIngredient, setActiveIngredient] = useState(pestOrDesease.activeIngredient);
- const [fetchIsLoading, setFetchIsLoading] = useState(false);
- const formRef = useRef(null);
- const router = useRouter();
-
- const onSubmitHandler = async (e: any, pestOrDeseaseCode: number) => {
- e.preventDefault();
-
- // @ts-ignore
- const formData = new FormData(formRef.current);
- const data = Object.fromEntries(formData.entries());
-
- const fetchCreatePestOrDesease = (async (pestOrDeseaseCode: number) => {
- setFetchIsLoading(true);
-
- return await fetch(`/api/admin/pests-deseases`, {
- method: 'PUT',
- headers: {
- 'Content-Type': 'application/json',
- },
- body: JSON.stringify({
- pestOrDeseaseCode,
- data: {
- name: data.name,
- solution,
- activeIngredient,
- }
- }),
- })
- })
+ const [solution, setSolution] = useState(pestOrDesease.solution);
+ const [activeIngredient, setActiveIngredient] = useState(
+ pestOrDesease.activeIngredient
+ );
+ const [fetchIsLoading, setFetchIsLoading] = useState(false);
+ const formRef = useRef(null);
+ const router = useRouter();
- toast.promise(fetchCreatePestOrDesease(pestOrDeseaseCode)
- .then((res) => res.json())
- .then((res) => {
- router.push(`/admin/pests-deseases`);
- })
- .catch(() => {
- toast.error('Sistem gagal menyimpan pembaruan data, ada kesalahan pada sistem', {
- duration: 5000,
- });
- setFetchIsLoading(false);
- }), {
- loading: 'Sistem sedang menyimpan pembaruan data...',
- success: 'Sistem berhasil menyimpan pembaruan data',
- error: 'Sistem gagal menyimpan pembaruan data',
- }, {
- duration: 5000,
- });
- }
+ const onSubmitHandler = async (e: any, pestOrDeseaseCode: number) => {
+ e.preventDefault();
- return (
- <>
-
- Ubah Data untuk [HP{pestOrDesease.code}]: {pestOrDesease.name} - SIPBUK Admin
-
-
-
-
-
- )
-}
+ // @ts-ignore
+ const formData = new FormData(formRef.current);
+ const data = Object.fromEntries(formData.entries());
+
+ const fetchCreatePestOrDesease = async (pestOrDeseaseCode: number) => {
+ setFetchIsLoading(true);
+
+ return await fetch(`/api/admin/pests-deseases`, {
+ method: "PUT",
+ headers: {
+ "Content-Type": "application/json",
+ },
+ body: JSON.stringify({
+ pestOrDeseaseCode,
+ data: {
+ name: data.name,
+ solution,
+ activeIngredient,
+ },
+ }),
+ });
+ };
+
+ toast.promise(
+ fetchCreatePestOrDesease(pestOrDeseaseCode)
+ .then((res) => res.json())
+ .then((res) => {
+ router.push(`/admin/pests-deseases`);
+ })
+ .catch(() => {
+ toast.error(
+ "Sistem gagal menyimpan pembaruan data, ada kesalahan pada sistem",
+ {
+ duration: 5000,
+ }
+ );
+ setFetchIsLoading(false);
+ }),
+ {
+ loading: "Sistem sedang menyimpan pembaruan data...",
+ success: "Sistem berhasil menyimpan pembaruan data",
+ error: "Sistem gagal menyimpan pembaruan data",
+ },
+ {
+ duration: 5000,
+ }
+ );
+ };
+
+ return (
+ <>
+
+
+ Ubah Data untuk [HP{pestOrDesease.code}]: {pestOrDesease.name} -
+ SIPBUK Admin
+
+
+
+
+
+
+ );
+};
-export default AdminEditPestOrDesease;
\ No newline at end of file
+export default AdminEditPestOrDesease;
diff --git a/pages/admin/pests-deseases/index.tsx b/pages/admin/pests-deseases/index.tsx
index 066234b..e77136d 100644
--- a/pages/admin/pests-deseases/index.tsx
+++ b/pages/admin/pests-deseases/index.tsx
@@ -1,228 +1,322 @@
-import { getServerSidePropsType, loggedInUserDataType } from '@/types';
-import { deleteCookie, getCookie, hasCookie } from 'cookies-next';
+import { getServerSidePropsType, loggedInUserDataType } from "@/types";
+import { deleteCookie, getCookie, hasCookie } from "cookies-next";
import Head from "next/head";
-import Navbar from '@/components/Navbar';
-import Link from 'next/link';
+import Navbar from "@/components/Navbar";
+import Link from "next/link";
import { BsPlus } from "react-icons/bs";
-import { useState } from 'react';
-import { toast } from 'react-hot-toast';
-import prisma from '@/prisma';
+import { useState } from "react";
+import { toast } from "react-hot-toast";
+import prisma from "@/prisma";
export async function getServerSideProps({ req, res }: getServerSidePropsType) {
- const isCookieExist = hasCookie("user", { req, res });
+ const isCookieExist = hasCookie("user", { req, res });
- try {
- // @ts-ignore
- const userCookie = isCookieExist ? JSON.parse(getCookie("user", { req, res })) : null;
+ try {
+ // @ts-ignore
+ const userCookie = isCookieExist
+ ? JSON.parse(getCookie("user", { req, res }))
+ : null;
- if (userCookie && userCookie.role !== 'admin' || !userCookie) {
- return {
- redirect: {
- destination: '/dashboard',
- permanent: true,
- }
- }
- }
+ if ((userCookie && userCookie.role !== "admin") || !userCookie) {
+ return {
+ redirect: {
+ destination: "/dashboard",
+ permanent: true,
+ },
+ };
+ }
- const foundedUser = await prisma.user.findUnique({
- where: {
- authToken: userCookie.authToken,
- }
- });
- if (!foundedUser) {
- deleteCookie("user", { req, res });
- return {
- redirect: {
- destination: '/login?code=403',
- permanent: true,
- }
- }
- }
+ const foundedUser = await prisma.user.findUnique({
+ where: {
+ authToken: userCookie.authToken,
+ },
+ });
+ if (!foundedUser || (foundedUser && foundedUser.role !== "admin")) {
+ deleteCookie("user", { req, res });
+ return {
+ redirect: {
+ destination: "/login?code=403",
+ permanent: true,
+ },
+ };
+ }
- const pestsDeseases = await prisma.pestsAndDeseases.findMany({
- include: {
- PestsAndDeseasesHasSymptoms: {
- include: {
- symptoms: true,
- },
- },
- },
- })
+ const pestsDeseases = await prisma.pestsAndDeseases.findMany({
+ include: {
+ PestsAndDeseasesHasSymptoms: {
+ include: {
+ symptoms: true,
+ },
+ },
+ },
+ });
- return {
- props: {
- user: userCookie,
- _pestsDeseases: JSON.parse(JSON.stringify(pestsDeseases)),
- }
- }
- } catch (error) {
- console.error(error)
- return {
- redirect: {
- destination: '/login?code=403',
- permanent: true,
- }
- };
- }
+ return {
+ props: {
+ user: userCookie,
+ _pestsDeseases: JSON.parse(JSON.stringify(pestsDeseases)),
+ },
+ };
+ } catch (error) {
+ console.error(error);
+ return {
+ redirect: {
+ destination: "/login?code=403",
+ permanent: true,
+ },
+ };
+ }
}
type AdminProps = {
- user: loggedInUserDataType;
- _pestsDeseases: any;
-}
+ user: loggedInUserDataType;
+ _pestsDeseases: any;
+};
const Admin = ({ user, _pestsDeseases }: AdminProps) => {
- const [pestsDeseases, setPestsDeseases] = useState(() => [..._pestsDeseases]);
- const [selectedPestsDeseases, setSelectedPestsDeseases] = useState([]);
- const [fetchIsLoading, setFetchIsLoading] = useState(false);
+ const [pestsDeseases, setPestsDeseases] = useState(() => [..._pestsDeseases]);
+ const [selectedPestsDeseases, setSelectedPestsDeseases] = useState([]);
+ const [fetchIsLoading, setFetchIsLoading] = useState(false);
- const handleDeleteSelectedPestsAndDeseases = async () => {
- const fetchDeletePestAndDesease = (async () => {
- setFetchIsLoading(true);
+ const handleDeleteSelectedPestsAndDeseases = async () => {
+ const fetchDeletePestAndDesease = async () => {
+ setFetchIsLoading(true);
- return await fetch('/api/admin/pests-deseases', {
- method: 'DELETE',
- headers: {
- 'Content-Type': 'application/json',
- },
- body: JSON.stringify({
- selectedPestsDeseases,
- }),
- })
- })
+ return await fetch("/api/admin/pests-deseases", {
+ method: "DELETE",
+ headers: {
+ "Content-Type": "application/json",
+ },
+ body: JSON.stringify({
+ selectedPestsDeseases,
+ }),
+ });
+ };
- toast.promise(fetchDeletePestAndDesease()
- .then((res) => res.json())
- .then((res) => {
- setFetchIsLoading(false);
- setPestsDeseases(pestsDeseases.filter((pd: any) => !selectedPestsDeseases.includes(pd.code)));
- setSelectedPestsDeseases([]);
- })
- .catch(() => {
- toast.error('Sistem gagal menghapus data, ada kesalahan pada sistem', {
- duration: 5000,
- });
- setFetchIsLoading(false);
- }), {
- loading: 'Sistem sedang menghapus data...',
- success: 'Sistem berhasil menghapus data',
- error: 'Sistem gagal menghapus data',
- }, {
- duration: 5000,
- });
- }
+ toast.promise(
+ fetchDeletePestAndDesease()
+ .then((res) => res.json())
+ .then((res) => {
+ setFetchIsLoading(false);
+ setPestsDeseases(
+ pestsDeseases.filter(
+ (pd: any) => !selectedPestsDeseases.includes(pd.code)
+ )
+ );
+ setSelectedPestsDeseases([]);
+ })
+ .catch(() => {
+ toast.error(
+ "Sistem gagal menghapus data, ada kesalahan pada sistem",
+ {
+ duration: 5000,
+ }
+ );
+ setFetchIsLoading(false);
+ }),
+ {
+ loading: "Sistem sedang menghapus data...",
+ success: "Sistem berhasil menghapus data",
+ error: "Sistem gagal menghapus data",
+ },
+ {
+ duration: 5000,
+ }
+ );
+ };
- const handleSelectOnePestDesease = (pestDeseaseCode: number) => {
- if (selectedPestsDeseases.find((v) => v === pestDeseaseCode)) {
- setSelectedPestsDeseases(selectedPestsDeseases.filter((v) => v !== pestDeseaseCode))
- } else {
- setSelectedPestsDeseases([...selectedPestsDeseases, pestDeseaseCode])
- }
+ const handleSelectOnePestDesease = (pestDeseaseCode: number) => {
+ if (selectedPestsDeseases.find((v) => v === pestDeseaseCode)) {
+ setSelectedPestsDeseases(
+ selectedPestsDeseases.filter((v) => v !== pestDeseaseCode)
+ );
+ } else {
+ setSelectedPestsDeseases([...selectedPestsDeseases, pestDeseaseCode]);
}
+ };
- const handleToggleAll = () => {
- if (selectedPestsDeseases.length === pestsDeseases.length) {
- setSelectedPestsDeseases([])
- } else {
- setSelectedPestsDeseases(pestsDeseases.map((pd: any) => pd.code))
- }
+ const handleToggleAll = () => {
+ if (selectedPestsDeseases.length === pestsDeseases.length) {
+ setSelectedPestsDeseases([]);
+ } else {
+ setSelectedPestsDeseases(pestsDeseases.map((pd: any) => pd.code));
}
+ };
- return (
- <>
-
- Dashboard - SIPBUK Admin
-
-
-
-
-
- )
-}
+ return (
+ <>
+
+ Dashboard - SIPBUK Admin
+
+
+
+
+
+ );
+};
-export default Admin;
\ No newline at end of file
+export default Admin;
diff --git a/pages/admin/pests-deseases/set-rule/[code].tsx b/pages/admin/pests-deseases/set-rule/[code].tsx
index b1536ad..d532d62 100644
--- a/pages/admin/pests-deseases/set-rule/[code].tsx
+++ b/pages/admin/pests-deseases/set-rule/[code].tsx
@@ -1,287 +1,438 @@
-import { loggedInUserDataType } from '@/types';
-import { deleteCookie, getCookie, hasCookie } from 'cookies-next';
+import { loggedInUserDataType } from "@/types";
+import { deleteCookie, getCookie, hasCookie } from "cookies-next";
import Head from "next/head";
-import Navbar from '@/components/Navbar';
-import Link from 'next/link';
-import { NextApiRequest, NextApiResponse } from 'next';
-import { uncertaintyValueRawData } from '@/prisma/data';
-import { useRef, useState } from 'react';
-import { toast } from 'react-hot-toast';
-import { useRouter } from 'next/router';
-import prisma from '@/prisma';
-import Image from 'next/image';
+import Navbar from "@/components/Navbar";
+import Link from "next/link";
+import { NextApiRequest, NextApiResponse } from "next";
+import { uncertaintyValueRawData } from "@/prisma/data";
+import { useRef, useState } from "react";
+import { toast } from "react-hot-toast";
+import { useRouter } from "next/router";
+import prisma from "@/prisma";
+import Image from "next/image";
type getServerSidePropsType = {
- params: {
- code: string;
- };
- req: NextApiRequest;
- res: NextApiResponse;
-}
+ params: {
+ code: string;
+ };
+ req: NextApiRequest;
+ res: NextApiResponse;
+};
-export async function getServerSideProps({ params: { code }, req, res }: getServerSidePropsType) {
- const isCookieExist = hasCookie("user", { req, res });
+export async function getServerSideProps({
+ params: { code },
+ req,
+ res,
+}: getServerSidePropsType) {
+ const isCookieExist = hasCookie("user", { req, res });
- try {
- // @ts-ignore
- const userCookie = isCookieExist ? JSON.parse(getCookie("user", { req, res })) : null;
+ try {
+ // @ts-ignore
+ const userCookie = isCookieExist
+ ? JSON.parse(getCookie("user", { req, res }))
+ : null;
- if (userCookie && userCookie.role !== 'admin' || !userCookie) {
- return {
- redirect: {
- destination: '/dashboard',
- permanent: true,
- }
- }
- }
+ if ((userCookie && userCookie.role !== "admin") || !userCookie) {
+ return {
+ redirect: {
+ destination: "/dashboard",
+ permanent: true,
+ },
+ };
+ }
- const foundedUser = await prisma.user.findUnique({
- where: {
- authToken: userCookie.authToken,
- }
- });
- if (!foundedUser) {
- deleteCookie("user", { req, res });
- return {
- redirect: {
- destination: '/login?code=403',
- permanent: true,
- }
- }
- }
+ const foundedUser = await prisma.user.findUnique({
+ where: {
+ authToken: userCookie.authToken,
+ },
+ });
+ if (!foundedUser || (foundedUser && foundedUser.role !== "admin")) {
+ deleteCookie("user", { req, res });
+ return {
+ redirect: {
+ destination: "/login?code=403",
+ permanent: true,
+ },
+ };
+ }
- const pestOrDesease = await prisma.pestsAndDeseases.findUnique({
- where: {
- code: parseInt(code),
- },
- include: {
- PestsAndDeseasesHasSymptoms: {
- include: {
- symptoms: true,
- },
- },
- },
- })
+ const pestOrDesease = await prisma.pestsAndDeseases.findUnique({
+ where: {
+ code: parseInt(code),
+ },
+ include: {
+ PestsAndDeseasesHasSymptoms: {
+ include: {
+ symptoms: true,
+ },
+ },
+ },
+ });
- const symptoms = await prisma.symptoms.findMany()
+ const symptoms = await prisma.symptoms.findMany();
- return {
- props: {
- user: userCookie,
- pestOrDesease: JSON.parse(JSON.stringify(pestOrDesease)),
- symptoms: JSON.parse(JSON.stringify(symptoms)),
- }
- }
- } catch (error) {
- console.error(error)
- return {
- redirect: {
- destination: '/login?code=403',
- permanent: true,
- }
- };
- }
+ return {
+ props: {
+ user: userCookie,
+ pestOrDesease: JSON.parse(JSON.stringify(pestOrDesease)),
+ symptoms: JSON.parse(JSON.stringify(symptoms)),
+ },
+ };
+ } catch (error) {
+ console.error(error);
+ return {
+ redirect: {
+ destination: "/login?code=403",
+ permanent: true,
+ },
+ };
+ }
}
type AdminProps = {
- user: loggedInUserDataType;
- pestOrDesease: any;
- symptoms: any;
-}
+ user: loggedInUserDataType;
+ pestOrDesease: any;
+ symptoms: any;
+};
const Admin = ({ user, pestOrDesease, symptoms }: AdminProps) => {
- const [selectedSymptomData, setSelectedSymptomData] = useState(() => {
- const _selectedSymptomData = pestOrDesease.PestsAndDeseasesHasSymptoms.map((v: any) => v.symptomCode)
- return _selectedSymptomData;
- });
- const [selectedSymptomDataCF, setSelectedSymptomDataCF] = useState(() => {
- const _selectedSymptomDataCF = pestOrDesease.PestsAndDeseasesHasSymptoms.map((v: any) => v.expertCF)
- return _selectedSymptomDataCF;
- });
- const [fetchIsLoading, setFetchIsLoading] = useState(false);
- const formRef = useRef(null);
- const router = useRouter();
+ const [selectedSymptomData, setSelectedSymptomData] = useState(
+ () => {
+ const _selectedSymptomData =
+ pestOrDesease.PestsAndDeseasesHasSymptoms.map(
+ (v: any) => v.symptomCode
+ );
+ return _selectedSymptomData;
+ }
+ );
+ const [selectedSymptomDataCF, setSelectedSymptomDataCF] = useState(
+ () => {
+ const _selectedSymptomDataCF =
+ pestOrDesease.PestsAndDeseasesHasSymptoms.map((v: any) => v.expertCF);
+ return _selectedSymptomDataCF;
+ }
+ );
+ const [fetchIsLoading, setFetchIsLoading] = useState(false);
+ const formRef = useRef(null);
+ const router = useRouter();
- const onSubmitHandler = async (e: React.FormEvent) => {
- e.preventDefault();
- const pestAndDeseaseCode = pestOrDesease.code;
- // @ts-ignore
- const formData = new FormData(formRef.current);
- const data = Object.fromEntries(formData.entries());
+ const onSubmitHandler = async (e: React.FormEvent) => {
+ e.preventDefault();
+ const pestAndDeseaseCode = pestOrDesease.code;
+ // @ts-ignore
+ const formData = new FormData(formRef.current);
+ const data = Object.fromEntries(formData.entries());
- // remap var data to contain only selected symptoms by code
- const selectedSymptoms = selectedSymptomData.map((code) => {
- return {
- symptomCode: code,
- expertCF: data[code],
- }
- })
+ // remap var data to contain only selected symptoms by code
+ const selectedSymptoms = selectedSymptomData.map((code) => {
+ return {
+ symptomCode: code,
+ expertCF: data[code],
+ };
+ });
- if (selectedSymptomData.length === 0) {
- toast.error('Sistem gagal menyimpan rule, silahkan pilih gejala terlebih dahulu', {
- duration: 5000,
- });
- setFetchIsLoading(false);
- return;
+ if (selectedSymptomData.length === 0) {
+ toast.error(
+ "Sistem gagal menyimpan rule, silahkan pilih gejala terlebih dahulu",
+ {
+ duration: 5000,
}
+ );
+ setFetchIsLoading(false);
+ return;
+ }
- const fetchCreatePestOrDesease = (async (pestAndDeseaseCode: number) => {
- setFetchIsLoading(true);
+ const fetchCreatePestOrDesease = async (pestAndDeseaseCode: number) => {
+ setFetchIsLoading(true);
- return await fetch(`/api/admin/pests-deseases/set-rule`, {
- method: 'POST',
- headers: {
- 'Content-Type': 'application/json',
- },
- body: JSON.stringify({
- pestAndDeseaseCode,
- data: [...selectedSymptoms.map((symptom) => ({
- ...symptom,
- pestAndDeseaseCode,
- expertCF: Number(symptom.expertCF),
- }))],
- }),
- })
- })
+ return await fetch(`/api/admin/pests-deseases/set-rule`, {
+ method: "POST",
+ headers: {
+ "Content-Type": "application/json",
+ },
+ body: JSON.stringify({
+ pestAndDeseaseCode,
+ data: [
+ ...selectedSymptoms.map((symptom) => ({
+ ...symptom,
+ pestAndDeseaseCode,
+ expertCF: Number(symptom.expertCF),
+ })),
+ ],
+ }),
+ });
+ };
- toast.promise(fetchCreatePestOrDesease(pestAndDeseaseCode)
- .then((res) => res.json())
- .then((res) => {
- router.push(`/admin/pests-deseases`);
- })
- .catch(() => {
- toast.error('Sistem gagal menyimpan rule, ada kesalahan pada sistem', {
- duration: 5000,
- });
- setFetchIsLoading(false);
- }), {
- loading: 'Sistem sedang menyimpan rule...',
- success: 'Sistem berhasil menyimpan rule',
- error: 'Sistem gagal menyimpan rule',
- }, {
- duration: 5000,
- });
- }
+ toast.promise(
+ fetchCreatePestOrDesease(pestAndDeseaseCode)
+ .then((res) => res.json())
+ .then((res) => {
+ router.push(`/admin/pests-deseases`);
+ })
+ .catch(() => {
+ toast.error(
+ "Sistem gagal menyimpan rule, ada kesalahan pada sistem",
+ {
+ duration: 5000,
+ }
+ );
+ setFetchIsLoading(false);
+ }),
+ {
+ loading: "Sistem sedang menyimpan rule...",
+ success: "Sistem berhasil menyimpan rule",
+ error: "Sistem gagal menyimpan rule",
+ },
+ {
+ duration: 5000,
+ }
+ );
+ };
- const handleSelectOneSymptom = (symptomCode: number) => {
- if (selectedSymptomData.find((v) => v === symptomCode)) {
- setSelectedSymptomData(selectedSymptomData.filter((v) => v !== symptomCode))
- } else {
- setSelectedSymptomData([...selectedSymptomData, symptomCode])
- }
+ const handleSelectOneSymptom = (symptomCode: number) => {
+ if (selectedSymptomData.find((v) => v === symptomCode)) {
+ setSelectedSymptomData(
+ selectedSymptomData.filter((v) => v !== symptomCode)
+ );
+ } else {
+ setSelectedSymptomData([...selectedSymptomData, symptomCode]);
}
+ };
- const handleToggleAll = () => {
- if (selectedSymptomData.length === symptoms.length) {
- setSelectedSymptomData([])
- } else {
- setSelectedSymptomData(symptoms.map((symptom: any) => symptom.code))
- }
+ const handleToggleAll = () => {
+ if (selectedSymptomData.length === symptoms.length) {
+ setSelectedSymptomData([]);
+ } else {
+ setSelectedSymptomData(symptoms.map((symptom: any) => symptom.code));
}
+ };
- return (
- <>
-
- Pengaturan Rule untuk [HP{pestOrDesease.code}]: {pestOrDesease.name} - SIPBUK Admin
-
-
-
-
+
+
+
+);
-export default Admin;
\ No newline at end of file
+export default Admin;
diff --git a/pages/admin/pests-deseases/create.tsx b/pages/admin/pests-deseases/create.tsx
index 14fa932..75d6b59 100644
--- a/pages/admin/pests-deseases/create.tsx
+++ b/pages/admin/pests-deseases/create.tsx
@@ -1,183 +1,256 @@
-import { getServerSidePropsType, loggedInUserDataType } from '@/types';
-import { deleteCookie, getCookie, hasCookie } from 'cookies-next';
+import { getServerSidePropsType, loggedInUserDataType } from "@/types";
+import { deleteCookie, getCookie, hasCookie } from "cookies-next";
import Head from "next/head";
-import Navbar from '@/components/Navbar';
-import Link from 'next/link';
-import { useRef, useState } from 'react';
-import { useRouter } from 'next/navigation';
-import { toast } from 'react-hot-toast';
-import 'react-quill/dist/quill.snow.css';
-import dynamic from 'next/dynamic';
-import prisma from '@/prisma';
+import Navbar from "@/components/Navbar";
+import Link from "next/link";
+import { useRef, useState } from "react";
+import { useRouter } from "next/navigation";
+import { toast } from "react-hot-toast";
+import "react-quill/dist/quill.snow.css";
+import dynamic from "next/dynamic";
+import prisma from "@/prisma";
-const ReactQuill = dynamic(() => import('react-quill'), {
- loading: () => (
-
+
+ + + {/* @ts-ignore */} + + +
+Total Data Hama dan Penyakit
+
+
+ Lihat
+
- - Selamat {dayTimeText()} 👋 {user.fullname || "Tanpa nama"} -
-
-
+
-
-
-
- - - {/* @ts-ignore */} - - -
-Total Data Hama dan Penyakit
-
- Lihat
-
-
-
-
-
- - - {/* @ts-ignore */} - - -
-Total Data Gejala
-
- Lihat
-
-
-
-
-
- - - {/* @ts-ignore */} - - -
-Total Pengguna
-
-
+
-
- - - {/* @ts-ignore */} - - -
-Total Diagnosis
-
+
+
+
+ + + {/* @ts-ignore */} + + +
+Total Data Gejala
+
+
+ Lihat
+
-
-
-)
+
+
+
+
+ + + {/* @ts-ignore */} + + +
+Total Pengguna
+
+
+
+
+ + + {/* @ts-ignore */} + + +
+Total Diagnosis
+
- Memuat Konten Editor
-
-
- ), ssr: false
-})
+const ReactQuill = dynamic(() => import("react-quill"), {
+ loading: () => (
+
+ Memuat Konten Editor
+
+
+ ),
+ ssr: false,
+});
export async function getServerSideProps({ req, res }: getServerSidePropsType) {
- const isCookieExist = hasCookie("user", { req, res });
-
- try {
- // @ts-ignore
- const userCookie = isCookieExist ? JSON.parse(getCookie("user", { req, res })) : null;
+ const isCookieExist = hasCookie("user", { req, res });
- if (userCookie && userCookie.role !== 'admin' || !userCookie) {
- return {
- redirect: {
- destination: '/dashboard',
- permanent: true,
- }
- }
- }
+ try {
+ // @ts-ignore
+ const userCookie = isCookieExist
+ ? JSON.parse(getCookie("user", { req, res }))
+ : null;
- const foundedUser = await prisma.user.findUnique({
- where: {
- authToken: userCookie.authToken,
- }
- });
- if (!foundedUser) {
- deleteCookie("user", { req, res });
- return {
- redirect: {
- destination: '/login?code=403',
- permanent: true,
- }
- }
- }
+ if ((userCookie && userCookie.role !== "admin") || !userCookie) {
+ return {
+ redirect: {
+ destination: "/dashboard",
+ permanent: true,
+ },
+ };
+ }
- return {
- props: {
- user: userCookie,
- }
- }
- } catch (error) {
- console.error(error)
- return {
- redirect: {
- destination: '/login?code=403',
- permanent: true,
- }
- };
+ const foundedUser = await prisma.user.findUnique({
+ where: {
+ authToken: userCookie.authToken,
+ },
+ });
+ if (!foundedUser || (foundedUser && foundedUser.role !== "admin")) {
+ deleteCookie("user", { req, res });
+ return {
+ redirect: {
+ destination: "/login?code=403",
+ permanent: true,
+ },
+ };
}
+
+ return {
+ props: {
+ user: userCookie,
+ },
+ };
+ } catch (error) {
+ console.error(error);
+ return {
+ redirect: {
+ destination: "/login?code=403",
+ permanent: true,
+ },
+ };
+ }
}
type AdminCreateProps = {
- user: loggedInUserDataType;
-}
+ user: loggedInUserDataType;
+};
const AdminCreatePestOrDesease = ({ user }: AdminCreateProps) => {
- const [solution, setSolution] = useState
-
- -
-
- - - - Dashboard Admin - - -
- - - - Data Hama dan Penyakit - - -
- - - Tambah Data Hama atau Penyakit - -
- Tambah Data Hama atau Penyakit -
-
-
-
-
+
+ -
+
- + + + Dashboard Admin + + +
- + + + Data Hama dan Penyakit + + +
- + + Tambah Data Hama atau Penyakit + +
+ Tambah Data Hama atau Penyakit +
+
+
+
+
- Memuat Konten Editor
-
-
- ), ssr: false
-})
+import Navbar from "@/components/Navbar";
+import Link from "next/link";
+import { useRef, useState } from "react";
+import { useRouter } from "next/navigation";
+import { toast } from "react-hot-toast";
+import { NextApiRequest, NextApiResponse } from "next";
+import prisma from "@/prisma";
+import "react-quill/dist/quill.snow.css";
+import dynamic from "next/dynamic";
+
+const ReactQuill = dynamic(() => import("react-quill"), {
+ loading: () => (
+
+ Memuat Konten Editor
+
+
+ ),
+ ssr: false,
+});
type getServerSidePropsType = {
- params: {
- code: string;
- };
- req: NextApiRequest;
- res: NextApiResponse;
-}
+ params: {
+ code: string;
+ };
+ req: NextApiRequest;
+ res: NextApiResponse;
+};
-export async function getServerSideProps({ params: { code }, req, res }: getServerSidePropsType) {
- const isCookieExist = hasCookie("user", { req, res });
+export async function getServerSideProps({
+ params: { code },
+ req,
+ res,
+}: getServerSidePropsType) {
+ const isCookieExist = hasCookie("user", { req, res });
- try {
- // @ts-ignore
- const userCookie = isCookieExist ? JSON.parse(getCookie("user", { req, res })) : null;
+ try {
+ // @ts-ignore
+ const userCookie = isCookieExist
+ ? JSON.parse(getCookie("user", { req, res }))
+ : null;
- if (userCookie && userCookie.role !== 'admin' || !userCookie) {
- return {
- redirect: {
- destination: '/dashboard',
- permanent: true,
- }
- }
- }
+ if ((userCookie && userCookie.role !== "admin") || !userCookie) {
+ return {
+ redirect: {
+ destination: "/dashboard",
+ permanent: true,
+ },
+ };
+ }
- const foundedUser = await prisma.user.findUnique({
- where: {
- authToken: userCookie.authToken,
- }
- });
- if (!foundedUser) {
- deleteCookie("user", { req, res });
- return {
- redirect: {
- destination: '/login?code=403',
- permanent: true,
- }
- }
- }
+ const foundedUser = await prisma.user.findUnique({
+ where: {
+ authToken: userCookie.authToken,
+ },
+ });
+ if (!foundedUser || (foundedUser && foundedUser.role !== "admin")) {
+ deleteCookie("user", { req, res });
+ return {
+ redirect: {
+ destination: "/login?code=403",
+ permanent: true,
+ },
+ };
+ }
- const pestOrDesease = await prisma.pestsAndDeseases.findUnique({
- where: {
- code: parseInt(code),
- },
- })
+ const pestOrDesease = await prisma.pestsAndDeseases.findUnique({
+ where: {
+ code: parseInt(code),
+ },
+ });
- return {
- props: {
- user: userCookie,
- pestOrDesease: JSON.parse(JSON.stringify(pestOrDesease)),
- }
- }
- } catch (error) {
- console.error(error)
- return {
- redirect: {
- destination: '/login?code=403',
- permanent: true,
- }
- };
- }
+ return {
+ props: {
+ user: userCookie,
+ pestOrDesease: JSON.parse(JSON.stringify(pestOrDesease)),
+ },
+ };
+ } catch (error) {
+ console.error(error);
+ return {
+ redirect: {
+ destination: "/login?code=403",
+ permanent: true,
+ },
+ };
+ }
}
type AdminCreateProps = {
- user: loggedInUserDataType;
- pestOrDesease: {
- code: number;
- name: string;
- solution: string;
- activeIngredient: string;
- createdAt: Date;
- updatedAt: Date;
- };
-}
+ user: loggedInUserDataType;
+ pestOrDesease: {
+ code: number;
+ name: string;
+ solution: string;
+ activeIngredient: string;
+ createdAt: Date;
+ updatedAt: Date;
+ };
+};
const AdminEditPestOrDesease = ({ user, pestOrDesease }: AdminCreateProps) => {
- const [solution, setSolution] = useState
-
- -
-
- - - - Dashboard Admin - - -
- - - - Data Hama dan Penyakit - - -
- - - Ubah Data untuk [HP{pestOrDesease.code}]: {pestOrDesease.name} - -
- Ubah Data untuk [HP{pestOrDesease.code}]: {pestOrDesease.name} -
-
-
-
-
+
+ -
+
- + + + Dashboard Admin + + +
- + + + Data Hama dan Penyakit + + +
- + + Ubah Data untuk [HP{pestOrDesease.code}]: {pestOrDesease.name} + +
+ Ubah Data untuk [HP{pestOrDesease.code}]: {pestOrDesease.name} +
+
+
+
+
-
- -
-
- - - - Dashboard Admin - - -
- - - Data Hama dan Penyakit - -
-
- - Data Hama dan Penyakit -
-
- {selectedPestsDeseases.length > 0 && (
-
- )}
-
-
-
-
-
-
-
-
- | - - | -Kode | -Nama Hama dan Penyakit | -Gejala Terkait | -Aksi | -
|---|---|---|---|---|
| - - | -{`HP${pd.code}`} | -{pd.name} | -- - {pd.PestsAndDeseasesHasSymptoms.length > 0 ? - pd.PestsAndDeseasesHasSymptoms.map((item: any, index: number) => ( - - G{item.symptoms.code} - {index === pd.PestsAndDeseasesHasSymptoms.length - 1 ? "" : , } - - )) : ( - *Rule Belum Diatur - )} - - | -- - Ubah - Atur Rule - - | -
|
- Tidak ada data Hama dan Penyakit
- |
-
+
+ -
+
- + + + Dashboard Admin + + +
- + + Data Hama dan Penyakit + +
+
+ Data Hama dan Penyakit
+
+ {selectedPestsDeseases.length > 0 && (
+
+ )}
+
+
+
+
+
+
+
+
+
+ | + + | +Kode | +Nama Hama dan Penyakit | +Gejala Terkait | +Aksi | +
|---|---|---|---|---|
| + + | +{`HP${pd.code}`} | +{pd.name} | ++ + {pd.PestsAndDeseasesHasSymptoms.length > 0 ? ( + pd.PestsAndDeseasesHasSymptoms.map( + (item: any, index: number) => ( + + G{item.symptoms.code} + {index === + pd.PestsAndDeseasesHasSymptoms.length - 1 ? ( + "" + ) : ( + , + )} + + ) + ) + ) : ( + + *Rule Belum Diatur + + )} + + | ++ + + Ubah + + + Atur Rule + + + | +
|
+
+ Tidak ada data Hama dan Penyakit
+
+ |
+
-
- -
-
- - - - Dashboard Admin - - -
- - - - Data Hama dan Penyakit - - -
- - - Pengaturan Rule untuk [HP{pestOrDesease.code}]: {pestOrDesease.name} - -