WEBDIENSTE/OpenSign
1
0
Fork 0
mirror of https://github.com/OpenSignLabs/OpenSign.git synced 2026-09-28 20:44:56 +02:00
Code Issues Packages Projects Releases Wiki Activity

add/Choose form to link user and ui changes

Browse Source
This commit is contained in:
prafull-opensignlabs
2023-12-21 21:40:42 +05:30
parent 4e67ab50fe
commit da42fe97ae
20 changed files with 1150 additions and 189 deletions
Download Patch File Download Diff File Expand all files Collapse all files
microfrontends/SignDocuments/src/Component/component/signerListPlace.js
+40 -16
View File
@@ -13,7 +13,8 @@ function SignerListPlace({
setUniqueId,
setRoleName,
handleDeleteUser,
handleRoleChange
handleRoleChange,
handleOnBlur
}) {
const color = [
"#93a3db",
@@ -45,7 +46,7 @@ function SignerListPlace({
"#cc9900"
];
const [isHover, setIsHover] = useState();
const [isEdit, setIsEdit] = useState(false);
//function for onhover signer name change background color
const onHoverStyle = (ind, blockColor) => {
const style = {
@@ -107,7 +108,7 @@ function SignerListPlace({
padding: "5px"
}}
>
<span className="signedStyle">Reicipents</span>
<span className="signedStyle">Recipients</span>
</div>
<div className="signerList">
@@ -183,24 +184,47 @@ function SignerListPlace({
}}
>
{obj.Name ? (
<span className="userName">{obj.Name}</span>
<span
className="userName"
style={{ cursor: "default" }}
>
{obj.Name}
</span>
) : (
<>
{handleRoleChange ? (
<span
className="userName"
contentEditable
onBlur={(e) => handleRoleChange(e, obj.Id)}
>
{obj.Role}
</span>
) : (
<span className="userName">{obj.Role}</span>
)}
<span
className="userName"
onClick={() => {
setIsEdit({ [obj.Id]: true });
setRoleName(obj.Role);
}}
>
{isEdit?.[obj.Id] && handleRoleChange ? (
<input
style={{
backgroundColor: "transparent",
width: "inherit"
}}
value={obj.Role}
onChange={(e) => handleRoleChange(e, obj.Id)}
onBlur={() => {
setIsEdit({});
handleOnBlur(obj.Role, obj.Id);
}}
/>
) : (
obj.Role
)}
</span>
</>
)}
{obj.Email && (
<span className="useEmail">{obj.Email}</span>
<span
className="useEmail"
style={{ cursor: "default" }}
>
{obj.Email}
</span>
)}
</div>
</div>