{"id":24829395,"url":"https://github.com/stimulsoft/samples-reports.js-for-angular","last_synced_at":"2025-10-14T02:32:12.147Z","repository":{"id":150848005,"uuid":"620400514","full_name":"stimulsoft/Samples-Reports.JS-for-Angular","owner":"stimulsoft","description":"JavaScript samples for Reports.JS reporting tool for Angular and AngularJS applications","archived":false,"fork":false,"pushed_at":"2025-01-28T17:14:42.000Z","size":50707,"stargazers_count":1,"open_issues_count":0,"forks_count":1,"subscribers_count":5,"default_branch":"main","last_synced_at":"2025-01-28T18:25:21.940Z","etag":null,"topics":["angular","angular-app","angularjs","barcode","cross-tab","embedded","expressions","framework","html-text","html5","images","javascript","js-designer","js-viewer","json","multipage","reporting-tool","reports","royalty-free","sub-report"],"latest_commit_sha":null,"homepage":"https://www.stimulsoft.com/en/products/reports-js","language":"TypeScript","has_issues":false,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/stimulsoft.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-03-28T15:54:06.000Z","updated_at":"2025-01-28T17:14:47.000Z","dependencies_parsed_at":null,"dependency_job_id":"f3f88f97-a8b1-4e5d-993a-c8235216da16","html_url":"https://github.com/stimulsoft/Samples-Reports.JS-for-Angular","commit_stats":{"total_commits":22,"total_committers":3,"mean_commits":7.333333333333333,"dds":0.6363636363636364,"last_synced_commit":"ba9852d0ac6fc3a431fcc22cddbc5e8608929ef5"},"previous_names":["stimulsoft/samples-reports.js-for-angular"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stimulsoft%2FSamples-Reports.JS-for-Angular","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stimulsoft%2FSamples-Reports.JS-for-Angular/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stimulsoft%2FSamples-Reports.JS-for-Angular/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stimulsoft%2FSamples-Reports.JS-for-Angular/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/stimulsoft","download_url":"https://codeload.github.com/stimulsoft/Samples-Reports.JS-for-Angular/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":236436466,"owners_count":19148512,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","angular-app","angularjs","barcode","cross-tab","embedded","expressions","framework","html-text","html5","images","javascript","js-designer","js-viewer","json","multipage","reporting-tool","reports","royalty-free","sub-report"],"created_at":"2025-01-30T23:05:44.605Z","updated_at":"2025-10-14T02:32:12.138Z","avatar_url":"https://github.com/stimulsoft.png","language":"TypeScript","readme":"# Angular samples for Stimulsoft Reports.JS\n\n## Overview\nThis repository contains the source code of the examples of usage Stimulsoft Reports.JS reporting tool in the Angular applications, using JavaScript code and Angular components.\n\n#### Localization and Globalization\n* [Localizing the Designer](https://github.com/stimulsoft/Samples-Reports.JS-for-Angular/blob/main/src/Localization%20and%20Globalization/Localizing%20the%20Designer.ts)\n* [Localizing the Viewer](https://github.com/stimulsoft/Samples-Reports.JS-for-Angular/blob/main/src/Localization%20and%20Globalization/Localizing%20the%20Viewer.ts)\n* [Globalizing Report](https://github.com/stimulsoft/Samples-Reports.JS-for-Angular/blob/main/src/Localization%20and%20Globalization/Globalizing%20Report.ts)\n\n#### Fonts and Resources\n* [Using a Custom Font](https://github.com/stimulsoft/Samples-Reports.JS-for-Angular/blob/main/src/Fonts%20and%20Resources/Using%20a%20Custom%20Font.ts)\n* [Adding a Font to the Resource](https://github.com/stimulsoft/Samples-Reports.JS-for-Angular/blob/main/src/Fonts%20and%20Resources/Adding%20a%20Font%20to%20the%20Resource.ts)\n\n#### Printing and Exporting\n* [Printing a Report from Code](https://github.com/stimulsoft/Samples-Reports.JS-for-Angular/blob/main/src/Printing%20and%20Exporting/Printing%20the%20Report%20from%20Code.ts)\n* [Exporting a Report to PDF](https://github.com/stimulsoft/Samples-Reports.JS-for-Angular/blob/main/src/Printing%20and%20Exporting/Exporting%20a%20Report%20to%20PDF.ts)\n* [Exporting a Report to HTML](https://github.com/stimulsoft/Samples-Reports.JS-for-Angular/blob/main/src/Printing%20and%20Exporting/Exporting%20a%20Report%20to%20HTML.ts)\n* [Exporting a Report from Code with Changing Export Settings](https://github.com/stimulsoft/Samples-Reports.JS-for-Angular/blob/main/src/Printing%20and%20Exporting/Exporting%20a%20Report%20from%20Code%20with%20Changing%20Export%20Settings.ts)\n* [Exporting Many Files to Single PDF](https://github.com/stimulsoft/Samples-Reports.JS-for-Angular/blob/main/src/Printing%20and%20Exporting/Exporting%20Many%20Files%20to%20Single%20PDF.ts)\n\n#### Data Connection and Registration\n* [Creating a new Data Connection from code](https://github.com/stimulsoft/Samples-Reports.JS-for-Angular/blob/main/src/Data%20Connection%20and%20Registration/Creating%20a%20new%20Data%20Connection%20from%20code.ts)\n* [Registering Data from Code](https://github.com/stimulsoft/Samples-Reports.JS-for-Angular/blob/main/src/Data%20Connection%20and%20Registration/Registering%20Data%20from%20Code.ts)\n* [Using SQL Data Sources](https://github.com/stimulsoft/Samples-Reports.JS-for-Angular/blob/main/src/Data%20Connection%20and%20Registration/Using%20SQL%20Data%20Sources.ts)\n* [Using Parameters in SQL Query](https://github.com/stimulsoft/Samples-Reports.JS-for-Angular/blob/main/src/Data%20Connection%20and%20Registration/Using%20Parameters%20in%20SQL%20Query.ts)\n* [Using a Custom Data Adapter](https://github.com/stimulsoft/Samples-Reports.JS-for-Angular/blob/main/src/Data%20Connection%20and%20Registration/Using%20a%20Custom%20Data%20Adapter.ts)\n* [Supply Custom Headers for JSON Database](https://github.com/stimulsoft/Samples-Reports.JS-for-Angular/blob/main/src/Data%20Connection%20and%20Registration/Supply%20Custom%20Headers%20for%20JSON%20Database.ts)\n\n#### Working with Designer and Viewer Settings and Events\n* [Customizing the Designer](https://github.com/stimulsoft/Samples-Reports.JS-for-Angular/blob/main/src/Working%20with%20Designer%20and%20Viewer%20Settings%20and%20Events/Customizing%20the%20Designer.ts)\n* [Changing the Designer Theme](https://github.com/stimulsoft/Samples-Reports.JS-for-Angular/blob/main/src/Working%20with%20Designer%20and%20Viewer%20Settings%20and%20Events/Changing%20the%20Designer%20Theme.ts)\n* [Customizing the Viewer](https://github.com/stimulsoft/Samples-Reports.JS-for-Angular/blob/main/src/Working%20with%20Designer%20and%20Viewer%20Settings%20and%20Events/Customizing%20the%20Viewer.ts) \n* [Changing the Viewer Theme](https://github.com/stimulsoft/Samples-Reports.JS-for-Angular/blob/main/src/Working%20with%20Designer%20and%20Viewer%20Settings%20and%20Events/Changing%20the%20Viewer%20Theme.ts)\n* [Showing a Report in the Viewer without Toolbar](https://github.com/stimulsoft/Samples-Reports.JS-for-Angular/blob/main/src/Working%20with%20Designer%20and%20Viewer%20Settings%20and%20Events/Showing%20a%20Report%20in%20the%20Viewer%20without%20Toolbar.ts)\n* [Using Designer Events](https://github.com/stimulsoft/Samples-Reports.JS-for-Angular/blob/main/src/Working%20with%20Designer%20and%20Viewer%20Settings%20and%20Events/Using%20Designer%20Events.ts)\n* [Using Viewer Events](https://github.com/stimulsoft/Samples-Reports.JS-for-Angular/blob/main/src/Working%20with%20Designer%20and%20Viewer%20Settings%20and%20Events/Using%20Viewer%20Events.ts)\n* [Working with onDesign and onExit Events](https://github.com/stimulsoft/Samples-Reports.JS-for-Angular/blob/main/src/Working%20with%20Designer%20and%20Viewer%20Settings%20and%20Events/Working%20with%20onDesign%20and%20onExit%20Events.ts)\n* [Using the two Viewer in the One Project](https://github.com/stimulsoft/Samples-Reports.JS-for-Angular/blob/main/src/Working%20with%20Designer%20and%20Viewer%20Settings%20and%20Events/Using%20the%20two%20Viewer%20in%20the%20One%20Project.ts)\n* [Get a modified Report from the Designer](https://github.com/stimulsoft/Samples-Reports.JS-for-Angular/blob/main/src/Working%20with%20Designer%20and%20Viewer%20Settings%20and%20Events/Get%20a%20modified%20Report%20from%20the%20Designer.ts)\n* [Using the Right-To-Left Mode in the Viewer](https://github.com/stimulsoft/Samples-Reports.JS-for-Angular/blob/main/src/Working%20with%20Designer%20and%20Viewer%20Settings%20and%20Events/Using%20the%20Right-To-Left%20Mode%20in%20the%20Viewer.ts)\n\n#### Working with Reports and Advanced Features\n* [How to Activate the Product](https://github.com/stimulsoft/Samples-Reports.JS-for-Angular/blob/main/src/Working%20with%20Reports%20and%20Advanced%20Features/How%20to%20Activate%20the%20Product.ts)\n* [Rendering a Report from Code](https://github.com/stimulsoft/Samples-Reports.JS-for-Angular/blob/main/src/Working%20with%20Reports%20and%20Advanced%20Features/Rendering%20a%20Report%20from%20Code.ts)\n* [Using Report Variables in Code](https://github.com/stimulsoft/Samples-Reports.JS-for-Angular/blob/main/src/Working%20with%20Reports%20and%20Advanced%20Features/Using%20Report%20Variables%20in%20Code.ts)\n* [Creating Report at Runtime](https://github.com/stimulsoft/Samples-Reports.JS-for-Angular/blob/main/src/Working%20with%20Reports%20and%20Advanced%20Features/Creating%20Report%20at%20Runtime.ts)\n\n## Running samples\nTo run the examples, run the following commands in the console:\n* run `npm install` to install all required module;\n* run `npm start` to compile the application;\n* navigate to `http://localhost:4200/`.\n\n## Connect to SQL databases\nSince pure JavaScript does not have built-in methods for working with remote databases, this functionality is implemented using server-side code. Therefore, Stimulsoft Reports.JS product contains server data adapters implemented using PHP, Node.js, ASP.NET, Java, .NET Core technologies.\n* [DataAdapters.JS](https://github.com/stimulsoft/DataAdapters.JS)\n\n## Other JS reporting components\nMany examples for other platforms and technologies are collected in separate repositories:\n* [HTML / JS](https://github.com/stimulsoft/Samples-Reports.JS-for-HTML)\n* [Node.js](https://github.com/stimulsoft/Samples-Reports.JS-for-Node.js)\n* [Python](https://github.com/stimulsoft/Samples-Reports.JS-for-Python)\n* [React](https://github.com/stimulsoft/Samples-Reports.JS-for-React)\n* [Vue.js](https://github.com/stimulsoft/Samples-Reports.JS-for-Vue.js)\n\n## About Stimulsoft Reports.JS\nStimulsoft Reports.JS offers a wide range of reporting components created in pure JavaScript. The report builder can be easily integrated into any JavaScript app, works in any modern browser – Chrome, Firefox, Safari, Edge, and supports Node.js. The product contains everything you need to create, edit, build, view and export reports of high complexity.\n\n## Useful links\n* [Live Demo](http://demo.stimulsoft.com/#Js)\n* [Product Page](https://www.stimulsoft.com/en/products/reports-js)\n* [Free Download](https://www.stimulsoft.com/en/downloads)\n* [NPM](https://www.npmjs.com/package/stimulsoft-reports-js)\n* [Documentation](https://www.stimulsoft.com/en/documentation/online/programming-manual/index.html?reports_js.htm)\n* [License](LICENSE.md)\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstimulsoft%2Fsamples-reports.js-for-angular","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fstimulsoft%2Fsamples-reports.js-for-angular","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstimulsoft%2Fsamples-reports.js-for-angular/lists"}