feat(news): show logged in user related data

Show user related data for the comment box in the news view module.

---

 src/view-models/news/view.js          |  9 ++++++++-
 src/views/news/view.html              |  5 ++---
 test/unit/fixtures/AuthServiceStub.js | 17 +++++++++++++++++
 test/unit/modules/news.spec.js        |  9 ++++++++-
 4 files changed, 35 insertions(+), 5 deletions(-)

Author: MarcScheib

src/view-models/news/view.js

@@ -10,14 +10,21 @@ export class View {
   }
 
   activate(params, routeConfig) {
-    return this.newsService.get(params.id)
+    let user = this.authService.getMe()
+      .then(user => {
+        this.user = user;
+      });
+
+    let news = this.newsService.get(params.id)
       .then(news => {
         this.news = news;
         routeConfig.navModel.setTitle(news.title);
       })
       .catch(() => {
         this.news = null;
       });
+
+    return Promise.all([user, news]);
   }
 
   get isAuthenticated() {

src/views/news/view.html

@@ -23,9 +23,8 @@ <h4><a href="#/news/view/${news.id}">${news.title}</a></h4>
           </div>
           <div class="card-footer" if.bind="isAuthenticated">
             <div class="news-card-comment" if.bind="isAuthenticated">
-              <!-- Todo: add logged in user data -->
-              <a href="#/profiles/view/${news.user_id}" class="pull-left">
-                <img alt="${news.user.username}" src="http://lr.local/img/avatar/${news.user.avatar}">
+              <a href="#/profiles/view/${user.user_id}" class="pull-left">
+                <img alt="${user.username}" src="http://lr.local/img/avatar/${user.avatar}">
               </a>
               <div class="media-body">
                 <textarea class="form-control" placeholder="Write comment..."></textarea>

test/unit/fixtures/AuthServiceStub.js

@@ -0,0 +1,17 @@
+export class AuthServiceStub {
+  requestDummy;
+  reject = false;
+
+  getMe(resource, options = {}) {
+    this.resource = resource;
+    this.options = options;
+
+    return new Promise((resolve, reject) => {
+      if (this.reject == false) {
+        resolve(this.requestDummy);
+      } else {
+        reject();
+      }
+    });
+  }
+}

test/unit/modules/news.spec.js

@@ -1,6 +1,7 @@
 import {Index} from '../../../src/view-models/news/index';
 import {View} from '../../../src/view-models/news/view';
 
+import {AuthServiceStub} from '../fixtures/AuthServiceStub';
 import {NewsServiceStub} from '../fixtures/NewsServiceStub';
 import {NavModelStub} from '../fixtures/NavModelStub';
 
@@ -50,20 +51,26 @@ describe('the News Index module', () => {
 
 describe('the News View module', () => {
   var newsService;
+  var authService;
   var sut;
 
   var itemStubs = [1];
   var itemFake = [2];
 
   beforeEach(() => {
+    authService = new AuthServiceStub();
     newsService = new NewsServiceStub();
-    sut = new View(newsService);
+    sut = new View(newsService, authService);
   });
 
   it('contains a news service property', () => {
     expect(sut.newsService).toBeDefined();
   });
 
+  it('contains an auth service property', () => {
+    expect(sut.authService).toBeDefined();
+  });
+
   it('sets fetch response to selected news', done => {
     newsService.itemStub = itemStubs;
     let navModelStub = new NavModelStub();