Creating reports and dashboards | Stimulsoft community forum

Code: Select all

"dependencies": {
    "stimulsoft-reports-js": "^2020.4.2-c",
    ..
   },
   ...
  "browser": {
    "fs": false
  }

Code: Select all

<app-content class="pdf-viewer">
  <div id="stimulsoft-viewer"></div>
</app-content>

Code: Select all

   constructor(
        private userService: UserService,
        private reportsService: ReportsService
    ) {
        this.stimulsoftInit();
    }
    
    stimulsoftInit() {
        Stimulsoft.Base.StiLicense.key = environment.stimulsoft_key;

        const options = new Stimulsoft.Viewer.StiViewerOptions();
        options.appearance.showTooltips = false;
        options.toolbar.showDesignButton = false;
        options.toolbar.showAboutButton = false;
        options.toolbar.showOpenButton = false;

        this.viewer = new Stimulsoft.Viewer.StiViewer(options, 'StiViewer', false);
        this.report = new Stimulsoft.Report.StiReport();
    }
    
    runViewer() {
        this.loading = true;
        this.viewer.report = null;

        this.reportsService.downloadReport(this.selectedReport, this.form.getRawValue())
        this.reportsService.downloadReport(this.selectedReport,  this.form.getRawValue())
            .pipe(finalize(() => this.loading = false))
            .subscribe(
                (response: HttpResponse<Text>) => {
                    const data = response.body;

                    this.report.loadDocument(data);
                    this.viewer.report = this.report;

                    this.viewer.renderHtml('stimulsoft-viewer');
                },
                error => {
                    console.log(error);
                }
            );
    }