updated tabs

Author: RomanBachaloSigmaSoftware

lib/eSignature/controllers/eg038ResponsiveSigning.js

@@ -43,6 +43,7 @@ const dsPingUrl = dsConfig.appUrl + '/'; // Url that will be pinged by the DocuS
         ccEmail: validator.escape(body.ccEmail),
         ccName: validator.escape(body.ccName),
         status: 'sent',
+        signerClientId: 1000,
         docFile: path.resolve(demoDocsPath, docFile),
         dsReturnUrl: dsReturnUrl,
         dsPingUrl: dsPingUrl

lib/eSignature/examples/responsiveSigning.js

@@ -59,80 +59,60 @@ function makeEnvelope(args) {
   // args.ccName
   // args.status
 
-  // document (html) has tag **signature_1**
+  // document (html) has tag /sn1/
   //
   // The envelope has two recipients.
   // recipient 1 - signer
   // recipient 2 - cc
   // The envelope will be sent first to the signer.
   // After it is signed, a copy is sent to the cc person.
 
-  // create the envelope definition
-  let env = new docusign.EnvelopeDefinition();
-  env.emailSubject = "Example Signing Document";
-
-  // add the document
-  
-  let htmlDefinition = new docusign.DocumentHtmlDefinition();
-  htmlDefinition.source = getHTMLDocument(args);
-  
-  let document = new docusign.Document();
-  document.name = "doc1.html"; // can be different from actual file name
-  document.documentId = "1"; // a label used to reference the doc
-  document.htmlDefinition = htmlDefinition;
-
-  // The order in the docs array determines the order in the envelope
-  env.documents = [document];
-
   // create a signer recipient to sign the document, identified by name and email
   // We're setting the parameters via the object constructor
   let signer = docusign.Signer.constructFromObject({
     email: args.signerEmail,
     name: args.signerName,
+    clientUserId: args.signerClientId,
     recipientId: "1",
     routingOrder: "1",
+    roleName: "Signer",
   });
   // routingOrder (lower means earlier) determines the order of deliveries
   // to the recipients. Parallel routing order is supported by using the
   // same integer as the order for two or more recipients.
 
   // create a cc recipient to receive a copy of the documents, identified by name and email
   // We're setting the parameters via setters
-  let cc = new docusign.CarbonCopy();
-  cc.email = args.ccEmail;
-  cc.name = args.ccName;
-  cc.routingOrder = "2";
-  cc.recipientId = "2";
-
-  // Create signHere fields (also known as tabs) on the documents
-  let signHere = docusign.SignHere.constructFromObject({
-      stampType: "signature",
-      name: "SignHere",
-      tabLabel: "signatureTab",
-      scaleValue: "1",
-      optional: "false",
-      documentId: "1",
-      recipientId: "1",
-      pageNumber: "1",
-      xPosition: "143",
-      yPosition: "440"
-    });
-
-  // Tabs are set per recipient / signer
-  let signerTabs = docusign.Tabs.constructFromObject({
-    signHereTabs: [signHere],
+  let cc = new docusign.CarbonCopy.constructFromObject({
+    email: args.ccEmail,
+    name: args.ccName,
+    routingOrder: "2",
+    recipientId: "2",
   });
-  signer.tabs = signerTabs;
-
+  
   // Add the recipients to the envelope object
   let recipients = docusign.Recipients.constructFromObject({
     signers: [signer],
     carbonCopies: [cc],
   });
-  env.recipients = recipients;
+
+  // add the document
 
-  env.status = args.status;
+  let htmlDefinition = new docusign.DocumentHtmlDefinition();
+  htmlDefinition.source = getHTMLDocument(args);
+
+  let document = new docusign.Document();
+  document.name = "doc1.html"; // can be different from actual file name
+  document.documentId = "1"; // a label used to reference the doc
+  document.htmlDefinition = htmlDefinition;
 
+  // create the envelope definition
+  let env = new docusign.EnvelopeDefinition();
+  env.emailSubject = "Example Signing Document";
+  env.documents = [document];
+  env.recipients = recipients;
+  env.status = args.status;
+  
   return env;
 }
 
@@ -159,7 +139,10 @@ function getHTMLDocument(args) {
     .replace("{signerName}", args.signerName)
     .replace("{signerEmail}", args.signerEmail)
     .replace("{ccName}", args.ccName)
-    .replace("{ccEmail}", args.ccEmail);
+    .replace("{ccEmail}", args.ccEmail)
+    .replace("/sn1/", "<ds-signature data-ds-role=\"Signer\"/>")
+    .replace("/l1q/", "<input data-ds-type=\"number\"/>")
+    .replace("/l2q/", "<input data-ds-type=\"number\"/>");
 }
 
 function makeRecipientViewRequest(args) {