@evan.network/ui-angular-core
Version:
The angular-core operates as an global and central library for the evan.network Angular 5 frontend development. Using this project you will be able to to the following things:
123 lines (115 loc) • 3.92 kB
Markdown
# angular-core
The angular-core operates as an global and central library for the evan.network Angular 5 frontend development. Using this project you will be able to to the following things:
- easy import AngularCoreModule for including all services and components
- featured Angular DApp starting mechanisms
- **IMPORTANT: use this functions for starting and stopping your nested Angular DApps to prevent memory leaks.**
- dynamic routes builder for nested Angular DApps
- comfortable UI services
- Ionic alert service wrapper (smaller function calls + i18n)
- file handling and upload (HTML 5 + Ionic IOS + Ionic Android)
- modal ui handler
- picture capturing (HTML 5 + Ionic IOS + Ionic Android)
- qr-code scanning (HTML 5 + Ionic IOS + Ionic Android)
- Angular routing wrapper
- Ionic slides wrapper and helpers
- Ionic toast service wrapper (smaller function calls + i18n)
- translate (ngx-translate wrapper)
- comfortable BCC wrapper services
- address-book
- bcc
- bc
- bookmark
- core
- description
- mailbox
- onboarding
- queue handling
- value pushing & dispatcher loading
- queue-utilities (QueueId, ...)
- generalized Angular components
- blockie
- display blockie for an account id
- bootstrap-component
- global available Ionic bootstrap component
- contract-members
- generalized contract member managment
- dapp-loader
- load DApps within DApps using Angular components
- dapp-wrapper top-bar for DApps that enables
- back navigation
- url routing has as title (dynamic)
- mailbox alerts
- queue status
- dashboard-top-buttons
- dynamic buttons that will be embedded to the dapp-wrapper on large screens or to the bottom right on small screen
- dynamic-component
- creates an dynamic component with a specific template during runtime
- empty-dapp-display
- shows an generalized "Theirs no data." screen using DApp DBCP descriptions
- evan-loading
- evan-network loading icon
- *file-select (under construction)*
- file selector for HTML 5 &IOS & Anroid
- global-password
- global password component that is used within each Angular DApp
- will be registered in the root.ts in each evan.network featured DApp
- unlocks the current users profile
- big-picture
- shows an picture within a modal
- mail-dialog
- dialog that will be openend, before a mail is sent
- not-implemented
- not implemented notice
- qr-code-scanner
- scan qr-codes on HTML 5 & IOS & Anroid
- reload-route
- reloads the current route (only available using dapp-wrapper)
- split-pane
- create easy Dashboards
- generates an left panel using Ionic
- powerfull in combination with DApps that using dapp-wrapper
- take-snapshot
- takes an img using camera on HTML 5 & IOS & Android
- trust-dialog
- asks for permissions (used before inviting an agent)
- Angular animation helpers
- ngIf height growing
- ngIf opacity showing
- router transition management (easy to use) (eg.: route1 => route2 : swipe to the left / right / top / bottom)
- tab swiping animation
- Angular 5 Onetime binding directive
- I18N handling using ngx-translate
## API Documentation and Tutorials
- [DApp Tutorials](https://evannetwork.github.io/dapps/basics)
- [API Reference UI](https://ipfs.test.evan.network/ipns/QmReXE5YkiXviaHNG1ASfY6fFhEoiDKuSkgY4hxgZD9Gm8/angular-core/index.html)
## Installation
```sh
npm i @evan.network/ui-angular-core
```
## Usage
- typescript
tsconfig.json
```json
{
"compilerOptions": {
...,
"paths": {
"angular-core": [
"../node_modules/@evan.network/ui-angular-core/dist/angularcore.js"
]
}
...
}
}
```
\*.ts file
```ts
import {
AngularCore,
DAppLoaderComponent,
buildModuleRoutes,
BootstrapComponent,
startAngularApplication,
createIonicAppElement
} from 'angular-core';
```