feat(news): implement news comment function

Author: MarcScheib

src/resources/features/data-list/data-list.js

@@ -9,7 +9,7 @@ import {BindingEngine, bindable, bindingMode, customElement, containerless, inje
 `)
 @inject(BindingEngine)
 export class DataListElement {
-  @bindable({defaultBindingMode: bindingMode.twoWay}) data = [];
+  @bindable({defaultBindingMode: bindingMode.twoWay}) data;
   @bindable({defaultBindingMode: bindingMode.twoWay}) model;
   @bindable controller;
 

src/view-models/news/view.js

@@ -9,6 +9,8 @@ const ENTER_KEY = 13;
 
 @inject(NewsService, NewsCommentsService, AuthService, NotificationService)
 export class View {
+  comments = [];
+
   constructor(newsService, newsCommentsService, authService, notificationService) {
     this.newsService = newsService;
     this.newsCommentsService = newsCommentsService;

src/views/news/view.html

@@ -36,9 +36,9 @@ <h4><a href="#/news/view/${news.id}">${news.title}</a></h4>
               </div>
             </div>
 
-            <data-list controller.bind="dataListController" data.bind="data" model.bind="model">
+            <data-list controller.bind="dataListController" data.bind="comments" model.bind="model">
               <div class="aurelia-animators au-stagger">
-                <div class="news-card-comment au-animate" repeat.for="item of data">
+                <div class="news-card-comment au-animate" repeat.for="item of comments">
                   <a href="#/profiles/view/${item.user.id}" class="pull-left">
                     <!-- Todo -->
                     <img alt="${item.user.username}" src="http://lr.local/img/avatar/${item.user.avatar}">