@weblauncher/material-administration

Material administration app components library

Usage no npm install needed!

<script type="module">
  import weblauncherMaterialAdministration from 'https://cdn.skypack.dev/@weblauncher/material-administration';
</script>

README

Material Administration

npm version

This is an Angular component library to generate material design UI to render an administration app for different datasources (Firestore default).

Demo

https://weblauncher-administration.web.app/

User:       test@test.com

Password:   testing

Install

npm i @weblauncher/material-administration

Import

The next steps describes how to import for Firebase Firestore data source.

Create app name Firebase factory function

export function firebaseAppNameFactory() {
  return 'Your Firebase App Name';
}

In environment.ts (and other environment files) define firebase config as described in Angular Firebase documentation

In your app.module.ts import the module as below

imports: [
  ...
  MaterialAdministrationModule.forRoot(environment.firebase, firebaseAppNameFactory),
  ...
]

Add your site metadata provider as configured in site metadata configuration documentation

  providers: [
    ...
    {
      provide: MAT_ADMINISTRATION_METADATA,
      useValue: SiteMetadata
    },
    ...
  ]

Contribute

Angular Material Administration library contribution guide