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.