diff --git a/src/app/components/Announcement.jsx b/src/app/components/Announcement.jsx index 1c2df735..baa72ad5 100644 --- a/src/app/components/Announcement.jsx +++ b/src/app/components/Announcement.jsx @@ -6,7 +6,6 @@ import { autoBind } from 'react-extras'; * Announcement component */ export default class Announcement extends React.Component { - static propTypes = { text: PropTypes.string }; @@ -27,5 +26,4 @@ export default class Announcement extends React.Component { render() { return
| {canThrust
- ? {int(speed)}{u['m/s']}
- : 0 |
+ >{canThrust ?
+ {int(speed)}{u['m/s']} :
+ 0{canBoost
- ? {int(shipBoost)}{u['m/s']}
- : 0 |
+ >{canBoost ?
+ {int(shipBoost)}{u['m/s']} :
+ 0{canJump
+ >{canJump ?
// TODO:
- ? {NaN}{u.LY}
- : 0 |
+ {NaN}{u.LY} :
+ 0{canJump
+ >{canJump ?
// TODO:
- ? {NaN}{u.LY}
- : 0 |
+ {NaN}{u.LY} :
+ 0{canJump
- ? {f2(jumpRangeMetrics.jumpRange)}{u.LY}
- : 0 |
+ >{canJump ?
+ {f2(jumpRangeMetrics.jumpRange)}{u.LY} :
+ 0{canJump
+ >{canJump ?
// TODO:
- ? {NaN}{u.LY}
- : 0 |
+ {NaN}{u.LY} :
+ 0 {canJump
- ? {f2(jumpRangeMetrics.totalRange)}{u.LY}
- : 0 |
+ >{canJump ?
+ {f2(jumpRangeMetrics.totalRange)}{u.LY} :
+ 0|||||
| {translate(shieldGenerator.readMeta('type') || 'No Shield')} | -{formats.pct1(1 - sgMetrics.explosive.damageMultiplier)} | -{formats.pct1(1 - sgMetrics.kinetic.damageMultiplier)} | -{formats.pct1(1 - sgMetrics.thermal.damageMultiplier)} | -+ | |||||||
| {translate(shieldGenerator.readMeta('type') || 'No Shield')} | +{formats.pct1(1 - sgMetrics.explosive.damageMultiplier)} | +{formats.pct1(1 - sgMetrics.kinetic.damageMultiplier)} | +{formats.pct1(1 - sgMetrics.thermal.damageMultiplier)} | +- | {int(sgMetrics.shieldStrength || 0)}{u.MJ} | -{int(sgMetrics.shieldStrength / sgMetrics.explosive.damageMultiplier || 0)}{u.MJ} | -{int(sgMetrics.shieldStrength / sgMetrics.kinetic.damageMultiplier || 0)}{u.MJ} | -{int(sgMetrics.shieldStrength / sgMetrics.thermal.damageMultiplier || 0)}{u.MJ} | -- | {formats.time(sgMetrics.recover) || translate('Never')} | -{formats.time(sgMetrics.recharge) || translate('Never')} | -{int(sgMetrics.shieldStrength || 0)}{u.MJ} | +{int(sgMetrics.shieldStrength / sgMetrics.explosive.damageMultiplier || 0)}{u.MJ} | +{int(sgMetrics.shieldStrength / sgMetrics.kinetic.damageMultiplier || 0)}{u.MJ} | +{int(sgMetrics.shieldStrength / sgMetrics.thermal.damageMultiplier || 0)}{u.MJ} | ++ | {formats.time(sgMetrics.recover) || translate('Never')} | +{formats.time(sgMetrics.recharge) || translate('Never')} | +
| {translate('internal protection')} | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| {`${translate('explosive')}`} | +{`${translate('explosive')}`} | {`${translate('kinetic')}`} | {`${translate('thermal')}`} | {`${translate('caustic')}`} | diff --git a/src/app/components/Slider.jsx b/src/app/components/Slider.jsx index d36ca968..97746515 100644 --- a/src/app/components/Slider.jsx +++ b/src/app/components/Slider.jsx @@ -123,16 +123,16 @@ export default class Slider extends React.Component { /** * Touch start handler * @param {Event} event DOM Event - * + * */ _touchstart(event) { this.touchStartTimer = setTimeout(() => this.sliderInputBox._setDisplay('block'), 1500); } - + /** * Touch end handler * @param {Event} event DOM Event - * + * */ _touchend(event) { this.sliderInputBox.sliderVal.focus(); @@ -212,7 +212,7 @@ export default class Slider extends React.Component { let margin = MARGIN_LR * scale; let width = outerWidth - (margin * 2); let pctPos = width * this.props.percent; - return ; + ; } } /** @@ -269,14 +269,14 @@ class TextInputBox extends React.Component { this.setState({ inputValue: nextValue }); } } - /** + /** * Update slider textbox visibility/values if changes are made to slider * @param {Object} prevProps React Component properites * @param {Object} prevState React Component state values */ componentDidUpdate(prevProps, prevState) { if (prevState.divStyle.display == 'none' && this.state.divStyle.display == 'block') { - this.enterTimer = setTimeout(() => this.sliderVal.focus(), 10); + this.enterTimer = setTimeout(() => this.sliderVal.focus(), 10); } if (prevProps.max !== this.props.max && this.state.inputValue > this.props.max) { // they chose a different module @@ -287,14 +287,14 @@ class TextInputBox extends React.Component { } } /** - * Set initial state for the textbox. - * We may want to rethink this to + * Set initial state for the textbox. + * We may want to rethink this to * try and make it a stateless component * @returns {object} React state object with initial values set */ _getInitialState() { return { - divStyle: { display:'none' }, + divStyle: { display:'none' }, inputStyle: { width:'4em' }, labelStyle: { marginLeft: '.1em' }, maxLength:5, @@ -307,7 +307,7 @@ class TextInputBox extends React.Component { }; } /** - * + * * @param {string} val block or none */ _setDisplay(val) { @@ -339,7 +339,7 @@ class TextInputBox extends React.Component { } /** * Get the value in the text box - * @returns {number} inputValue Value of the input box + * @returns {number} inputValue Value of the input box */ _getValue() { return this.state.inputValue; @@ -348,7 +348,7 @@ class TextInputBox extends React.Component { * Update and set limits on input box * values depending on what user * has selected - * + * * @param {SyntheticEvent} event ReactJs onChange event */ _handleChange(event) { diff --git a/src/app/components/SvgIcons.jsx b/src/app/components/SvgIcons.jsx index c226f892..3b495a58 100644 --- a/src/app/components/SvgIcons.jsx +++ b/src/app/components/SvgIcons.jsx @@ -247,7 +247,7 @@ export class OrbisIcon extends SvgIcon {