WEBDIENSTE/OpenSign
1
0
Fork 0
mirror of https://github.com/OpenSignLabs/OpenSign.git synced 2026-08-26 17:42:33 +02:00
Code Issues Packages Projects Releases Wiki Activity

add functionality of add placholder in template

Browse Source
This commit is contained in:
prafull-opensignlabs
2023-12-15 19:01:05 +05:30
parent f65b23ca26
commit 3e741ac2f9
14 changed files with 1442 additions and 204 deletions
Download Patch File Download Diff File Expand all files Collapse all files
microfrontends/SignDocuments/src/Component/component/fieldsComponent.js
+40 -42
View File
@@ -32,12 +32,12 @@ function FieldsComponent({
setIsShowEmail,
isMailSend,
selectedEmail,
setSelectedEmail,
setSelectedEmail
}) {
const signStyle = pdfUrl ? "disableSign" : "signatureBtn";
const isMobile = window.innerWidth <767;
const isMobile = window.innerWidth < 767;
const SelectItem = React.forwardRef(
({ children, className, ...props }, forwardedRef) => {
return (
@@ -65,7 +65,7 @@ function FieldsComponent({
"#cc99ff",
"#ffcc99",
"#66ccff",
"#ffffcc",
"#ffffcc"
];
return (
@@ -88,7 +88,7 @@ function FieldsComponent({
padding: "10px 20px",
display: "flex",
alignItems: "center",
justifyContent: "center",
justifyContent: "center"
}}
>
<span style={{ fontSize: "18px", fontWeight: "500" }}>
@@ -107,30 +107,29 @@ function FieldsComponent({
}}
>
<Select.Trigger
className={selectedEmail ? "selectEmail": "SelectTrigger"}
className={selectedEmail ? "selectEmail" : "SelectTrigger"}
style={{
background: isSelectListId
? color[isSelectListId % color.length]
: color[0],
: color[0]
}}
aria-label="Food"
>
<Select.Value
placeholder="Select signer.." />
{!selectedEmail &&
<Select.Icon className="SelectIcon">
<i
style={{
marginTop: "5px",
marginLeft: "5px",
color: "#3b15d1",
fontSize: "20px",
}}
className="fa fa-angle-down"
aria-hidden="true"
></i>
</Select.Icon>}
<Select.Value placeholder="Select signer.." />
{!selectedEmail && (
<Select.Icon className="SelectIcon">
<i
style={{
marginTop: "5px",
marginLeft: "5px",
color: "#3b15d1",
fontSize: "20px"
}}
className="fa fa-angle-down"
aria-hidden="true"
></i>
</Select.Icon>
)}
</Select.Trigger>
<Select.Portal>
<Select.Content
@@ -143,7 +142,7 @@ function FieldsComponent({
marginTop: "5px",
marginLeft: "5px",
color: "#3b15d1",
fontSize: "20px",
fontSize: "20px"
}}
className="fa fa-angle-down"
aria-hidden="true"
@@ -151,7 +150,7 @@ function FieldsComponent({
</Select.ScrollUpButton>
<Select.Viewport className="SelectViewport">
<Select.Group>
{signersdata.Signers.map((obj, ind) => {
{signersdata.map((obj, ind) => {
return (
<SelectItem
selected
@@ -175,7 +174,7 @@ function FieldsComponent({
marginTop: "5px",
marginLeft: "5px",
color: "#3b15d1",
fontSize: "20px",
fontSize: "20px"
}}
className="fa fa-angle-down"
aria-hidden="true"
@@ -221,7 +220,7 @@ function FieldsComponent({
backgroundSize: "70% 70%",
backgroundRepeat: "no-repeat",
backgroundPosition: "center center",
paddingBottom: "2.2rem",
paddingBottom: "2.2rem"
}}
>
{/* <img
@@ -238,7 +237,7 @@ function FieldsComponent({
color: "white",
fontSize: "12px",
position: "relative",
top: "2.6rem",
top: "2.6rem"
}}
>
Signature
@@ -261,7 +260,7 @@ function FieldsComponent({
backgroundSize: "32px 33px",
backgroundRepeat: "no-repeat",
backgroundPosition: "center center",
paddingBottom: "2.2rem",
paddingBottom: "2.2rem"
}}
>
<span
@@ -269,7 +268,7 @@ function FieldsComponent({
color: "white",
fontSize: "12px",
position: "relative",
top: "2.6rem",
top: "2.6rem"
}}
>
Stamp
@@ -283,8 +282,7 @@ function FieldsComponent({
<div
style={{
background: themeColor(),
padding: "5px",
padding: "5px"
}}
>
<span className="signedStyle">Fields</span>
@@ -299,7 +297,7 @@ function FieldsComponent({
fontWeight: "400",
fontSize: "15px",
padding: "3px 20px 0px 20px",
color: "#bfbfbf",
color: "#bfbfbf"
}}
>
Signature
@@ -310,7 +308,7 @@ function FieldsComponent({
style={{
width: "30px",
height: "28px",
background: "#d3edeb",
background: "#d3edeb"
}}
src={sign}
/>
@@ -321,7 +319,7 @@ function FieldsComponent({
fontWeight: "400",
fontSize: "15px",
padding: "3px 0px 0px 35px",
color: "#bfbfbf",
color: "#bfbfbf"
}}
>
Stamp
@@ -332,7 +330,7 @@ function FieldsComponent({
style={{
width: "25px",
height: "28px",
background: "#d3edeb",
background: "#d3edeb"
}}
src={stamp}
/>
@@ -355,7 +353,7 @@ function FieldsComponent({
style={{
opacity: isDragSign ? 0.5 : 1,
boxShadow:
"0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.18)",
"0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.18)"
}}
>
<span
@@ -363,7 +361,7 @@ function FieldsComponent({
fontWeight: "400",
fontSize: "15px",
padding: "3px 20px 0px 20px",
color: "black",
color: "black"
}}
>
Signature
@@ -373,7 +371,7 @@ function FieldsComponent({
style={{
width: "30px",
height: "28px",
background: themeColor(),
background: themeColor()
}}
src={sign}
/>
@@ -393,7 +391,7 @@ function FieldsComponent({
style={{
opacity: isDragStamp ? 0.5 : 1,
boxShadow:
"0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.18)",
"0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.18)"
}}
>
<span
@@ -401,7 +399,7 @@ function FieldsComponent({
fontWeight: "400",
fontSize: "15px",
padding: "3px 0px 0px 35px",
color: !pdfUrl ? "black" : "#bfbfbf",
color: !pdfUrl ? "black" : "#bfbfbf"
}}
>
Stamp
@@ -412,7 +410,7 @@ function FieldsComponent({
style={{
width: "25px",
height: "28px",
background: themeColor(),
background: themeColor()
}}
src={stamp}
/>