mirror of
https://github.com/EDCD/coriolis.git
synced 2025-12-08 22:33:24 +00:00
100 lines
7.3 KiB
JavaScript
100 lines
7.3 KiB
JavaScript
import React from 'react';
|
|
import cn from 'classnames';
|
|
import Slot from './Slot';
|
|
import Persist from '../stores/Persist';
|
|
import { ListModifications, Modified } from './SvgIcons';
|
|
import { Modifications } from 'coriolis-data/dist';
|
|
import { stopCtxPropagation } from '../utils/UtilityFunctions';
|
|
import { blueprintTooltip } from '../utils/BlueprintFunctions';
|
|
|
|
/**
|
|
* Internal Slot
|
|
*/
|
|
export default class InternalSlot extends Slot {
|
|
|
|
/**
|
|
* Generate the slot contents
|
|
* @param {Object} m Mounted Module
|
|
* @param {Boolean} enabled Slot enabled
|
|
* @param {Function} translate Translate function
|
|
* @param {Object} formats Localized Formats map
|
|
* @param {Object} u Localized Units Map
|
|
* @return {React.Component} Slot contents
|
|
*/
|
|
_getSlotDetails(m, enabled, translate, formats, u) {
|
|
if (m) {
|
|
let classRating = m.class + m.rating;
|
|
let { drag, drop, ship } = this.props;
|
|
let { termtip, tooltip } = this.context;
|
|
let validMods = (Modifications.modules[m.grp] ? Modifications.modules[m.grp].modifications : []);
|
|
let showModuleResistances = Persist.showModuleResistances();
|
|
|
|
// Modifications tooltip shows blueprint and grade, if available
|
|
let modTT = translate('modified');
|
|
if (m && m.blueprint && m.blueprint.name) {
|
|
modTT = translate(m.blueprint.name) + ' ' + translate('grade') + ' ' + m.blueprint.grade;
|
|
if (m.blueprint.special && m.blueprint.special.id >= 0) {
|
|
modTT += ', ' + translate(m.blueprint.special.name);
|
|
}
|
|
modTT = (
|
|
<div>
|
|
<div>{modTT}</div>
|
|
{blueprintTooltip(translate, m.blueprint.grades[m.blueprint.grade], null, m.grp, m)}
|
|
</div>
|
|
);
|
|
}
|
|
|
|
let mass = m.getMass() || m.cargo || m.fuel || 0;
|
|
|
|
const className = cn('details', enabled ? '' : 'disabled');
|
|
return <div className={className} draggable='true' onDragStart={drag} onDragEnd={drop}>
|
|
<div className={'cb'}>
|
|
<div className={'l'}>{classRating} {translate(m.name || m.grp)}{m.mods && Object.keys(m.mods).length > 0 ? <span onMouseOver={termtip.bind(null, modTT)} onMouseOut={tooltip.bind(null, null)}><Modified /></span> : ''}</div>
|
|
<div className={'r'}>{formats.round(mass)}{u.T}</div>
|
|
</div>
|
|
<div className={'cb'}>
|
|
{ m.getOptMass() ? <div className={'l'}>{translate('optmass', 'sg')}: {formats.int(m.getOptMass())}{u.T}</div> : null }
|
|
{ m.getMaxMass() ? <div className={'l'}>{translate('maxmass', 'sg')}: {formats.int(m.getMaxMass())}{u.T}</div> : null }
|
|
{ m.bins ? <div className={'l'}>{m.bins} <u>{translate('bins')}</u></div> : null }
|
|
{ m.bays ? <div className={'l'}>{translate('bays')}: {m.bays}</div> : null }
|
|
{ m.rebuildsperbay ? <div className={'l'}>{translate('rebuildsperbay')}: {m.rebuildsperbay}</div> : null }
|
|
{ m.rate ? <div className={'l'}>{translate('rate')}: {m.rate}{u.kgs} {translate('refuel time')}: {formats.time(this.props.fuel * 1000 / m.rate)}</div> : null }
|
|
{ m.getAmmo() && m.grp !== 'scb' ? <div className={'l'}>{translate('ammunition')}: {formats.gen(m.getAmmo())}</div> : null }
|
|
{ m.getSpinup() ? <div className={'l'}>{translate('spinup')}: {formats.f1(m.getSpinup())}{u.s}</div> : null }
|
|
{ m.getDuration() ? <div className={'l'}>{translate('duration')}: {formats.f1(m.getDuration())}{u.s}</div> : null }
|
|
{ m.grp === 'scb' ? <div className={'l'}>{translate('cells')}: {formats.int(m.getAmmo() + 1)}</div> : null }
|
|
{ m.grp === 'gsrp' ? <div className={'l'}>{translate('shield addition')}: {formats.f1(m.getShieldAddition())}{u.MJ}</div> : null }
|
|
{ m.grp === 'gfsb' ? <div className={'l'}>{translate('jump addition')}: {formats.f1(m.getJumpBoost())}{u.LY}</div> : null }
|
|
{ m.grp === 'gs' ? <div className={'l'}>{translate('shield addition')}: {formats.f1(m.getShieldAddition())}{u.MJ}</div> : null }
|
|
{ m.getShieldReinforcement() ? <div className={'l'}>{translate('shieldreinforcement')}: {formats.f1(m.getDuration() * m.getShieldReinforcement())}{u.MJ}</div> : null }
|
|
{ m.getShieldReinforcement() ? <div className={'l'}>{translate('total')}: {formats.int((m.getAmmo() + 1) * (m.getDuration() * m.getShieldReinforcement()))}{u.MJ}</div> : null }
|
|
{ m.repair ? <div className={'l'}>{translate('repair')}: {m.repair}</div> : null }
|
|
{ m.getFacingLimit() ? <div className={'l'}>{translate('facinglimit')} {formats.f1(m.getFacingLimit())}°</div> : null }
|
|
{ m.getRange() ? <div className={'l'}>{translate('range')} {formats.f2(m.getRange())}{u.km}</div> : null }
|
|
{ m.getRangeT() ? <div className={'l'}>{translate('ranget')} {formats.f1(m.getRangeT())}{u.s}</div> : null }
|
|
{ m.getTime() ? <div className={'l'}>{translate('time')}: {formats.time(m.getTime())}</div> : null }
|
|
{ m.getHackTime() ? <div className={'l'}>{translate('hacktime')}: {formats.time(m.getHackTime())}</div> : null }
|
|
{ m.maximum ? <div className={'l'}>{translate('max')}: {(m.maximum)}</div> : null }
|
|
{ m.rangeLS ? <div className={'l'}>{translate('range')}: {m.rangeLS}{u.Ls}</div> : null }
|
|
{ m.rangeLS === null ? <div className={'l'}>∞{u.Ls}</div> : null }
|
|
{ m.rangeRating ? <div className={'l'}>{translate('range')}: {m.rangeRating}</div> : null }
|
|
{ m.passengers ? <div className={'l'}>{translate('passengers')}: {m.passengers}</div> : null }
|
|
{ m.getRegenerationRate() ? <div className='l'>{translate('regen')}: {formats.round1(m.getRegenerationRate())}{u.ps}</div> : null }
|
|
{ m.getBrokenRegenerationRate() ? <div className='l'>{translate('brokenregen')}: {formats.round1(m.getBrokenRegenerationRate())}{u.ps}</div> : null }
|
|
{ showModuleResistances && m.getExplosiveResistance() ? <div className='l'>{translate('explres')}: {formats.pct(m.getExplosiveResistance())}</div> : null }
|
|
{ showModuleResistances && m.getKineticResistance() ? <div className='l'>{translate('kinres')}: {formats.pct(m.getKineticResistance())}</div> : null }
|
|
{ showModuleResistances && m.getThermalResistance() ? <div className='l'>{translate('thermres')}: {formats.pct(m.getThermalResistance())}</div> : null }
|
|
{ showModuleResistances && m.getCausticResistance() ? <div className='l'>{translate('causres')}: {formats.pct(m.getCausticResistance())}</div> : null }
|
|
{ m.getHullReinforcement() ? <div className='l'>{translate('armour')}: {formats.int(m.getHullReinforcement() + ship.baseArmour * m.getModValue('hullboost') / 10000)}</div> : null }
|
|
{ m.getProtection() ? <div className='l'>{translate('protection')}: {formats.rPct(m.getProtection())}</div> : null }
|
|
{ m.getIntegrity() ? <div className='l'>{translate('integrity')}: {formats.int(m.getIntegrity())}</div> : null }
|
|
{ m.getInfo() ? <div className='l'>{translate(m.getInfo())}</div> : null }
|
|
{ m && validMods.length > 0 ? <div className='r' tabIndex="0" ref={ modButton => this.modButton = modButton }><button tabIndex="-1" onClick={this._toggleModifications.bind(this)} onContextMenu={stopCtxPropagation} onMouseOver={termtip.bind(null, 'modifications')} onMouseOut={tooltip.bind(null, null)}><ListModifications /></button></div> : null }
|
|
</div>
|
|
</div>;
|
|
} else {
|
|
return <div className={'empty'}>{translate('empty')}</div>;
|
|
}
|
|
}
|
|
}
|