+ Would you like to expand into a new city by opening an office? + This would cost {numeralWrapper.format(CorporationConstants.OfficeInitialCost, '$0.000a')} +
+ + + ); +} \ No newline at end of file diff --git a/src/Corporation/ui/HeaderTabs.tsx b/src/Corporation/ui/HeaderTabs.tsx index 1888ba7c6..8ee5b6ff8 100644 --- a/src/Corporation/ui/HeaderTabs.tsx +++ b/src/Corporation/ui/HeaderTabs.tsx @@ -26,8 +26,7 @@ export function HeaderTabs(props: IProps): React.ReactElement { text={props.corp.name} /> { - props.corp.divisions.map((division: IDivision) => -
- Est. Production Cost: {numeralWrapper.formatMoney(product.pCost / ProductProductionCostRatio)}
+ Est. Production Cost: {numeralWrapper.formatMoney(product.pCost / CorporationConstants.ProductProductionCostRatio)}
An estimate of the material cost it takes to create this Product.
@@ -181,8 +186,17 @@ function ProductComponent(props) {
)
}
+interface IMaterialProps {
+ corp: any;
+ division: any;
+ warehouse: any;
+ city: string;
+ mat: any;
+ eventHandler: any;
+}
+
// Creates the UI for a single Material type
-function MaterialComponent(props) {
+function MaterialComponent(props: any) {
const corp = props.corp;
const division = props.division;
const warehouse = props.warehouse;
@@ -230,7 +244,7 @@ function MaterialComponent(props) {
sellButtonText += " @ " + numeralWrapper.formatMoney(mat.bCost + markupLimit);
} else if (mat.sCost) {
if (isString(mat.sCost)) {
- var sCost = mat.sCost.replace(/MP/g, mat.bCost);
+ const sCost = mat.sCost.replace(/MP/g, mat.bCost);
sellButtonText += " @ " + numeralWrapper.formatMoney(eval(sCost));
} else {
sellButtonText += " @ " + numeralWrapper.formatMoney(mat.sCost);
@@ -320,10 +334,17 @@ function MaterialComponent(props) {
)
}
-export class IndustryWarehouse extends BaseReactComponent {
+interface IProps {
+ corp: any;
+ routing: any;
+ currentCity: string;
+ eventHandler: any;
+}
+
+export function IndustryWarehouse(props: IProps) {
// Returns a boolean indicating whether the given material is relevant for the
// current industry.
- isRelevantMaterial(matName, division) {
+ function isRelevantMaterial(matName: string, division: any): boolean {
// Materials that affect Production multiplier
const prodMultiplierMats = ["Hardware", "Robots", "AICores", "RealEstate"];
@@ -334,10 +355,10 @@ export class IndustryWarehouse extends BaseReactComponent {
return false;
}
- renderWarehouseUI() {
- const corp = this.corp();
- const division = this.routing().currentDivision; // Validated in render()
- const warehouse = division.warehouses[this.props.currentCity]; // Validated in render()
+ function renderWarehouseUI() {
+ const corp = props.corp;
+ const division = props.routing.currentDivision; // Validated in render()
+ const warehouse = division.warehouses[props.currentCity]; // Validated in render()
// General Storage information at the top
const sizeUsageStyle = {
@@ -346,7 +367,7 @@ export class IndustryWarehouse extends BaseReactComponent {
}
// Upgrade Warehouse size button
- const sizeUpgradeCost = WarehouseUpgradeBaseCost * Math.pow(1.07, warehouse.level + 1);
+ const sizeUpgradeCost = CorporationConstants.WarehouseUpgradeBaseCost * Math.pow(1.07, warehouse.level + 1);
const canAffordUpgrade = (corp.funds.gt(sizeUpgradeCost));
const upgradeWarehouseClass = canAffordUpgrade ? "std-button" : "a-link-button-inactive";
const upgradeWarehouseOnClick = () => {
@@ -416,7 +437,7 @@ export class IndustryWarehouse extends BaseReactComponent {
// Smart Supply Checkbox
const smartSupplyCheckboxId = "cmpy-mgmt-smart-supply-checkbox";
- const smartSupplyOnChange = (e) => {
+ const smartSupplyOnChange = (e: React.ChangeEvent Total Stock Shares: " + numeralWrapper.format(this.corp().totalShares, "0.000a") +
+ "Publicly Traded: " + (props.corp.public ? "Yes" : "No") + " Total Stock Shares: " + numeralWrapper.format(props.corp.totalShares, "0.000a") +
"" +
- `Outstanding Shares: ${numeralWrapper.format(this.corp().issuedShares, "0.000a")}
` +
- `Dividend Percentage: ${numeralWrapper.format(this.corp().dividendPercentage / 100, "0%")}
` +
+ `Dividend Percentage: ${numeralWrapper.format(props.corp.dividendPercentage / 100, "0%")}
` +
`Dividends per share: ${numeralWrapper.format(dividendsPerShare, "$0.000a")} / s
` +
`Your earnings as a shareholder (Pre-Tax): ${numeralWrapper.format(playerEarnings, "$0.000a")} / s
` +
- `Dividend Tax Rate: ${this.corp().dividendTaxPercentage}%
` +
- `Your earnings as a shareholder (Post-Tax): ${numeralWrapper.format(playerEarnings * (1 - (this.corp().dividendTaxPercentage / 100)), "$0.000a")} / s
`;
+ `Dividend Tax Rate: ${props.corp.dividendTaxPercentage}%
` +
+ `Your earnings as a shareholder (Post-Tax): ${numeralWrapper.format(playerEarnings * (1 - (props.corp.dividendTaxPercentage / 100)), "$0.000a")} / s
`;
}
- let txt = "Total Funds: " + numeralWrapper.format(this.corp().funds.toNumber(), '$0.000a') + "
" +
- "Total Revenue: " + numeralWrapper.format(this.corp().revenue.toNumber(), "$0.000a") + " / s
" +
- "Total Expenses: " + numeralWrapper.format(this.corp().expenses.toNumber(), "$0.000a") + " / s
" +
+ let txt = "Total Funds: " + numeralWrapper.format(props.corp.funds.toNumber(), '$0.000a') + "
" +
+ "Total Revenue: " + numeralWrapper.format(props.corp.revenue.toNumber(), "$0.000a") + " / s
" +
+ "Total Expenses: " + numeralWrapper.format(props.corp.expenses.toNumber(), "$0.000a") + " / s
" +
"Total Profits: " + profitStr + " / s
" +
dividendStr +
- "Publicly Traded: " + (this.corp().public ? "Yes" : "No") + "
" +
- "Owned Stock Shares: " + numeralWrapper.format(this.corp().numShares, '0.000a') + "
" +
- "Stock Price: " + (this.corp().public ? numeralWrapper.formatMoney(this.corp().sharePrice) : "N/A") + "
" +
- "
" +
+ "Owned Stock Shares: " + numeralWrapper.format(props.corp.numShares, '0.000a') + "
" +
+ "Stock Price: " + (props.corp.public ? numeralWrapper.formatMoney(props.corp.sharePrice) : "N/A") + "
" +
+ "
` +
- `Private Shares: ${numeralWrapper.format(this.corp().totalShares - this.corp().issuedShares - this.corp().numShares, "0.000a")}` +
+ `Outstanding Shares: ${numeralWrapper.format(props.corp.issuedShares, "0.000a")}
` +
+ `Private Shares: ${numeralWrapper.format(props.corp.totalShares - props.corp.issuedShares - props.corp.numShares, "0.000a")}` +
"
";
- const storedTime = this.corp().storedCycles * CONSTANTS.MilliPerCycle;
+ const storedTime = props.corp.storedCycles * CONSTANTS.MilliPerCycle;
if (storedTime > 15000) {
txt += `Bonus time: ${convertTimeMsToTimeElapsedString(storedTime)}
`;
}
- let prodMult = this.corp().getProductionMultiplier(),
- storageMult = this.corp().getStorageMultiplier(),
- advMult = this.corp().getAdvertisingMultiplier(),
- empCreMult = this.corp().getEmployeeCreMultiplier(),
- empChaMult = this.corp().getEmployeeChaMultiplier(),
- empIntMult = this.corp().getEmployeeIntMultiplier(),
- empEffMult = this.corp().getEmployeeEffMultiplier(),
- salesMult = this.corp().getSalesMultiplier(),
- sciResMult = this.corp().getScientificResearchMultiplier();
+ const prodMult = props.corp.getProductionMultiplier(),
+ storageMult = props.corp.getStorageMultiplier(),
+ advMult = props.corp.getAdvertisingMultiplier(),
+ empCreMult = props.corp.getEmployeeCreMultiplier(),
+ empChaMult = props.corp.getEmployeeChaMultiplier(),
+ empIntMult = props.corp.getEmployeeIntMultiplier(),
+ empEffMult = props.corp.getEmployeeEffMultiplier(),
+ salesMult = props.corp.getSalesMultiplier(),
+ sciResMult = props.corp.getScientificResearchMultiplier();
if (prodMult > 1) {txt += "Production Multiplier: " + numeralWrapper.format(prodMult, "0.000") + "
";}
if (storageMult > 1) {txt += "Storage Multiplier: " + numeralWrapper.format(storageMult, "0.000") + "
";}
if (advMult > 1) {txt += "Advertising Multiplier: " + numeralWrapper.format(advMult, "0.000") + "
";}
@@ -101,11 +104,11 @@ export class Overview extends BaseReactComponent {
// Render the buttons that lie below the overview text.
// These are mainly for things such as managing finances/stock
- renderButtons() {
+ function renderButtons() {
// Create a "Getting Started Guide" button that lets player view the
// handbook and adds it to the players home computer
- const getStarterGuideOnClick = this.corp().getStarterGuide.bind(this.corp());
- const getStarterGuideBtn = this.createButton({
+ const getStarterGuideOnClick = props.corp.getStarterGuide.bind(props.corp);
+ const getStarterGuideBtn = createButton({
class: "a-link-button",
display: "inline-block",
onClick: getStarterGuideOnClick,
@@ -117,13 +120,12 @@ export class Overview extends BaseReactComponent {
// Create a "Bribe Factions" button if your Corporation is powerful enough.
// This occurs regardless of whether you're public or private
- const canBribe = (this.corp().determineValuation() >= BribeThreshold);
- const bribeFactionsOnClick = this.eventHandler().createBribeFactionsPopup.bind(this.eventHandler());
+ const canBribe = (props.corp.determineValuation() >= CorporationConstants.BribeThreshold);
const bribeFactionsClass = (canBribe ? "a-link-button" : "a-link-button-inactive");
- const bribeFactionsBtn = this.createButton({
+ const bribeFactionsBtn = createButton({
class: bribeFactionsClass,
display: "inline-block",
- onClick: bribeFactionsOnClick,
+ onClick: props.eventHandler.createBribeFactionsPopup,
text: "Bribe Factions",
tooltip: (canBribe
? "Use your Corporations power and influence to bribe Faction leaders in exchange for reputation"
@@ -136,34 +138,36 @@ export class Overview extends BaseReactComponent {
getStarterGuide: getStarterGuideBtn,
};
- if (this.corp().public) {
- return this.renderPublicButtons(generalBtns);
+ if (props.corp.public) {
+ return renderPublicButtons(generalBtns);
} else {
- return this.renderPrivateButtons(generalBtns);
+ return renderPrivateButtons(generalBtns);
}
}
// Render the buttons for when your Corporation is still private
- renderPrivateButtons(generalBtns) {
- const fundingAvailable = (this.corp().fundingRound < 4);
+ function renderPrivateButtons(generalBtns: any) {
+ const fundingAvailable = (props.corp.fundingRound < 4);
const findInvestorsClassName = fundingAvailable ? "std-button" : "a-link-button-inactive";
const findInvestorsTooltip = fundingAvailable ? "Search for private investors who will give you startup funding in exchangefor equity (stock shares) in your company" : null;
- const findInvestorsOnClick = this.corp().getInvestment.bind(this.corp());
- const goPublicOnClick = this.corp().goPublic.bind(this.corp());
+ const findInvestorsOnClick = props.corp.getInvestment.bind(props.corp);
+ const goPublicOnClick = props.corp.goPublic.bind(props.corp);
- const findInvestorsBtn = this.createButton({
+ const findInvestorsBtn = createButton({
class: findInvestorsClassName,
onClick: findInvestorsOnClick,
style: "inline-block",
text: "Find Investors",
tooltip: findInvestorsTooltip,
+ display: "inline-block",
});
- const goPublicBtn = this.createButton({
+ const goPublicBtn = createButton({
class: "std-button",
onClick: goPublicOnClick,
style: "inline-block",
+ display: "inline-block",
text: "Go Public",
tooltip: "Become a publicly traded and owned entity. Going public " +
"involves issuing shares for an IPO. Once you are a public " +
@@ -183,10 +187,9 @@ export class Overview extends BaseReactComponent {
}
// Render the buttons for when your Corporation has gone public
- renderPublicButtons(generalBtns) {
- const corp = this.corp();
+ function renderPublicButtons(generalBtns: any) {
+ const corp = props.corp;
- const sellSharesOnClick = this.eventHandler().createSellSharesPopup.bind(this.eventHandler());
const sellSharesOnCd = (corp.shareSaleCooldown > 0);
const sellSharesClass = sellSharesOnCd ? "a-link-button-inactive" : "std-button";
const sellSharesTooltip = sellSharesOnCd
@@ -194,45 +197,42 @@ export class Overview extends BaseReactComponent {
: "Sell your shares in the company. The money earned from selling your " +
"shares goes into your personal account, not the Corporation's. " +
"This is one of the only ways to profit from your business venture."
- const sellSharesBtn = this.createButton({
+ const sellSharesBtn = createButton({
class: sellSharesClass,
display: "inline-block",
- onClick: function(event) {
+ onClick: function(event: MouseEvent) {
if(!event.isTrusted) return;
- sellSharesOnClick(event);
+ props.eventHandler.createSellSharesPopup(event);
},
text: "Sell Shares",
tooltip: sellSharesTooltip,
});
- const buybackSharesOnClick = this.eventHandler().createBuybackSharesPopup.bind(this.eventHandler());
- const buybackSharesBtn = this.createButton({
+ const buybackSharesBtn = createButton({
class: "std-button",
display: "inline-block",
- onClick: buybackSharesOnClick,
+ onClick: props.eventHandler.createBuybackSharesPopup,
text: "Buyback shares",
tooltip: "Buy back shares you that previously issued or sold at market price.",
});
- const issueNewSharesOnClick = this.eventHandler().createIssueNewSharesPopup.bind(this.eventHandler());
const issueNewSharesOnCd = (corp.issueNewSharesCooldown > 0);
const issueNewSharesClass = issueNewSharesOnCd ? "a-link-button-inactive" : "std-button";
const issueNewSharesTooltip = issueNewSharesOnCd
? "Cannot issue new shares for " + corp.convertCooldownToString(corp.issueNewSharesCooldown)
: "Issue new equity shares to raise capital.";
- const issueNewSharesBtn = this.createButton({
+ const issueNewSharesBtn = createButton({
class: issueNewSharesClass,
display: "inline-block",
- onClick: issueNewSharesOnClick,
+ onClick: props.eventHandler.createIssueNewSharesPopup,
text: "Issue New Shares",
tooltip: issueNewSharesTooltip,
});
- const issueDividendsOnClick = this.eventHandler().createIssueDividendsPopup.bind(this.eventHandler());
- const issueDividendsBtn = this.createButton({
+ const issueDividendsBtn = createButton({
class: "std-button",
display: "inline-block",
- onClick: issueDividendsOnClick,
+ onClick: props.eventHandler.createIssueDividendsPopup,
text: "Issue Dividends",
tooltip: "Manage the dividends that are paid out to shareholders (including yourself)",
});
@@ -252,23 +252,27 @@ export class Overview extends BaseReactComponent {
}
// Render the UI for Corporation upgrades
- renderUpgrades() {
+ function renderUpgrades() {
// Don't show upgrades
- if (this.corp().divisions.length <= 0) { return; }
+ if (props.corp.divisions.length <= 0) { return; }
// Create an array of all Unlocks
- const unlockUpgrades = [];
+ const unlockUpgrades: React.ReactElement[] = [];
Object.values(CorporationUnlockUpgrades).forEach((unlockData) => {
- if (this.corp().unlockUpgrades[unlockData[0]] === 0) {
- unlockUpgrades.push(this.renderUnlockUpgrade(unlockData));
+ if (props.corp.unlockUpgrades[unlockData[0]] === 0) {
+ unlockUpgrades.push( Upgrades
{
- levelableUpgradeProps.map((data) => {
- return this.renderLevelableUpgrade(data);
- })
+ levelableUpgradeProps.map((data: any) =>
- {this.renderUpgrades()}
-
+ {renderUpgrades()}
+