oauth2 password bearer grant

client/app/authenticators/oauth2.js

@@ -0,0 +1,6 @@
+import OAuth2PasswordGrant from 'ember-simple-auth/authenticators/oauth2-password-grant';
+
+export default OAuth2PasswordGrant.extend({
+  serverTokenEndpoint: '/oauth/token/',
+  clientId: 'nzN8xQBxEwqjHtR7Kq6220mvIVY6QHRGxUNY8UWa',
+});

client/app/authorizers/oauth2.js

@@ -0,0 +1,3 @@
+import OAuth2Bearer from 'ember-simple-auth/authorizers/oauth2-bearer';
+
+export default OAuth2Bearer.extend();

client/app/controllers/application.js

@@ -0,0 +1,10 @@
+import Ember from 'ember';
+
+export default Ember.Controller.extend({
+  session: Ember.inject.service('session'),
+  actions: {
+    invalidateSession() {
+      this.get('session').invalidate();
+    }
+  }
+});

client/app/controllers/users/login.js

@@ -0,0 +1,13 @@
+import Ember from 'ember';
+
+export default Ember.Controller.extend({
+  session: Ember.inject.service('session'),
+  actions : {
+    authenticate() {
+      let { username, password } = this.getProperties('username', 'password');
+      this.get('session').authenticate('authenticator:oauth2', username, password).catch((reason) => {
+        this.set('errorMessage', reason.error || reason);
+      });
+    }
+  }
+});

client/app/router.js

@@ -6,7 +6,12 @@ const Router = Ember.Router.extend({
 });
 
 Router.map(function() {
-  this.route('root', {path: '/'});
+  this.route('home');
+
+  this.route('users', function() {
+    this.route('login');
+    this.route('signup');
+  });
 });
 
 export default Router;

client/app/routes/application.js

@@ -0,0 +1,4 @@
+import Ember from 'ember';
+import ApplicationRouteMixin from 'ember-simple-auth/mixins/application-route-mixin';
+
+export default Ember.Route.extend(ApplicationRouteMixin);

client/app/routes/home.js

@@ -0,0 +1,8 @@
+import Ember from 'ember';
+import AuthenticatedRouteMixin from 'ember-simple-auth/mixins/authenticated-route-mixin';
+
+export default Ember.Route.extend(AuthenticatedRouteMixin, {
+  model() {
+    return this.store.findAll('comment');
+  }
+});

client/app/routes/users/login.js

@@ -0,0 +1,4 @@
+import Ember from 'ember';
+import UnauthenticatedRouteMixin from 'ember-simple-auth/mixins/unauthenticated-route-mixin';
+
+export default Ember.Route.extend(UnauthenticatedRouteMixin);

client/app/routes/users/signup.js

@@ -0,0 +1,5 @@
+import Ember from 'ember';
+import UnauthenticatedRouteMixin from 'ember-simple-auth/mixins/unauthenticated-route-mixin';
+
+
+export default Ember.Route.extend(UnauthenticatedRouteMixin);

client/app/templates/application.hbs

@@ -9,8 +9,20 @@
               <span class="icon-bar"></span>
               <span class="icon-bar"></span>
             </button>
-            <a class="navbar-brand" href="#">Chitter Chatter</a>
+            {{#link-to 'application' class="navbar-brand"}}Chitter Chatter{{/link-to}}
           </div>
+          <div id="navbar" class="navbar-collapse collapse">
+            {{#if session.isAuthenticated}}
+            <ul class="nav navbar-nav navbar-right">
+              <li><a {{action 'invalidateSession'}}>Logout</a></li>
+            </ul>
+            {{else}}
+            <ul class="nav navbar-nav navbar-right">
+              <li>{{#link-to 'users.login'}}Login{{/link-to}}</li>
+              <li>{{#link-to 'users.signup'}}Join{{/link-to}}</li>
+            </ul>
+            {{/if}}
+          </div><!--/.nav-collapse -->
           {{!--
           <div id="navbar" class="navbar-collapse collapse">
             <ul class="nav navbar-nav">

client/app/templates/root.hbs → client/app/templates/home.hbs

@@ -1,5 +1,3 @@
-{{outlet}}
-
 {{#each model as |comment|}}
   <p>
   {{comment.text}}
@@ -10,3 +8,5 @@
 </p>
 {{/each}}
 {{bs-input}}
+
+{{outlet}}

client/app/templates/users/login.hbs

@@ -0,0 +1,10 @@
+{{#bs-modal title="Login" body=false footer=false}}
+{{#bs-modal-body}}
+{{#bs-form action="authenticate" model=this}}
+{{bs-form-element controlType="text" label="username" property="username"}}
+{{bs-form-element action="authenticate" controlType="password" label="password" property="password"}}
+{{/bs-form}}
+{{/bs-modal-body}}
+{{bs-modal-footer closeTitle="cancel" submitTitle="login"}}
+{{/bs-modal}}
+{{outlet}}

client/app/templates/users/signup.hbs

@@ -0,0 +1,11 @@
+{{#bs-modal title="Join us!" body=false footer=false}}
+{{#bs-modal-body}}
+{{#bs-form action="authenticate" model=this}}
+{{bs-form-element controlType="text" label="username" property="username"}}
+{{bs-form-element controlType="email" label="email" property="email"}}
+{{bs-form-element action="authenticate" controlType="password" label="password" property="password"}}
+{{/bs-form}}
+{{/bs-modal-body}}
+{{bs-modal-footer closeTitle="cancel" submitTitle="login"}}
+{{/bs-modal}}
+{{outlet}}

client/config/environment.js

@@ -12,17 +12,22 @@ module.exports = function(environment) {
         // e.g. 'with-controller': true
       }
     },
-
+    'ember-simple-auth': {
+        authenticationRoute: 'users.login',
+        routeAfterAuthentication: 'home',
+        routeIfAlreadyAuthenticated: 'home',
+    },
     APP: {
       // Here you can pass flags/options to your application instance
       // when it is created
     }
   };
 
+
   if (environment === 'development') {
     // ENV.APP.LOG_RESOLVER = true;
     // ENV.APP.LOG_ACTIVE_GENERATION = true;
-    // ENV.APP.LOG_TRANSITIONS = true;
+    ENV.APP.LOG_TRANSITIONS = true;
     // ENV.APP.LOG_TRANSITIONS_INTERNAL = true;
     // ENV.APP.LOG_VIEW_LOOKUPS = true;
   }

client/package.json

@@ -36,8 +36,10 @@
     "ember-data": "^2.4.0",
     "ember-disable-proxy-controllers": "^1.0.1",
     "ember-export-application-global": "^1.0.4",
+    "ember-i18n": "4.2.0",
     "ember-load-initializers": "^0.5.0",
     "ember-resolver": "^2.0.3",
+    "ember-simple-auth": "git+https://github.com/timini/ember-simple-auth.git",
     "loader.js": "^4.0.0"
   }
 }

client/tests/unit/controllers/application-test.js

@@ -0,0 +1,12 @@
+import { moduleFor, test } from 'ember-qunit';
+
+moduleFor('controller:application', 'Unit | Controller | application', {
+  // Specify the other units that are required for this test.
+  // needs: ['controller:foo']
+});
+
+// Replace this with your real tests.
+test('it exists', function(assert) {
+  let controller = this.subject();
+  assert.ok(controller);
+});

client/tests/unit/controllers/root-test.js

@@ -0,0 +1,12 @@
+import { moduleFor, test } from 'ember-qunit';
+
+moduleFor('controller:root', 'Unit | Controller | root', {
+  // Specify the other units that are required for this test.
+  // needs: ['controller:foo']
+});
+
+// Replace this with your real tests.
+test('it exists', function(assert) {
+  let controller = this.subject();
+  assert.ok(controller);
+});

client/tests/unit/controllers/users/login-test.js

@@ -0,0 +1,12 @@
+import { moduleFor, test } from 'ember-qunit';
+
+moduleFor('controller:users/login', 'Unit | Controller | users/login', {
+  // Specify the other units that are required for this test.
+  // needs: ['controller:foo']
+});
+
+// Replace this with your real tests.
+test('it exists', function(assert) {
+  let controller = this.subject();
+  assert.ok(controller);
+});

client/tests/unit/routes/application-test.js

@@ -0,0 +1,11 @@
+import { moduleFor, test } from 'ember-qunit';
+
+moduleFor('route:application', 'Unit | Route | application', {
+  // Specify the other units that are required for this test.
+  // needs: ['controller:foo']
+});
+
+test('it exists', function(assert) {
+  let route = this.subject();
+  assert.ok(route);
+});

client/tests/unit/routes/users/login-test.js

@@ -0,0 +1,11 @@
+import { moduleFor, test } from 'ember-qunit';
+
+moduleFor('route:users/login', 'Unit | Route | users/login', {
+  // Specify the other units that are required for this test.
+  // needs: ['controller:foo']
+});
+
+test('it exists', function(assert) {
+  let route = this.subject();
+  assert.ok(route);
+});

client/tests/unit/routes/users/signup-test.js

@@ -0,0 +1,11 @@
+import { moduleFor, test } from 'ember-qunit';
+
+moduleFor('route:users/signup', 'Unit | Route | users/signup', {
+  // Specify the other units that are required for this test.
+  // needs: ['controller:foo']
+});
+
+test('it exists', function(assert) {
+  let route = this.subject();
+  assert.ok(route);
+});

client/tests/unit/routes/welcome-test.js

@@ -0,0 +1,11 @@
+import { moduleFor, test } from 'ember-qunit';
+
+moduleFor('route:welcome', 'Unit | Route | welcome', {
+  // Specify the other units that are required for this test.
+  // needs: ['controller:foo']
+});
+
+test('it exists', function(assert) {
+  let route = this.subject();
+  assert.ok(route);
+});

server/api/main/settings.py

@@ -38,6 +38,7 @@
     'django.contrib.messages',
     'django.contrib.staticfiles',
     'rest_framework',
+    'oauth2_provider',
 
     'users',
     'chat',
@@ -141,3 +142,8 @@
     ),
     'DEFAULT_METADATA_CLASS': 'rest_framework_json_api.metadata.JSONAPIMetadata',
 }
+
+OAUTH2_PROVIDER = {
+    # this is the list of available scopes
+    'SCOPES': {'read': 'Read scope', 'write': 'Write scope', 'groups': 'Access to your groups'}
+}

server/api/main/urls.py

@@ -17,6 +17,7 @@
 # Additionally, we include login URLs for the browsable API.
 urlpatterns = [
     url(r'^admin/', include(admin.site.urls)),
+    url(r'^oauth/', include('oauth2_provider.urls', namespace='oauth2_provider')),
+    url(r'^api-auth/', include('rest_framework.urls', namespace='rest_framework')),
     url(r'^', include(router.urls)),
-    url(r'^api-auth/', include('rest_framework.urls', namespace='rest_framework'))
 ]

server/requirements.txt

@@ -0,0 +1,8 @@
+Django==1.9.4
+django-braces==1.8.1
+django-oauth-toolkit==0.10.0
+djangorestframework==3.3.3
+djangorestframework-jsonapi==2.0.0b2
+inflection==0.3.1
+oauthlib==1.0.3
+six==1.10.0