mirror of
https://github.com/bitburner-official/bitburner-src.git
synced 2026-04-27 03:25:44 +02:00
prettify, sorry for the big ass commit
This commit is contained in:
@@ -1,76 +1,138 @@
|
||||
// Root React Component for the Corporation UI
|
||||
import React from "react";
|
||||
|
||||
import { Player } from "../../Player";
|
||||
import { Player } from "../../Player";
|
||||
import { numeralWrapper } from "../../ui/numeralFormat";
|
||||
import { Reputation } from "./Reputation";
|
||||
import { Reputation } from "./Reputation";
|
||||
|
||||
const Component = React.Component;
|
||||
|
||||
export class CharacterOverviewComponent extends Component {
|
||||
render() {
|
||||
const intelligence = (
|
||||
<tr id="character-int-wrapper">
|
||||
<td className="character-int-cell">Int: </td><td id="character-int-text" className="character-int-cell character-stat-cell">{numeralWrapper.formatSkill(Player.intelligence)}</td>
|
||||
</tr>
|
||||
);
|
||||
render() {
|
||||
const intelligence = (
|
||||
<tr id="character-int-wrapper">
|
||||
<td className="character-int-cell">Int: </td>
|
||||
<td
|
||||
id="character-int-text"
|
||||
className="character-int-cell character-stat-cell"
|
||||
>
|
||||
{numeralWrapper.formatSkill(Player.intelligence)}
|
||||
</td>
|
||||
</tr>
|
||||
);
|
||||
|
||||
/*const work = (
|
||||
/*const work = (
|
||||
<div>
|
||||
<p>Work progress:</p>
|
||||
<p>+{Reputation(Player.workRepGained)} rep</p>
|
||||
<button onClick={() => Player.startFocusing()} id="character-overview-options-button" className="character-overview-btn">Focus</button>
|
||||
</div>
|
||||
);*/
|
||||
const work = (
|
||||
<>
|
||||
<tr className="character-divider"><td colSpan="2">Work progress:</td></tr>
|
||||
<tr><td colSpan="2">+{Reputation(Player.workRepGained)} rep</td></tr>
|
||||
<tr><td colSpan="2">
|
||||
<button onClick={() => Player.startFocusing()} id="character-overview-options-button" className="character-overview-btn">Focus</button>
|
||||
</td></tr>
|
||||
</>
|
||||
);
|
||||
const work = (
|
||||
<>
|
||||
<tr className="character-divider">
|
||||
<td colSpan="2">Work progress:</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colSpan="2">+{Reputation(Player.workRepGained)} rep</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colSpan="2">
|
||||
<button
|
||||
onClick={() => Player.startFocusing()}
|
||||
id="character-overview-options-button"
|
||||
className="character-overview-btn"
|
||||
>
|
||||
Focus
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
</>
|
||||
);
|
||||
|
||||
return (
|
||||
<>
|
||||
<table>
|
||||
<tbody>
|
||||
<tr id="character-hp-wrapper">
|
||||
<td className="character-hp-cell">HP:</td><td id="character-hp-text" className="character-hp-cell character-stat-cell">{numeralWrapper.formatHp(Player.hp) + " / " + numeralWrapper.formatHp(Player.max_hp)}</td>
|
||||
</tr>
|
||||
<tr id="character-money-wrapper">
|
||||
<td className="character-money-cell">Money: </td><td id="character-money-text" className="character-money-cell character-stat-cell">{numeralWrapper.formatMoney(Player.money.toNumber())}</td>
|
||||
</tr>
|
||||
<tr id="character-hack-wrapper">
|
||||
<td className="character-hack-cell">Hack: </td><td id="character-hack-text" className="character-hack-cell character-stat-cell">{numeralWrapper.formatSkill(Player.hacking_skill)}</td>
|
||||
</tr>
|
||||
<tr id="character-str-wrapper" className="character-divider">
|
||||
<td className="character-combat-cell">Str: </td><td id="character-str-text" className="character-combat-cell character-stat-cell">{numeralWrapper.formatSkill(Player.strength)}</td>
|
||||
</tr>
|
||||
<tr id="character-def-wrapper">
|
||||
<td className="character-combat-cell">Def: </td><td id="character-def-text" className="character-combat-cell character-stat-cell">{numeralWrapper.formatSkill(Player.defense)}</td>
|
||||
</tr>
|
||||
<tr id="character-dex-wrapper">
|
||||
<td className="character-combat-cell">Dex: </td><td id="character-dex-text" className="character-combat-cell character-stat-cell">{numeralWrapper.formatSkill(Player.dexterity)}</td>
|
||||
</tr>
|
||||
<tr id="character-agi-wrapper">
|
||||
<td className="character-combat-cell">Agi: </td><td id="character-agi-text" className="character-combat-cell character-stat-cell">{numeralWrapper.formatSkill(Player.agility)}</td>
|
||||
</tr>
|
||||
<tr id="character-cha-wrapper" className="character-divider">
|
||||
<td className="character-cha-cell">Cha: </td><td id="character-cha-text" className="character-cha-cell character-stat-cell">{numeralWrapper.formatSkill(Player.charisma)}</td>
|
||||
</tr>
|
||||
{
|
||||
Player.intelligence >= 1 &&
|
||||
intelligence
|
||||
}
|
||||
{
|
||||
(Player.isWorking && !Player.focus) &&
|
||||
work
|
||||
}
|
||||
</tbody>
|
||||
</table>
|
||||
</>
|
||||
)
|
||||
}
|
||||
}
|
||||
return (
|
||||
<>
|
||||
<table>
|
||||
<tbody>
|
||||
<tr id="character-hp-wrapper">
|
||||
<td className="character-hp-cell">HP:</td>
|
||||
<td
|
||||
id="character-hp-text"
|
||||
className="character-hp-cell character-stat-cell"
|
||||
>
|
||||
{numeralWrapper.formatHp(Player.hp) +
|
||||
" / " +
|
||||
numeralWrapper.formatHp(Player.max_hp)}
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="character-money-wrapper">
|
||||
<td className="character-money-cell">Money: </td>
|
||||
<td
|
||||
id="character-money-text"
|
||||
className="character-money-cell character-stat-cell"
|
||||
>
|
||||
{numeralWrapper.formatMoney(Player.money.toNumber())}
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="character-hack-wrapper">
|
||||
<td className="character-hack-cell">Hack: </td>
|
||||
<td
|
||||
id="character-hack-text"
|
||||
className="character-hack-cell character-stat-cell"
|
||||
>
|
||||
{numeralWrapper.formatSkill(Player.hacking_skill)}
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="character-str-wrapper" className="character-divider">
|
||||
<td className="character-combat-cell">Str: </td>
|
||||
<td
|
||||
id="character-str-text"
|
||||
className="character-combat-cell character-stat-cell"
|
||||
>
|
||||
{numeralWrapper.formatSkill(Player.strength)}
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="character-def-wrapper">
|
||||
<td className="character-combat-cell">Def: </td>
|
||||
<td
|
||||
id="character-def-text"
|
||||
className="character-combat-cell character-stat-cell"
|
||||
>
|
||||
{numeralWrapper.formatSkill(Player.defense)}
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="character-dex-wrapper">
|
||||
<td className="character-combat-cell">Dex: </td>
|
||||
<td
|
||||
id="character-dex-text"
|
||||
className="character-combat-cell character-stat-cell"
|
||||
>
|
||||
{numeralWrapper.formatSkill(Player.dexterity)}
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="character-agi-wrapper">
|
||||
<td className="character-combat-cell">Agi: </td>
|
||||
<td
|
||||
id="character-agi-text"
|
||||
className="character-combat-cell character-stat-cell"
|
||||
>
|
||||
{numeralWrapper.formatSkill(Player.agility)}
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="character-cha-wrapper" className="character-divider">
|
||||
<td className="character-cha-cell">Cha: </td>
|
||||
<td
|
||||
id="character-cha-text"
|
||||
className="character-cha-cell character-stat-cell"
|
||||
>
|
||||
{numeralWrapper.formatSkill(Player.charisma)}
|
||||
</td>
|
||||
</tr>
|
||||
{Player.intelligence >= 1 && intelligence}
|
||||
{Player.isWorking && !Player.focus && work}
|
||||
</tbody>
|
||||
</table>
|
||||
</>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user