prettify, sorry for the big ass commit

This commit is contained in:
Olivier Gagnon
2021-09-04 19:09:30 -04:00
parent 3d7cdb4ef9
commit a18bdd6afc
554 changed files with 91615 additions and 66138 deletions
+122 -60
View File
@@ -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:&nbsp;</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:&nbsp;</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:&nbsp;</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:&nbsp;</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:&nbsp;</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:&nbsp;</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:&nbsp;</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:&nbsp;</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:&nbsp;</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:&nbsp;</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:&nbsp;</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:&nbsp;</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:&nbsp;</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:&nbsp;</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:&nbsp;</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:&nbsp;</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>
</>
);
}
}