-
Notifications
You must be signed in to change notification settings - Fork 1
Article Recommendation Component
Eine Komponente, die zwei Artikel aus dem Archiv kurz vorstellt und verlinkt.
Zur einheitlichen Parameterübergabe wurde die Klasse ArticleRecommendation implementiert. Die zwei zu sehenden Artikel holt die Komponente aus ArticleRecommendationService, dort können diese verändert werden, evtl. sogar eine Logik zur Auswahl der am ehesten passenden Artikel implementiert werden.
<app-article-recommendation></app-article-recommendation>
Diese Komponente wird in der Article Recommendation Komponente verwendet. Sie stellt einen Artikel mit Thumbnail, Titel, Beschreibung, Datum und Tags dar. Beim Anklicken wird der darauf dargestellte Artikel im Archiv geöffnet.
<app-article-button [imgurl]="article.imgurl" [title]="article.title" [description]="article.description" [date]="article.date" [url]="article.url" [isBookmarked]="article.isBookmarked" [tags]="article.tags"> </app-article-button>
Um die Tags einheitlich zu gestalten, wurde für sie eine Klasse Tags.ts und ein zugehöriger Service TagsService.ts implementiert. Die Tags werden mit Hintergrundfarbe und Textfarbe verknüpft. Die bereits verwendeten Tags wurden in dem Konstruktor des Service erstellt, damit sie nur einmal existieren. Dort können auch neue hinzugefügt werden.
Über die Methode getTag(string: input) von TagService wird der Tag, dessen Titel input entspricht, zurückgegeben, und falls keiner existiert, ein Tag namens "not found".