1 import {Player} from "@prisma/client";
2 import $ from 'jquery';
3 import {maxExp, maxHp, maxStamina} from "../../../formulas";
4 import {progressBar} from "../components";
5 import {hasStaminaAgain, outOfStamina} from "../dom";
7 function renderStatText(id: string, value: number, incrementable: boolean) {
8 $(`#${id} .text`).html(value.toString());
10 $(`#${id} .stat-increase`).removeClass('hidden');
13 $(`#${id} .stat-increase`).addClass('hidden');
17 export function playerOverview(player: Player) {
19 const incrementable = player.statPoints > 0;
21 $('#name').html(`${player.username}, Level ${player.level}`);
23 renderStatText('pow', player.pow, incrementable);
24 renderStatText('zest', player.zest, incrementable);
25 renderStatText('woosh', player.woosh, incrementable);
26 renderStatText('aha', player.aha, incrementable);
27 renderStatText('luck', player.luck, incrementable);
28 renderStatText('wow', player.wow, incrementable);
29 renderStatText('stp', player.statPoints, incrementable);
31 $('#hit .progress-bar-wrapper').html(progressBar(player.hp, maxHp(player.level, player.zest), {
35 $('#sta .progress-bar-wrapper').html(progressBar(player.stamina, maxStamina(player.level, player.woosh), {
39 $('#exp .progress-bar-wrapper').html(progressBar(player.exp, maxExp(player.level), {
43 if(player.stamina <= 0) {