# Ember-simple-auth-firebase

Uses Firebase's [emberfire](https://github.com/firebase/emberfire) & [ember-simple-auth](https://github.com/simplabs/ember-simple-auth) to allow you to easily
auth with Firebase.

It uses Firebase's built in torii-adapter and torii-provider with some overrides for
compatibility with torii & ember-simple-auth.

And uses ember-simple-auth's built in torii wrapper.

## Installation

* `ember install emberfire`
* `ember install ember-simple-auth`
* `ember install ember-simple-auth-firebase`

##  Configuration

**config/environment.js**
```
module.exports = function(environment) {
  var ENV = {
    firebase: 'https://your-firebase-app.firebaseio.com/',
    torii: {
      sessionServiceName: 'session',
      providers: {
        'firebase-simple-auth': {
        }
      }
    },

    'ember-simple-auth': {
      authenticationRoute: 'sessions',
      routeAfterAuthentication: 'posts'
    }

  };
}
```

*Note: no configuration is required for `firebase-simple-auth` provider.*

## Usage

Assuming above, your session controller:

**app/controllers/session.js**
```
import Ember from 'ember';

SessionController = Ember.Controller.extend({
  session: Ember.inject.service(),
  actions: {
    authenticate: function authenticate(provider) {
      this.get('session').authenticate('authenticator:firebase-simple-auth','firebase-simple-auth',{
        provider: provider,
        email: this.get('email'),
        password: this.get('password')
      });
    }
  }
});

export default SessionController;
```

and your template would look something like the following:

**app/templates/session.hbs**
```
<h1>Login</h1>
<input value={{email}} type="text" placeholder="you@email.com" required>
<input value={{password}} type="password" placeholder="Password" required>
<button {[action 'authenticate' 'password'}}>Login</button>
```

*Note: the provider here is a bit different, it corresponds to Firebase's providers
that can be viewed on their [JS docs](https://www.firebase.com/docs/web/api/firebase/auth.html)*

Your application route would look as normal, with ember-simple-auth.

**app/routes/application.js**
```
import Ember from 'ember';
import ApplicationRouteMixin from 'ember-simple-auth/mixins/application-route-mixin';

ApplicationRoute = Ember.Route.extend(
  ApplicationRouteMixin,
  {
  }
);

export default ApplicationRoute;
```

as would your application controller.

**app/controllers/application.js**
```
import Ember from 'ember';

ApplicationController = Ember.Controller.extend({
  session: Ember.inject.service(),
  actions: {
    invalidateSession: function invalidateSession() {
      this.get('session').invalidate();
    }
  }
});

export default ApplicationController;
```


any route you wanted to require authentication on, you would do as normal 
as well:

**app/routes/posts/new.js**
```
import Ember from 'ember';
import AuthenticatedRouteMixin from 'ember-simple-auth/mixins/authenticated-route-mixin';

PostsNewRoute = Ember.Route.extend(AuthenticatedRouteMixin,{
  model: function model(transition) {
    this.store.createRecord('post')
  }
});

export default PostsNewRoute;
```

And that's it.