diff --git a/ui/core/components/individual_sim_ui/gem_summary.ts b/ui/core/components/individual_sim_ui/gem_summary.ts index 7091d14422..e0a971e246 100644 --- a/ui/core/components/individual_sim_ui/gem_summary.ts +++ b/ui/core/components/individual_sim_ui/gem_summary.ts @@ -1,14 +1,14 @@ -import { SimUI } from "../../sim_ui"; -import { Component } from "../../components/component"; -import { Player } from "../../player"; -import { setItemQualityCssClass } from "../../css_utils"; -import { ActionId } from "../../proto_utils/action_id"; +import { Component } from '../../components/component'; +import { setItemQualityCssClass } from '../../css_utils'; +import { Player } from '../../player'; import { UIGem as Gem } from '../../proto/ui.js'; -import { ContentBlock } from "../content_block"; +import { ActionId } from '../../proto_utils/action_id'; +import { SimUI } from '../../sim_ui'; +import { ContentBlock } from '../content_block'; interface GemSummaryData { - gem: Gem - count: number + gem: Gem; + count: number; } export class GemSummary extends Component { @@ -23,7 +23,7 @@ export class GemSummary extends Component { this.player = player; this.container = new ContentBlock(this.rootElem, 'gem-summary-container', { - header: {title: 'Gem Summary'} + header: { title: 'Gem Summary' }, }); player.gearChangeEmitter.on(() => this.updateTable()); } @@ -35,21 +35,21 @@ export class GemSummary extends Component { for (const gem of fullGemList) { if (gemCounts[gem.name]) { - gemCounts[gem.name].count += 1 + gemCounts[gem.name].count += 1; } else { gemCounts[gem.name] = { gem: gem, count: 1, - } + }; } } for (const gemName of Object.keys(gemCounts)) { - const gemData = gemCounts[gemName] + const gemData = gemCounts[gemName]; const row = document.createElement('div'); - row.classList.add('d-flex', 'align-items-center', 'justify-content-between') + row.classList.add('d-flex', 'align-items-center', 'justify-content-between'); row.innerHTML = ` - +
${gemName}
@@ -61,10 +61,12 @@ export class GemSummary extends Component { setItemQualityCssClass(gemLinkElem, gemData.gem.quality); - ActionId.fromItemId(gemData.gem.id).fill().then(filledId => { - gemIconElem.src = filledId.iconUrl; - filledId.setWowheadHref(gemLinkElem); - }); + ActionId.fromItemId(gemData.gem.id) + .fill() + .then(filledId => { + gemIconElem.src = filledId.iconUrl; + filledId.setWowheadHref(gemLinkElem); + }); this.container.bodyElement.appendChild(row); }