giers10/webeditor3d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add scene lighting effect check and summary in ProjectSequencesPanel.tsx

Browse Source
This commit is contained in:
Victor Giers
2026-04-15 07:57:10 +02:00
parent 1fd6e298aa
commit 6f41e49c30
1 changed files with 52 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

94
src/app/ProjectSequencesPanel.tsx
View File

@@ -313,6 +313,8 @@ export function ProjectSequencesPanel({
const targetKey = getControlTargetRefKey(effect.effect.target); const targetKey = getControlTargetRefKey(effect.effect.target);
const targetOption = const targetOption =
getProjectScheduleTargetOptionByKey(targetOptions, targetKey); getProjectScheduleTargetOptionByKey(targetOptions, targetKey);
const isSceneLightingEffect =
targetOption?.target.kind === "scene";
const effectOptions = const effectOptions =
targetOption === null targetOption === null
? [] ? []
@@ -351,48 +353,56 @@ export function ProjectSequencesPanel({
</div> </div>
) : ( ) : (
<> <>
<div className="vector-inputs vector-inputs--two"> {isSceneLightingEffect ? (
<label className="form-field"> <div className="material-summary">
<span className="label">Target</span> This effect applies to the active scene lighting.
<select </div>
className="select-input" ) : (
value={targetOption.key} <>
onChange={(event) => <div className="vector-inputs vector-inputs--two">
onSetControlStepTarget( <label className="form-field">
selectedSequence.id, <span className="label">Target</span>
effectIndex, <select
event.currentTarget.value className="select-input"
) value={targetOption.key}
} onChange={(event) =>
> onSetControlStepTarget(
{editableTargetOptions.map((option) => ( selectedSequence.id,
<option key={option.key} value={option.key}> effectIndex,
{option.groupLabel} · {option.label} event.currentTarget.value
</option> )
))} }
</select> >
</label> {editableTargetOptions.map((option) => (
</div> <option key={option.key} value={option.key}>
<label className="form-field"> {option.groupLabel} · {option.label}
<span className="label">Effect</span> </option>
<select ))}
className="select-input" </select>
value={effectOptionId} </label>
onChange={(event) => </div>
onSetControlStepEffectOption( <label className="form-field">
selectedSequence.id, <span className="label">Effect</span>
effectIndex, <select
event.currentTarget.value as ProjectScheduleEffectOptionId className="select-input"
) value={effectOptionId}
} onChange={(event) =>
> onSetControlStepEffectOption(
{effectOptions.map((option) => ( selectedSequence.id,
<option key={option.id} value={option.id}> effectIndex,
{option.label} event.currentTarget.value as ProjectScheduleEffectOptionId
</option> )
))} }
</select> >
</label> {effectOptions.map((option) => (
<option key={option.id} value={option.id}>
{option.label}
</option>
))}
</select>
</label>
</>
)}
{effectOptions.find((option) => option.id === effectOptionId) {effectOptions.find((option) => option.id === effectOptionId)
?.valueKind === "number" ? ( ?.valueKind === "number" ? (