Netgrif Components is an Angular library for creating SPA (Single-page application) compatible with Netgrif Application Engine. The library provides all necessary tools for creating refined frontend application into NAE environment, and to create own library of Angular web components to incorporate your own personal design to the platform.
- Petriflow low-code language: http://petriflow.com
- Documentation: https://components.netgrif.com
- Issue Tracker: Github issues
- Compodoc: @netgrif/components compodoc, @netgrif/components-core compodoc
- Typedoc: @netgrif/components typedoc, @netgrif/components-core typedoc
- License: NETGRIF Community License
In this repository are 3 projects:
- @netgrif/components-core - Core library of services, factories and abstract classes of components.
- @netgrif/components - Library of angular components implementing classes from core library.
- Examples App - Simple application to demonstrate and test individual components.
The Libraries are implemented as Angular libraries. With Angular dependencies there are several others to complement functionality and range of components available for NAE based applications. The components library is based upon Angular Material components to make it easier to derived and implement own set of components but still keep the functionality and compatibility with Application Engine.
The library has defined peer dependencies that are not installed automatically with npm. You can install dependencies with this command:
npm i -S @angular-material-components/datetime-picker@7.0.1 @angular-material-components/moment-adapter@7.0.0 @angular/animations@13.3 @angular/cdk@13.3 @angular/common@13.3.1 @angular/compiler@13.3.1 @angular/core@13.3.1 @angular/flex-layout@13.0.0-beta.38 @angular/forms@13.3.1 @angular/material@13.3.1 @angular/material-moment-adapter@13.3.1 @angular/platform-browser@13.3.1 @angular/platform-browser-dynamic@13.3.1 @angular/router@13.3.1 @covalent/markdown@4.1.0 @ngx-translate/core@13.0.0 @ngx-translate/http-loader@6.0.0 @schematics/angular@13.3.0 @swimlane/ngx-charts@20.1.0 @types/mousetrap@1.6.9 angular-resizable-element@3.3.0 angular-resize-event@3.1.1 angular2-hotkeys@2.4.0 easymde@2.16.1 hammerjs@2.0.8 json-schema-to-typescript@8.1.0 jszip@3.2.2 marked@4.0.12 moment@2.24.0 mousetrap@1.6.5 natural-orderby@2.0.3 ngx-quill@16.2.0 palette-creator@0.5.4 quill@1.3.7 rxjs@6.5.4 showdown@2.0.3 tslib@2.0.0 zone.js@0.11.4To install complete NAE frontend experience you must install the core library and components library:
npm i -S @netgrif/components-core @netgrif/componentsIf you want to developer own set of NAE components, just install the core library, and you can start developing.
To start building your NAE web application, it must be configured as Angular application and as NAE application as well.
Firstly, create new Angular project. We recommend following official guide.
To configure NAE application more easily the libraries use file nae.json that is placed in root of the project. nae.json defines global application configuration like urls to backend resources, services' configurations, routing and views.
You can find minimal nae.json configuration here.
For easier startup clone template project for NAE frontend application
Netgrif Application Engine is workflow management system powered by low-code language Petriflow written in Java. Application Engine can run as a standalone java application, as a docker image, or you can embed it to your Java/Spring Boot project.
For creating processes in Petriflow language try our free Application Builder on https://builder.netgrif.com. You can start from scratch or import existing process in BPMN 2.0 and builder automatically converts it into Petriflow.
If you need help with setting up project or looking for tool to automate your developer work with NAE based applications, take a look on NCLI (Netgrif Command Line Interface).
If you find a bug, let us know at Issue page. First, please read our Contribution guide
The software is licensed under NETGRIF Community license. You may be found this license at the LICENSE file in the repository.