src/server/views/skills.ts

   1 import { Skill, Skills } from "../../shared/skills";
   2
   3 export function renderSkills(skills: Skill[]): string {
   4   let html = `<table id="skill-list">
   5   ${skills.map((skill: Skill) => {
   6     const definition = Skills.get(skill.id);
   7     const percent = skill.exp / definition.expToLevel(skill.level + 1);
   8     return `
   9     <tr>
  10     <td class="skill-level">${skill.level.toLocaleString()}</td>
  11     <td class="skill-description" title="Total Exp: ${skill.exp.toLocaleString()}/${definition.expToLevel(skill.level + 1).toLocaleString()}">
  12       <span class="skill-exp">${(percent * 100).toPrecision(2)}% to next level</span>
  13       <b>${definition.display}</b>
  14       <p>${definition.description}</p>
  15     </td>
  16     </tr>
  17     `;
  18   }).join("\n")}
  19   </table>`;
  20
  21   return html;
  22 }