mirror of
https://github.com/OpenSignLabs/OpenSign.git
synced 2026-08-26 09:32:37 +02:00
resolve delete user not working properly with placholder
This commit is contained in:
@@ -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",
|
||||
|
||||
Reference in New Issue
Block a user