Add user and project data from backend

.gitignore

@@ -15,3 +15,5 @@
 /libpeerconnection.log
 npm-debug.log
 testem.log
+
+.DS_Store

app/adapters/application.js

@@ -0,0 +1,8 @@
+import JSONAPIAdapter from 'ember-data/adapters/json-api';
+import DataAdapterMixin from 'ember-simple-auth/mixins/data-adapter-mixin';
+
+export default JSONAPIAdapter.extend(DataAdapterMixin, {
+  host: 'http://192.168.99.100:3000',
+  namespace: 'api/v1',
+  authorizer: 'authorizer:custom'
+});

app/authenticators/custom.js

@@ -0,0 +1,47 @@
+import Ember from 'ember';
+import Base from 'ember-simple-auth/authenticators/base';
+
+export default Base.extend({
+  tokenEndpoint: 'http://192.168.99.100:3000/api/v1/authenticate',
+
+  restore(data) {
+    return new Ember.RSVP.Promise(function(resolve, reject) {
+      if (!Ember.isEmpty(data.token)) {
+        resolve(data);
+      } else {
+        reject();
+      }
+    });
+  },
+
+  authenticate(username, password) {
+    return new Ember.RSVP.Promise((resolve, reject) => {
+      Ember.$.ajax({
+        url: this.tokenEndpoint,
+        type: 'POST',
+        data: JSON.stringify({
+          username: username,
+          password: password
+        }),
+        contentType: 'application/json',
+        dataType: 'json'
+      }).then(function(response) {
+        Ember.run(function() {
+          resolve({
+            token: response.token
+          });
+        });
+      }, function(xhr) {
+        var response = xhr.responseText;
+        Ember.run(function() {
+          reject(response);
+        });
+      });
+    });
+  },
+
+  invalidate() {
+    console.log('invalidate...');
+    return Ember.RSVP.resolve();
+  }
+});

app/authorizers/custom.js

@@ -0,0 +1,12 @@
+import Ember from 'ember';
+import Base from 'ember-simple-auth/authorizers/base';
+
+export default Base.extend({
+  session: Ember.inject.service('session'),
+
+  authorize(data, block) {
+    if (this.get('session.isAuthenticated') && !Ember.isEmpty(data.token)) {
+      block('x-access-token', data.token);
+    }
+  }
+});

app/controllers/application.js

@@ -0,0 +1,5 @@
+import Ember from 'ember';
+
+export default Ember.Controller.extend({
+  session: Ember.inject.service('session')
+});

app/controllers/login.js

@@ -0,0 +1,14 @@
+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:custom', username, password).catch((reason) => {
+        this.set('errorMessage', reason);
+      });
+    }
+  }
+});

app/controllers/project/new.js

@@ -0,0 +1,11 @@
+import Ember from 'ember';
+
+export default Ember.Controller.extend({
+  actions: {
+    newProject() {
+      // create project from form values
+      let properties = this.getProperties('name');
+      var project = this.store.createRecord('project', properties);
+    }
+  }
+});

app/models/project.js

@@ -0,0 +1,8 @@
+import Model from 'ember-data/model';
+import attr from 'ember-data/attr';
+import belongsTo from 'ember-data/relationships';
+
+export default Model.extend({
+  name: attr('string')/*,
+  owner: belongsTo('user')*/
+});

app/models/user.js

@@ -0,0 +1,10 @@
+import Model from 'ember-data/model';
+import attr from 'ember-data/attr';
+import hasMany from 'ember-data/relationships';
+
+export default Model.extend({
+  username: attr('string'),
+  password: attr('string'),
+  adminLevel: attr('number')/*,
+  projects: hasMany('project')*/
+});

app/router.js

@@ -6,6 +6,15 @@ const Router = Ember.Router.extend({
 });
 
 Router.map(function() {
+  this.route('login');
+
+  this.route('projects');
+  this.route('project', function() {
+    this.route('index', { path: '/:projectid' });
+    this.route('new');
+    this.route('edit', { path: '/edit/:projectid' });
+    this.route('delete', { path: '/delete/:projectid' });
+  });
 });
 
 export default Router;

app/routes/application.js

@@ -0,0 +1,10 @@
+import Ember from 'ember';
+import ApplicationRouteMixin from 'ember-simple-auth/mixins/application-route-mixin';
+
+export default Ember.Route.extend(ApplicationRouteMixin, {
+  actions: {
+    invalidateSession() {
+      this.get('session').invalidate();
+    }
+  }
+});

app/routes/index.js

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

app/routes/login.js

@@ -0,0 +1,4 @@
+import Ember from 'ember';
+
+export default Ember.Route.extend({
+});

app/routes/project/delete.js

@@ -0,0 +1,4 @@
+import Ember from 'ember';
+
+export default Ember.Route.extend({
+});

app/routes/project/edit.js

@@ -0,0 +1,4 @@
+import Ember from 'ember';
+
+export default Ember.Route.extend({
+});

app/routes/project/index.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(params) {
+    return this.store.findRecord('project', params.projectid);
+  }
+});

app/routes/project/new.js

@@ -0,0 +1,4 @@
+import Ember from 'ember';
+
+export default Ember.Route.extend({
+});

app/routes/projects.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('project');
+  }
+});

app/serializers/application.js

@@ -0,0 +1,5 @@
+import JSONSerializer from 'ember-data/serializers/json';
+
+export default JSONSerializer.extend({
+  primaryKey: '_id'
+});

app/styles/app.css

@@ -0,0 +1,106 @@
+* {
+  margin: 0;
+  padding: 0;
+}
+
+/**
+ * Application skeleton
+ */
+.ember-application {
+  min-width: 800px;
+
+  background: #ddd;
+	color: #4d4d4d;
+
+  font: 16px 'Helvetica Neue', Helvetica, Arial, sans-serif;
+	font-weight: 300;
+	font-smoothing: antialiased;
+	-webkit-font-smoothing: antialiased;
+	-moz-font-smoothing: antialiased;
+}
+
+header {
+  width: 100%;
+  height: 50px;
+
+  padding: 10px 0 0 0;
+
+  color: #fff;
+  background-color: #151;
+}
+
+header h1 {
+  width: 100%;
+
+  text-align: center
+}
+
+footer {
+  width: 100%;
+
+  color: #666;
+
+  margin-top: 20px;
+
+  text-align: center;
+}
+
+/**
+ * Main layout
+ */
+#main-menu {
+  float: left;
+
+  width: 125px;
+
+	background-color: #fff;
+	box-shadow: 0 2px  4px 0 rgba(0, 0, 0, 0.2),
+				      0 9px 18px 0 rgba(0, 0, 0, 0.1);
+
+  margin: 20px 0 0 20px;
+  padding: 20px 20px 20px 30px;
+}
+
+#wrapper {
+  min-height: 100px;
+
+  background-color: #fff;
+	box-shadow: 0 2px  4px 0 rgba(0, 0, 0, 0.2),
+				      0 9px 18px 0 rgba(0, 0, 0, 0.1);
+
+  margin: 20px 20px 20px 220px;
+  padding: 20px;
+}
+
+/**
+ * Login layout
+ */
+#login-container {
+  width: 320px;
+  height: 180px;
+
+  background-color: #fff;
+  box-shadow: 0 2px  4px 0 rgba(0, 0, 0, 0.2),
+				      0 9px 18px 0 rgba(0, 0, 0, 0.1);
+
+  margin: 80px auto;
+  padding: 0px;
+}
+
+#login-container h1 {
+  background-color: #cdcdcd;
+
+  text-align: center;
+
+  font-size: 24;
+
+  padding: 10px 0;
+}
+
+#login {
+  
+}
+
+#login-form {
+  padding: 20px 20px;
+}

app/templates/application.hbs

@@ -1,3 +1,26 @@
-<h2 id="title">Welcome to Ember</h2>
+<header>
+  <h1>VILLAS</h1>
+</header>
 
-{{outlet}}
+{{#if session.isAuthenticated}}
+  <div id="main-menu">
+    <h2>Menu</h2>
+
+    <ul>
+      <li>{{#link-to 'index'}}Home{{/link-to}}</li>
+      <li>{{#link-to 'projects'}}Projects{{/link-to}}</li>
+      <li>Preferences</li>
+      <li><a {{action 'invalidateSession'}}>Logout</a></li>
+    </ul>
+  </div>
+
+  <section id="wrapper">
+    {{outlet}}
+  </section>
+{{else}}
+  {{outlet}}
+{{/if}}
+
+<footer>
+  Copyright &copy; 2016
+</footer>

app/templates/index.hbs

@@ -0,0 +1 @@
+<h1>Main Content</h1>

app/templates/login.hbs

@@ -0,0 +1,19 @@
+<section id="login-container">
+  <h1>Login</h1>
+
+  <form id="login-form" {{action 'authenticate' on='submit'}} >
+    <p>
+      <label for="username">Username</label>
+      {{input id='username' placeholder='Enter username' value=username}}
+    </p>
+    <p>
+      <label for="password">Password</label>
+      {{input id='password' placeholder='Enter password' type='password' value=password}}
+    </p>
+    <button type="submit">Login</button>
+
+    {{#if errorMessage}}
+      <p>{{errorMessage.message}}</p>
+    {{/if}}
+  </form>
+</section>

app/templates/project/delete.hbs

@@ -0,0 +1 @@
+<h1>Delete Project</h1>

app/templates/project/edit.hbs

@@ -0,0 +1 @@
+<h1>Edit {{model.name}}</h1>

app/templates/project/index.hbs

@@ -0,0 +1,4 @@
+<h1>{{model.name}}</h1>
+
+{{#link-to "project.edit" model}}Edit project{{/link-to}}
+{{#link-to "project.delete" model}}Delete project{{/link-to}}

app/templates/project/new.hbs

@@ -0,0 +1,16 @@
+<h1>New project</h1>
+
+<section id="project-new">
+  <form id="project-new-form" {{action 'newProject' on='submit'}} >
+    <p>
+      <label for="name">Name</label>
+      {{input id='name' placeholder='Enter project name' value=name}}
+    </p>
+
+    <button type="submit">Create</button>
+
+    {{#if errorMessage}}
+      <p>{{errorMessage.message}}</p>
+    {{/if}}
+  </form>
+</section>

app/templates/projects.hbs

@@ -0,0 +1,9 @@
+<h1>Projects</h1>
+
+<ul>
+  {{#each model as |project|}}
+    <li>{{#link-to "project.index" project.id}}{{project.name}}{{/link-to}}</li>
+  {{/each}}
+</ul>
+
+{{#link-to "project.new"}}New project{{/link-to}}

package.json

@@ -37,6 +37,7 @@
     "ember-export-application-global": "^1.0.5",
     "ember-load-initializers": "^0.5.1",
     "ember-resolver": "^2.0.3",
-    "loader.js": "^4.0.1"
+    "loader.js": "^4.0.1",
+    "ember-simple-auth": "^1.1.0"
   }
 }

tests/unit/adapters/application-test.js

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

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);
+});

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);
+});

tests/unit/controllers/projects/new-test.js

@@ -0,0 +1,12 @@
+import { moduleFor, test } from 'ember-qunit';
+
+moduleFor('controller:projects/new', 'Unit | Controller | projects/new', {
+  // 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);
+});

tests/unit/models/project-test.js

@@ -0,0 +1,12 @@
+import { moduleForModel, test } from 'ember-qunit';
+
+moduleForModel('project', 'Unit | Model | project', {
+  // Specify the other units that are required for this test.
+  needs: []
+});
+
+test('it exists', function(assert) {
+  let model = this.subject();
+  // let store = this.store();
+  assert.ok(!!model);
+});

tests/unit/models/user-test.js

@@ -0,0 +1,12 @@
+import { moduleForModel, test } from 'ember-qunit';
+
+moduleForModel('user', 'Unit | Model | user', {
+  // Specify the other units that are required for this test.
+  needs: []
+});
+
+test('it exists', function(assert) {
+  let model = this.subject();
+  // let store = this.store();
+  assert.ok(!!model);
+});

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);
+});

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);
+});

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);
+});

tests/unit/routes/projects-test.js

@@ -0,0 +1,11 @@
+import { moduleFor, test } from 'ember-qunit';
+
+moduleFor('route:projects', 'Unit | Route | projects', {
+  // 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);
+});

tests/unit/routes/projects/delete-test.js

@@ -0,0 +1,11 @@
+import { moduleFor, test } from 'ember-qunit';
+
+moduleFor('route:projects/delete', 'Unit | Route | projects/delete', {
+  // 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);
+});

tests/unit/routes/projects/edit-test.js

@@ -0,0 +1,11 @@
+import { moduleFor, test } from 'ember-qunit';
+
+moduleFor('route:projects/edit', 'Unit | Route | projects/edit', {
+  // 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);
+});

tests/unit/routes/projects/index-test.js

@@ -0,0 +1,11 @@
+import { moduleFor, test } from 'ember-qunit';
+
+moduleFor('route:projects/index', 'Unit | Route | projects/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);
+});

tests/unit/routes/projects/new-test.js

@@ -0,0 +1,11 @@
+import { moduleFor, test } from 'ember-qunit';
+
+moduleFor('route:projects/new', 'Unit | Route | projects/new', {
+  // 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);
+});

tests/unit/routes/projects/project-test.js

@@ -0,0 +1,11 @@
+import { moduleFor, test } from 'ember-qunit';
+
+moduleFor('route:projects/project', 'Unit | Route | projects/project', {
+  // 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);
+});

tests/unit/serializers/application-test.js

@@ -0,0 +1,15 @@
+import { moduleForModel, test } from 'ember-qunit';
+
+moduleForModel('application', 'Unit | Serializer | application', {
+  // Specify the other units that are required for this test.
+  needs: ['serializer:application']
+});
+
+// Replace this with your real tests.
+test('it serializes records', function(assert) {
+  let record = this.subject();
+
+  let serializedRecord = record.serialize();
+
+  assert.ok(serializedRecord);
+});