dave/eveship.fit.react
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: in calculation details, show better when an effect isn't applied (#107)

Browse Source
This commit is contained in:
Patric Stout
2024-05-11 14:41:30 +02:00
committed by GitHub
parent 5269f047b1
commit 89f615a219
2 changed files with 80 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/CalculationDetail/CalculationDetail.module.css
View File

@@ -53,3 +53,7 @@
.line:nth-child(odd) {
background-color: #f2f2f2;
}
.notApplied {
background-color: #ffcccc;
}

111
src/CalculationDetail/CalculationDetail.tsx
View File

@@ -23,6 +23,29 @@ const EffectOperatorOrder: Record<string, string> = {
PostAssignment: "=",
};
function stateToInteger(state: string): number {
switch (state) {
case "Passive":
return 0;
case "Online":
return 1;
case "Active":
return 2;
case "Overload":
return 3;
case "Target":
return 4;
case "Area":
return 5;
case "Dungeon":
return 6;
case "System":
return 7;
default:
return 8;
}
}
const Effect = (props: { effect: ShipSnapshotItemAttributeEffect }) => {
const eveData = React.useContext(EveDataContext);
const shipSnapshot = React.useContext(ShipSnapshotContext);
@@ -31,54 +54,72 @@ const Effect = (props: { effect: ShipSnapshotItemAttributeEffect }) => {
let sourceName = "Unknown";
let attribute = undefined;
let applied = true;
if (props.effect.source === "Ship") {
sourceName = "Ship";
attribute = shipSnapshot.hull?.attributes.get(props.effect.source_attribute_id);
} else if (props.effect.source === "Char") {
sourceName = "Char";
attribute = shipSnapshot.char?.attributes.get(props.effect.source_attribute_id);
} else if (props.effect.source === "Structure") {
sourceName = "Structure";
attribute = shipSnapshot.structure?.attributes.get(props.effect.source_attribute_id);
} else if (props.effect.source === "Target") {
sourceName = "Target";
attribute = shipSnapshot.target?.attributes.get(props.effect.source_attribute_id);
} else {
let item = undefined;
let sourceType = undefined;
switch (props.effect.source) {
case "Ship":
sourceName = "Ship";
attribute = shipSnapshot.hull?.attributes.get(props.effect.source_attribute_id);
break;
/* Lookup the source of the effect. */
if (props.effect.source.Item !== undefined) {
item = shipSnapshot.items?.[props.effect.source.Item];
sourceType = "Item";
} else if (props.effect.source.Skill !== undefined) {
item = shipSnapshot.skills?.[props.effect.source.Skill];
sourceType = "Skill";
} else if (props.effect.source.Charge !== undefined) {
item = shipSnapshot.items?.[props.effect.source.Charge].charge;
sourceType = "Charge";
}
case "Char":
sourceName = "Character";
attribute = shipSnapshot.char?.attributes.get(props.effect.source_attribute_id);
break;
/* Find the attribute on the source. */
if (item === undefined) {
sourceName = `Unknown ${sourceType}`;
} else {
sourceName = `${sourceType} - ` + (eveData.typeIDs?.[item?.type_id]?.name ?? sourceName);
attribute = item?.attributes.get(props.effect.source_attribute_id);
}
case "Structure":
sourceName = "Structure";
attribute = shipSnapshot.structure?.attributes.get(props.effect.source_attribute_id);
break;
case "Target":
sourceName = "Target";
attribute = shipSnapshot.target?.attributes.get(props.effect.source_attribute_id);
break;
default:
let item = undefined;
let sourceType = undefined;
/* Lookup the source of the effect. */
if (props.effect.source.Item !== undefined) {
item = shipSnapshot.items?.[props.effect.source.Item];
sourceType = "Item";
} else if (props.effect.source.Skill !== undefined) {
item = shipSnapshot.skills?.[props.effect.source.Skill];
sourceType = "Skill";
} else if (props.effect.source.Charge !== undefined) {
item = shipSnapshot.items?.[props.effect.source.Charge].charge;
sourceType = "Charge";
}
/* Find the attribute on the source. */
if (item === undefined) {
sourceName = `Unknown ${sourceType}`;
} else {
sourceName = `${sourceType}: ` + (eveData.typeIDs?.[item?.type_id]?.name ?? sourceName);
attribute = item?.attributes.get(props.effect.source_attribute_id);
const itemState = stateToInteger(item.state);
const sourceState = stateToInteger(props.effect.source_category);
if (itemState < sourceState) {
applied = false;
}
}
break;
}
return (
<div className={styles.effect}>
<div className={clsx(styles.effect, { [styles.notApplied]: !applied })}>
<span>{EffectOperatorOrder[props.effect.operator]}</span>
<span>
{attribute?.value || eveAttribute?.defaultValue}
{attribute?.value ?? eveAttribute?.defaultValue}
{props.effect.penalty ? " (penalized)" : ""}
{attribute?.value === undefined ? " (default)" : ""}
</span>
<span>
{sourceName} - {eveAttribute?.name}
{!applied && " (not applied)"}
</span>
</div>
);