fix: initial signature issue

This commit is contained in:
RaktimaNXG
2024-01-17 19:28:33 +05:30
parent 72f7e1fb27
commit f4e907de36
4 changed files with 63 additions and 45 deletions
@@ -285,6 +285,7 @@ function PdfRequestFiles() {
const getcurrentUserPosition = documentData[0].Placeholders.filter(
(data) => data.signerObjId === currUserId
);
const getPlacecholder = getcurrentUserPosition[0].placeHolder;
const checkInitialExist = isInitialValueExist(getPlacecholder);
@@ -293,7 +294,19 @@ function PdfRequestFiles() {
} else if (checkInitialExist) {
setIsInitialSign(true);
}
} else {
const getcurrentUserPosition = documentData[0].Placeholders.filter(
(data) => data.signerObjId === currUserId
);
const getPlacecholder = getcurrentUserPosition[0].placeHolder;
const checkInitialExist = isInitialValueExist(getPlacecholder);
if (checkInitialExist) {
setIsInitialSign(true);
}
}
const loadObj = {
isLoad: false
};
@@ -303,6 +316,7 @@ function PdfRequestFiles() {
const loadObj = {
isLoad: false
};
setHandleError("Error: Something went wrong!");
setIsLoading(loadObj);
});
@@ -1030,13 +1044,7 @@ function PdfRequestFiles() {
</div>
</div>
)}
<ModalUi
isOpen={isInitialSign}
title={"Add Initial signature"}
handleClose={() => {
setIsInitialSign(false);
}}
>
<ModalUi isOpen={isInitialSign} title={"Add Initial signature"}>
<div style={{ height: "100%", padding: 20 }}>
<p>Please add your initial signature</p>
@@ -380,7 +380,14 @@ function SignYourSelf() {
const x = offset.x - containerRect.left;
const y = offset.y - containerRect.top;
const ybottom = containerRect.bottom - offset.y;
const widgetData =
item.text === "name"
? pdfDetails[0].ExtUserPtr.Name
: item.text === "company"
? pdfDetails[0].ExtUserPtr.Company
: item.text === "job title"
? pdfDetails[0].ExtUserPtr.JobTitle
: "";
dropObj = {
xPosition: signBtnPosition[0] ? x - signBtnPosition[0].xPos : x,
yPosition: signBtnPosition[0] ? y - signBtnPosition[0].yPos : y,
@@ -392,25 +399,18 @@ function SignYourSelf() {
yBottom: ybottom,
type: item.text,
SignUrl: item.text === "initials" && initial,
widgetValue:
item.text === "name"
? pdfDetails[0].ExtUserPtr.Name
: item.text === "company"
? pdfDetails[0].ExtUserPtr.Company
: item.text === "job title"
? pdfDetails[0].ExtUserPtr.JobTitle
: "",
widgetValue: widgetData,
Width:
item.text === "name" ||
item.text === "company" ||
item.text === "job title"
? calculateInitialWidthHeight(item.text, pdfDetails[0]).getWidth
? calculateInitialWidthHeight(item.text, widgetData).getWidth
: "",
Height:
item.text === "company" ||
item.text === "name" ||
item.text === "job title"
? calculateInitialWidthHeight(item.text, pdfDetails[0]).getHeight
? calculateInitialWidthHeight(item.text, widgetData).getHeight
: ""
};
@@ -7,7 +7,17 @@ function PlaceholderType(props) {
const handleInputBlur = () => {
props.setDraggingEnabled(true);
};
useEffect(() => {
const senderUser =
localStorage.getItem(
`Parse/${localStorage.getItem("parseAppId")}/currentUser`
) &&
localStorage.getItem(
`Parse/${localStorage.getItem("parseAppId")}/currentUser`
);
const jsonSender = JSON.parse(senderUser);
if (props.isNeedSign && props.data?.signerObjId === props.signerObjId) {
onChangeInput(
props.pdfDetails,
@@ -16,7 +26,8 @@ function PlaceholderType(props) {
null,
props.setXyPostion,
props.signerObjId,
props.initial
props.initial,
jsonSender.name
);
}
}, [type]);
@@ -233,11 +244,7 @@ function PlaceholderType(props) {
<input
className="inputPlaceholder"
type="text"
value={
props.pos.widgetValue
? props.pos.widgetValue
: props.pdfDetails.ExtUserPtr.Company
}
value={props.pos.widgetValue && props.pos.widgetValue}
onChange={(e) =>
onChangeInput(
e.target.value,
@@ -276,11 +283,7 @@ function PlaceholderType(props) {
<input
className="inputPlaceholder"
type="text"
value={
props.pos.widgetValue
? props.pos.widgetValue
: props.pdfDetails.ExtUserPtr.JobTitle
}
value={props.pos.widgetValue && props.pos.widgetValue}
onChange={(e) =>
onChangeInput(
e.target.value,