From 9d22c717defb7a7321ce38722e447cf64ce9e409 Mon Sep 17 00:00:00 2001
From: lampe_n1 <niklas.lampe@biotronik.com>
Date: Tue, 29 Oct 2019 11:20:32 +0100
Subject: [PATCH] Feed refresh after posting or voting

---
 .../app-scaffold/app-scaffold.component.html          |  2 +-
 .../app-scaffold/app-scaffold.component.sass          |  9 ++++-----
 src/app/components/feed/feed.component.html           |  2 +-
 src/app/components/feed/feed.component.ts             | 11 +++++++----
 .../components/feed/postlist/postlist.component.ts    |  9 ++++++++-
 5 files changed, 21 insertions(+), 12 deletions(-)

diff --git a/src/app/components/app-scaffold/app-scaffold.component.html b/src/app/components/app-scaffold/app-scaffold.component.html
index 644ebdf..c154507 100644
--- a/src/app/components/app-scaffold/app-scaffold.component.html
+++ b/src/app/components/app-scaffold/app-scaffold.component.html
@@ -6,7 +6,7 @@
   <button id="tab-login" routerLink="/login" *ngIf="loggedIn != true">Login</button>
   <div id="dropdown" *ngIf="loggedIn">
     <div>
-      <span (click)="showDropdown()"><i class="fa fa-caret-down" aria-hidden="true"></i></span>
+      <span id="symbol" (click)="showDropdown()"><i class="fa fa-caret-down" aria-hidden="true"></i></span>
       <span>{{username}}</span>
     </div>
     <div id="dropdown-content" *ngIf="dropdownShown">
diff --git a/src/app/components/app-scaffold/app-scaffold.component.sass b/src/app/components/app-scaffold/app-scaffold.component.sass
index d2dd041..f7f8dd0 100644
--- a/src/app/components/app-scaffold/app-scaffold.component.sass
+++ b/src/app/components/app-scaffold/app-scaffold.component.sass
@@ -46,6 +46,10 @@ h1
   margin-left: 2em
   span
     margin-left: 1em
+  #symbol
+    span:hover
+      background-color: lighten($cHeadPrimaryBackground, 10%)
+      cursor: pointer
   #dropdown-content
     position: absolute
     background-color: $cHeadPrimaryBackground
@@ -54,11 +58,6 @@ h1
     box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2)
     padding: 12px 16px
     z-index: 1
-  div:hover
-    background-color: lighten($cHeadPrimaryBackground, 10%)
-    cursor: pointer
-    #dropdown-content
-      //display: block
 
 #logoutbutton
   @include gridPosition(1, 2, 8, 9)
\ No newline at end of file
diff --git a/src/app/components/feed/feed.component.html b/src/app/components/feed/feed.component.html
index b2c7a2e..7f61061 100644
--- a/src/app/components/feed/feed.component.html
+++ b/src/app/components/feed/feed.component.html
@@ -1,7 +1,7 @@
 <div id="postinput">
   <textarea #content id='input' placeholder="Post something ..." rows='3' wrap="soft"></textarea>
   <button id="attach" type='submit'><span><i class="fa fa-paperclip fa-2x" aria-hidden="true"></i></span></button>
-  <button id="submit" type='submit' (click)=createPost(content.value)><span><i class="fa fa-send-o fa-2x" aria-hidden="true"></i></span></button>
+  <button id="submit" type='submit' (click)=createPost(content)><span><i class="fa fa-send-o fa-2x" aria-hidden="true"></i></span></button>
 </div>
 <div id='completeFeed'>
   <div id='feedchooser'>
diff --git a/src/app/components/feed/feed.component.ts b/src/app/components/feed/feed.component.ts
index a328a76..1d79e07 100644
--- a/src/app/components/feed/feed.component.ts
+++ b/src/app/components/feed/feed.component.ts
@@ -22,15 +22,18 @@ export class FeedComponent implements OnInit {
   ngOnInit() {
     this.feedService.getAllPostsRaw().subscribe(response => {
       this.feedNew = this.feedService.renderAllPosts(response.json())
-      console.log(response)
       this.parentSelectedPostList = this.feedNew
       this.feedMostLiked = this.feedNew
     })
   }
 
-  createPost(pContent: string){
-    this.feedService.createPost(pContent)
-    console.log(pContent)
+  createPost(pElement){
+    this.feedService.createPost(pElement.value)
+    pElement.value = ""
+    this.feedService.getAllPostsRaw().subscribe(response => {
+      this.feedNew = this.feedService.renderAllPosts(response.json())
+      this.parentSelectedPostList = this.feedNew
+      this.feedMostLiked = this.feedNew})
   }
 
   showNew() {
diff --git a/src/app/components/feed/postlist/postlist.component.ts b/src/app/components/feed/postlist/postlist.component.ts
index 3489d9c..a79eef8 100644
--- a/src/app/components/feed/postlist/postlist.component.ts
+++ b/src/app/components/feed/postlist/postlist.component.ts
@@ -19,11 +19,18 @@ export class PostlistComponent implements OnInit {
 
   voteUp(pPost: Post){
     this.feedService.upvote(pPost.id)
-    console.log("UPVOTE", pPost.id)
+    this.refresh()
   }
 
   voteDown(pPost: Post){
     this.feedService.downvote(pPost.id)
+    this.refresh()
+  }
+
+  refresh() {
+    this.feedService.getAllPostsRaw().subscribe(response => {
+      this.childPostList = this.feedService.renderAllPosts(response.json())
+    })
   }
 
 }