nitro/nitro-react
1
0
Fork 0
mirror of https://github.com/billsonnn/nitro-react.git synced 2025-02-18 18:02:36 +01:00
Code Issues Packages Projects Releases Wiki Activity

Update actions

Browse Source
This commit is contained in:
Bill 2021-06-30 00:32:39 -04:00
parent 7bce02f637
commit 3cb360361d
21 changed files with 272 additions and 256 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/views/wired/common/GetWiredActionLayout.tsx
View File

@ -77,4 +77,6 @@ export function GetWiredActionLayout(code: number): JSX.Element
case WiredActionLayout.TOGGLE_FURNI_STATE: case WiredActionLayout.TOGGLE_FURNI_STATE:
return <WiredActionToggleFurniStateView />; return <WiredActionToggleFurniStateView />;
} }
return null;
} }

10
src/views/wired/views/actions/base/WiredActionBaseView.tsx
View File

@ -32,14 +32,14 @@ export const WiredActionBaseView: FC<WiredActionBaseViewProps> = props =>
{ children } { children }
<hr className="my-1 mb-2 bg-dark" /> <hr className="my-1 mb-2 bg-dark" />
</> } </> }
<div className="fw-bold">{ LocalizeText('wiredfurni.params.delay', [ 'seconds' ], [ GetWiredTimeLocale(delay) ]) }</div> <div className="form-group">
<label className="fw-bold">{ LocalizeText('wiredfurni.params.delay', [ 'seconds' ], [ GetWiredTimeLocale(delay) ]) }</label>
<Slider <Slider
defaultValue={ delay } value={ delay }
dots={ true }
min={ 0 } min={ 0 }
max={ 20 } max={ 20 }
onChange={ event => setDelay(event) } onChange={ event => setDelay(event) } />
/> </div>
</WiredBaseView> </WiredBaseView>
); );
} }

6
src/views/wired/views/actions/bot-follow-avatar/WiredActionBotFollowAvatarView.tsx
View File

@ -28,18 +28,20 @@ export const WiredActionBotFollowAvatarView: FC<{}> = props =>
<label className="fw-bold">{ LocalizeText('wiredfurni.params.bot.name') }</label> <label className="fw-bold">{ LocalizeText('wiredfurni.params.bot.name') }</label>
<input type="text" className="form-control form-control-sm" maxLength={ 32 } value={ botName } onChange={ event => setBotName(event.target.value) } /> <input type="text" className="form-control form-control-sm" maxLength={ 32 } value={ botName } onChange={ event => setBotName(event.target.value) } />
</div> </div>
<div className="form-group">
<div className="form-check"> <div className="form-check">
<input className="form-check-input" type="radio" name="followMode" id="followMode1" checked={ followMode === 1 } onChange={() => setFollowMode(1)} /> <input className="form-check-input" type="radio" name="followMode" id="followMode1" checked={ (followMode === 1) } onChange={ event => setFollowMode(1) } />
<label className="form-check-label" htmlFor="followMode1"> <label className="form-check-label" htmlFor="followMode1">
{ LocalizeText('wiredfurni.params.start.following') } { LocalizeText('wiredfurni.params.start.following') }
</label> </label>
</div> </div>
<div className="form-check"> <div className="form-check">
<input className="form-check-input" type="radio" name="followMode" id="followMode2" checked={ followMode === 0 } onChange={() => setFollowMode(0)} /> <input className="form-check-input" type="radio" name="followMode" id="followMode2" checked={ (followMode === 0) } onChange={ event => setFollowMode(0) } />
<label className="form-check-label" htmlFor="followMode2"> <label className="form-check-label" htmlFor="followMode2">
{ LocalizeText('wiredfurni.params.stop.following') } { LocalizeText('wiredfurni.params.stop.following') }
</label> </label>
</div> </div>
</div>
</WiredActionBaseView> </WiredActionBaseView>
); );
} }

14
src/views/wired/views/actions/bot-give-hand-item/WiredActionBotGiveHandItemView.tsx
View File

@ -4,10 +4,10 @@ import { useWiredContext } from '../../../context/WiredContext';
import { WiredFurniType } from '../../../WiredView.types'; import { WiredFurniType } from '../../../WiredView.types';
import { WiredActionBaseView } from '../base/WiredActionBaseView'; import { WiredActionBaseView } from '../base/WiredActionBaseView';
export const WiredActionBotGiveHandItemView: FC<{}> = props =>
{
const allowedHanditemIds: number[] = [2, 5, 7, 8, 9, 10, 27]; const allowedHanditemIds: number[] = [2, 5, 7, 8, 9, 10, 27];
export const WiredActionBotGiveHandItemView: FC<{}> = props =>
{
const [ botName, setBotName ] = useState(''); const [ botName, setBotName ] = useState('');
const [ handItemId, setHandItemId ] = useState(-1); const [ handItemId, setHandItemId ] = useState(-1);
const { trigger = null, setStringParam = null, setIntParams = null } = useWiredContext(); const { trigger = null, setStringParam = null, setIntParams = null } = useWiredContext();
@ -30,14 +30,16 @@ export const WiredActionBotGiveHandItemView: FC<{}> = props =>
<label className="fw-bold">{ LocalizeText('wiredfurni.params.bot.name') }</label> <label className="fw-bold">{ LocalizeText('wiredfurni.params.bot.name') }</label>
<input type="text" className="form-control form-control-sm" maxLength={ 32 } value={ botName } onChange={ event => setBotName(event.target.value) } /> <input type="text" className="form-control form-control-sm" maxLength={ 32 } value={ botName } onChange={ event => setBotName(event.target.value) } />
</div> </div>
<div className="fw-bold">{ LocalizeText('wiredfurni.params.handitem') }</div> <div className="form-group">
<select className="form-select" value={ handItemId } onChange={ (e) => setHandItemId(Number(e.target.value)) }> <label className="fw-bold">{ LocalizeText('wiredfurni.params.handitem') }</label>
<select className="form-select form-select-sm" value={ handItemId } onChange={ event => setHandItemId(parseInt(event.target.value)) }>
<option value="0">------</option> <option value="0">------</option>
{allowedHanditemIds && allowedHanditemIds.map(value => { allowedHanditemIds.map(value =>
{ {
return <option value={ value }>{ LocalizeText('handitem' + value) }</option> return <option key={ value } value={ value }>{ LocalizeText(`handitem${ value }`) }</option>
}) } }) }
</select> </select>
</div>
</WiredActionBaseView> </WiredActionBaseView>
); );
} }

14
src/views/wired/views/actions/bot-talk-to-avatar/WiredActionBotTalkToAvatarView.tsx
View File

@ -37,17 +37,15 @@ export const WiredActionBotTalkToAvatarView: FC<{}> = props =>
<label className="fw-bold">{ LocalizeText('wiredfurni.params.message') }</label> <label className="fw-bold">{ LocalizeText('wiredfurni.params.message') }</label>
<input type="text" className="form-control form-control-sm" maxLength={ 64 } value={ message } onChange={ event => setMessage(event.target.value) } /> <input type="text" className="form-control form-control-sm" maxLength={ 64 } value={ message } onChange={ event => setMessage(event.target.value) } />
</div> </div>
<div className="form-group">
<div className="form-check"> <div className="form-check">
<input className="form-check-input" type="radio" name="talkMode" id="talkMode1" checked={ talkMode === 0 } onChange={() => setTalkMode(0)} /> <input className="form-check-input" type="radio" name="talkMode" id="talkMode1" checked={ (talkMode === 0) } onChange={ event => setTalkMode(0) } />
<label className="form-check-label" htmlFor="talkMode1"> <label className="form-check-label" htmlFor="talkMode1">{ LocalizeText('wiredfurni.params.talk') }</label>
{ LocalizeText('wiredfurni.params.talk') }
</label>
</div> </div>
<div className="form-check"> <div className="form-check">
<input className="form-check-input" type="radio" name="talkMode" id="talkMode2" checked={ talkMode === 1 } onChange={() => setTalkMode(1)} /> <input className="form-check-input" type="radio" name="talkMode" id="talkMode2" checked={ (talkMode === 1) } onChange={ event => setTalkMode(1) } />
<label className="form-check-label" htmlFor="talkMode2"> <label className="form-check-label" htmlFor="talkMode2">{ LocalizeText('wiredfurni.params.whisper') }</label>
{ LocalizeText('wiredfurni.params.whisper') } </div>
</label>
</div> </div>
</WiredActionBaseView> </WiredActionBaseView>
); );

14
src/views/wired/views/actions/bot-talk/WiredActionBotTalkView.tsx
View File

@ -37,17 +37,15 @@ export const WiredActionBotTalkView: FC<{}> = props =>
<label className="fw-bold">{ LocalizeText('wiredfurni.params.message') }</label> <label className="fw-bold">{ LocalizeText('wiredfurni.params.message') }</label>
<input type="text" className="form-control form-control-sm" maxLength={ 64 } value={ message } onChange={ event => setMessage(event.target.value) } /> <input type="text" className="form-control form-control-sm" maxLength={ 64 } value={ message } onChange={ event => setMessage(event.target.value) } />
</div> </div>
<div className="form-group">
<div className="form-check"> <div className="form-check">
<input className="form-check-input" type="radio" name="talkMode" id="talkMode1" checked={ talkMode === 0 } onChange={() => setTalkMode(0)} /> <input className="form-check-input" type="radio" name="talkMode" id="talkMode1" checked={ (talkMode === 0) } onChange={ event => setTalkMode(0) } />
<label className="form-check-label" htmlFor="talkMode1"> <label className="form-check-label" htmlFor="talkMode1">{ LocalizeText('wiredfurni.params.talk') }</label>
{ LocalizeText('wiredfurni.params.talk') }
</label>
</div> </div>
<div className="form-check"> <div className="form-check">
<input className="form-check-input" type="radio" name="talkMode" id="talkMode2" checked={ talkMode === 1 } onChange={() => setTalkMode(1)} /> <input className="form-check-input" type="radio" name="talkMode" id="talkMode2" checked={ (talkMode === 1) } onChange={ event => setTalkMode(1) } />
<label className="form-check-label" htmlFor="talkMode2"> <label className="form-check-label" htmlFor="talkMode2">{ LocalizeText('wiredfurni.params.shout') }</label>
{ LocalizeText('wiredfurni.params.shout') } </div>
</label>
</div> </div>
</WiredActionBaseView> </WiredActionBaseView>
); );

4
src/views/wired/views/actions/call-another-stack/WiredActionCallAnotherStackView.tsx
View File

@ -4,7 +4,5 @@ import { WiredActionBaseView } from '../base/WiredActionBaseView';
export const WiredActionCallAnotherStackView: FC<{}> = props => export const WiredActionCallAnotherStackView: FC<{}> = props =>
{ {
return ( return <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID_BY_TYPE_OR_FROM_CONTEXT } save={ null } />;
<WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID_BY_TYPE_OR_FROM_CONTEXT } save={ null }></WiredActionBaseView>
);
} }

4
src/views/wired/views/actions/chase/WiredActionChaseView.tsx
View File

@ -4,7 +4,5 @@ import { WiredActionBaseView } from '../base/WiredActionBaseView';
export const WiredActionChaseView: FC<{}> = props => export const WiredActionChaseView: FC<{}> = props =>
{ {
return ( return <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID_BY_TYPE_OR_FROM_CONTEXT } save={ null } />;
<WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID_BY_TYPE_OR_FROM_CONTEXT } save={ null }></WiredActionBaseView>
);
} }

4
src/views/wired/views/actions/flee/WiredActionFleeView.tsx
View File

@ -4,7 +4,5 @@ import { WiredActionBaseView } from '../base/WiredActionBaseView';
export const WiredActionFleeView: FC<{}> = props => export const WiredActionFleeView: FC<{}> = props =>
{ {
return ( return <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID_BY_TYPE_OR_FROM_CONTEXT } save={ null } />;
<WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID_BY_TYPE_OR_FROM_CONTEXT } save={ null }></WiredActionBaseView>
);
} }

48
src/views/wired/views/actions/give-score-to-predefined-team/WiredActionGiveScoreToPredefinedTeamView.tsx
View File

@ -9,7 +9,7 @@ export const WiredActionGiveScoreToPredefinedTeamView: FC<{}> = props =>
{ {
const [ points, setPoints ] = useState(1); const [ points, setPoints ] = useState(1);
const [ time, setTime ] = useState(1); const [ time, setTime ] = useState(1);
const [ selectedTeam, setSelectedTeam ] = useState(-1); const [ selectedTeam, setSelectedTeam ] = useState(1);
const { trigger = null, setIntParams = null } = useWiredContext(); const { trigger = null, setIntParams = null } = useWiredContext();
useEffect(() => useEffect(() =>
@ -20,6 +20,12 @@ export const WiredActionGiveScoreToPredefinedTeamView: FC<{}> = props =>
setTime(trigger.intData[1]); setTime(trigger.intData[1]);
setSelectedTeam(trigger.intData[2]); setSelectedTeam(trigger.intData[2]);
} }
else
{
setPoints(1);
setTime(1);
setSelectedTeam(1);
}
}, [ trigger ]); }, [ trigger ]);
const save = useCallback(() => const save = useCallback(() =>
@ -29,38 +35,36 @@ export const WiredActionGiveScoreToPredefinedTeamView: FC<{}> = props =>
return ( return (
<WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ save }> <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ save }>
<div className="fw-bold">{ LocalizeText('wiredfurni.params.setpoints', [ 'points' ], [ points.toString() ]) }</div> <div className="form-group mb-2">
<label className="fw-bold">{ LocalizeText('wiredfurni.params.setpoints', [ 'points' ], [ points.toString() ]) }</label>
<Slider <Slider
defaultValue={ points } value={ points }
dots={ true }
min={ 1 } min={ 1 }
max={ 100 } max={ 100 }
step={ 1 } onChange={ event => setPoints(event) } />
onChange={ event => setPoints(event) } </div>
/> <div className="form-group mb-2">
<hr className="my-1 mb-2 bg-dark" /> <label className="fw-bold">{ LocalizeText('wiredfurni.params.settimesingame', [ 'times' ], [ time.toString() ]) }</label>
<div className="fw-bold">{ LocalizeText('wiredfurni.params.settimesingame', [ 'times' ], [ time.toString() ]) }</div>
<Slider <Slider
defaultValue={ time } value={ time }
dots={ true }
min={ 1 } min={ 1 }
max={ 10 } max={ 10 }
step={ 1 } onChange={ event => setTime(event) } />
onChange={ event => setTime(event) } </div>
/> <div className="form-group">
<hr className="my-1 mb-2 bg-dark" /> <label className="fw-bold">{ LocalizeText('wiredfurni.params.team') }</label>
<div className="fw-bold">{ LocalizeText('wiredfurni.params.team') }</div> { [1, 2, 3, 4].map(value =>
{ [1, 2, 3, 4].map(team =>
{ {
return ( return (
<div key={ team } className="form-check"> <div key={ value } className="form-check">
<input className="form-check-input" type="radio" name="selectedTeam" id={'selectedTeam' + team} checked={ selectedTeam === team } onChange={() => setSelectedTeam(team)} /> <input className="form-check-input" type="radio" name="selectedTeam" id={ `selectedTeam${ value }` } checked={ (selectedTeam === value) } onChange={ event => setSelectedTeam(value) } />
<label className="form-check-label" htmlFor={'selectedTeam' + team}> <label className="form-check-label" htmlFor={'selectedTeam' + value}>
{ LocalizeText('wiredfurni.params.team.' + team) } { LocalizeText('wiredfurni.params.team.' + value) }
</label> </label>
</div> </div>
) );
}) } }) }
</div>
</WiredActionBaseView> </WiredActionBaseView>
); );
} }

28
src/views/wired/views/actions/give-score/WiredActionGiveScoreView.tsx
View File

@ -18,6 +18,11 @@ export const WiredActionGiveScoreView: FC<{}> = props =>
setPoints(trigger.intData[0]); setPoints(trigger.intData[0]);
setTime(trigger.intData[1]); setTime(trigger.intData[1]);
} }
else
{
setPoints(1);
setTime(1);
}
}, [ trigger ]); }, [ trigger ]);
const save = useCallback(() => const save = useCallback(() =>
@ -27,25 +32,22 @@ export const WiredActionGiveScoreView: FC<{}> = props =>
return ( return (
<WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ save }> <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ save }>
<div className="fw-bold">{ LocalizeText('wiredfurni.params.setpoints', [ 'points' ], [ points.toString() ]) }</div> <div className="form-group mb-2">
<label className="fw-bold">{ LocalizeText('wiredfurni.params.setpoints', [ 'points' ], [ points.toString() ]) }</label>
<Slider <Slider
defaultValue={ points } value={ points }
dots={ true }
min={ 1 } min={ 1 }
max={ 100 } max={ 100 }
step={ 1 } onChange={ event => setPoints(event) } />
onChange={ event => setPoints(event) } </div>
/> <div className="form-group">
<hr className="my-1 mb-2 bg-dark" /> <label className="fw-bold">{ LocalizeText('wiredfurni.params.settimesingame', [ 'times' ], [ time.toString() ]) }</label>
<div className="fw-bold">{ LocalizeText('wiredfurni.params.settimesingame', [ 'times' ], [ time.toString() ]) }</div>
<Slider <Slider
defaultValue={ time } value={ time }
dots={ true }
min={ 1 } min={ 1 }
max={ 10 } max={ 10 }
step={ 1 } onChange={ event => setTime(event) } />
onChange={ event => setTime(event) } </div>
/>
</WiredActionBaseView> </WiredActionBaseView>
); );
} }

10
src/views/wired/views/actions/join-team/WiredActionJoinTeamView.tsx
View File

@ -21,18 +21,20 @@ export const WiredActionJoinTeamView: FC<{}> = props =>
return ( return (
<WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ save }> <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ save }>
<div className="fw-bold">{ LocalizeText('wiredfurni.params.team') }</div> <div className="form-group">
<label className="fw-bold">{ LocalizeText('wiredfurni.params.team') }</label>
{ [1, 2, 3, 4].map(team => { [1, 2, 3, 4].map(team =>
{ {
return ( return (
<div key={ team } className="form-check"> <div key={ team } className="form-check">
<input className="form-check-input" type="radio" name="selectedTeam" id={'selectedTeam' + team} checked={ selectedTeam === team } onChange={() => setSelectedTeam(team)} /> <input className="form-check-input" type="radio" name="selectedTeam" id={ `selectedTeam${ team }` } checked={ (selectedTeam === team) } onChange={ event => setSelectedTeam(team) } />
<label className="form-check-label" htmlFor={'selectedTeam' + team}> <label className="form-check-label" htmlFor={ `selectedTeam${ team }` }>
{ LocalizeText('wiredfurni.params.team.' + team) } { LocalizeText(`wiredfurni.params.team.${ team }`) }
</label> </label>
</div> </div>
) )
}) } }) }
</div>
</WiredActionBaseView> </WiredActionBaseView>
); );
} }

4
src/views/wired/views/actions/leave-team/WiredActionLeaveTeamView.tsx
View File

@ -4,7 +4,5 @@ import { WiredActionBaseView } from '../base/WiredActionBaseView';
export const WiredActionLeaveTeamView: FC<{}> = props => export const WiredActionLeaveTeamView: FC<{}> = props =>
{ {
return ( return <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ null } />;
<WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ null }></WiredActionBaseView>
);
} }

26
src/views/wired/views/actions/move-and-rotate-furni/WiredActionMoveAndRotateFurniView.tsx
View File

@ -38,6 +38,11 @@ export const WiredActionMoveAndRotateFurniView: FC<{}> = props =>
setMovement(trigger.intData[0]); setMovement(trigger.intData[0]);
setRotation(trigger.intData[1]); setRotation(trigger.intData[1]);
} }
else
{
setMovement(-1);
setRotation(-1);
}
}, [ trigger ]); }, [ trigger ]);
const save = useCallback(() => const save = useCallback(() =>
@ -47,35 +52,38 @@ export const WiredActionMoveAndRotateFurniView: FC<{}> = props =>
return ( return (
<WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID_BY_TYPE_OR_FROM_CONTEXT } save={ save }> <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID_BY_TYPE_OR_FROM_CONTEXT } save={ save }>
<div className="fw-bold">{ LocalizeText('wiredfurni.params.startdir') }</div> <div className="form-group mb-2">
<label className="fw-bold">{ LocalizeText('wiredfurni.params.startdir') }</label>
<div className="row row-cold-4"> <div className="row row-cold-4">
{ directionOptions.map(option => { directionOptions.map(option =>
{ {
return ( return (
<div key={ option.value } className="col"> <div key={ option.value } className="col">
<div className="form-check"> <div className="form-check">
<input className="form-check-input" type="radio" name="movement" id={'movement' + option.value} checked={ movement === option.value } onChange={() => setMovement(option.value)} /> <input className="form-check-input" type="radio" name="movement" id={ `movement${ option.value }` } checked={ (movement === option.value) } onChange={ event => setMovement(option.value) } />
<label className="form-check-label" htmlFor={'movement' + option.value}> <label className="form-check-label" htmlFor={ `movement${ option.value }` }>
<i className={'icon icon-' + option.icon} /> <i className={ `icon icon-${ option.icon }` } />
</label> </label>
</div> </div>
</div> </div>
) )
}) } }) }
</div> </div>
<hr className="my-1 mb-2 bg-dark" /> </div>
<div className="fw-bold">{ LocalizeText('wiredfurni.params.turn') }</div> <div className="form-group">
<label className="fw-bold">{ LocalizeText('wiredfurni.params.turn') }</label>
{ rotationOptions.map(option => { rotationOptions.map(option =>
{ {
return ( return (
<div key={ option } className="form-check"> <div key={ option } className="form-check">
<input className="form-check-input" type="radio" name="rotation" id={'rotation' + option} checked={ rotation === option } onChange={() => setRotation(option)} /> <input className="form-check-input" type="radio" name="rotation" id={ `rotation${ option }` } checked={ (rotation === option) } onChange={ event => setRotation(option) } />
<label className="form-check-label" htmlFor={'rotation' + option}> <label className="form-check-label" htmlFor={ `rotation${ option }` }>
{ LocalizeText('wiredfurni.params.turn.' + option) } { LocalizeText(`wiredfurni.params.turn.${ option }`) }
</label> </label>
</div> </div>
) )
}) } }) }
</div>
</WiredActionBaseView> </WiredActionBaseView>
); );
} }

31
src/views/wired/views/actions/move-furni-to/WiredActionMoveFurniToView.tsx
View File

@ -37,6 +37,11 @@ export const WiredActionMoveFurniToView: FC<{}> = props =>
setSpacing(trigger.intData[1]); setSpacing(trigger.intData[1]);
setMovement(trigger.intData[0]); setMovement(trigger.intData[0]);
} }
else
{
setSpacing(-1);
setMovement(-1);
}
}, [ trigger ]); }, [ trigger ]);
const save = useCallback(() => const save = useCallback(() =>
@ -46,32 +51,32 @@ export const WiredActionMoveFurniToView: FC<{}> = props =>
return ( return (
<WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID_OR_BY_TYPE } save={ save }> <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID_OR_BY_TYPE } save={ save }>
<div className="fw-bold">{ LocalizeText('wiredfurni.params.emptytiles', [ 'tiles' ], [ spacing.toString() ]) }</div> <div className="form-group mb-2">
<label className="fw-bold">{ LocalizeText('wiredfurni.params.emptytiles', [ 'tiles' ], [ spacing.toString() ]) }</label>
<Slider <Slider
defaultValue={ spacing } value={ spacing }
dots={ true }
min={ 1 } min={ 1 }
max={ 5 } max={ 5 }
step={ 1 } onChange={ event => setSpacing(event) } />
onChange={ event => setSpacing(event) } </div>
/> <div className="form-group">
<hr className="my-1 mb-2 bg-dark" /> <label className="fw-bold">{ LocalizeText('wiredfurni.params.startdir') }</label>
<div className="fw-bold">{ LocalizeText('wiredfurni.params.startdir') }</div>
<div className="row row-cold-4"> <div className="row row-cold-4">
{ directionOptions.map(option => { directionOptions.map(value =>
{ {
return ( return (
<div key={ option.value } className="col"> <div key={ value.value } className="col">
<div className="form-check"> <div className="form-check">
<input className="form-check-input" type="radio" name="movement" id={'movement' + option.value} checked={ movement === option.value } onChange={() => setMovement(option.value)} /> <input className="form-check-input" type="radio" name="movement" id={ `movement${ value.value }` } checked={ (movement === value.value) } onChange={ event => setMovement(value.value) } />
<label className="form-check-label" htmlFor={'movement' + option.value}> <label className="form-check-label" htmlFor={ `movement${ value.value }` }>
<i className={'icon icon-' + option.icon} /> <i className={ `icon icon-${ value.icon }` } />
</label> </label>
</div> </div>
</div> </div>
) )
}) } }) }
</div> </div>
</div>
</WiredActionBaseView> </WiredActionBaseView>
); );
} }

32
src/views/wired/views/actions/move-furni/WiredActionMoveFurniView.tsx
View File

@ -50,6 +50,11 @@ export const WiredActionMoveFurniView: FC<{}> = props =>
setMovement(trigger.intData[0]); setMovement(trigger.intData[0]);
setRotation(trigger.intData[1]); setRotation(trigger.intData[1]);
} }
else
{
setMovement(-1);
setRotation(-1);
}
}, [ trigger ]); }, [ trigger ]);
const save = useCallback(() => const save = useCallback(() =>
@ -59,43 +64,46 @@ export const WiredActionMoveFurniView: FC<{}> = props =>
return ( return (
<WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID_BY_TYPE_OR_FROM_CONTEXT } save={ save }> <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID_BY_TYPE_OR_FROM_CONTEXT } save={ save }>
<div className="fw-bold">{ LocalizeText('wiredfurni.params.movefurni') }</div> <div className="form-group mb-2">
<label className="fw-bold">{ LocalizeText('wiredfurni.params.movefurni') }</label>
<div className="form-check"> <div className="form-check">
<input className="form-check-input" type="radio" name="selectedTeam" id="movement0" checked={ movement === 0 } onChange={() => setMovement(0)} /> <input className="form-check-input" type="radio" name="selectedTeam" id="movement0" checked={ (movement === 0) } onChange={ event => setMovement(0) } />
<label className="form-check-label" htmlFor="movement0"> <label className="form-check-label" htmlFor="movement0">
{ LocalizeText('wiredfurni.params.movefurni.0') } { LocalizeText('wiredfurni.params.movefurni.0') }
</label> </label>
</div> </div>
<div className="row row-cold-4"> <div className="row row-col-4">
{ directionOptions.map(option => { directionOptions.map(option =>
{ {
return ( return (
<div key={ option.value } className="col"> <div key={ option.value } className="col">
<div className="form-check"> <div className="form-check">
<input className="form-check-input" type="radio" name="movement" id={'movement' + option.value} checked={ movement === option.value } onChange={() => setMovement(option.value)} /> <input className="form-check-input" type="radio" name="movement" id={ `movement${ option.value }` } checked={ (movement === option.value) } onChange={ event => setMovement(option.value) } />
<label className="form-check-label" htmlFor={'movement' + option.value}> <label className="form-check-label" htmlFor={ `movement${ option.value }` }>
<i className={'icon icon-' + option.icon} /> <i className={ `icon icon-${ option.icon }` } />
</label> </label>
</div> </div>
</div> </div>
) )
}) } }) }
<div className="col"></div> <div className="col" />
</div> </div>
<hr className="my-1 mb-2 bg-dark" /> </div>
<div className="fw-bold">{ LocalizeText('wiredfurni.params.rotatefurni') }</div> <div className="form-group">
<label className="fw-bold">{ LocalizeText('wiredfurni.params.rotatefurni') }</label>
{ rotationOptions.map(option => { rotationOptions.map(option =>
{ {
return ( return (
<div key={ option } className="form-check"> <div key={ option } className="form-check">
<input className="form-check-input" type="radio" name="rotation" id={'rotation' + option} checked={ rotation === option } onChange={() => setRotation(option)} /> <input className="form-check-input" type="radio" name="rotation" id={ `rotation${ option }` } checked={ (rotation === option) } onChange={ event => setRotation(option) } />
<label className="form-check-label" htmlFor={'rotation' + option}> <label className="form-check-label" htmlFor={'rotation' + option}>
{ [1, 2].includes(option) && <i className={'icon icon-rot-' + option} /> } { [1, 2].includes(option) && <i className={ `icon icon-rot-${ option }` } /> }
{ LocalizeText('wiredfurni.params.rotatefurni.' + option) } { LocalizeText(`wiredfurni.params.rotatefurni.${ option }`) }
</label> </label>
</div> </div>
) )
}) } }) }
</div>
</WiredActionBaseView> </WiredActionBaseView>
); );
} }

13
src/views/wired/views/actions/mute-user/WiredActionMuteUserView.tsx
View File

@ -25,17 +25,14 @@ export const WiredActionMuteUserView: FC<{}> = props =>
return ( return (
<WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ save }> <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ save }>
<div className="form-group mb-2">
<div className="fw-bold">{ LocalizeText('wiredfurni.params.length.minutes', ['minutes'], [time.toString()]) }</div> <label className="fw-bold">{ LocalizeText('wiredfurni.params.length.minutes', ['minutes'], [ time.toString() ]) }</label>
<Slider <Slider
defaultValue={ time } value={ time }
dots={ true }
min={ 1 } min={ 1 }
max={ 10 } max={ 10 }
step={ 1 } onChange={ event => setTime(event) } />
onChange={ event => setTime(event) } </div>
/>
<hr className="my-1 mb-2 bg-dark" />
<div className="form-group"> <div className="form-group">
<label className="fw-bold">{ LocalizeText('wiredfurni.params.message') }</label> <label className="fw-bold">{ LocalizeText('wiredfurni.params.message') }</label>
<input type="text" className="form-control form-control-sm" value={ message } onChange={ event => setMessage(event.target.value) } /> <input type="text" className="form-control form-control-sm" value={ message } onChange={ event => setMessage(event.target.value) } />

4
src/views/wired/views/actions/reset/WiredActionResetView.tsx
View File

@ -4,7 +4,5 @@ import { WiredActionBaseView } from '../base/WiredActionBaseView';
export const WiredActionResetView: FC<{}> = props => export const WiredActionResetView: FC<{}> = props =>
{ {
return ( return <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ null } />;
<WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_NONE } save={ null }></WiredActionBaseView>
);
} }

12
src/views/wired/views/actions/set-furni-state-to/WiredActionSetFurniStateToView.tsx
View File

@ -21,29 +21,31 @@ export const WiredActionSetFurniStateToView: FC<{}> = props =>
const save = useCallback(() => const save = useCallback(() =>
{ {
setIntParams([ stateFlag, directionFlag, positionFlag ]); setIntParams([ stateFlag, directionFlag, positionFlag ]);
}, [ directionFlag, positionFlag, setIntParams, stateFlag ]); }, [ directionFlag, positionFlag, stateFlag, setIntParams ]);
return ( return (
<WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID } save={ save }> <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID } save={ save }>
<div className="fw-bold">{ LocalizeText('wiredfurni.params.conditions') }</div> <div className="form-group">
<label className="fw-bold">{ LocalizeText('wiredfurni.params.conditions') }</label>
<div className="form-check"> <div className="form-check">
<input className="form-check-input" type="checkbox" id="stateFlag" onChange={(e) => setStateFlag(e.target.checked ? 1 : 0)} /> <input className="form-check-input" type="checkbox" id="stateFlag" onChange={ event => setStateFlag(event.target.checked ? 1 : 0) } />
<label className="form-check-label" htmlFor="stateFlag"> <label className="form-check-label" htmlFor="stateFlag">
{ LocalizeText('wiredfurni.params.condition.state') } { LocalizeText('wiredfurni.params.condition.state') }
</label> </label>
</div> </div>
<div className="form-check"> <div className="form-check">
<input className="form-check-input" type="checkbox" id="directionFlag" onChange={(e) => setDirectionFlag(e.target.checked ? 1 : 0)} /> <input className="form-check-input" type="checkbox" id="directionFlag" onChange={ event => setDirectionFlag(event.target.checked ? 1 : 0) } />
<label className="form-check-label" htmlFor="directionFlag"> <label className="form-check-label" htmlFor="directionFlag">
{ LocalizeText('wiredfurni.params.condition.direction') } { LocalizeText('wiredfurni.params.condition.direction') }
</label> </label>
</div> </div>
<div className="form-check"> <div className="form-check">
<input className="form-check-input" type="checkbox" id="positionFlag" onChange={(e) => setPositionFlag(e.target.checked ? 1 : 0)} /> <input className="form-check-input" type="checkbox" id="positionFlag" onChange={ event => setPositionFlag(event.target.checked ? 1 : 0) } />
<label className="form-check-label" htmlFor="positionFlag"> <label className="form-check-label" htmlFor="positionFlag">
{ LocalizeText('wiredfurni.params.condition.position') } { LocalizeText('wiredfurni.params.condition.position') }
</label> </label>
</div> </div>
</div>
</WiredActionBaseView> </WiredActionBaseView>
); );
} }

4
src/views/wired/views/actions/teleport/WiredActionTeleportView.tsx
View File

@ -4,7 +4,5 @@ import { WiredActionBaseView } from '../base/WiredActionBaseView';
export const WiredActionTeleportView: FC<{}> = props => export const WiredActionTeleportView: FC<{}> = props =>
{ {
return ( return <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID_BY_TYPE_OR_FROM_CONTEXT } save={ null } />;
<WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID_BY_TYPE_OR_FROM_CONTEXT } save={ null }></WiredActionBaseView>
);
} }

4
src/views/wired/views/actions/toggle-furni-state/WiredActionToggleFurniStateView.tsx
View File

@ -4,7 +4,5 @@ import { WiredActionBaseView } from '../base/WiredActionBaseView';
export const WiredActionToggleFurniStateView: FC<{}> = props => export const WiredActionToggleFurniStateView: FC<{}> = props =>
{ {
return ( return <WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID_BY_TYPE_OR_FROM_CONTEXT } save={ null } />;
<WiredActionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID_BY_TYPE_OR_FROM_CONTEXT } save={ null }></WiredActionBaseView>
);
} }