Nocturnal Parakeet Monitor

    angular-fire-ui

    0.1.3 • Public • Published

    Description

    Simple angular 2 ui widget that create an dialog form to authenticate users against firebase.

    Demo

    You can see it in action https://cedvdb.github.io/AngularFireUi/index.html

    Installation

    npm install angular-fire-ui
    
    
    import { AngularFireUiModule } from 'angular-fire-ui/angular-fire-ui.module';
    import { AngularFireModule } from 'angularfire2';
    
    @NgModule({
      declarations: [
        AppComponent
      ],
      imports: [
        AngularFireUiModule,
        AngularFireModule.initializeApp(firebaseConfig)
      ],
      providers: [],
      bootstrap: [AppComponent]
    })
    export class AppModule { }
    
    

    This is just an UI component. You must have setup angularfire and it must be accessible in the module where you use AngularFireUiModule.

    You also need font-awesome icons for the providers icons. Follow the steps here to do so : http://stackoverflow.com/questions/38796541/how-to-add-font-awesome-to-angular-2-cli-project

    Make sure the version is above 0.0.1.

    Usage

    code in the Demo

    https://cedvdb.github.io/AngularFireUi/index.html

    Usability

    This is a work in progress. This widget aims to be a drop and ready widget for test purpose. 1 lines of code and you have a working authentication dialog. However it lacks a lot of feature you'd want in a real app. So if you want to get up and ready quickly and change UI form in the future try it, it's literally 1 line of code.

    Want more feature ?

    Password recovery will be added when angularFire exports a method to do so. If you want another feature add it.

    Install

    npm i angular-fire-ui

    DownloadsWeekly Downloads

    0

    Version

    0.1.3

    License

    ISC

    Last publish

    Collaborators

    • cedvdb