Ryan/documenso
1
0
Fork 1
mirror of https://github.com/documenso/documenso.git synced 2025-11-20 19:51:32 +10:00
Code Issues Packages Projects Releases Wiki Activity

🚧 pdfsigner, readonly field, signpage, signgn dialog

Browse Source
This commit is contained in:
Timur Ercan
2023-02-16 18:31:06 +01:00
parent 9511a08b76
commit 0ba316111b
8 changed files with 287 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
apps/web/pages/api/documents/[id].ts
View File

@ -12,6 +12,9 @@ async function getHandler(req: NextApiRequest, res: NextApiResponse) {
const user = await getUserFromToken(req, res);
const { id: documentId } = req.query;
// TODO Check if this is a public link with token and validate the token
const { token: recipientToken } = req.query;
if (!user) return;
if (!documentId) {

49
apps/web/pages/documents/[id]/sign.tsx
View File

@ -4,28 +4,18 @@ import { useEffect } from "react";
import { NextPageWithLayout } from "../../_app";
import { ReadStatus } from "@prisma/client";
import SignaturePad from "signature_pad";
import { InformationCircleIcon, PencilIcon } from "@heroicons/react/24/outline";
import Logo from "../../../components/logo";
import PDFSigner from "../../../components/editor/pdf-signer";
import fields from "../../api/documents/[id]/fields";
//http://localhost:3000/documents/40/sign?token=wu82JFMxLvdYVJ9sKy9jvd
const SignPage: NextPageWithLayout = (props: any) => {
useEffect(() => {
const canvas: any = document.querySelector("canvas");
const signaturePad = new SignaturePad(canvas);
const resizeCanvas = () => {
const ratio = Math.max(window.devicePixelRatio || 1, 1);
canvas.width = canvas.offsetWidth * ratio;
canvas.height = canvas.offsetHeight * ratio;
canvas.getContext("2d").scale(ratio, ratio);
// signaturePad.clear(); // otherwise isEmpty() might return incorrect value
};
window.addEventListener("resize", resizeCanvas);
});
return (
<>
<Head>
<title>Sign | Documenso</title>
</Head>
Hello, please sign at the dotted line.
<canvas className="mx-auto bg-neon"></canvas>
<hr></hr>
<PDFSigner document={props.document} fields={props.fields} />
{/* todo read/ sign version of editor => flag or own component */}
</>
);
@ -43,13 +33,23 @@ export async function getServerSideProps(context: any) {
},
});
const document = await prisma.recipient
.findFirstOrThrow({
where: {
token: recipientToken,
},
})
.Document();
const recipient = await prisma.recipient.findFirstOrThrow({
where: {
token: recipientToken,
},
include: {
Document: true,
},
});
const fields = await prisma.field.findMany({
where: {
documentId: recipient.Document.id,
},
include: {
Recipient: true,
},
});
// todo get r
@ -57,7 +57,8 @@ export async function getServerSideProps(context: any) {
return {
props: {
document: document,
document: recipient.Document,
fields: fields,
},
};
}