From c3bccb5412f9980d76449ee6c0a30aa79b4af684 Mon Sep 17 00:00:00 2001
From: prafull-opensignlabs <prafull.navkar@nxglabs.com>
Date: Tue, 26 Dec 2023 09:27:50 +0530
Subject: [PATCH] show role name in placeholder

---
 apps/OpenSign/public/version.txt                 |  1 -
 .../src/Component/TemplatePlaceholder.js         |  6 ++++++
 .../src/Component/component/AddRoleModal.js      |  4 ++--
 .../src/Component/component/renderPdf.js         | 16 +++++++++++++++-
 4 files changed, 23 insertions(+), 4 deletions(-)

diff --git a/apps/OpenSign/public/version.txt b/apps/OpenSign/public/version.txt
index 565fe9c82..e69de29bb 100644
--- a/apps/OpenSign/public/version.txt
+++ b/apps/OpenSign/public/version.txt
@@ -1 +0,0 @@
-v1.0.7-beta
diff --git a/microfrontends/SignDocuments/src/Component/TemplatePlaceholder.js b/microfrontends/SignDocuments/src/Component/TemplatePlaceholder.js
index fa794e82c..87529cece 100644
--- a/microfrontends/SignDocuments/src/Component/TemplatePlaceholder.js
+++ b/microfrontends/SignDocuments/src/Component/TemplatePlaceholder.js
@@ -937,6 +937,11 @@ 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);
     }
   };
 
@@ -1027,6 +1032,7 @@ const TemplatePlaceholder = () => {
                       height: "1px",
                       backgroundColor: "#9f9f9f",
                       width: "100%",
+                      marginTop: "15px",
                       marginBottom: "15px"
                     }}
                   ></div>
diff --git a/microfrontends/SignDocuments/src/Component/component/AddRoleModal.js b/microfrontends/SignDocuments/src/Component/component/AddRoleModal.js
index 69c5fb36f..ebb66bad4 100644
--- a/microfrontends/SignDocuments/src/Component/component/AddRoleModal.js
+++ b/microfrontends/SignDocuments/src/Component/component/AddRoleModal.js
@@ -27,10 +27,10 @@ const AddRoleModal = (props) => {
             style={{
               color: "grey",
               fontSize: 11,
-              margin: "2px 0 10px 5px"
+              margin: "10px 0 10px 5px"
             }}
           >
-            e.g: Account, Hr, Director, Manager, New joinee etc...
+            e.g: Hr, Director, Manager, New joinee, Accountant, etc...
           </p>
           <div>
             <div
diff --git a/microfrontends/SignDocuments/src/Component/component/renderPdf.js b/microfrontends/SignDocuments/src/Component/component/renderPdf.js
index 6c13b259d..ecf188df1 100644
--- a/microfrontends/SignDocuments/src/Component/component/renderPdf.js
+++ b/microfrontends/SignDocuments/src/Component/component/renderPdf.js
@@ -119,7 +119,6 @@ function RenderPdf({
       }
     }
   };
-
   //function for render placeholder block over pdf document
   const checkSignedSignes = (data) => {
     const checkSign = signedSigners.filter(
@@ -412,6 +411,9 @@ function RenderPdf({
                                     }}
                                   >
                                     {pos.isStamp ? "stamp" : "signature"}
+                                    {data.Role  && (<p style={{color:"black"}} onClick={()=> console.log("pos ", pos)}> 
+                                              {data.Role}
+                                            </p>)}
                                   </div>
                                 )}
                               </Rnd>
@@ -579,6 +581,9 @@ function RenderPdf({
                                             {pos.isStamp
                                               ? "stamp"
                                               : "signature"}
+                                            {data.Role  && (<p style={{color:"black"}} onClick={()=> console.log("pos ", pos)}> 
+                                              {data.Role}
+                                            </p>)}
                                           </div>
                                         </div>
                                       </Rnd>
@@ -702,6 +707,9 @@ function RenderPdf({
                                           }}
                                         >
                                           {pos.isStamp ? "stamp" : "signature"}
+                                          {data.Role  && (<p style={{color:"black"}} onClick={()=> console.log("pos ", pos)}> 
+                                              {data.Role}
+                                            </p>)}
                                         </div>
                                       )}
                                     </div>
@@ -876,6 +884,9 @@ function RenderPdf({
                                         }}
                                       >
                                         {pos.isStamp ? "stamp" : "signature"}
+                                        {data.Role  && (<p style={{color:"black"}} onClick={()=> console.log("pos ", pos)}> 
+                                              {data.Role}
+                                        </p>)}
                                       </div>
                                     )}
                                   </div>
@@ -1058,6 +1069,9 @@ function RenderPdf({
                                               {pos.isStamp
                                                 ? "stamp"
                                                 : "signature"}
+                                            {data.Role  && (<p style={{color:"black"}} onClick={()=> console.log("pos ", pos)}> 
+                                              {data.Role}
+                                            </p>)}
                                             </div>
                                           </div>
                                         </Rnd>