nitowa/frontcraft
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

tooltips

Browse Source
This commit is contained in:
peter
2020-02-11 03:09:28 +01:00
parent 4507f4a37e
commit 13356ed5ee
6 changed files with 221 additions and 208 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+1
View File
@@ -0,0 +1 @@
<table><tr><td><!--nstart--><b class="q4">Spineshatter</b><!--nend--><!--ndstart--><!--ndend--><span class="q"><br>Item Level <!--ilvl-->73</span><br /><!--bo-->Binds when picked up<br />Unique<table width="100%"><tr><td>Main Hand</td><th><!--scstart2:4--><span class="q1">Mace</span><!--scend--></th></tr></table><table width="100%"><tr> <td><span><!--dmg-->99 - 184 Damage</span></td> <th>Speed <!--spd-->2.60</th> </tr></table><!--dps-->(54.42 damage per second)<br><span><!--stat4-->+9 Strength</span><br><span><!--stat7-->+16 Stamina</span><!--ebstats--><!--egstats--><!--eistats--><!--e--><!--ps--><br>Durability 105 / 105</td></tr></table><table><tr><td>Requires Level <!--rlvl-->60<br><span class="q2">Equip: <a href="https://classic.wowhead.com/spell=7518" class="q2">Increased Defense +5.</a></span><!--itemEffects:1--><div class="whtt-sellprice">Sell Price: <span class="moneygold">12</span> <span class="moneysilver">88</span> <span class="moneycopper">25</span></div><div class="whtt-extra whtt-droppedby">Dropped by: Razorgore the Untamed</div></td></tr></table>
src/backend/Components/Item/ItemManager.ts
+62 -60
View File
@@ -18,7 +18,7 @@ const parser = new xml2js.Parser(/* options */);
@Injectable(IItemManager) @Injectable(IItemManager)
export class ItemManager export class ItemManager
implements FrontworkComponent<ItemManagerIfc, ItemManagerFeatureIfc>, TableDefinitionExporter, IItemManager{ implements FrontworkComponent<ItemManagerIfc, ItemManagerFeatureIfc>, TableDefinitionExporter, IItemManager {
name = "ItemManager" as "ItemManager"; name = "ItemManager" as "ItemManager";
@Inject(IAdmin) @Inject(IAdmin)
@@ -52,16 +52,16 @@ implements FrontworkComponent<ItemManagerIfc, ItemManagerFeatureIfc>, TableDefin
this.setPriority, this.setPriority,
this.deletePriority this.deletePriority
], ],
},{ }, {
name: 'reset' as 'reset', name: 'reset' as 'reset',
exportRPCs: () => [ exportRPCs: () => [
this.wipeCurrencyAndItems this.wipeCurrencyAndItems
] ]
}] }]
notifyRaid = async (raid:Raid | {id:number}) => { notifyRaid = async (raid: Raid | { id: number }) => {
const data = await this.raidManager.getRaidData(<Raid>raid) const data = await this.raidManager.getRaidData(<Raid>raid)
this.pubsub.publish(""+raid.id, data) this.pubsub.publish("" + raid.id, data)
await this.notifyRaids() await this.notifyRaids()
} }
@@ -72,29 +72,30 @@ implements FrontworkComponent<ItemManagerIfc, ItemManagerFeatureIfc>, TableDefin
wipeCurrencyAndItems = async () => { wipeCurrencyAndItems = async () => {
await Promise.all([ await Promise.all([
this.userManager.wipeCurrency(), this.userManager.wipeCurrency(),
Promise.all(_Tiers.map(tier => this.admin.knex(tier+'tokens').where(true).del())) Promise.all(_Tiers.map(tier => this.admin.knex(tier + 'tokens').where(true).del()))
]) ])
} }
getItems = async () :Promise<Item[]> => await this.admin.knex.select('*').from('items') getItems = async (): Promise<Item[]> => await this.admin.knex.select('*').from('items')
getItem = async(name:string):Promise<Item> => { getItem = async (name: string): Promise<Item> => {
return await this.admin.knex('items').select('*').where('itemname','=',name).first() return await this.admin.knex('items').select('*').where('itemname', '=', name).first()
} }
fetchItem = async (name:string):Promise<Item> => { fetchItem = async (name: string): Promise<Item> => {
const res = await fetch('https://classic.wowhead.com/item='+name+'&xml'); const res = await fetch('https://classic.wowhead.com/item=' + name + '&xml');
const txt = await res.text(); const txt = await res.text();
const r = await parser.parseStringPromise(txt); const r = await parser.parseStringPromise(txt);
try{ try {
return <Item>{ return <Item>{
itemname: r.wowhead.item[0].name[0], itemname: r.wowhead.item[0].name[0],
iconname: r.wowhead.item[0].icon[0]._, iconname: r.wowhead.item[0].icon[0]._,
url: r.wowhead.item[0].link[0], url: r.wowhead.item[0].link[0],
quality: r.wowhead.item[0].quality[0]._, quality: r.wowhead.item[0].quality[0]._,
tooltip: r.wowhead.item[0].htmlTooltip[0]
} }
}catch (e){ } catch (e) {
console.log(name) console.log(name)
throw e throw e
} }
@@ -102,9 +103,9 @@ implements FrontworkComponent<ItemManagerIfc, ItemManagerFeatureIfc>, TableDefin
getTableDefinitions(): TableDefiniton[] { getTableDefinitions(): TableDefiniton[] {
return [ return [
...['null',..._Tiers].map(tier => { ...['null', ..._Tiers].map(tier => {
return { return {
name: tier+'tokens', name: tier + 'tokens',
tableBuilder: (table) => { tableBuilder: (table) => {
table.primary(['characterid', 'itemname']) table.primary(['characterid', 'itemname'])
table.integer("characterid") table.integer("characterid")
@@ -116,7 +117,7 @@ implements FrontworkComponent<ItemManagerIfc, ItemManagerFeatureIfc>, TableDefin
table.integer("level").defaultTo(1) table.integer("level").defaultTo(1)
} }
} }
}),{ }), {
name: 'priorities', name: 'priorities',
tableBuilder: (table) => { tableBuilder: (table) => {
table.increments('id').primary() table.increments('id').primary()
@@ -128,7 +129,7 @@ implements FrontworkComponent<ItemManagerIfc, ItemManagerFeatureIfc>, TableDefin
table.integer('modifier') table.integer('modifier')
table.string('description').nullable() table.string('description').nullable()
} }
},{ }, {
name: 'items', name: 'items',
tableBuilder: (table) => { tableBuilder: (table) => {
table.string('itemname').unique().notNullable().primary() table.string('itemname').unique().notNullable().primary()
@@ -136,22 +137,23 @@ implements FrontworkComponent<ItemManagerIfc, ItemManagerFeatureIfc>, TableDefin
table.string('url').notNullable() table.string('url').notNullable()
table.string('quality').defaultTo('Epic').notNullable() table.string('quality').defaultTo('Epic').notNullable()
table.boolean('hidden').defaultTo(false).notNullable() table.boolean('hidden').defaultTo(false).notNullable()
table.string('tooltip').notNullable()
table.enu('tier', _Tiers).notNullable() table.enu('tier', _Tiers).notNullable()
} }
}] }]
} }
buyToken = async (usertoken: string, charactername:string, itemname:string, signup: Signup): Promise<(SRToken & Character & Item) | undefined> => { buyToken = async (usertoken: string, charactername: string, itemname: string, signup: Signup): Promise<(SRToken & Character & Item) | undefined> => {
const record = this.userManager.getUserRecordByToken(usertoken) const record = this.userManager.getUserRecordByToken(usertoken)
const character = await this.character.getCharacterByName(charactername) const character = await this.character.getCharacterByName(charactername)
if(!record || !character || record.user.username !== character.username) return if (!record || !character || record.user.username !== character.username) return
const item = await this.getItem(itemname) const item = await this.getItem(itemname)
if(!item) return if (!item) return
const currency = await this.userManager.getCurrency(record.user, item.tier) const currency = await this.userManager.getCurrency(record.user, item.tier)
if(currency < 1) return if (currency < 1) return
const streaks = await this.getTokens(character, [item.tier], false) const streaks = await this.getTokens(character, [item.tier], false)
const activeTokens = await this.getTokens(character, [item.tier], true) const activeTokens = await this.getTokens(character, [item.tier], true)
@@ -161,12 +163,12 @@ implements FrontworkComponent<ItemManagerIfc, ItemManagerFeatureIfc>, TableDefin
const tx = await this.admin.knex.transaction() const tx = await this.admin.knex.transaction()
if(streaks.length > 0){ if (streaks.length > 0) {
const myStreak = streaks.find(token => token.itemname === itemname) const myStreak = streaks.find(token => token.itemname === itemname)
if(myStreak){ if (myStreak) {
//getLogger('ItemManager').debug('update signupid and increment level') //getLogger('ItemManager').debug('update signupid and increment level')
await this.admin await this.admin
.knex(item.tier+'tokens') .knex(item.tier + 'tokens')
.transacting(tx) .transacting(tx)
.where({ .where({
characterid: character.id, characterid: character.id,
@@ -174,14 +176,14 @@ implements FrontworkComponent<ItemManagerIfc, ItemManagerFeatureIfc>, TableDefin
}) })
.update({ .update({
signupid: signup.id, signupid: signup.id,
level: myStreak.level+1 level: myStreak.level + 1
}) })
} }
//getLogger('ItemManager').debug('delete streaks') //getLogger('ItemManager').debug('delete streaks')
await Promise.all(streaks.map(async s => await this.admin await Promise.all(streaks.map(async s => await this.admin
.knex(item.tier+'tokens') .knex(item.tier + 'tokens')
.transacting(tx) .transacting(tx)
.where({ .where({
itemname: s.itemname, itemname: s.itemname,
@@ -191,19 +193,19 @@ implements FrontworkComponent<ItemManagerIfc, ItemManagerFeatureIfc>, TableDefin
.del() .del()
)) ))
if(myStreak){ if (myStreak) {
await tx.commit() await tx.commit()
await this.notifyRaid({id: signup.raidid}) await this.notifyRaid({ id: signup.raidid })
return await this.getToken(character, item) return await this.getToken(character, item)
} }
} }
const matchingReserve = activeTokens.find(token => token.itemname === itemname) const matchingReserve = activeTokens.find(token => token.itemname === itemname)
if(matchingReserve){ if (matchingReserve) {
//getLogger('ItemManager').debug('upgrade reserve') //getLogger('ItemManager').debug('upgrade reserve')
await this.admin await this.admin
.knex(item.tier+'tokens') .knex(item.tier + 'tokens')
.transacting(tx) .transacting(tx)
.increment('level') .increment('level')
.where({ .where({
@@ -211,37 +213,37 @@ implements FrontworkComponent<ItemManagerIfc, ItemManagerFeatureIfc>, TableDefin
characterid: character.id, characterid: character.id,
itemname: item.itemname itemname: item.itemname
}) })
}else{ } else {
//getLogger('ItemManager').debug('new reserve') //getLogger('ItemManager').debug('new reserve')
await this.admin await this.admin
.knex(item.tier+'tokens') .knex(item.tier + 'tokens')
.transacting(tx) .transacting(tx)
.insert({ .insert({
characterid: character.id, characterid: character.id,
itemname: item.itemname, itemname: item.itemname,
level: 1+modifier, level: 1 + modifier,
signupid: signup.id signupid: signup.id
}) })
} }
await tx.commit() await tx.commit()
await this.notifyRaid({id: signup.raidid}) await this.notifyRaid({ id: signup.raidid })
return await this.getToken(character, item) return await this.getToken(character, item)
} }
getAllPriorities = async() :Promise<(SRPriority & Spec & Item)[]> => this.admin getAllPriorities = async (): Promise<(SRPriority & Spec & Item)[]> => this.admin
.knex('priorities as p') .knex('priorities as p')
.join('items as i', 'p.itemname', '=', 'i.itemname') .join('items as i', 'p.itemname', '=', 'i.itemname')
.leftJoin('specs as s', 'p.specid', '=', 's.id') .leftJoin('specs as s', 'p.specid', '=', 's.id')
.select('*') .select('*')
deletePriority = async(priority:SRPriority) : Promise<void> => { deletePriority = async (priority: SRPriority): Promise<void> => {
await this.admin.knex('priorities') await this.admin.knex('priorities')
.where(priority) .where(priority)
.del() .del()
} }
setPriority = async(itemname:string, priority: SRPriority) : Promise<void> => { setPriority = async (itemname: string, priority: SRPriority): Promise<void> => {
const item = await this.getItem(itemname) const item = await this.getItem(itemname)
await this.admin await this.admin
@@ -252,48 +254,48 @@ implements FrontworkComponent<ItemManagerIfc, ItemManagerFeatureIfc>, TableDefin
}) })
} }
getPriorities = async(itemname:string) : Promise<SRPriority[]> => { getPriorities = async (itemname: string): Promise<SRPriority[]> => {
return await this.admin return await this.admin
.knex('priorities as p') .knex('priorities as p')
.where('p.itemname', '=', itemname) .where('p.itemname', '=', itemname)
.select('*') .select('*')
} }
calculatePriorities = async (itemname: string, character:Character):Promise<number>=> { calculatePriorities = async (itemname: string, character: Character): Promise<number> => {
const rules : SRPriority[] = await this.admin const rules: SRPriority[] = await this.admin
.knex('priorities as p') .knex('priorities as p')
.select('*') .select('*')
.join('items as i', 'i.itemname', '=', 'p.itemname') .join('items as i', 'i.itemname', '=', 'p.itemname')
.where('p.itemname', '=', itemname) .where('p.itemname', '=', itemname)
return rules.map(rule => { return rules.map(rule => {
if(rule.specid && rule.race){ if (rule.specid && rule.race) {
if(rule.specid === character.specid && rule.race === character.race) if (rule.specid === character.specid && rule.race === character.race)
return rule.modifier return rule.modifier
else else
return 0 return 0
} }
if(rule.specid){ if (rule.specid) {
if(rule.specid === character.specid) if (rule.specid === character.specid)
return rule.modifier return rule.modifier
else else
return 0 return 0
} }
if(rule.race){ if (rule.race) {
if(rule.race === character.race) if (rule.race === character.race)
return rule.modifier return rule.modifier
else else
return 0 return 0
} }
return 0 return 0
}).reduce((prev, curr) => prev+curr, 0) }).reduce((prev, curr) => prev + curr, 0)
} }
getToken = async (character:Character, item:Item, valid=true): Promise<(SRToken & Character & Item) | undefined>=> { getToken = async (character: Character, item: Item, valid = true): Promise<(SRToken & Character & Item) | undefined> => {
return await this.admin return await this.admin
.knex(item.tier+'tokens as t') .knex(item.tier + 'tokens as t')
.select('*') .select('*')
.join('characters as c', 'c.id', '=', 't.characterid') .join('characters as c', 'c.id', '=', 't.characterid')
.join('items as i', 'i.itemname', '=', 't.itemname') .join('items as i', 'i.itemname', '=', 't.itemname')
@@ -301,30 +303,30 @@ implements FrontworkComponent<ItemManagerIfc, ItemManagerFeatureIfc>, TableDefin
characterid: character.id, characterid: character.id,
"i.itemname": item.itemname "i.itemname": item.itemname
}) })
.andWhere(function(){ .andWhere(function () {
if(valid){ if (valid) {
this.whereNotNull('t.signupid') this.whereNotNull('t.signupid')
}else{ } else {
this.whereNull('t.signupid') this.whereNull('t.signupid')
} }
}) })
.first() .first()
} }
getTokens = async (character:Character, tiers:Tiers[], valid=true) : Promise<(SRToken & Character & Item)[]> => { getTokens = async (character: Character, tiers: Tiers[], valid = true): Promise<(SRToken & Character & Item)[]> => {
const ret = await Promise.all(tiers.map(async tier => { const ret = await Promise.all(tiers.map(async tier => {
return await this.admin return await this.admin
.knex(tier+'tokens as t') .knex(tier + 'tokens as t')
.select('*') .select('*')
.join('characters as c', 'c.id', '=', 't.characterid') .join('characters as c', 'c.id', '=', 't.characterid')
.join('items as i', 'i.itemname', '=', 't.itemname') .join('items as i', 'i.itemname', '=', 't.itemname')
.where({ .where({
characterid: character.id, characterid: character.id,
}) })
.andWhere(function(){ .andWhere(function () {
if(valid){ if (valid) {
this.whereNotNull('t.signupid') this.whereNotNull('t.signupid')
}else{ } else {
this.whereNull('t.signupid') this.whereNull('t.signupid')
} }
}) })
@@ -332,7 +334,7 @@ implements FrontworkComponent<ItemManagerIfc, ItemManagerFeatureIfc>, TableDefin
return ret.flat() return ret.flat()
} }
countItems = async() :Promise<number> => { countItems = async (): Promise<number> => {
const count = await this.admin const count = await this.admin
.knex('items') .knex('items')
.count('*'); .count('*');
@@ -342,14 +344,14 @@ implements FrontworkComponent<ItemManagerIfc, ItemManagerFeatureIfc>, TableDefin
private initialized = false private initialized = false
initialize = async () => { initialize = async () => {
if(this.initialized) return if (this.initialized) return
this.initialized = true this.initialized = true
const itemTiers = allItems const itemTiers = allItems
const countCache = await this.countItems() const countCache = await this.countItems()
if(countCache != Object.values(itemTiers).flat().length){ if (countCache != Object.values(itemTiers).flat().length) {
await Promise.all( await Promise.all(
Object.entries(itemTiers) Object.entries(itemTiers)
.map((kv) => Promise.all( .map((kv) => Promise.all(
@@ -360,7 +362,7 @@ implements FrontworkComponent<ItemManagerIfc, ItemManagerFeatureIfc>, TableDefin
.insert({ .insert({
tier: kv[0], tier: kv[0],
...item ...item
}).catch(() => {}) }).catch(() => { })
) )
) )
)) ))
src/backend/Types/Types.ts
+1
View File
@@ -87,6 +87,7 @@ export type Item = {
url:string url:string
quality:string quality:string
hidden:boolean hidden:boolean
tooltip: string
tier: Tiers tier: Tiers
} }
src/frontend/src/app/frontcraft/pages/character/character.component.ts
+10 -17
View File
@@ -25,7 +25,7 @@ export class FrontcraftCharacterComponent implements OnInit{
gear1:string[] = [] gear1:string[] = []
boss2= {} boss2= {}
gear2:string[] = [] gear2:Item[] = []
constructor( constructor(
private api: ApiService, private api: ApiService,
@@ -50,7 +50,7 @@ export class FrontcraftCharacterComponent implements OnInit{
fetch(this.dataLink).then(raw => raw.json().then((json) => { fetch(this.dataLink).then(raw => raw.json().then(async (json) => {
if(json.length < 1) return if(json.length < 1) return
const data = json[0] const data = json[0]
@@ -58,18 +58,14 @@ export class FrontcraftCharacterComponent implements OnInit{
name: data.encounterName, name: data.encounterName,
date: data.startTime date: data.startTime
} }
this.gear2 = data.gear.map(item => {return <Item>{
itemname: item.name, this.gear2 = await Promise.all(data.gear.map(i => i.name).map(itemName => this.api.get('ItemManager').getItem(itemName)))
iconname: item.icon.replace('.jpg', ''), this.gear2 = this.gear2.filter(i => i!=null)
quality: item.quality.replace(/^\w/, c => c.toUpperCase()),
url: "https://classic.wowhead.com/item="+item.id
}})
})) }))
fetch(this.dataLink).then(raw => raw.json().then((json) => { fetch(this.dataLink).then(raw => raw.json().then(async (json) => {
if(json.length < 2) return if(json.length < 2) return
console.log(json);
const data = json[1] const data = json[1]
this.boss1 = { this.boss1 = {
@@ -77,12 +73,9 @@ export class FrontcraftCharacterComponent implements OnInit{
date: data.startTime date: data.startTime
} }
this.gear1 = data.gear.map(item => {return <Item>{
itemname: item.name, this.gear1 = await Promise.all(data.gear.map(i => i.name).map(itemName => this.api.get('ItemManager').getItem(itemName)))
iconname: item.icon.replace('.jpg', ''), this.gear1 = this.gear1.filter(i => i!=null)
quality: item.quality.replace(/^\w/, c => c.toUpperCase()),
url: "https://classic.wowhead.com/item="+item.id
}})
})) }))
} }
}) })
src/frontend/src/app/frontcraft/pages/shop/item.component.ts
+14 -12
View File
@@ -1,15 +1,17 @@
import { Component, OnInit, ContentChild, AfterContentInit, ViewChild, AfterViewInit, Input, Output, EventEmitter } from '@angular/core'; import { Component, OnInit, Input, } from '@angular/core';
import { ApiService as ApiService } from '../../services/login-api'; import { ApiService as ApiService } from '../../services/login-api';
import { FrontcraftItemSelectComponent } from './itemselector.component'; import { NbToastrService, } from '@nebular/theme';
import { NbWindowService, NbWindowRef, NbToastrService, NbDialogService, NbDialogRef } from '@nebular/theme'; import { Item, } from '../../../../../../backend/Types/Types';
import { Item, Character, SRToken, Signup } from '../../../../../../backend/Types/Types'; import { _Tiers, } from '../../../../../../backend/Types/Items';
import { getClassColor } from '../../../../../../backend/Types/PlayerSpecs';
import { _Tiers, allItems, Tiers } from '../../../../../../backend/Types/Items';
@Component({ @Component({
selector: 'item', selector: 'item',
template: ` template: `
<span [ngStyle]="{'color':item.quality=='Poor'?'#9d9d9d': <ng-template #tooltip>
<table><tr><td><!--nstart--><b class="q4">Spineshatter</b><!--nend--><!--ndstart--><!--ndend--><span class="q"><br>Item Level <!--ilvl-->73</span><br /><!--bo-->Binds when picked up<br />Unique<table width="100%"><tr><td>Main Hand</td><th><!--scstart2:4--><span class="q1">Mace</span><!--scend--></th></tr></table><table width="100%"><tr> <td><span><!--dmg-->99 - 184 Damage</span></td> <th>Speed <!--spd-->2.60</th> </tr></table><!--dps-->(54.42 damage per second)<br><span><!--stat4-->+9 Strength</span><br><span><!--stat7-->+16 Stamina</span><!--ebstats--><!--egstats--><!--eistats--><!--e--><!--ps--><br>Durability 105 / 105</td></tr></table><table><tr><td>Requires Level <!--rlvl-->60<br><span class="q2">Equip: <a href="https://classic.wowhead.com/spell=7518" class="q2">Increased Defense +5.</a></span><!--itemEffects:1--><div class="whtt-sellprice">Sell Price: <span class="moneygold">12</span> <span class="moneysilver">88</span> <span class="moneycopper">25</span></div><div class="whtt-extra whtt-droppedby">Dropped by: Razorgore the Untamed</div></td></tr></table>
</ng-template>
<span
[ngStyle]="{'color':item.quality=='Poor'?'#9d9d9d':
item.quality=='Common'?'#FFFFFF': item.quality=='Common'?'#FFFFFF':
item.quality=='Uncommon'?'#1eff00': item.quality=='Uncommon'?'#1eff00':
item.quality=='Rare'?'#0070dd': item.quality=='Rare'?'#0070dd':
@@ -21,15 +23,15 @@ import { _Tiers, allItems, Tiers } from '../../../../../../backend/Types/Items';
{{item.itemname}} {{item.itemname}}
</span> </span>
`, `,
}) })
export class FrontcraftItemComponent implements OnInit{ export class FrontcraftItemComponent implements OnInit {
@Input() item: Item @Input() item: Item
constructor( constructor(
private toastr: NbToastrService, private toastr: NbToastrService,
private api : ApiService private api: ApiService
){} ) { }
async ngOnInit() { async ngOnInit() {
} }
} }
src/frontend/src/app/frontcraft/pages/shop/wowhead.component.ts
+24 -10
View File
@@ -1,26 +1,40 @@
import { Component, OnInit, ContentChild, AfterContentInit, ViewChild, AfterViewInit, Input, Output, EventEmitter } from '@angular/core'; import { Component, OnInit, Input } from '@angular/core';
import { ApiService as ApiService } from '../../services/login-api'; import { ApiService as ApiService } from '../../services/login-api';
import { NbWindowService, NbWindowRef, NbToastrService, NbDialogService, NbDialogRef } from '@nebular/theme'; import { NbToastrService } from '@nebular/theme';
import { Item, Character, SRToken, Signup } from '../../../../../../backend/Types/Types'; import { Item } from '../../../../../../backend/Types/Types';
import { _Tiers, allItems, Tiers } from '../../../../../../backend/Types/Items'; import { _Tiers } from '../../../../../../backend/Types/Items';
import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
@Component({ @Component({
selector: 'wowhead', selector: 'wowhead',
template: ` template: `
<ng-template #tooltip>
<div style="color:white" [innerHTML]="tooltipHtml">
</div>
</ng-template>
<span
[nbPopover]="tooltip"
nbPopoverTrigger="hover"
nbPopoverPlacement="top">
<a target="_blank" [href]="item.url"> <a target="_blank" [href]="item.url">
<item [item]="item"></item> <item [item]="item"></item>
</a> </a>
</span>
`, `,
}) })
export class FrontcraftWowheadComponent implements OnInit{ export class FrontcraftWowheadComponent implements OnInit {
@Input() item: Item @Input() item: Item
tooltipHtml : SafeHtml
constructor( constructor(
private sanitizer: DomSanitizer,
private toastr: NbToastrService, private toastr: NbToastrService,
private api : ApiService private api: ApiService
){} ) { }
async ngOnInit() { async ngOnInit() {
this.tooltipHtml = this.sanitizer.bypassSecurityTrustHtml(this.item.tooltip)
} }
} }