feature(REPORT-405059): Bold Reports 7.1 Changes

Author: Vishnu7101

package.json

@@ -1,6 +1,6 @@
 {
  "name": "angular-samples",
- "version": "6.3.16",
+ "version": "7.1.9",
  "scripts": {
  "test": "gulp test",
  "postinstall": "gulp copy",
@@ -22,6 +22,7 @@
  "@syncfusion/ej2-angular-buttons": "22.2.5",
  "@syncfusion/ej2-angular-calendars": "22.2.5",
  "@syncfusion/ej2-angular-dropdowns": "22.2.5",
+ "@syncfusion/ej2-angular-popups": "22.2.5",
  "bootstrap": "5.3.3",
  "codemirror": "5.58.2",
  "core-js": "2.5.4",

src/app/common/header/header.component.html

@@ -20,6 +20,6 @@
  <!-- <a class="ej-sb-button nav-link bold-schedule-demo" href="https://www.boldreports.com/schedule-free-demo" target="_blank" rel="noreferrer">Schedule
  Free Demo</a> -->
  <a class="ej-sb-button nav-link product-detail" href="https://www.boldreports.com/embedded-reporting/angular-report-viewer" target="_blank" rel="noreferrer">Product Detail</a>
- <a class="ej-sb-button nav-link try-it-free" href="https://app.boldid.net/reporting/embedded/register?plan=174&evaluation=v2&leadsource=demos.boldreports.com&gclid=&referrerroriginurl=https://demos.boldreports.com/pricing&secondaryreferraloriginurl=https://demos.boldreports.com/&host=server&quantity=1" target="_blank" rel="noreferrer">Try it Free</a>
+ <a class="ej-sb-button nav-link try-it-free" href="https://app.boldid.net/reporting/embedded/register?plan=194&evaluation=v2&leadsource=demos.boldreports.com&gclid=&referrerroriginurl=https://demos.boldreports.com/pricing&secondaryreferraloriginurl=https://demos.boldreports.com/&host=server&quantity=1" target="_blank" rel="noreferrer">Try it Free</a>
  </div>
 </div>

src/app/common/main-content/main-content.component.html

@@ -92,13 +92,19 @@ <h1 class="ej-title" #title></h1>
  <a href="https://www.boldreports.com/blog" target="_blank" rel="noreferrer">
  Blog
  </a>
- <a href="https://support.boldreports.com/" target="_blank" rel="noreferrer">
-  Support
- </a> 
+ <a href="https://support.boldreports.com/support/tickets/create" target="_blank" rel="noreferrer">
+ Support
+ </a>
  <a href="https://www.boldreports.com/feedback" target="_blank" rel="noreferrer">
  Feedback
  </a>
+ <a href="https://support.boldreports.com/" target="_blank" rel="noreferrer">
+ Knowledge Base
+ </a>
+ <a href="https://www.boldreports.com/learn" target="_blank" rel="noreferrer">
+ Learning Center
+ </a>
  </div>
- <div class="ej-lp-footer-copyright">Copyright © 2001-2024 Syncfusion Inc.</div>
+ <div class="ej-lp-footer-copyright">Copyright © 2001-2025 Syncfusion Inc.</div>
  </div>
 </div>

src/app/common/main-content/main-content.component.scss

@@ -372,11 +372,22 @@
 }
 
 @media only screen and (min-width: 300px) and (max-width: 872px) {
- .ej-main-body-content .ej-lp-footer, .ej-main-body-content .ej-lp-footer > div {
+ .ej-main-body-content .ej-lp-footer {
  display: block;
  }
+
+ .ej-main-body-content .ej-lp-footer .ej-lp-footer-copyright {
+ padding: 10px;
+ }
+}
+
+@media only screen and (max-width: 1095px) {
+ .ej-lp-footer .ej-lp-footer-links {
+ display: none;
+ }
+ 
  .ej-main-body-content .ej-lp-footer .ej-lp-footer-copyright {
  float: left;
- line-height: 30px;
+ line-height: 21px;
  }
 }

src/app/common/main-content/main-content.component.ts

@@ -45,6 +45,7 @@ export class MainContentComponent implements AfterViewInit {
  @ViewChild('features[1]', { static: true }) feature2;
  @ViewChild('features[2]', { static: true }) feature3;
  @ViewChild('freeTrialUrl', { static: true }) freeTrialUrl;
+ @ViewChild('copyrightYear', { static: true }) copyrightYear;
  constructor(private routerService: RouterService, private http: HttpClient, private router: Router, private location: Location, private renderer: Renderer2) { }
 
  public loadSourceCode(sampleData: sampleInfo['samples'][0]): void {
@@ -55,6 +56,7 @@ export class MainContentComponent implements AfterViewInit {
  ngAfterViewInit(): void {
  this.updateTab();
  jQuery(this.demoTab.nativeElement.firstElementChild).on('shown.bs.tab', this.resizeReportViewer);
+ this.copyrightYear.nativeElement.innerText = `Copyright © 2001 - ${data.copyrightYear} Syncfusion Inc.`;
  }
 
  updateSampleDetails(sampleData): void {

src/app/common/preview/preview.component.html

@@ -10,7 +10,7 @@ <h1 class="ej-preview-platform-name">Bold Reports for Angular</h1>
  <!-- <a class="ej-preview-button bold-schedule-demo" href="https://www.boldreports.com/schedule-free-demo" title="Report Server"
  target="_blank" rel="noreferrer">Schedule Free Demo</a> -->
  <a class="ej-preview-button nav-link product-detail" href="{{productDetailURL}}" target="_blank" rel="noreferrer">Product Detail</a>
- <a class="ej-preview-button try-it-free" href="https://app.boldid.net/reporting/embedded/register?plan=174&evaluation=v2&leadsource=demos.boldreports.com&gclid=&referrerroriginurl=https://demos.boldreports.com/pricing&secondaryreferraloriginurl=https://demos.boldreports.com/&host=server&quantity=1" title="Report Server"
+ <a class="ej-preview-button try-it-free" href="https://app.boldid.net/reporting/embedded/register?plan=194&evaluation=v2&leadsource=demos.boldreports.com&gclid=&referrerroriginurl=https://demos.boldreports.com/pricing&secondaryreferraloriginurl=https://demos.boldreports.com/&host=server&quantity=1" title="Report Server"
  target="_blank" rel="noreferrer">Try it Free</a>
  </div>
 </div>

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% 1800%;
+ background-size: 100% 2000%;
  }
 
  .ej-sb-toc-title {

src/app/components/cmr-report/cmr-report.component.css

@@ -0,0 +1,17 @@
+<bold-reportviewer id="cmr-report" [reportServiceUrl]="serviceUrl" [reportPath]="reportPath"
+ (toolBarItemClick)="onToolbarItemClick($event)" (exportItemClick)="onExportItemClick()" [toolbarSettings]="toolbarSettings">
+</bold-reportviewer>
+
+<div id="description">
+ <p>
+ The CMR International Consignment Note outlines the terms, responsibilities, and legal framework for international road freight transport under the CMR Convention, presented in a comprehensive RDL format.
+ </p>
+ <ul>
+ <li>The CMR International Consignment Note is effectively represented through a variety of table report items, each providing a detailed and informative view of the consignment details.</li>
+ </ul>
+ <p>
+ More information about the image report item can be found in this <a
+ href="https://help.boldreports.com/enterprise-reporting/designer-guide/report-designer/report-items/tablix/"
+ target="_blank" rel="noreferrer">documentation</a> section.
+ </p>
+</div>

src/app/components/cmr-report/cmr-report.component.html

@@ -0,0 +1,23 @@
+/**
+ * CMR report sample - This sample analyzes the legal document standardizing international road freight transport with random data.
+ */
+import { Component } from '@angular/core';
+import { Globals } from '../globals';
+@Component({
+ selector: 'ej-sample',
+ templateUrl: './cmr-report.component.html',
+ styleUrls: ['./cmr-report.component.css']
+})
+export class CMRReportComponent {
+ // 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 = 'cmr-report.rdl';
+ }
+}