diff --git a/assets/sidebar/portrait.png b/assets/sidebar/portrait.png index ac5b9e9..51171c0 100644 Binary files a/assets/sidebar/portrait.png and b/assets/sidebar/portrait.png differ diff --git a/package.json b/package.json index f966d78..6798e84 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "javascript-samples", - "version": "12.1.12", + "version": "13.1.26", "description": "", "author": "", "license": "ISC", @@ -32,15 +32,15 @@ "gulp4-run-sequence": "1.0.1", "shelljs": "^0.8.4", "typo-js": "1.0.3", - "webpack": "5.97.1", + "webpack": "5.106.1", "webpack-cli": "6.0.1", "webpack-dev-server": "5.2.1", "webpack-stream": "7.0.0" }, "dependencies": { "@babel/polyfill": "7.2.5", - "@boldreports/javascript-reporting-controls": "12.1.12", - "@boldreports/javascript-reporting-extensions": "12.1.12", + "@boldreports/javascript-reporting-controls": "13.1.26", + "@boldreports/javascript-reporting-extensions": "13.1.26", "codemirror": "5.58.2", "hasher": "1.2.0", "jquery": "3.6.0", diff --git a/src/common/index.js b/src/common/index.js index 9b34534..9d1c911 100644 --- a/src/common/index.js +++ b/src/common/index.js @@ -20,6 +20,54 @@ import '@boldreports/javascript-reporting-controls/Scripts/v2.0/localization/l10 import '@boldreports/javascript-reporting-controls/Scripts/v2.0/localization/l10n/ej.localetexts.he-IL.min.js'; import '@boldreports/javascript-reporting-controls/Scripts/v2.0/localization/l10n/ej.localetexts.ru-RU.min.js'; + + +//barcode +import '../../build/templates/extensions/report-item-extensions/barcode.reportitem.css'; +import { EJBarcode } from '../../build/templates/extensions/report-item-extensions/barcode.reportitem'; +import { EJQRBarcode } from '../../build/templates/extensions/report-item-extensions/qrbarcode.reportitem'; + +//Document +import '../../build/templates/extensions/report-item-extensions/document.reportitem.css'; +import { EJPdfDocument } from '../../build/templates/extensions/report-item-extensions/pdfdocument.reportitem'; +import { EJHtmlDocument } from '../../build/templates/extensions/report-item-extensions/htmldocument.reportitem'; + +//signature +import '../../build/templates/extensions/report-item-extensions/signature.reportitem.css'; +import '../../build/templates/extensions/report-item-extensions/signature.dialog.css'; +import { EJSignature } from '../../build/templates/extensions/report-item-extensions/signature.reportitem'; +import { SignatureDialog } from '../../build/templates/extensions/report-item-extensions/signature.dialog'; + +//shape +import '../../build/templates/extensions/report-item-extensions/shape.reportitem.css'; +import { EJShape } from '../../build/templates/extensions/report-item-extensions/shape.reportitem'; + +//PDF signature +import '../../build/templates/extensions/report-item-extensions/pdf.signature.reportitem.css'; +import { EJPDFSignature } from '../../build/templates/extensions/report-item-extensions/pdf.signature.reportitem'; + +let barcode = 'EJBarcode'; +let qrBarcode = 'EJQRBarcode'; +window[barcode] = EJBarcode; +window[qrBarcode] = EJQRBarcode; + +let signature = 'EJSignature'; +let signatureDialog = 'SignatureDialog'; +window[signature] = EJSignature; +window[signatureDialog] = SignatureDialog; + +let shape = 'EJShape'; +window[shape] = EJShape; + +let pdfDocument = 'EJPdfDocument'; +let htmlDocument = 'EJHtmlDocument'; +window[pdfDocument] = EJPdfDocument; +window[htmlDocument] = EJHtmlDocument; + +let pdfSignature = 'EJPDFSignature'; +window[pdfSignature] = EJPDFSignature; + + //globals import './../controls/globals'; diff --git a/src/common/main-content/main-content.css b/src/common/main-content/main-content.css index b1a9c69..3e05d95 100644 --- a/src/common/main-content/main-content.css +++ b/src/common/main-content/main-content.css @@ -1,6 +1,12 @@ -.ej-main-body-content { +.ej-main-child-content{ background-color: #fafafa; } +.ej-main-body-content { + height:100%; + display: flex; + flex-direction: column; + justify-content: space-evenly; +} .ej-main-body-content #parentTabContainer { border: 1px solid #D7D7D7; @@ -210,7 +216,8 @@ color: #283A5E; margin: 30px 0px; width: 100%; - height: 121px; + height: 121px; + flex-shrink: 0; } .header { diff --git a/src/common/sidebar/sidebar.css b/src/common/sidebar/sidebar.css index ea4c63b..5f5aef3 100644 --- a/src/common/sidebar/sidebar.css +++ b/src/common/sidebar/sidebar.css @@ -52,7 +52,7 @@ width: 90px; margin: 8px; background-image: url('./../../../assets/sidebar/portrait.png'); - background-size: 100% 2200%; + background-size: 100% 2300%; } .ej-sidebar-content .ej-sb-toc .ej-sb-toc-card .ej-sb-toc-title { diff --git a/src/controls/nda-report/nda-report.html b/src/controls/nda-report/nda-report.html new file mode 100644 index 0000000..dc6b4f2 --- /dev/null +++ b/src/controls/nda-report/nda-report.html @@ -0,0 +1,15 @@ +
+
+

The report demonstrates the PDF digital signature functionality in a Non-Disclosure Agreement (NDA) document. It + highlights secure signing and verification features for professional agreements.

+ +

+ More information about the PDF signature report item can be found in this documentation section. +

+
\ No newline at end of file diff --git a/src/controls/nda-report/nda-report.js b/src/controls/nda-report/nda-report.js new file mode 100644 index 0000000..da1cad4 --- /dev/null +++ b/src/controls/nda-report/nda-report.js @@ -0,0 +1,14 @@ +/** + * NDA Report - This demo showcases the integration of PDF digital signature in a Non-Disclosure Agreement (NDA) report. + */ + $(function () { + $("#container").boldReportViewer({ + // Specifies the report Web API service URL. It is used to process the reports. + reportServiceUrl: window.Globals.SERVICE_URL, + // Specifies the path of the RDL report file + reportPath: 'nda-report.rdl', + toolbarSettings: window.Globals.TOOLBAR_OPTIONS, + toolBarItemClick: window.Globals.EDIT_REPORT, + exportItemClick: window.Globals.EXPORT_ITEM_CLICK + }); +}); diff --git a/src/controls/samples.json b/src/controls/samples.json index a579e08..18571ad 100644 --- a/src/controls/samples.json +++ b/src/controls/samples.json @@ -7,7 +7,8 @@ "paystub", "powerpoint", "cmr", - "infographics" + "infographics", + "nda" ], "otherPlatforms": { "Angular": "angular/#/", @@ -25,7 +26,7 @@ ], "freeTrialUrl": "https://app.boldid.net/register/reports/enterprise?evaluation=v2&leadsource=demos.boldreports.com&gclid=&referrerroriginurl=https://demos.boldreports.com/pricing&secondaryreferraloriginurl=https://demos.boldreports.com/&host=server&quantity=1" }, - "copyrightYear": "2025", + "copyrightYear": "2026", "samples": [ { "routerPath": "product-line-sales", @@ -490,7 +491,6 @@ "sampleName": "HR Payroll", "basePath": "report-viewer", "directoryName": "hr-payroll", - "status": "New", "imageDetails": { "isLandscape": false, "index": 20 @@ -498,6 +498,19 @@ "metaData": { "description": "This demo showcases an HR Payroll report showing salaries, deductions, demographics, and performance insights in JavaScript Bold Report Viewer." } + }, + { + "routerPath": "nda-report", + "sampleName": "NDA Report", + "directoryName": "nda-report", + "basePath": "report-viewer", + "imageDetails": { + "isLandscape": false, + "index": 21 + }, + "metaData": { + "description": "This demo showcases the PDF digital signature functionality in a Non-Disclosure Agreement (NDA) document in JavaScript Bold Report Viewer." + } } ] }