From 1aa5832a257f7dc605bc78491f2d64429513ca29 Mon Sep 17 00:00:00 2001
From: lampe_n1 <niklas.lampe@biotronik.com>
Date: Tue, 29 Oct 2019 11:41:22 +0100
Subject: [PATCH] Automatic feed refresh after vote or post

---
 src/app/components/feed/feed.component.html    |  4 ++--
 src/app/components/feed/feed.component.ts      | 18 ++++++++++++++----
 .../feed/postlist/postlist.component.ts        | 13 ++++---------
 3 files changed, 20 insertions(+), 15 deletions(-)

diff --git a/src/app/components/feed/feed.component.html b/src/app/components/feed/feed.component.html
index 7f61061..843ca83 100644
--- a/src/app/components/feed/feed.component.html
+++ b/src/app/components/feed/feed.component.html
@@ -10,10 +10,10 @@
   </div>
   <div id="feedlist">
     <div *ngIf = "viewNew">
-      <feed-postlist [childPostList]="parentSelectedPostList"></feed-postlist>
+      <feed-postlist (voteEvent)="refresh($event)" [childPostList]="parentSelectedPostList"></feed-postlist>
     </div>
     <div *ngIf = "viewMostLiked">
-      <feed-postlist [childPostList]="parentSelectedPostList"></feed-postlist>
+      <feed-postlist (voteEvent)="refresh($event)" [childPostList]="parentSelectedPostList"></feed-postlist>
     </div>
 <!--
     <div class="feeditem">
diff --git a/src/app/components/feed/feed.component.ts b/src/app/components/feed/feed.component.ts
index 1d79e07..29285ba 100644
--- a/src/app/components/feed/feed.component.ts
+++ b/src/app/components/feed/feed.component.ts
@@ -37,17 +37,27 @@ export class FeedComponent implements OnInit {
   }
 
   showNew() {
-    this.feedNew = this.feedService.getAllPosts()
+    this.feedService.getAllPostsRaw().subscribe(response => {
+      this.feedNew = this.feedService.renderAllPosts(response.json())
+      this.parentSelectedPostList = this.feedNew})
     this.viewNew = true
     this.viewMostLiked = false
-    this.parentSelectedPostList = this.feedNew
   }
 
   showMostLiked() {
-    this.feedMostLiked = this.feedService.getAllPosts()
+    this.feedService.getAllPostsRaw().subscribe(response => {
+      this.feedMostLiked = this.feedService.renderAllPosts(response.json())
+      this.parentSelectedPostList = this.feedMostLiked})
     this.viewNew = false
     this.viewMostLiked = true
-    this.parentSelectedPostList = this.feedMostLiked
+  }
+
+  
+  refresh($event) {
+    this.feedService.getAllPostsRaw().subscribe(response => {
+      this.parentSelectedPostList = this.feedService.renderAllPosts(response.json())
+      console.log("Refresh")
+    })
   }
 
 }
diff --git a/src/app/components/feed/postlist/postlist.component.ts b/src/app/components/feed/postlist/postlist.component.ts
index a79eef8..68fc3c0 100644
--- a/src/app/components/feed/postlist/postlist.component.ts
+++ b/src/app/components/feed/postlist/postlist.component.ts
@@ -1,4 +1,4 @@
-import { Component, OnInit, Input } from '@angular/core';
+import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';
 import { Post } from 'src/app/models/post';
 import { FeedService } from 'src/app/services/feed/feed.service';
 
@@ -10,6 +10,7 @@ import { FeedService } from 'src/app/services/feed/feed.service';
 export class PostlistComponent implements OnInit {
 
   @Input() childPostList: Array<Post>
+  @Output() voteEvent = new EventEmitter<boolean>()
   selectedPost: Post
 
   constructor(private feedService: FeedService) { }
@@ -19,18 +20,12 @@ export class PostlistComponent implements OnInit {
 
   voteUp(pPost: Post){
     this.feedService.upvote(pPost.id)
-    this.refresh()
+    this.voteEvent.emit(true)
   }
 
   voteDown(pPost: Post){
     this.feedService.downvote(pPost.id)
-    this.refresh()
-  }
-
-  refresh() {
-    this.feedService.getAllPostsRaw().subscribe(response => {
-      this.childPostList = this.feedService.renderAllPosts(response.json())
-    })
+    this.voteEvent.emit(true)
   }
 
 }