Mirroring/coriolis
1
0
Fork 0
mirror of https://github.com/EDCD/coriolis.git synced 2025-12-10 15:15:34 +00:00
Code Issues Projects Releases Wiki Activity

WIP summary table

Browse Source
This commit is contained in:
willyb321
2018-04-26 15:18:41 +10:00
parent 0ebb247666
commit d1d165ad51
2 changed files with 72 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

73
src/app/components/ShipSummaryTable.jsx
View File

@@ -29,7 +29,6 @@ export default class ShipSummaryTable extends TranslatedComponent {
let formats = language.formats; let formats = language.formats;
let { time, int, round, f1, f2 } = formats; let { time, int, round, f1, f2 } = formats;
let hide = tooltip.bind(null, null); let hide = tooltip.bind(null, null);
const shieldGenerator = ship.findInternalByGroup('sg'); const shieldGenerator = ship.findInternalByGroup('sg');
const sgClassNames = cn({ warning: shieldGenerator && !ship.shield, muted: !shieldGenerator }); const sgClassNames = cn({ warning: shieldGenerator && !ship.shield, muted: !shieldGenerator });
const sgTooltip = shieldGenerator ? 'TT_SUMMARY_SHIELDS' : 'TT_SUMMARY_SHIELDS_NONFUNCTIONAL'; const sgTooltip = shieldGenerator ? 'TT_SUMMARY_SHIELDS' : 'TT_SUMMARY_SHIELDS_NONFUNCTIONAL';
@@ -39,8 +38,12 @@ export default class ShipSummaryTable extends TranslatedComponent {
const canBoost = ship.canBoost(cargo, ship.fuelCapacity); const canBoost = ship.canBoost(cargo, ship.fuelCapacity);
const boostTooltip = canBoost ? 'TT_SUMMARY_BOOST' : canThrust ? 'TT_SUMMARY_BOOST_NONFUNCTIONAL' : 'TT_SUMMARY_SPEED_NONFUNCTIONAL'; const boostTooltip = canBoost ? 'TT_SUMMARY_BOOST' : canThrust ? 'TT_SUMMARY_BOOST_NONFUNCTIONAL' : 'TT_SUMMARY_SPEED_NONFUNCTIONAL';
const sgMetrics = Calc.shieldMetrics(ship, 4);
const armourMetrics = Calc.armourMetrics(ship);
console.log(sgMetrics);
console.log(armourMetrics);
return <div id='summary'> return <div id='summary'>
<table id='summaryTable'> <table className={'summaryTable'}>
<thead> <thead>
<tr className='main'> <tr className='main'>
<th rowSpan={2} className={ cn({ 'bg-warning-disabled': !canThrust }) }>{translate('speed')}</th> <th rowSpan={2} className={ cn({ 'bg-warning-disabled': !canThrust }) }>{translate('speed')}</th>
@@ -98,6 +101,72 @@ export default class ShipSummaryTable extends TranslatedComponent {
</tr> </tr>
</tbody> </tbody>
</table> </table>
<table className={'summaryTable'}>
<thead>
<tr className='main'>
<th colSpan={3}>{translate('armour metrics')}</th>
<th colSpan={3}>{translate('shield metrics')}</th>
</tr>
<tr>
<th className='lft'>{translate('explres')}</th>
<th className='lft'>{translate('kinres')}</th>
<th className='lft'>{translate('thermres')}</th>
<th className='lft'>{translate('explres')}</th>
<th className='lft'>{translate('kinres')}</th>
<th className='lft'>{translate('thermres')}</th>
</tr>
</thead>
<tbody>
<tr>
<td>{int(ship.hullExplRes * 100) + '%'}</td>
<td>{int(ship.hullThermRes * 100) + '%'}</td>
<td>{int(ship.hullKinRes * 100) + '%'}</td>
<td>{int(ship.shieldExplRes * 100) + '%'}</td>
<td>{int(ship.shieldThermRes * 100) + '%'}</td>
<td>{int(ship.shieldKinRes * 100) + '%'}</td>
</tr>
</tbody>
</table>
<table className={'summaryTable'}>
<thead>
<tr className='main'>
<th colSpan={4}>{translate('effective armour')}</th>
<th colSpan={4}>{translate('effective shield')}</th>
</tr>
<tr>
<th className='lft'>{translate('absolute') + ' ' + translate('armour')}</th>
<th className='lft'>{translate('explosive') + ' ' + translate('armour')}</th>
<th className='lft'>{translate('kinetic') + ' ' + translate('armour')}</th>
<th className='lft'>{translate('thermal') + ' ' + translate('armour')}</th>
<th className='lft'>{translate('absolute') + ' ' + translate('shield')}</th>
<th className='lft'>{translate('explosive') + ' ' + translate('shield')}</th>
<th className='lft'>{translate('kinetic') + ' ' + translate('shield')}</th>
<th className='lft'>{translate('thermal') + ' ' + translate('shield')}</th>
</tr>
</thead>
<tbody>
<tr>
<td>{int(armourMetrics.total / armourMetrics.absolute.total)}</td>
<td>{int(armourMetrics.total / armourMetrics.explosive.total)}</td>
<td>{int(armourMetrics.total / armourMetrics.kinetic.total)}</td>
<td>{int(armourMetrics.total / armourMetrics.thermal.total)}</td>
<td>{int(sgMetrics.total / sgMetrics.absolute.total)}</td>
<td>{int(sgMetrics.total / sgMetrics.explosive.total)}</td>
<td>{int(sgMetrics.total / sgMetrics.kinetic.total)}</td>
<td>{int(sgMetrics.total / sgMetrics.thermal.total)}</td>
</tr>
</tbody>
</table>
</div>; </div>;
} }
} }

2
src/less/outfit.less
View File

@@ -70,7 +70,7 @@
padding: 0.5em 0.2em; padding: 0.5em 0.2em;
font-size: 0.9em; font-size: 0.9em;
#summaryTable { .summaryTable {
.user-select-none(); .user-select-none();
width: 100%; width: 100%;
border-collapse: collapse; border-collapse: collapse;