bitburner-src/src/ui/CharacterInfo.tsx

import * as React from "react";

import { numeralWrapper } from "../ui/numeralFormat";
import { BitNodes } from "../BitNode/BitNode";
import { IPlayer } from "../PersonObjects/IPlayer";
import { MoneySourceTracker } from "../utils/MoneySourceTracker";
import { dialogBoxCreate } from "../../utils/DialogBox";
import { convertTimeMsToTimeElapsedString } from "../../utils/StringHelperFunctions";
import { BitNodeMultipliers } from "../BitNode/BitNodeMultipliers";
import { SourceFileFlags } from "../SourceFile/SourceFileFlags";
import { getPurchaseServerLimit } from "../Server/ServerPurchases";
import { HacknetServerConstants } from "../Hacknet/data/Constants";
import { StatsTable } from "./React/StatsTable";
import { Money } from "./React/Money";

export function CharacterInfo(p: IPlayer): React.ReactElement {
    function LastEmployer(): React.ReactElement {
        if (p.companyName) {
            return <><span>Employer at which you last worked: {p.companyName}</span><br /></>;
        }
        return <></>;
    }
    function LastJob(): React.ReactElement {
        if (p.companyName !== "") {
            return <><span>Job you last worked: {p.jobs[p.companyName]}</span><br /></>;
        }
        return <></>;
    }
    function Employers(): React.ReactElement {
        if (p.jobs && Object.keys(p.jobs).length !== 0)
            return <>
                    <span>All Employers:</span><br />
                    <ul>
                        {Object.keys(p.jobs).map(j => <li key={j}>    * {j}</li>)}
                    </ul><br /><br />
                </>
        return <></>;
    }

    function Hacknet(): React.ReactElement {
        // Can't import HacknetHelpers for some reason.
        if(!(p.bitNodeN === 9 || SourceFileFlags[9] > 0)) {
            return <><span>{`Hacknet Nodes owned: ${p.hacknetNodes.length}</span>`}</span><br /></>
        } else {
            return <><span>{`Hacknet Servers owned: ${p.hacknetNodes.length} / ${HacknetServerConstants.MaxServers}`}</span><br /></>
        }
    }

    function convertMoneySourceTrackerToString(src: MoneySourceTracker): React.ReactElement {
        let parts: any[][] = [[`Total:`, Money(src.total)]];
        if (src.bladeburner)     { parts.push([`Bladeburner:`, Money(src.bladeburner)]) };
        if (src.codingcontract)  { parts.push([`Coding Contracts:`, Money(src.codingcontract)]) };
        if (src.work)            { parts.push([`Company Work:`, Money(src.work)]) };
        if (src.corporation)     { parts.push([`Corporation:`, Money(src.corporation)]) };
        if (src.crime)           { parts.push([`Crimes:`, Money(src.crime)]) };
        if (src.gang)            { parts.push([`Gang:`, Money(src.gang)]) };
        if (src.hacking)         { parts.push([`Hacking:`, Money(src.hacking)]) };
        if (src.hacknetnode)     { parts.push([`Hacknet Nodes:`, Money(src.hacknetnode)]) };
        if (src.hospitalization) { parts.push([`Hospitalization:`, Money(src.hospitalization)]) };
        if (src.infiltration)    { parts.push([`Infiltration:`, Money(src.infiltration)]) };
        if (src.stock)           { parts.push([`Stock Market:`, Money(src.stock)]) };
        if (src.casino)          { parts.push([`Casino:`, Money(src.casino)]) };

        return StatsTable(parts, "");
    }

    function openMoneyModal() {
        let content = (<>
            <u>Money earned since you last installed Augmentations:</u><br />
            {convertMoneySourceTrackerToString(p.moneySourceA)}
        </>);
        if (p.sourceFiles.length !== 0) {
            content = (<>{content}<br /><br /><u>Money earned in this BitNode:</u><br />
                   {convertMoneySourceTrackerToString(p.moneySourceB)}</>);
        }

        dialogBoxCreate(content, false);
    }

    function Intelligence(): React.ReactElement {
        if (p.intelligence > 0) {
            return <tr key='5'>
                <td>Intelligence:</td>
                <td style={{textAlign: 'right'}}>{numeralWrapper.formatSkill(p.intelligence)}</td>
            </tr>;
        }
        return <></>;
    }

    function MultiplierTable(props: any): React.ReactElement {
        function bn5Stat(r: any) {
            if(SourceFileFlags[5] > 0 && r.length > 2 && r[1] != r[2]) {
                return <td key='2' style={{textAlign: 'right'}}> ({numeralWrapper.formatPercentage(r[2])})</td>
            }
            return <></>;
        }
        return <>
            <table>
                <tbody>
                    {props.rows.map((r: any) => <tr key={r[0]}>
                        <td key='0'>{`${r[0]} multiplier:`}</td>
                        <td key='1' style={{textAlign: 'right', paddingLeft: '5px'}}>{numeralWrapper.formatPercentage(r[1])}</td>
                        {bn5Stat(r)}
                    </tr>)}
                </tbody>
            </table>
        </>
    }

    function CurrentBitNode(): React.ReactElement {
        if(p.sourceFiles.length > 0) {

            const index = "BitNode" + p.bitNodeN;
            return <>
                <span>Current BitNode: {p.bitNodeN} ({BitNodes[index].name})</span><br /><br />
                <div style={{width:"60%", fontSize: "13px", marginLeft:"4%"}}>
                    {BitNodes[index].info.split("<br>").map((t, i) => <div key={i}>
                        <span style={{whiteSpace: 'pre-wrap', overflowWrap: 'break-word'}}>{t}</span><br />
                    </div>)}
                </div>
            </>
        }

        return <></>
    }

    const timeRows = [
        ['Time played since last Augmentation:', convertTimeMsToTimeElapsedString(p.playtimeSinceLastAug)],
    ]
    if(p.sourceFiles.length > 0) {
        timeRows.push(['Time played since last Bitnode destroyed:', convertTimeMsToTimeElapsedString(p.playtimeSinceLastBitnode)]);
    }
    timeRows.push(['Total Time played:', convertTimeMsToTimeElapsedString(p.totalPlaytime)])

    return (
        <pre>
            <b>General</b>
            <br /><br />
            <span>Current City: {p.city}</span><br />
            <LastEmployer />
            <LastJob />
            <Employers />
            <span>Money: {Money(p.money.toNumber())}</span>
            <button className="popup-box-button" style={{display: 'inline-block', float: 'none'}} onClick={openMoneyModal}>Money Statistics & Breakdown</button><br /><br />
            <b>Stats</b>
            <table>
              <tbody>
                <tr key='0'>
                  <td key='0'>Hacking:</td>
                  <td key='1' style={{textAlign: 'right'}}>{numeralWrapper.formatSkill(p.hacking_skill)}</td>
                  <td key='2' style={{textAlign: 'right'}}>({numeralWrapper.formatExp(p.hacking_exp)} exp)</td>
                </tr>
                <tr key='1'>
                  <td key='0'>Strength:</td>
                  <td key='1' style={{textAlign: 'right'}}>{numeralWrapper.formatSkill(p.strength)}</td>
                  <td key='2' style={{textAlign: 'right'}}>({numeralWrapper.formatExp(p.strength_exp)} exp)</td>
                </tr>
                <tr key='2'>
                  <td key='0'>Defense:</td>
                  <td key='1' style={{textAlign: 'right'}}>{numeralWrapper.formatSkill(p.defense)}</td>
                  <td key='2' style={{textAlign: 'right'}}>({numeralWrapper.formatExp(p.defense_exp)} exp)</td>
                </tr>
                <tr key='3'>
                  <td key='0'>Dexterity:</td>
                  <td key='1' style={{textAlign: 'right'}}>{numeralWrapper.formatSkill(p.dexterity)}</td>
                  <td key='2' style={{textAlign: 'right'}}>({numeralWrapper.formatExp(p.dexterity_exp)} exp)</td>
                </tr>
                <tr key='4'>
                  <td key='0'>Agility:</td>
                  <td key='1' style={{textAlign: 'right'}}>{numeralWrapper.formatSkill(p.agility)}</td>
                  <td key='2' style={{textAlign: 'right'}}>({numeralWrapper.formatExp(p.agility_exp)} exp)</td>
                </tr>
                <tr key='5'>
                  <td key='0'>Charisma:</td>
                  <td key='1' style={{textAlign: 'right'}}>{numeralWrapper.formatSkill(p.charisma)}</td>
                  <td key='2' style={{textAlign: 'right'}}>({numeralWrapper.formatExp(p.charisma_exp)} exp)</td>
                </tr>
                <Intelligence />
            </tbody>
            </table>
            <br />
            <MultiplierTable rows={[
                ['Hacking Chance', p.hacking_chance_mult],
                ['Hacking Speed', p.hacking_speed_mult],
                ['Hacking Money', p.hacking_money_mult, p.hacking_money_mult*BitNodeMultipliers.ScriptHackMoney],
                ['Hacking Growth', p.hacking_grow_mult, p.hacking_grow_mult*BitNodeMultipliers.ServerGrowthRate]
            ]} /><br />
            <MultiplierTable rows={[
                ['Hacking Level', p.hacking_mult, p.hacking_mult*BitNodeMultipliers.HackingLevelMultiplier],
                ['Hacking Experience', p.hacking_exp_mult, p.hacking_exp_mult*BitNodeMultipliers.HackExpGain],
            ]} /><br />

            <MultiplierTable rows={[
                ['Strength Level', p.strength_mult, p.strength_mult*BitNodeMultipliers.StrengthLevelMultiplier],
                ['Strength Experience', p.strength_exp_mult]
            ]} /><br />

            <MultiplierTable rows={[
                ['Defense Level', p.defense_mult, p.defense_mult*BitNodeMultipliers.DefenseLevelMultiplier],
                ['Defense Experience', p.defense_exp_mult]
            ]} /><br />

            <MultiplierTable rows={[
                ['Dexterity Level', p.dexterity_mult, p.dexterity_mult*BitNodeMultipliers.DexterityLevelMultiplier],
                ['Dexterity Experience', p.dexterity_exp_mult]
            ]} /><br />

            <MultiplierTable rows={[
                ['Agility Level', p.agility_mult, p.agility_mult*BitNodeMultipliers.AgilityLevelMultiplier],
                ['Agility Experience', p.agility_exp_mult]
            ]} /><br />

                <MultiplierTable rows={[
                ['Charisma Level', p.charisma_mult, p.charisma_mult*BitNodeMultipliers.CharismaLevelMultiplier],
                ['Charisma Experience', p.charisma_exp_mult]
            ]} /><br />

                <MultiplierTable rows={[
                ['Hacknet Node production', p.hacknet_node_money_mult, p.hacknet_node_money_mult*BitNodeMultipliers.HacknetNodeMoney],
                ['Hacknet Node purchase cost', p.hacknet_node_purchase_cost_mult],
                ['Hacknet Node RAM upgrade cost', p.hacknet_node_ram_cost_mult],
                ['Hacknet Node Core purchase cost', p.hacknet_node_core_cost_mult],
                ['Hacknet Node level upgrade cost', p.hacknet_node_level_cost_mult]
            ]} /><br />

            <MultiplierTable rows={[
                ['Company reputation gain', p.company_rep_mult],
                ['Faction reputation gain', p.faction_rep_mult, p.faction_rep_mult*BitNodeMultipliers.FactionWorkRepGain],
                ['Salary', p.work_money_mult, p.work_money_mult*BitNodeMultipliers.CompanyWorkMoney]
            ]} /><br />

            <MultiplierTable rows={[
                ['Crime success', p.crime_success_mult],
                ['Crime money', p.crime_money_mult, p.crime_money_mult*BitNodeMultipliers.CrimeMoney]
            ]} /><br /><br />

            <b>Misc.</b><br /><br />
            <span>{`Servers owned: ${p.purchasedServers.length} / ${getPurchaseServerLimit()}`}</span><br />
            <Hacknet />
            <span>{`Augmentations installed: ${p.augmentations.length}`}</span><br /><br />
            {StatsTable(timeRows, null)}
            <br />
            <CurrentBitNode />
        </pre>
    )
}