resolve delete user not working properly with placholder

This commit is contained in:
prafull-opensignlabs
2023-12-26 20:04:16 +05:30
parent fd0ec5fd31
commit 6c1d0c712a
7 changed files with 34 additions and 34 deletions
@@ -157,7 +157,7 @@ const ManageSign = () => {
file = base64StringtoFile(image, `${replaceSpace}.png`);
}
}
console.log("isUrl ", isUrl);
// console.log("isUrl ", isUrl);
let imgUrl;
if (!isUrl) {
imgUrl = await uploadFile(file);
@@ -889,13 +889,15 @@ const TemplatePlaceholder = () => {
};
// `handleDeleteUser` function is used to delete record and placeholder when user click on delete which is place next user name in recipients list
const handleDeleteUser = (Id) => {
const removeUser = signersdata.filter((x) => x.Id !== Id);
console.log("removeUser ", removeUser)
setSignersData(removeUser);
const removePlaceholderUser = signerPos.filter((x) => x.Id !== Id);
console.log("removePlaceholderUser ", removePlaceholderUser)
setSignerPos(removePlaceholderUser);
const updateSigner = signersdata
.filter((x) => x.Id !== Id)
.map((x, i) => ({ ...x, blockColor: color[i] }));
setSignersData(updateSigner);
const updatePlaceholderUser = signerPos
.filter((x) => x.Id !== Id)
.map((x, i) => ({ ...x, blockColor: color[i] }));
// console.log("removePlaceholderUser ", removePlaceholderUser)
setSignerPos(updatePlaceholderUser);
setIsMailSend(false);
};
@@ -940,6 +942,10 @@ const TemplatePlaceholder = () => {
role.Id === roleId ? { ...role, Role: event.target.value } : role
);
setSignersData(updatedRoles);
const updatedPlaceholder = signerPos.map((role) =>
role.Id === roleId ? { ...role, Role: event.target.value } : role
);
setSignerPos(updatedPlaceholder);
setIsMailSend(false);
};
@@ -951,11 +957,10 @@ const TemplatePlaceholder = () => {
role.Id === roleId ? { ...role, Role: roleName } : role
);
setSignersData(updatedRoles);
// const updatedSignerPosition = signerPos.map((role) =>
// role.Id === roleId ? { ...role, Role: roleName } : role
// );
// console.log("updatedSignerPosition ", updatedSignerPosition)
// setSignerPos(updatedSignerPosition);
const updatedPlaceholder = signerPos?.map((role) =>
role.Id === roleId ? { ...role, Role: roleName } : role
);
setSignerPos(updatedPlaceholder);
}
};
@@ -964,12 +969,10 @@ const TemplatePlaceholder = () => {
};
const handleEditTemplateForm = (data) => {
console.log("data", data);
setIsEditTemplate(false);
const updateTemplate = pdfDetails.map((x) => {
return { ...x, ...data };
});
console.log("updateTemplate ", updateTemplate);
setPdfDetails(updateTemplate);
setIsMailSend(false);
};
@@ -978,8 +981,7 @@ const TemplatePlaceholder = () => {
setIsModalRole(false);
};
console.log("pdfDetails ", pdfDetails);
console.log("signerPos ", signerPos);
return (
<div>
<Title title={"Template"} />
@@ -1014,7 +1016,7 @@ const TemplatePlaceholder = () => {
setPageNumber={setPageNumber}
setSignBtnPosition={setSignBtnPosition}
pageNumber={pageNumber}
/>
/>
{/* pdf render view */}
<div
@@ -3,21 +3,20 @@ import "../../css/AddUser.css";
// import SelectFolder from "../../premitives/SelectFolder";
const EditTemplate = ({ template, onSuccess }) => {
const [folder, setFolder] = useState({ ObjectId: "", Name: "" });
// const [folder, setFolder] = useState({ ObjectId: "", Name: "" });
const [formData, setFormData] = useState({
Name: template?.Name || "",
Note: template?.Note || "",
Description: template?.Description || ""
});
console.log("template", template);
const handleStrInput = (e) => {
setFormData({ ...formData, [e.target.name]: e.target.value });
};
const handleFolder = (data) => {
console.log("handleFolder ", data)
setFolder(data);
};
// const handleFolder = (data) => {
// console.log("handleFolder ", data)
// setFolder(data);
// };
// Define a function to handle form submission
const handleSubmit = async (e) => {
@@ -78,18 +78,14 @@ function PlaceholderCopy(props) {
}else{
filterSignerPosition = signerPosition.filter((item)=> item.Id === signerId)
}
console.log("filterSignerPosition ", filterSignerPosition)
//get current pagenumber's all placeholder position data
const placeholderPosition = filterSignerPosition[0].placeHolder.filter(
(data) => data.pageNumber === props.pageNumber
);
console.log("placeholderPosition ", placeholderPosition)
console.log("props.signKey ", props.signKey)
//get current placeholder position data which user want to copy
const currentPlaceholder = placeholderPosition[0].pos.filter(
(position) => position.key === props.signKey
);
console.log("currentPlaceholder ", currentPlaceholder)
const { key, ...rest } = currentPlaceholder[0];
for (let i = 0; i < props.allPages; i++) {
const newId = randomKey();
@@ -310,7 +310,6 @@ function RenderPdf({
<i
className="fa-regular fa-copy signCopy"
onClick={(e) => {
console.log("hello console");
e.stopPropagation();
setIsPageCopy(true);
setSignKey(pos.key);
@@ -738,7 +737,6 @@ function RenderPdf({
);
}}
onTouchEnd={(e) => {
console.log("go here");
if (!isDragging && isMobile) {
setTimeout(() => {
e.stopPropagation();
@@ -753,7 +751,6 @@ function RenderPdf({
<PlaceholderBorder pos={pos} />
<div
onTouchEnd={(e) => {
console.log("go here");
if (!isDragging && isMobile) {
setTimeout(() => {
e.stopPropagation();
@@ -1131,7 +1128,6 @@ function RenderPdf({
onClick={(e) => {
e.stopPropagation();
setIsPageCopy(true);
console.log("pos.key) ", pos.key)
setSignKey(pos.key);
setUniqueId(data.Id)
setSignerObjId(
@@ -1,4 +1,4 @@
import React, { useState } from "react";
import React, { useRef, useState } from "react";
import { themeColor } from "../../utils/ThemeColor/backColor";
import "../../css/signerListPlace.css";
@@ -48,6 +48,7 @@ function SignerListPlace({
const [isHover, setIsHover] = useState();
const [isEdit, setIsEdit] = useState(false);
//function for onhover signer name change background color
const inputRef = useRef(null);
const onHoverStyle = (ind, blockColor) => {
const style = {
background: blockColor ? blockColor : color[ind % color.length],
@@ -201,6 +202,7 @@ function SignerListPlace({
>
{isEdit?.[obj.Id] && handleRoleChange ? (
<input
ref={inputRef}
style={{
backgroundColor: "transparent",
width: "inherit"
@@ -211,6 +213,12 @@ function SignerListPlace({
setIsEdit({});
handleOnBlur(obj.Role, obj.Id);
}}
onKeyDown={(e) => {
if (e.key === "Enter") {
e.preventDefault();
inputRef.current.blur();
}
}}
/>
) : (
obj.Role
@@ -912,7 +912,6 @@ function PlaceHolderSign() {
setIsAddUser({ [id]: true });
};
const handleAddUser = (data) => {
// console.log("hello", data);
const signerPtr = {
__type: "Pointer",
className: "contracts_Contactbook",