From 595ebe4a5f6ca8f7de6a3c901ea0f838d3c35087 Mon Sep 17 00:00:00 2001
From: FrancescoBorzi <borzifrancesco@gmail.com>
Date: Sun, 3 May 2020 19:00:58 +0200
Subject: [PATCH] chore(quest-preview): show provided item

---
 .../quest/quest-preview/quest-preview.component.html       | 7 +++++++
 .../features/quest/quest-preview/quest-preview.service.ts  | 2 ++
 2 files changed, 9 insertions(+)

diff --git a/src/app/features/quest/quest-preview/quest-preview.component.html b/src/app/features/quest/quest-preview/quest-preview.component.html
index 7797fb6c39..7265970692 100644
--- a/src/app/features/quest/quest-preview/quest-preview.component.html
+++ b/src/app/features/quest/quest-preview/quest-preview.component.html
@@ -66,6 +66,13 @@ <h5 id="title" *ngIf="!!service.title">{{ service.title }}</h5>
         <span class="r4" *ngIf="!!difficulty.grey">   {{ difficulty.grey }}   </span>
       </p>
 
+      <p *ngIf="!!service.startItem" id="provided-item">
+        Provided item:<br>
+        <keira-icon [size]="'small'" [itemId]="service.startItem"></keira-icon>
+        <strong class="colored"> {{ service.startItemName$ | async }}</strong>
+        <span class="greyed"> [{{ service.startItem }}]</span>
+      </p>
+
       <ng-container *ngIf="{ prev: service.prevQuestList$ | async, next: service.nextQuestList$ | async } as questLists">
         <ng-container *ngIf="questLists?.prev?.length > 0  || questLists?.next?.length > 0">
           <p class="title">Series</p>
diff --git a/src/app/features/quest/quest-preview/quest-preview.service.ts b/src/app/features/quest/quest-preview/quest-preview.service.ts
index 80dae11af0..e502a0733f 100644
--- a/src/app/features/quest/quest-preview/quest-preview.service.ts
+++ b/src/app/features/quest/quest-preview/quest-preview.service.ts
@@ -71,6 +71,8 @@ export class QuestPreviewService {
   get side(): string { return this.helperService.getFactionFromRace(this.questTemplate.AllowableRaces); }
   get races(): number[] { return this.helperService.getRaceString(this.questTemplate.AllowableRaces); }
   get sharable(): string { return this.questTemplate.Flags & QUEST_FLAG_SHARABLE ? 'Sharable' : 'Not sharable'; }
+  get startItem(): number { return this.questTemplate.StartItem; }
+  get startItemName$(): Promise<string> { return this.mysqlQueryService.getItemNameById(this.startItem); }
 
   // get QuestTemplateAddon values
   get maxLevel(): string { return String(this.questTemplateAddon.MaxLevel); }