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

Footer

Footer is a simple component to put on the bottom of the page. You can set the items to show and their relative routing.

• Documentation

FooterCopyright

Footer is a simple component for display copyright.

• Documentation

ItemsList

NamePhotos

PageContainer

PageContainer is a composite component in which there are Footer, FooterCopyright and you can specify the page content as you want.

• Documentation

PhotoCard

SaveButton

SaveButton is a simple material button with a state (disabled, enabled, loading) and a subject to change it.

• Documentation

SelectableCard

ThemeSwitch

ThemeSwitch is a simple component useful to change the app theme between light and dark.

• Documentation