From 752bc496d27cbbab9a3b2fd28b6d240b149b892f Mon Sep 17 00:00:00 2001
From: lampe_n1 <niklas.lampe@biotronik.com>
Date: Tue, 29 Oct 2019 10:54:22 +0100
Subject: [PATCH 1/6] Fixed Chatlist

---
 src/app/components/chatlist/chatlist.component.html | 2 +-
 src/app/components/chatlist/chatlist.component.ts   | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/app/components/chatlist/chatlist.component.html b/src/app/components/chatlist/chatlist.component.html
index 2fd8c59..8186327 100644
--- a/src/app/components/chatlist/chatlist.component.html
+++ b/src/app/components/chatlist/chatlist.component.html
@@ -4,7 +4,7 @@
     <button id="newchat" (click)="newChat()"><span><i class="fa fa-plus fa-3x" aria-hidden="true"></i></span></button>
   </div>
   <div id="chats">
-    <div class="chatitem" *ngFor="let chat of chatService.chats" 
+    <div class="chatitem" *ngFor="let chat of chats" 
     [class.selected]="chat === selectedChat" (click)="showChat(chat)">
       <div class="picture">Pic</div>
       <div class="name"><span>{{chat.id}}</span></div>
diff --git a/src/app/components/chatlist/chatlist.component.ts b/src/app/components/chatlist/chatlist.component.ts
index c108945..998c1a6 100644
--- a/src/app/components/chatlist/chatlist.component.ts
+++ b/src/app/components/chatlist/chatlist.component.ts
@@ -1,7 +1,7 @@
 import { Component, OnInit, Output, EventEmitter } from '@angular/core';
 import { Chatinfo } from 'src/app/models/chatinfo';
-import { ChatService } from 'src/app/services/chat/chat.service';
 import { Chat } from 'src/app/models/chat';
+import { ChatService } from 'src/app/services/chat/chat.service';
 
 @Component({
   selector: 'chatmanager-chatlist',
@@ -13,11 +13,12 @@ export class ChatlistComponent implements OnInit {
   @Output() showChatEvent = new EventEmitter<Chat>();
   @Output() showCreateChatEvent = new EventEmitter<boolean>();
   selectedChat: Chat;
+  chats: Array<Chat>
 
   constructor(private chatService: ChatService) { }
 
   ngOnInit() {
-    
+    this.chats = this.chatService.chats
   }
 
   showNewChat() {

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 2/6] 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())
+    })
   }
 
 }

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 3/6] 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)
   }
 
 }

From 2dab19127e05ce9732ce42d22fddbe0365658a5f Mon Sep 17 00:00:00 2001
From: lampe_n1 <niklas.lampe@biotronik.com>
Date: Tue, 29 Oct 2019 15:45:53 +0100
Subject: [PATCH 4/6] HTMLContent test

---
 src/app/components/feed/feed.component.html   | 21 -------------------
 .../feed/postlist/postlist.component.html     |  1 +
 src/app/models/post.ts                        |  4 +++-
 src/app/services/feed/feed.service.ts         |  5 +++--
 4 files changed, 7 insertions(+), 24 deletions(-)

diff --git a/src/app/components/feed/feed.component.html b/src/app/components/feed/feed.component.html
index 843ca83..29bdfdc 100644
--- a/src/app/components/feed/feed.component.html
+++ b/src/app/components/feed/feed.component.html
@@ -15,26 +15,5 @@
     <div *ngIf = "viewMostLiked">
       <feed-postlist (voteEvent)="refresh($event)" [childPostList]="parentSelectedPostList"></feed-postlist>
     </div>
-<!--
-    <div class="feeditem">
-      <div class="itemhead">
-        <div class="usertag">
-          <span class="title">post.username</span>
-          <span class="handle"><a href="#">post.handle</a></span>
-        </div>
-        <span class="date">post.date</span>
-      </div>
-      <div class="itembody">
-        <div class='text'>
-            <p>post.message</p>
-        </div>
-        <div class="vote">
-            <button id="down" type='submit'><span><i class="fa fa-thumbs-o-down fa-2x" aria-hidden="true"></i></span></button>
-            <button id="up" type='submit'><span><i class="fa fa-thumbs-o-up fa-2x" aria-hidden="true"></i></span></button>
-            <span id="votecounter">post.votes</span>
-        </div>
-      </div>
-    </div>
-  -->
   </div>
 </div>
diff --git a/src/app/components/feed/postlist/postlist.component.html b/src/app/components/feed/postlist/postlist.component.html
index f233e61..f90f324 100644
--- a/src/app/components/feed/postlist/postlist.component.html
+++ b/src/app/components/feed/postlist/postlist.component.html
@@ -8,6 +8,7 @@
   </div>
   <div class="itembody">
     <div class='text'>
+        <p *ngIf="post.htmlContent.length() > 0">{{post.htmlContent}}</p>
         <p>{{post.content}}</p>
     </div>
     <div class="vote">
diff --git a/src/app/models/post.ts b/src/app/models/post.ts
index eb7f2b3..27a7d8b 100644
--- a/src/app/models/post.ts
+++ b/src/app/models/post.ts
@@ -3,14 +3,16 @@ import { Author } from "./author"
 export class Post {
     id: number
     content: string
+    htmlContent: string
     date: string
     upvotes: number
     downvotes: number
     author: Author
 
-    constructor(pId: number, pContent: string, pUpvotes: number, pDownvotes: number, pDate: string, pAuthor: Author) {
+    constructor(pId: number, pContent: string, pHtmlContent: string, pUpvotes: number, pDownvotes: number, pDate: string, pAuthor: Author) {
         this.id = pId
         this.content = pContent
+        this.htmlContent = pHtmlContent
         this.upvotes = pUpvotes
         this.downvotes = pDownvotes
         this.date = pDate
diff --git a/src/app/services/feed/feed.service.ts b/src/app/services/feed/feed.service.ts
index 7031e0f..e774a48 100644
--- a/src/app/services/feed/feed.service.ts
+++ b/src/app/services/feed/feed.service.ts
@@ -99,7 +99,7 @@ export class FeedService {
 
   getBodyForGetAllChats() {
     const body =  {query: `query {
-        getPosts (first: 1000, offset: 0) {id, content, upvotes, downvotes, author{name, handle, id}, createdAt}
+        getPosts (first: 1000, offset: 0) {id, content, htmlContent, upvotes, downvotes, author{name, handle, id}, createdAt}
       }`
       }
 
@@ -111,12 +111,13 @@ export class FeedService {
     for(let post of pResponse.data.getPosts) {
       let id: number = post.id
       let content: string = post.content
+      let htmlContent: string = post.htmlContent
       let upvotes: number = post.upvotes
       let downvotes: number = post.downvotes
       let author = new Author(post.author.id, post.author.name, post.author.handle)
       let date = post.createdAt
 
-      posts.push(new Post(id, content, upvotes, downvotes, date, author))
+      posts.push(new Post(id, content, htmlContent, upvotes, downvotes, date, author))
     }
     return posts
   }

From 2e20d60c07478cdbd3cfb4dade11e64478b4c023 Mon Sep 17 00:00:00 2001
From: lampe_n1 <niklas.lampe@biotronik.com>
Date: Tue, 29 Oct 2019 15:55:06 +0100
Subject: [PATCH 5/6] HTMLContent working

---
 src/app/components/feed/postlist/postlist.component.html | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/app/components/feed/postlist/postlist.component.html b/src/app/components/feed/postlist/postlist.component.html
index f90f324..f168962 100644
--- a/src/app/components/feed/postlist/postlist.component.html
+++ b/src/app/components/feed/postlist/postlist.component.html
@@ -8,8 +8,7 @@
   </div>
   <div class="itembody">
     <div class='text'>
-        <p *ngIf="post.htmlContent.length() > 0">{{post.htmlContent}}</p>
-        <p>{{post.content}}</p>
+        <p [innerHTML]="post.htmlContent"></p>
     </div>
     <div class="vote">
         <button id="down" type='submit'><span><i class="fa fa-thumbs-o-down fa-2x" aria-hidden="true" (click)="voteDown(post)"></i></span></button>

From 317acb829389d004fc8561b9c8224d83aaab4a25 Mon Sep 17 00:00:00 2001
From: lampe_n1 <niklas.lampe@biotronik.com>
Date: Tue, 29 Oct 2019 16:20:10 +0100
Subject: [PATCH 6/6] HtmlContent final fix

---
 src/app/components/feed/postlist/postlist.component.html | 2 +-
 src/app/components/feed/postlist/postlist.component.sass | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/app/components/feed/postlist/postlist.component.html b/src/app/components/feed/postlist/postlist.component.html
index f168962..20a247e 100644
--- a/src/app/components/feed/postlist/postlist.component.html
+++ b/src/app/components/feed/postlist/postlist.component.html
@@ -8,7 +8,7 @@
   </div>
   <div class="itembody">
     <div class='text'>
-        <p [innerHTML]="post.htmlContent"></p>
+        <p [innerHTML]="post.htmlContent" id="content"></p>
     </div>
     <div class="vote">
         <button id="down" type='submit'><span><i class="fa fa-thumbs-o-down fa-2x" aria-hidden="true" (click)="voteDown(post)"></i></span></button>
diff --git a/src/app/components/feed/postlist/postlist.component.sass b/src/app/components/feed/postlist/postlist.component.sass
index 9638469..2f60120 100644
--- a/src/app/components/feed/postlist/postlist.component.sass
+++ b/src/app/components/feed/postlist/postlist.component.sass
@@ -34,6 +34,11 @@
     grid-template: 100% /85% 15%
     .text
         @include gridPosition(1, 2, 1, 2)
+        overflow-x: hidden
+        ::ng-deep img
+            max-width: 100%
+            height: auto
+
     .vote
         @include gridPosition(1, 2, 2, 3)
         display: grid