update dynamic table

Author: RomanBachaloSigmaSoftware

lib/eSignature/controllers/eg042DocumentGeneration.js

@@ -45,6 +45,7 @@ eg042DocumentGeneration.createController = async (req, res) => {
     managerName: validator.escape(body.manager_name),
     jobTitle: validator.escape(body.job_title),
     salary: validator.escape(body.salary),
+    rsus: validator.escape(body.rsus),
     startDate: validator.escape(body.start_date),
     docFile: path.resolve(demoDocsPath, docFile),
   };

lib/eSignature/examples/documentGeneration.js

@@ -133,7 +133,7 @@ const recipientTabs = () => {
   });
 
   const dateSigned = docusign.DateSigned.constructFromObject({
-    anchorString: 'Date',
+    anchorString: 'Date Signed',
     anchorUnits: 'pixels',
     anchorYOffset: '-22'
   });
@@ -181,6 +181,7 @@ const makeEnvelope = (templateId, args) => {
  */
 //ds-snippet-start:eSign42Step7
 const formFields = (documentId, args) => {
+  const bonusValue = '20%';
   const docGenFormFieldRequest = {
     docGenFormFields: [
       {
@@ -202,36 +203,48 @@ const formFields = (documentId, args) => {
             name: 'Start_Date',
             value: args.startDate
           }),
-          {
+          docusign.DocGenFormField.constructFromObject({
             name: 'Compensation_Package',
             type: 'TableRow',
             rowValues: [
-              {
+              docusign.DocGenFormFieldRowValue.constructFromObject({
                 docGenFormFieldList: [
-                  {
+                  docusign.DocGenFormField.constructFromObject({
                     name: 'Compensation_Component',
                     value: 'Salary'
-                  },
-                  {
+                  }),
+                  docusign.DocGenFormField.constructFromObject({
                     name: 'Details',
-                    value: args.salary
-                  }
+                    value: `$${args.salary}`
+                  })
                 ]
-              },
-              {
+              }),
+              docusign.DocGenFormFieldRowValue.constructFromObject({
                 docGenFormFieldList: [
-                  {
+                  docusign.DocGenFormField.constructFromObject({
                     name: 'Compensation_Component',
                     value: 'Bonus'
-                  },
-                  {
+                  }),
+                  docusign.DocGenFormField.constructFromObject({
+                    name: 'Details',
+                    value: bonusValue
+                  })
+                ]
+              }),
+              docusign.DocGenFormFieldRowValue.constructFromObject({
+                docGenFormFieldList: [
+                  docusign.DocGenFormField.constructFromObject({
+                    name: 'Compensation_Component',
+                    value: 'RSUs'
+                  }),
+                  docusign.DocGenFormField.constructFromObject({
                     name: 'Details',
-                    value: 'You will be eligible for a bonus of up to 20 percent based on your performance.'
-                  }
+                    value: args.rsus
+                  })
                 ]
-              }
+              })
             ]
-          }
+          })
         ]
       }
     ]

package-lock.json

@@ -34,7 +34,7 @@
     "csurf": "^1.11.0",
     "docusign-admin": "^2.3.0",
     "docusign-click": "^2.2.0",
-    "docusign-esign": "^6.5.1",
+    "docusign-esign": "^6.6.0-rc2",
     "docusign-monitor": "^2.1.0",
     "docusign-rooms": "^2.0.0",
     "docusign-webforms": "^1.0.0",

package.json

@@ -2,42 +2,56 @@
 
 <%- include("../../partials/exampleInfo") %>
 
+<% var form_index = 0 %>
+<% var candidate_email_index = 0 %>
+<% var candidate_name_index = 1 %>
+<% var manager_name_index = 2 %>
+<% var job_title_index = 3 %>
+<% var salary_index = 4 %>
+<% var start_date_index = 5 %>
+<% var rsus_index = 6 %>
+
 <form class="eg" action="" method="post" data-busy="form">
-  <% if(example.Forms && example.Forms[0].FormName) { %>
-    <%- example.Forms[0].FormName %>
+  <% if(example.Forms && example.Forms[form_index].FormName) { %>
+    <%- example.Forms[form_index].FormName %>
   <% } %>
 
   <div class="form-group">
-    <label for="candidate_email"><%= example.Forms[0].Inputs[0].InputName %></label>
+    <label for="candidate_email"><%= example.Forms[form_index].Inputs[candidate_email_index].InputName %></label>
     <input type="email" class="form-control" id="candidate_email" name="candidate_email"
-           aria-describedby="emailHelp" placeholder="<%= example.Forms[0].Inputs[0].InputPlaceholder %>" required>
+           aria-describedby="emailHelp" placeholder="<%= example.Forms[form_index].Inputs[candidate_email_index].InputPlaceholder %>" required>
     <small id="emailHelp" class="form-text text-muted"><%= locals.manifest.SupportingTexts.HelpingTexts.EmailWontBeShared %></small>
   </div>
   <div class="form-group">
-    <label for="candidate_name"><%= example.Forms[0].Inputs[1].InputName %></label>
-    <input type="text" class="form-control" id="candidate_name" placeholder="<%= example.Forms[0].Inputs[1].InputPlaceholder %>" name="candidate_name"
+    <label for="candidate_name"><%= example.Forms[form_index].Inputs[candidate_name_index].InputName %></label>
+    <input type="text" class="form-control" id="candidate_name" placeholder="<%= example.Forms[form_index].Inputs[candidate_name_index].InputPlaceholder %>" name="candidate_name"
            required>
   </div>
   <div class="form-group">
-    <label for="manager_name"><%= example.Forms[0].Inputs[2].InputName %></label>
+    <label for="manager_name"><%= example.Forms[form_index].Inputs[manager_name_index].InputName %></label>
     <input type="text" class="form-control" id="manager_name" name="manager_name"
-           aria-describedby="emailHelp" placeholder="<%= example.Forms[0].Inputs[2].InputPlaceholder %>" required>
+           aria-describedby="emailHelp" placeholder="<%= example.Forms[form_index].Inputs[manager_name_index].InputPlaceholder %>" required>
   </div>
   <div class="form-group">
-    <label for="job_title"><%= example.Forms[0].Inputs[3].InputName %></label>
+    <label for="job_title"><%= example.Forms[form_index].Inputs[job_title_index].InputName %></label>
     <select class="form-control" id="job_title" name="job_title">
       <option value="Software Engineer">Software Engineer</option>
       <option value="Account Executive">Account Executive</option>
     </select>
   </div>
   <div class="form-group">
-    <label for="salary"><%= example.Forms[0].Inputs[4].InputName %></label>
-    <input type="text" class="form-control" id="salary" placeholder="<%= example.Forms[0].Inputs[4].InputPlaceholder %>" name="salary"
+    <label for="salary"><%= example.Forms[form_index].Inputs[salary_index].InputName %></label>
+    <input type="text" class="form-control" id="salary" placeholder="<%= example.Forms[form_index].Inputs[salary_index].InputPlaceholder %>" name="salary"
            required>
+  </div>  
+  <div class="form-group">
+    <label for="rsus"><%= example.Forms[form_index].Inputs[rsus_index].InputName %></label>
+    <input type="number" class="form-control" id="rsus" placeholder="<%= example.Forms[form_index].Inputs[rsus_index].InputPlaceholder %>" name="rsus"
+           min="0" required>
   </div>
   <div class="form-group">
-    <label for="start_date"><%= example.Forms[0].Inputs[5].InputName %></label>
-    <input type="date" class="form-control" id="start_date" placeholder="<%= example.Forms[0].Inputs[5].InputPlaceholder %>" name="start_date"
+    <label for="start_date"><%= example.Forms[form_index].Inputs[start_date_index].InputName %></label>
+    <input type="date" class="form-control" id="start_date" placeholder="<%= example.Forms[form_index].Inputs[start_date_index].InputPlaceholder %>" name="start_date"
            required>
   </div>