+Are you sure you want to ascend this member? They will lose all of+ + + ); +} \ No newline at end of file diff --git a/src/Gang/ui/BonusTime.tsx b/src/Gang/ui/BonusTime.tsx new file mode 100644 index 000000000..693964daf --- /dev/null +++ b/src/Gang/ui/BonusTime.tsx @@ -0,0 +1,26 @@ +import * as React from "react"; +import { Gang } from "../Gang"; +import { CONSTANTS } from "../../Constants"; +import { convertTimeMsToTimeElapsedString } from "../../../utils/StringHelperFunctions"; + +interface IProps { + gang: Gang; +} + +export function BonusTime(props: IProps): React.ReactElement { + const CyclerPerSecond = 1000 / CONSTANTS._idleSpeed; + if (props.gang.storedCycles / CyclerPerSecond*1000 <= 5000) return (<>); + const bonusMillis = props.gang.storedCycles / CyclerPerSecond * 1000; + return (<> +
+their non-Augmentation upgrades and their stats will reset back to 1.
+
+Furthermore, your gang will lose {numeralWrapper.formatRespect(props.member.earnedRespect)} respect
+
+In return, they will gain the following permanent boost to stat multipliers:
+Hacking: +{numeralWrapper.formatPercentage(ascendBenefits.hack/100)}
+Strength: +{numeralWrapper.formatPercentage(ascendBenefits.str/100)}
+Defense: +{numeralWrapper.formatPercentage(ascendBenefits.def/100)}
+Dexterity: +{numeralWrapper.formatPercentage(ascendBenefits.dex/100)}
+Agility: +{numeralWrapper.formatPercentage(ascendBenefits.agi/100)}
+Charisma: +{numeralWrapper.formatPercentage(ascendBenefits.cha/100)}
+
+ Bonus time: {convertTimeMsToTimeElapsedString(bonusMillis)} + + You gain bonus time while offline or when the game is inactive + (e.g. when the tab is throttled by the browser). Bonus time + makes the Gang mechanic progress faster, up to 5x the normal + speed. + +
+-Are you sure you want to ascend this member? They will lose all of- - - ); -} +import { AscensionPopup } from "./AscensionPopup"; interface IProps { member: GangMember; gang: Gang; } -export function Panel1(props: IProps): React.ReactElement { - +export function GangMemberStats(props: IProps): React.ReactElement { function ascend(): void { const popupId = `gang-management-ascend-member ${props.member.name}`; - createPopup(popupId, ascendPopup, { + createPopup(popupId, AscensionPopup, { member: props.member, gang: props.gang, popupId: popupId, @@ -85,12 +47,12 @@ Ag: x{numeralWrapper.formatMultiplier(props.member.agi_mult * props.member.agi_a Ch: x{numeralWrapper.formatMultiplier(props.member.cha_mult * props.member.cha_asc_mult)}(x{numeralWrapper.formatMultiplier(props.member.cha_mult)} Eq, x{numeralWrapper.formatMultiplier(props.member.cha_asc_mult)} Asc)
-their non-Augmentation upgrades and their stats will reset back to 1.
-
-Furthermore, your gang will lose {numeralWrapper.formatRespect(props.member.earnedRespect)} respect
-
-In return, they will gain the following permanent boost to stat multipliers:
-Hacking: +{numeralWrapper.formatPercentage(ascendBenefits.hack/100)}
-Strength: +{numeralWrapper.formatPercentage(ascendBenefits.str/100)}
-Defense: +{numeralWrapper.formatPercentage(ascendBenefits.def/100)}
-Dexterity: +{numeralWrapper.formatPercentage(ascendBenefits.dex/100)}
-Agility: +{numeralWrapper.formatPercentage(ascendBenefits.agi/100)}
-Charisma: +{numeralWrapper.formatPercentage(ascendBenefits.cha/100)}
-
- Hacking: {formatNumber(props.member.hack, 0)} ({numeralWrapper.formatExp(props.member.hack_exp)} exp)
- Strength: {formatNumber(props.member.str, 0)} ({numeralWrapper.formatExp(props.member.str_exp)} exp)
- Defense: {formatNumber(props.member.def, 0)} ({numeralWrapper.formatExp(props.member.def_exp)} exp)
- Dexterity: {formatNumber(props.member.dex, 0)} ({numeralWrapper.formatExp(props.member.dex_exp)} exp)
- Agility: {formatNumber(props.member.agi, 0)} ({numeralWrapper.formatExp(props.member.agi_exp)} exp)
- Charisma: {formatNumber(props.member.cha, 0)} ({numeralWrapper.formatExp(props.member.cha_exp)} exp)
+Hacking: {formatNumber(props.member.hack, 0)} ({numeralWrapper.formatExp(props.member.hack_exp)} exp)
+Strength: {formatNumber(props.member.str, 0)} ({numeralWrapper.formatExp(props.member.str_exp)} exp)
+Defense: {formatNumber(props.member.def, 0)} ({numeralWrapper.formatExp(props.member.def_exp)} exp)
+Dexterity: {formatNumber(props.member.dex, 0)} ({numeralWrapper.formatExp(props.member.dex_exp)} exp)
+Agility: {formatNumber(props.member.agi, 0)} ({numeralWrapper.formatExp(props.member.agi_exp)} exp)
+Charisma: {formatNumber(props.member.cha, 0)} ({numeralWrapper.formatExp(props.member.cha_exp)} exp)
Discount: -{numeralWrapper.formatPercentage(1 - 1 / props.gang.getDiscount())} - You get a discount on equipment and upgrades based on your gang's respect and power. More respect and power leads to more discounts. + + You get a discount on equipment and upgrades based on your + gang's respect and power. More respect and power leads to more + discounts. +
- {props.gang.members.map((member: GangMember) =>Enter a name for your new Gang member:
- {formatNumber(respectCost, 2)} respect needed to recruit next member -
- ); -} - -function BonusTime(props: IProps): React.ReactElement { - const CyclesPerSecond = 1000 / 200; - if (props.gang.storedCycles / CyclesPerSecond*1000 <= 5000) return <>; - return (<> -- Bonus time: {convertTimeMsToTimeElapsedString(props.gang.storedCycles / CyclesPerSecond*1000)} - - You gain bonus time while offline or when the game is inactive (e.g. when the tab is throttled by the browser). Bonus time makes the Gang mechanic progress faster, up to 5x the normal speed - -
-
- This page is used to manage your gang members and get an overview of your gang's stats.
+ This page is used to manage your gang members and get an overview of
+ your gang's stats.
- If a gang member is not earning much money or respect, the task that you
- have assigned to that member might be too difficult. Consider training that
- member's stats or choosing an easier task. The tasks closer to the
- top of the dropdown list are generally easier. Alternatively, the gang member's
- low production might be due to the fact that your wanted level is too high.
- Consider assigning a few members to the '{props.gang.isHackingGang?"Ethical Hacking":"Vigilante Justice"}'
+ If a gang member is not earning much money or respect, the task that
+ you have assigned to that member might be too difficult. Consider
+ training that member's stats or choosing an easier task. The tasks
+ closer to the top of the dropdown list are generally easier.
+ Alternatively, the gang member's low production might be due to the
+ fact that your wanted level is too high. Consider assigning a few
+ members to the '{props.gang.isHackingGang?"Ethical Hacking":"Vigilante Justice"}'
task to lower your wanted level.
- Installing Augmentations does NOT reset your progress with your Gang.
- Furthermore, after installing Augmentations, you will
- automatically be a member of whatever Faction you created your gang with.
+ Installing Augmentations does NOT reset your progress with your
+ Gang. Furthermore, after installing Augmentations, you will
+ automatically be a member of whatever Faction you created your gang
+ with.
- You can also manage your gang programmatically through Netscript using the Gang API
+ You can also manage your gang programmatically through Netscript
+ using the Gang API
+ {formatNumber(respect, 2)} respect needed to recruit next member +
+ ); + } + + function onClick(): void { + const popupId = "recruit-gang-member-popup"; + createPopup(popupId, RecruitPopup, { + gang: props.gang, + popupId: popupId, + onRecruit: props.onRecruit, + }); + } + + return (<> + + Recruit Gang Member + + ); +} \ No newline at end of file diff --git a/src/Gang/ui/RecruitPopup.tsx b/src/Gang/ui/RecruitPopup.tsx new file mode 100644 index 000000000..ba328e5c3 --- /dev/null +++ b/src/Gang/ui/RecruitPopup.tsx @@ -0,0 +1,60 @@ +import React, { useState } from "react"; +import { Gang } from "../Gang"; +import { removePopup } from "../../ui/React/createPopup"; +import { dialogBoxCreate } from "../../../utils/DialogBox"; + +interface IRecruitPopupProps { + gang: Gang; + popupId: string; + onRecruit: () => void; +} + +export function RecruitPopup(props: IRecruitPopupProps): React.ReactElement { + const [name, setName] = useState(""); + + function recruit(): void { + if (name === "") { + dialogBoxCreate("You must enter a name for your Gang member!"); + return; + } + if (!props.gang.canRecruitMember()) { + dialogBoxCreate("You cannot recruit another Gang member!"); + return; + } + + // At this point, the only way this can fail is if you already + // have a gang member with the same name + if (!props.gang.recruitMember(name)) { + dialogBoxCreate("You already have a gang member with this name!"); + return; + } + + props.onRecruit(); + removePopup(props.popupId); + } + + function cancel(): void { + removePopup(props.popupId); + } + + function onKeyUp(event: React.KeyboardEventEnter a name for your new Gang member: