amitnil-dev/dynamic-forms

Angular project for dynamic forms based on JSON

dynamic-forms

This is an Angular project for dynamic forms based on JSON:

• GitHub repository under MIT License with releases
• Azure DevOps project with build pipelines, release dashboard and npm packages for releases and pre-releases up to version 14.0.0-rc.1
• Azure web apps with demos
• npm packages for libraries
• stackblitz example

Features

• Dynamic reactive forms based on JSON definition
• Structuring / nesting dynamic forms by
  • Dynamic form elements (container, accordion, tabs, content, markdown, modal)
  • Dynamic form fields (control, group, array, dictionary)
  • Dynamic form actions (button, icon)
• Dynamic form controls / inputs include
  • Dynamic form inputs
    • Checkbox and switch
    • Combobox, radio, select and toggle
    • Textbox and textarea
    • Datepicker
    • Numberbox
  • Dynamic form input validation
  • Dynamic form input hints

Libraries

@dynamic-forms/core

• Library includes extendable interfaces, classes, components, factories, services and modules
  • Dynamic form config module for registration of components
  • Dynamic form module includes
    • Builder to create form controls, groups, arrays and dictionaries
    • Component factory to resolve registered components
    • Component to render elements, fields and actions
  • Dynamic form control module includes
    • Component to render an input
  • Dynamic form group module includes
    • Component to render controls, groups and arrays
  • Dynamic form array module includes
    • Component to render either controls, groups or arrays of same structure
  • Dynamic form dictionary module includes
    • Component to render either controls, groups or arrays of same structure
  • Dynamic form validation module for registration of validators and messages
    • Builder to create validators
    • Service to resolve validation messages
  • Dynamic form action module for registration of action handlers
    • Service to resolve action handlers

@dynamic-forms/bootstrap

• Library for components based on bootstrap and HTML5

@dynamic-forms/material

• Library for components based on @angular/material

@dynamic-forms/markdown

• Extension library for markdown based on marked

Packages

Packages up to version 14.0.0-rc.1 were hosted by Azure DevOps. Therefore, the following lines

@dynamic-forms:registry=https://pkgs.dev.azure.com/alexandergebuhr/dynamic-forms/_packaging/dynamic-forms/npm/registry/

needed to be part of the npm config file .nmprc.

Version 15

• npm install @dynamic-forms/core@15.0.0-next.0
• npm install @dynamic-forms/bootstrap@15.0.0-next.0
• npm install @dynamic-forms/material@15.0.0-next.0
• npm install @dynamic-forms/markdown@15.0.0-next.0

Version 14

• npm install @dynamic-forms/core@14.1.0
• npm install @dynamic-forms/bootstrap@14.1.0
• npm install @dynamic-forms/material@14.1.0
• npm install @dynamic-forms/markdown@14.1.0

Version 13

• npm install @dynamic-forms/core@13.0.0
• npm install @dynamic-forms/bootstrap@13.0.0
• npm install @dynamic-forms/material@13.0.0

Demos

Version 15

• Built with Angular 15
• Environments include DEV and PROD

Version 14

• Built with Angular 14
• Environments include DEV and PROD

Version 13

• Built with Angular 13
• Environments include DEV and PROD