1 import { Player, StatDef, StatDisplay } from "../../shared/player";
3 function statPointIncreaser(stat: StatDisplay) {
4 return `<button class="increase-stat" hx-post="/player/stat/${stat.id}" hx-target="#profile">+</button>`;
6 export function renderProfilePage(player: Player): string {
7 let statBreakdown = '';
9 StatDef.forEach(stat => {
10 statBreakdown += `<tr>
11 <th>${stat.display}</th>
12 <td class="${stat.id}">
14 ${player.stat_points ? statPointIncreaser(stat) : ''}
19 const html = `<div id="extra-inventory-info">
20 <table id="stat-breakdown">
22 <tr><th>Stat Points</th><td class="stat_points">${player.stat_points}</td></tr>