diff --git a/app/authenticators/application.js b/app/authenticators/application.js new file mode 100644 index 0000000..3ffd4ff --- /dev/null +++ b/app/authenticators/application.js @@ -0,0 +1,50 @@ +import Ember from 'ember'; +import BaseAuthenticator from 'ember-simple-auth/authenticators/base'; +import config from '../config/environment'; + +const { RSVP: { Promise }, $, get, isEmpty, run } = Ember; + +export default BaseAuthenticator.extend({ + serverTokenEndpoint: `${config.APP.API_HOST}/api/auth/login/`, + tokenAttributeName: 'data.token', + identificationAttributeName: 'username', + verificationAttributeName: 'password', + + restore(data) { + const tokenAttributeName = this.get('tokenAttributeName'); + const tokenAttribute = get(data, tokenAttributeName); + + if (!isEmpty(tokenAttribute)) { + return Promise.resolve(data); + } else { + return Promise.reject(); + } + }, + + authenticate(username, password) { + return new Promise((resolve, reject) => { + const { identificationAttributeName: id, verificationAttributeName: verify } = this.getProperties('identificationAttributeName', 'verificationAttributeName'); + const data = {}; + data[id] = username; + data[verify] = password; + return this.makeRequest(data).then( + (response) => run(null, resolve, response), + (xhr) => run(null, reject, xhr.responseJSON || xhr.responseText) + ); + }); + }, + + invalidate() { + return Promise.resolve(); + }, + + makeRequest(data, options) { + const serverTokenEndpoint = this.get('serverTokenEndpoint'); + const requestOptions = $.extend({}, { + url: serverTokenEndpoint, + type: 'POST', + data, + }, options || {}); + return $.ajax(requestOptions); + }, +}); diff --git a/app/authorizers/application.js b/app/authorizers/application.js new file mode 100644 index 0000000..a0d6c72 --- /dev/null +++ b/app/authorizers/application.js @@ -0,0 +1,13 @@ +import Ember from 'ember'; +import BaseAuthorizer from 'ember-simple-auth/authorizers/base'; + +const { isEmpty } = Ember; + +export default BaseAuthorizer.extend({ + authorize(data, block) { + const accessToken = data['token']; + if (!isEmpty(accessToken)) { + block('Authorization', `Token ${accessToken}`); + } + } +}); diff --git a/app/controllers/login.js b/app/controllers/login.js new file mode 100644 index 0000000..e5bb9c8 --- /dev/null +++ b/app/controllers/login.js @@ -0,0 +1,21 @@ +import Ember from 'ember'; + +const { Controller, inject: { service } } = Ember; + +export default Controller.extend({ + session: service(), + flashMessages: service(), + + actions: { + authenticate() { + this.transitionToRoute('loading').then(() => { + let { identification, password } = this.getProperties('identification', 'password'); + this.get('session').authenticate('authenticator:application', identification, password).catch((reason) => { + this.transitionToRoute('login').then(() => { + this.get('flashMessages').danger(reason.non_field_errors || reason); + }); + }); + }); + }, + }, +}); diff --git a/app/router.js b/app/router.js index cdc2578..185d60b 100644 --- a/app/router.js +++ b/app/router.js @@ -7,6 +7,7 @@ const Router = Ember.Router.extend({ }); Router.map(function() { + this.route('login'); }); export default Router; diff --git a/app/routes/application.js b/app/routes/application.js new file mode 100644 index 0000000..38bb6b3 --- /dev/null +++ b/app/routes/application.js @@ -0,0 +1,6 @@ +import Ember from 'ember'; +import ApplicationRouteMixin from 'ember-simple-auth/mixins/application-route-mixin'; + +const { Route } = Ember; + +export default Route.extend(ApplicationRouteMixin, {}); diff --git a/app/routes/index.js b/app/routes/index.js new file mode 100644 index 0000000..ed916b6 --- /dev/null +++ b/app/routes/index.js @@ -0,0 +1,6 @@ +import Ember from 'ember'; +import AuthenticatedRouteMixin from 'ember-simple-auth/mixins/authenticated-route-mixin'; + +const { Route } = Ember; + +export default Route.extend(AuthenticatedRouteMixin, {}); diff --git a/app/routes/login.js b/app/routes/login.js new file mode 100644 index 0000000..a9687fd --- /dev/null +++ b/app/routes/login.js @@ -0,0 +1,6 @@ +import Ember from 'ember'; +import UnauthenticatedRouteMixin from 'ember-simple-auth/mixins/unauthenticated-route-mixin'; + +const { Route } = Ember; + +export default Route.extend(UnauthenticatedRouteMixin, {}); diff --git a/app/styles/app.css b/app/styles/app.css index e69de29..4eefa73 100644 --- a/app/styles/app.css +++ b/app/styles/app.css @@ -0,0 +1,39 @@ +.form-signin { + max-width: 330px; + padding: 15px; + margin: 0 auto; +} + +.form-signin .form-signin-heading, .form-signin .checkbox { + margin-bottom: 10px; +} + +.form-signin .checkbox { + font-weight: normal; +} + +.form-signin .form-control { + position: relative; + height: auto; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + padding: 10px; + font-size: 16px; +} + +.form-signin .form-control:focus { + z-index: 2; +} + +.form-signin input[type="text"] { + margin-bottom: -1px; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.form-signin input[type="password"] { + margin-bottom: 10px; + border-top-left-radius: 0; + border-top-right-radius: 0; +} diff --git a/app/templates/application.hbs b/app/templates/application.hbs index 103746f..c24cd68 100644 --- a/app/templates/application.hbs +++ b/app/templates/application.hbs @@ -1,11 +1 @@ -
-
-
- foo -
-
- bar -
-
-
{{outlet}} diff --git a/app/templates/index.hbs b/app/templates/index.hbs new file mode 100644 index 0000000..9494f58 --- /dev/null +++ b/app/templates/index.hbs @@ -0,0 +1,2 @@ +Logged in +{{outlet}} diff --git a/app/templates/login.hbs b/app/templates/login.hbs new file mode 100644 index 0000000..fee4cf9 --- /dev/null +++ b/app/templates/login.hbs @@ -0,0 +1,8 @@ +
+
+ + {{input id="username" type="text" placeholder='Username' class="form-control" value=identification}} + {{input id="password" type="password" placeholder='Password' class="form-control" value=password}} + +
+
diff --git a/mirage/config.js b/mirage/config.js index 26c3b56..4c8e94b 100644 --- a/mirage/config.js +++ b/mirage/config.js @@ -1,26 +1,5 @@ +import config from '../config/environment'; + export default function() { - - // These comments are here to help you get started. Feel free to delete them. - - /* - Config (with defaults). - - Note: these only affect routes defined *after* them! - */ - - // this.urlPrefix = ''; // make this `http://localhost:8080`, for example, if your API is on a different server - // this.namespace = ''; // make this `api`, for example, if your API is namespaced - // this.timing = 400; // delay for each request, automatically set to 0 during testing - - /* - Shorthand cheatsheet: - - this.get('/posts'); - this.post('/posts'); - this.get('/posts/:id'); - this.put('/posts/:id'); // or this.patch - this.del('/posts/:id'); - - http://www.ember-cli-mirage.com/docs/v0.2.x/shorthands/ - */ + this.passthrough(`${config.APP.API_HOST}/api/auth/login/`); } diff --git a/tests/unit/controllers/login-test.js b/tests/unit/controllers/login-test.js new file mode 100644 index 0000000..b68f797 --- /dev/null +++ b/tests/unit/controllers/login-test.js @@ -0,0 +1,12 @@ +import { moduleFor, test } from 'ember-qunit'; + +moduleFor('controller:login', 'Unit | Controller | 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); +}); diff --git a/tests/unit/routes/application-test.js b/tests/unit/routes/application-test.js new file mode 100644 index 0000000..9808c43 --- /dev/null +++ b/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); +}); diff --git a/tests/unit/routes/index-test.js b/tests/unit/routes/index-test.js new file mode 100644 index 0000000..5d0f50d --- /dev/null +++ b/tests/unit/routes/index-test.js @@ -0,0 +1,11 @@ +import { moduleFor, test } from 'ember-qunit'; + +moduleFor('route:index', 'Unit | Route | index', { + // 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); +}); diff --git a/tests/unit/routes/login-test.js b/tests/unit/routes/login-test.js new file mode 100644 index 0000000..e78ebad --- /dev/null +++ b/tests/unit/routes/login-test.js @@ -0,0 +1,11 @@ +import { moduleFor, test } from 'ember-qunit'; + +moduleFor('route:login', 'Unit | Route | 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); +});