Cdx-library NPM

CdxLibrary

This library contains modules and components to develop in a easy way Angular WebApps.

Installation

> npm install cdx-library --save

Structure

This project aims to provide a modern and useful conventions to improve the development time and quality, according to the main design patterns.

Dependency Injection - Provide and inject services in other classes.
MVVM - The MVVM model supports two-way data binding between View and ViewModel.
RxJS - Event driven programming using the Observable pattern.
Lazy-Loading - Dynamically import modules and resources from the network, on-demand.

The project has two main folders:

core - in which there are services, pipes, models and the base structure to injects these classes.
modules - in which there are components (HTML/SCSS/TS), modules and relative routing modules.

Services

AuthService

AuthService provides an interface to the main methods for the users' authentication.
Documentation

ChangelogService

ChangelogService provides an overridable service to get the app's changelog.
Documentation

ConfigService

ConfigService provides the AppConfig interface injection.
Documentation

CrudService

CrudService provides useful methods to do CRUD operations.
Documentation

ItemsService

ItemsPipe transforms various object into a wrapper/generic one.
Documentation

StorageService

StorageService provides the interface to do CRUD operations with a storage.
Documentation

UIService

UIService provides routes, light/dark theme, show/hide menus controllers.
Documentation

Modules

AppContainer

AppContainer is the substitute of the default AppComponent. It allows to update the whole app style in combination with the UIService.
Documentation

AppVersion

AppVersion is a simple dialog with the new app version and link to the changelog route module.
Documentation

Authentication

AuthenticationModule is a complete module with configurable providers and service to allows user to sign-up and sign-in to the application.
Documentation

Changelog

ChangelogModule is a complete module where the app's changelog is shown.
Documentation

ConfirmationDialog

ConfirmationDialog is a simple dialog with a title and message to show and action buttons.
Documentation

DragDrop

DragDrop is a component useful to upload file of various genres, as images, music, etc. You can drag & drop files or add by clicking.
Documentation

DrawerContainer

DrawerContainerModule is a container in which you can show your lazy-modules (or directly components) inside the available router-outlet. You can specify the drawer's style, the items to show and use a right-drawer for other operations.
Documentation

DynamicForm

DynamicForm is a powerful module whence to build a form only specifying types, constraints, label and key from .ts, without any HTML. Furthemore you can override styling.
Documentation