minor enhancements

Author: abhishek97

app/pods/components/nav-bar/template.hbs

@@ -10,18 +10,20 @@
     </span>
 
     <ul class="nav-list">
+      
+      {{#if (eq currentUser.user.role 'ADMIN')}}
+        {{#link-to 'questions'}}
+          <li class="nav-items pointer">
+            Questions
+          </li>
+        {{/link-to}}
 
-      {{#link-to 'questions'}}
-        <li class="nav-items pointer">
-          Questions
-        </li>
-      {{/link-to}}
-
-      {{#link-to 'quiz'}}
-        <li class="nav-items pointer">
-          Quiz
-        </li>
-      {{/link-to}}
+        {{#link-to 'quiz'}}
+          <li class="nav-items pointer">
+            Quiz
+          </li>
+        {{/link-to}}
+      {{/if}}
 
       {{!--
       <a href="https://online.codingblocks.com/">

app/pods/err/route.js

@@ -0,0 +1,11 @@
+import Route from '@ember/routing/route';
+
+const errorMsg = {
+  'ADMIN_ONLY': 'You must be an admin to view this page.'
+}
+
+export default Route.extend({
+  model (params) {
+    return errorMsg[params.code]
+  }
+});

app/pods/err/template.hbs

@@ -0,0 +1,3 @@
+<div class="info-text">
+  {{model}}
+</div>

app/pods/index/controller.js

@@ -0,0 +1,8 @@
+import Controller from '@ember/controller';
+import { inject as service } from '@ember/service'
+import { computed } from '@ember/object';
+
+export default Controller.extend({
+  currentUser: service(),
+  user: computed.alias('currentUser.user')
+});

app/pods/index/route.js

@@ -0,0 +1,5 @@
+import Route from '@ember/routing/route';
+
+export default Route.extend({
+  
+});

app/pods/index/template.hbs

@@ -0,0 +1,7 @@
+<div class="info-text">
+  {{#if user.id}}
+    Welcome {{user.firstname}}
+  {{else}}
+    Login to continue.
+  {{/if}}
+</div>

app/router.js

@@ -16,6 +16,7 @@ Router.map(function() {
     this.route('new');
     this.route('id', {path: '/:id'});
   });
+  this.route('err', {path: '/:code'});
 });
 
 export default Router;

app/services/current-user.js

@@ -5,10 +5,19 @@ export default Service.extend({
   user: null,
   session: service(),
   api: service(),
+  router: service(),
   load () {
+    if (this.get('user.id')) {
+      return this.get('user')
+    }
     if (this.get('session.isAuthenticated')) {
       return this.get('api').request('/users/me').then(data => {
-        this.set('user', data);
+        if (data.role == 'ADMIN') {
+          this.set('user', data);
+        } else {
+          this.set('user', data)
+          this.get('router').transitionTo('err', 'ADMIN_ONLY')
+        }
       }).catch(err => {
         this.get('session').invalidate()
       })

app/styles/app.scss

@@ -53,4 +53,13 @@
 
 .c-datepicker__header-date {
   height: 165px;
+}
+
+.info-text {
+  display: flex;
+  font-weight: bold;
+  font-size: 2rem;
+  justify-content: center;
+  align-items: center;
+  padding: 4rem;
 }

tests/unit/pods/err/route-test.js

@@ -0,0 +1,11 @@
+import { module, test } from 'qunit';
+import { setupTest } from 'ember-qunit';
+
+module('Unit | Route | err', function(hooks) {
+  setupTest(hooks);
+
+  test('it exists', function(assert) {
+    let route = this.owner.lookup('route:err');
+    assert.ok(route);
+  });
+});