diff --git a/package.json b/package.json index d9f5ad1..f9b9259 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "angular-samples", - "version": "12.1.12", + "version": "13.1.26", "scripts": { "test": "gulp test", "postinstall": "gulp copy", @@ -8,18 +8,18 @@ "serve": "gulp serve" }, "dependencies": { - "@angular/animations": "21.1.0", - "@angular/common": "21.1.0", - "@angular/compiler": "21.1.0", - "@angular/core": "21.1.0", - "@angular/forms": "21.1.0", - "@angular/platform-browser": "21.1.0", - "@angular/platform-browser-dynamic": "21.1.0", - "@angular/router": "21.1.0", - "@boldreports/angular-reporting-components": "12.1.12", - "@boldreports/javascript-reporting-controls": "12.1.12", - "@boldreports/javascript-reporting-extensions": "12.1.12", - "@boldreports/types": "12.1.12", + "@angular/animations": "21.2.8", + "@angular/common": "21.2.8", + "@angular/compiler": "21.2.8", + "@angular/core": "21.2.8", + "@angular/forms": "21.2.8", + "@angular/platform-browser": "21.2.8", + "@angular/platform-browser-dynamic": "21.2.8", + "@angular/router": "21.2.8", + "@boldreports/angular-reporting-components": "13.1.26", + "@boldreports/javascript-reporting-controls": "13.1.26", + "@boldreports/javascript-reporting-extensions": "13.1.26", + "@boldreports/types": "13.1.26", "@syncfusion/ej2-angular-buttons": "22.2.5", "@syncfusion/ej2-angular-calendars": "22.2.5", "@syncfusion/ej2-angular-dropdowns": "22.2.5", @@ -36,9 +36,9 @@ "zone.js": "0.15.1" }, "devDependencies": { - "@angular-devkit/build-angular": "21.1.0", - "@angular/cli": "21.1.0", - "@angular/compiler-cli": "21.1.0", + "@angular-devkit/build-angular": "21.2.7", + "@angular/cli": "21.2.7", + "@angular/compiler-cli": "21.2.8", "@types/jasmine": "2.8.8", "@types/jasminewd2": "2.0.3", "@types/jquery": "3.3.29", diff --git a/src/app/common/app.component.scss b/src/app/common/app.component.scss index 5f38523..e1b87fd 100644 --- a/src/app/common/app.component.scss +++ b/src/app/common/app.component.scss @@ -16,6 +16,7 @@ transition: left 400ms ease; overflow-y: auto; overflow-x: hidden; + background-color: #FAFAFA; } .mobile-overlay{ diff --git a/src/app/common/main-content/main-content.component.scss b/src/app/common/main-content/main-content.component.scss index 3952066..83f4efb 100644 --- a/src/app/common/main-content/main-content.component.scss +++ b/src/app/common/main-content/main-content.component.scss @@ -1,5 +1,8 @@ .ej-main-body-content { - background-color: #FAFAFA; + height:100%; + display: flex; + flex-direction: column; + justify-content: space-evenly; #parentTabContainer { border: 1px solid #D7D7D7; @@ -197,7 +200,8 @@ color: #283A5E; margin: 30px 0px; width: 100%; - height: 121px; + height: 121px; + flex-shrink: 0; } .header { diff --git a/src/app/common/sidebar/sidebar.component.scss b/src/app/common/sidebar/sidebar.component.scss index 2b1ec48..8b355ec 100644 --- a/src/app/common/sidebar/sidebar.component.scss +++ b/src/app/common/sidebar/sidebar.component.scss @@ -55,7 +55,7 @@ width: 90px; margin: 8px; background-image: url('./../../../assets/sidebar/portrait.png'); - background-size: 100% 2200%; + background-size: 100% 2300%; } .ej-sb-toc-title { diff --git a/src/app/components/nda-report/nda-report.component.css b/src/app/components/nda-report/nda-report.component.css new file mode 100644 index 0000000..e69de29 diff --git a/src/app/components/nda-report/nda-report.component.html b/src/app/components/nda-report/nda-report.component.html new file mode 100644 index 0000000..837b3e2 --- /dev/null +++ b/src/app/components/nda-report/nda-report.component.html @@ -0,0 +1,18 @@ + + + +
+

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/app/components/nda-report/nda-report.component.ts b/src/app/components/nda-report/nda-report.component.ts new file mode 100644 index 0000000..65110a2 --- /dev/null +++ b/src/app/components/nda-report/nda-report.component.ts @@ -0,0 +1,25 @@ +/** + * NDA Reort - This demo showcases the integration of PDF digital signature in a Non-Disclosure Agreement (NDA) report. + */ + import { Component } from '@angular/core'; + import { Globals } from '../globals'; + @Component({ + selector: 'ej-sample', + templateUrl: './nda-report.component.html', + styleUrls: ['./nda-report.component.css'], + standalone: false + }) + export class NDAReportComponent { + // Specifies the report Web API service URL. It is used to process the reports. + public serviceUrl = Globals.SERVICE_URL; + // Specifies the path of the RDL report file + public reportPath: string; + public toolbarSettings = Globals.TOOLBAR_OPTIONS; + public onToolbarItemClick = Globals.EDIT_REPORT; + public onExportItemClick = Globals.EXPORT_ITEM_CLICK; + + constructor() { + this.reportPath = 'nda-report.rdl'; + } + } + \ No newline at end of file diff --git a/src/app/components/samples.json b/src/app/components/samples.json index 3387c5f..5f37f23 100644 --- a/src/app/components/samples.json +++ b/src/app/components/samples.json @@ -13,7 +13,8 @@ "pdf", "pdfdocument", "htmldocument", - "shape" + "shape", + "nda" ], "otherPlatforms": { "JavaScript": "javascript/#/", @@ -31,7 +32,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", @@ -530,7 +531,6 @@ "sampleName": "HR Payroll", "basePath": "report-viewer", "directoryName": "hr-payroll", - "status": "New", "imageDetails": { "isLandscape": false, "index": 20 @@ -538,6 +538,20 @@ "metaData": { "description": "This demo showcases an HR Payroll report showing salaries, deductions, demographics, and performance insights in the Angular Bold Report Viewer." } + }, + { + "routerPath": "nda-report", + "className": "NDAReportComponent", + "sampleName": "NDA Report", + "basePath": "report-viewer", + "directoryName": "nda-report", + "imageDetails": { + "isLandscape": false, + "index": 21 + }, + "metaData": { + "description": "This demo showcases the PDF digital signature functionality in a Non-Disclosure Agreement (NDA) document in Angular Bold Report Viewer." + } } ] } diff --git a/src/assets/sidebar/portrait.png b/src/assets/sidebar/portrait.png index ac5b9e9..51171c0 100644 Binary files a/src/assets/sidebar/portrait.png and b/src/assets/sidebar/portrait.png differ diff --git a/src/main.ts b/src/main.ts index 2b7dad4..30e6b73 100644 --- a/src/main.ts +++ b/src/main.ts @@ -5,7 +5,7 @@ import { registerLicense } from '@syncfusion/ej2-base'; import { AppModule } from './app/common/app.module'; import { environment } from './environments/environment'; -registerLicense('ORg4AjUWIQA/Gnt2V1hiQlRPd11dXmJWfFN0QHNYflR1fV9DaUwxOX1dQl9gSXZRdEVhXXZfeXVSQWE='); +registerLicense('Ngo9BigBOggjHTQxAR8/V1NGaF5cXmdCf1FpRmJGdld5fUVHYVZUTXxaS00DNHVRdkdlWXxdcHRXQ2hcU0R0XkNWYUs='); if (environment.production) { enableProdMode(); }