felixfoertsch/bitburner-src
1
0
Fork 0
mirror of https://github.com/bitburner-official/bitburner-src.git synced 2026-04-25 18:50:56 +02:00
Code Issues Packages Projects Releases Wiki Activity

prettify, sorry for the big ass commit

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
src/StockMarket/ui/StockTickerPositionText.tsx
+103 -88
View File
@@ -12,104 +12,119 @@ import { Money } from "../../ui/React/Money";
import { SourceFileFlags } from "../../SourceFile/SourceFileFlags";
type IProps = {
p: IPlayer;
stock: Stock;
}
p: IPlayer;
stock: Stock;
};
const blockStyleMarkup = {
display: "block",
}
display: "block",
};
export class StockTickerPositionText extends React.Component<IProps, any> {
renderLongPosition(): React.ReactElement {
const stock = this.props.stock;
renderLongPosition(): React.ReactElement {
const stock = this.props.stock;
// Caculate total returns
const totalCost = stock.playerShares * stock.playerAvgPx;
const gains = (stock.getBidPrice() - stock.playerAvgPx) * stock.playerShares;
let percentageGains = gains / totalCost;
if (isNaN(percentageGains)) { percentageGains = 0; }
return (
<div>
<h3 className={"tooltip"}>
Long Position:
<span className={"tooltiptext"}>
Shares in the long position will increase in value if the price
of the corresponding stock increases
</span>
</h3><br />
<p>
Shares: {numeralWrapper.formatShares(stock.playerShares)}
</p><br />
<p>
Average Price: <Money money={stock.playerAvgPx} /> (Total Cost: <Money money={totalCost} />
</p><br />
<p>
Profit: <Money money={gains} /> ({numeralWrapper.formatPercentage(percentageGains)})
</p><br />
</div>
)
// Caculate total returns
const totalCost = stock.playerShares * stock.playerAvgPx;
const gains =
(stock.getBidPrice() - stock.playerAvgPx) * stock.playerShares;
let percentageGains = gains / totalCost;
if (isNaN(percentageGains)) {
percentageGains = 0;
}
renderShortPosition(): React.ReactElement | null {
const stock = this.props.stock;
return (
<div>
<h3 className={"tooltip"}>
Long Position:
<span className={"tooltiptext"}>
Shares in the long position will increase in value if the price of
the corresponding stock increases
</span>
</h3>
<br />
<p>Shares: {numeralWrapper.formatShares(stock.playerShares)}</p>
<br />
<p>
Average Price: <Money money={stock.playerAvgPx} /> (Total Cost:{" "}
<Money money={totalCost} />
</p>
<br />
<p>
Profit: <Money money={gains} /> (
{numeralWrapper.formatPercentage(percentageGains)})
</p>
<br />
</div>
);
}
// Caculate total returns
const totalCost = stock.playerShortShares * stock.playerAvgShortPx;
const gains = (stock.playerAvgShortPx - stock.getAskPrice()) * stock.playerShortShares;
let percentageGains = gains / totalCost;
if (isNaN(percentageGains)) { percentageGains = 0; }
renderShortPosition(): React.ReactElement | null {
const stock = this.props.stock;
if (this.props.p.bitNodeN === 8 || (SourceFileFlags[8] >= 2)) {
return (
<div>
<h3 className={"tooltip"}>
Short Position:
<span className={"tooltiptext"}>
Shares in the short position will increase in value if the
price of the corresponding stock decreases
</span>
</h3><br />
<p>
Shares: {numeralWrapper.formatShares(stock.playerShortShares)}
</p><br />
<p>
Average Price: <Money money={stock.playerAvgShortPx} /> (Total Cost: <Money money={totalCost} />)
</p><br />
<p>
Profit: <Money money={gains} /> ({numeralWrapper.formatPercentage(percentageGains)})
</p><br />
</div>
)
} else {
return null;
}
// Caculate total returns
const totalCost = stock.playerShortShares * stock.playerAvgShortPx;
const gains =
(stock.playerAvgShortPx - stock.getAskPrice()) * stock.playerShortShares;
let percentageGains = gains / totalCost;
if (isNaN(percentageGains)) {
percentageGains = 0;
}
render(): React.ReactNode {
const stock = this.props.stock;
return (
<div className={"stock-market-position-text"}>
<p style={blockStyleMarkup}>
Max Shares: {numeralWrapper.formatShares(stock.maxShares)}
</p>
<p className={"tooltip"} >
Ask Price: <Money money={stock.getAskPrice()} />
<span className={"tooltiptext"}>
See Investopedia for details on what this is
</span>
</p><br />
<p className={"tooltip"} >
Bid Price: <Money money={stock.getBidPrice()} />
<span className={"tooltiptext"}>
See Investopedia for details on what this is
</span>
</p>
{this.renderLongPosition()}
{this.renderShortPosition()}
</div>
)
if (this.props.p.bitNodeN === 8 || SourceFileFlags[8] >= 2) {
return (
<div>
<h3 className={"tooltip"}>
Short Position:
<span className={"tooltiptext"}>
Shares in the short position will increase in value if the price
of the corresponding stock decreases
</span>
</h3>
<br />
<p>Shares: {numeralWrapper.formatShares(stock.playerShortShares)}</p>
<br />
<p>
Average Price: <Money money={stock.playerAvgShortPx} /> (Total Cost:{" "}
<Money money={totalCost} />)
</p>
<br />
<p>
Profit: <Money money={gains} /> (
{numeralWrapper.formatPercentage(percentageGains)})
</p>
<br />
</div>
);
} else {
return null;
}
}
render(): React.ReactNode {
const stock = this.props.stock;
return (
<div className={"stock-market-position-text"}>
<p style={blockStyleMarkup}>
Max Shares: {numeralWrapper.formatShares(stock.maxShares)}
</p>
<p className={"tooltip"}>
Ask Price: <Money money={stock.getAskPrice()} />
<span className={"tooltiptext"}>
See Investopedia for details on what this is
</span>
</p>
<br />
<p className={"tooltip"}>
Bid Price: <Money money={stock.getBidPrice()} />
<span className={"tooltiptext"}>
See Investopedia for details on what this is
</span>
</p>
{this.renderLongPosition()}
{this.renderShortPosition()}
</div>
);
}
}