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-details">
  12         <table>
  13           <tr>
  14             <th class="skill-title" title="Total Exp: ${skill.exp.toLocaleString()}/${definition.expToLevel(skill.level + 1).toLocaleString()}">
  15               ${definition.display}
  16             </th>
  17             <td class="skill-exp">
  18               ${(percent * 100).toPrecision(2)}% to next level
  19             </td>
  20           </tr>
  21           <tr>
  22             <td colspan="2" class="skill-description">${definition.description}</td>
  23           </tr>
  24         </table>
  25       </td>
  26     </tr>
  27     `;
  28   }).join("\n")}
  29   </table>`;
  30
  31   return html;
  32 }