duckietm/Nitro-Cool-UI
1
0
Fork 0
mirror of https://github.com/duckietm/Nitro-Cool-UI.git synced 2025-06-21 22:36:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

🆙 WiredConditionFurniHasAvatarOnView

Browse Source
This commit is contained in:
duckietm 2024-07-12 09:09:37 +02:00
parent 381617c3bd
commit 6a89143759
6 changed files with 124 additions and 94 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/api/wired/WiredSelectionVisualizer.ts
View File

@ -5,6 +5,12 @@ import { GetRoomEngine } from '..';
export class WiredSelectionVisualizer
{
private static _selectionShader: NitroFilter = new WiredSelectionFilter([ 1, 1, 1 ], [ 0.6, 0.6, 0.6 ]);
private static _maxItemSelectionCount: number = 0;
public static setMaxItemSelectionCount(count: number): void
{
WiredSelectionVisualizer._maxItemSelectionCount = count;
}
public static show(furniId: number): void
{

118
src/components/wired/views/WiredBaseView.tsx
View File

@ -4,115 +4,99 @@ import { Button, Column, Flex, NitroCardContentView, NitroCardHeaderView, NitroC
import { useWired } from '../../../hooks';
import { WiredFurniSelectorView } from './WiredFurniSelectorView';
export interface WiredBaseViewProps
{
export interface WiredBaseViewProps {
wiredType: string;
requiresFurni: number;
hasSpecialInput: boolean;
save: () => void;
validate?: () => boolean;
maxItemSelectionCount?: number;
maxItemSelectionCount?: number; // Optional parameter
}
export const WiredBaseView: FC<PropsWithChildren<WiredBaseViewProps>> = props =>
{
const { wiredType = '', requiresFurni = WiredFurniType.STUFF_SELECTION_OPTION_NONE, save = null, validate = null, children = null, hasSpecialInput = false, maxItemSelectionCount = 5 } = props; // Default to 5
const [ wiredName, setWiredName ] = useState<string>(null);
const [ wiredDescription, setWiredDescription ] = useState<string>(null);
const [ needsSave, setNeedsSave ] = useState<boolean>(false);
const { trigger = null, setTrigger = null, setIntParams = null, setStringParam = null, setFurniIds = null, setAllowsFurni = null, saveWired = null } = useWired();
export const WiredBaseView: FC<PropsWithChildren<WiredBaseViewProps>> = props => {
const { wiredType = '', requiresFurni = WiredFurniType.STUFF_SELECTION_OPTION_NONE, save = null, validate = null, children = null, hasSpecialInput = false, maxItemSelectionCount = 5 } = props;
const [wiredName, setWiredName] = useState<string>(null);
const [wiredDescription, setWiredDescription] = useState<string>(null);
const [needsSave, setNeedsSave] = useState<boolean>(false);
const { trigger, setTrigger, setIntParams, setStringParam, setFurniIds, setAllowsFurni, saveWired, setMaxItemSelectionCount: setMaxCount } = useWired();
useEffect(() => {
setMaxCount(maxItemSelectionCount);
}, [maxItemSelectionCount, setMaxCount]);
const onClose = () => setTrigger(null);
const onSave = () =>
{
if(validate && !validate()) return;
if(save) save();
const onSave = () => {
if (validate && !validate()) return;
if (save) save();
setNeedsSave(true);
}
useEffect(() =>
{
if(!needsSave) return;
};
useEffect(() => {
if (!needsSave) return;
saveWired();
setNeedsSave(false);
}, [ needsSave, saveWired ]);
}, [needsSave, saveWired]);
useEffect(() =>
{
if(!trigger) return;
const spriteId = (trigger.spriteId || -1);
useEffect(() => {
if (!trigger) return;
const spriteId = trigger.spriteId || -1;
const furniData = GetSessionDataManager().getFloorItemData(spriteId);
if(!furniData)
{
setWiredName(('NAME: ' + spriteId));
setWiredDescription(('NAME: ' + spriteId));
}
else
{
if (!furniData) {
setWiredName('NAME: ' + spriteId);
setWiredDescription('NAME: ' + spriteId);
} else {
setWiredName(furniData.name);
setWiredDescription(furniData.description);
}
if(hasSpecialInput)
{
if (hasSpecialInput) {
setIntParams(trigger.intData);
setStringParam(trigger.stringData);
}
if(requiresFurni > WiredFurniType.STUFF_SELECTION_OPTION_NONE)
{
setFurniIds(prevValue =>
{
if(prevValue && prevValue.length) WiredSelectionVisualizer.clearSelectionShaderFromFurni(prevValue);
if(trigger.selectedItems && trigger.selectedItems.length)
{
if (requiresFurni > WiredFurniType.STUFF_SELECTION_OPTION_NONE) {
setFurniIds(prevValue => {
if (prevValue && prevValue.length) WiredSelectionVisualizer.clearSelectionShaderFromFurni(prevValue);
if (trigger.selectedItems && trigger.selectedItems.length) {
WiredSelectionVisualizer.applySelectionShaderToFurni(trigger.selectedItems);
return trigger.selectedItems;
}
return [];
});
}
setAllowsFurni(requiresFurni);
// Set max item selection count
WiredSelectionVisualizer.setMaxItemSelectionCount(maxItemSelectionCount); // Use the passed value
}, [ trigger, hasSpecialInput, requiresFurni, setIntParams, setStringParam, setFurniIds, setAllowsFurni, maxItemSelectionCount ]);
if (WiredSelectionVisualizer.setMaxItemSelectionCount) {
WiredSelectionVisualizer.setMaxItemSelectionCount(maxItemSelectionCount);
}
}, [trigger, hasSpecialInput, requiresFurni, setIntParams, setStringParam, setFurniIds, setAllowsFurni, maxItemSelectionCount]);
return (
<NitroCardView uniqueKey="nitro-wired" className="nitro-wired" theme="primary-slim">
<NitroCardHeaderView headerText={ LocalizeText('wiredfurni.title') } onCloseClick={ onClose } />
<NitroCardHeaderView headerText={LocalizeText('wiredfurni.title')} onCloseClick={onClose} />
<NitroCardContentView>
<Column gap={ 1 }>
<Flex alignItems="center" gap={ 1 }>
<i className={ `icon icon-wired-${ wiredType }` } />
<Text bold>{ wiredName }</Text>
<Column gap={1}>
<Flex alignItems="center" gap={1}>
<i className={`icon icon-wired-${wiredType}`} />
<Text bold>{wiredName}</Text>
</Flex>
<Text small>{ wiredDescription }</Text>
<Text small>{wiredDescription}</Text>
</Column>
{ !!children && <hr className="m-0 bg-dark" /> }
{ children }
{ (requiresFurni > WiredFurniType.STUFF_SELECTION_OPTION_NONE) &&
{!!children && <hr className="m-0 bg-dark" />}
{children}
{requiresFurni > WiredFurniType.STUFF_SELECTION_OPTION_NONE && (
<>
<hr className="m-0 bg-dark" />
<WiredFurniSelectorView maxItemSelectionCount={ maxItemSelectionCount } /> {/* Pass the count */}
</> }
<Flex alignItems="center" gap={ 1 }>
<Button fullWidth variant="success" onClick={ onSave }>{ LocalizeText('wiredfurni.ready') }</Button>
<Button fullWidth variant="secondary" onClick={ onClose }>{ LocalizeText('cancel') }</Button>
<WiredFurniSelectorView maxItemSelectionCount={maxItemSelectionCount} />
</>
)}
<Flex alignItems="center" gap={1}>
<Button fullWidth variant="success" onClick={onSave}>{LocalizeText('wiredfurni.ready')}</Button>
<Button fullWidth variant="secondary" onClick={onClose}>{LocalizeText('cancel')}</Button>
</Flex>
</NitroCardContentView>
</NitroCardView>
);
}
};

22
src/components/wired/views/WiredFurniSelectorView.tsx
View File

@ -3,23 +3,25 @@ import { LocalizeText } from '../../../api';
import { Column, Text } from '../../../common';
import { useWired } from '../../../hooks';
export interface WiredFurniSelectorViewProps
{
export interface WiredFurniSelectorViewProps {
maxItemSelectionCount: number;
}
export const WiredFurniSelectorView: FC<WiredFurniSelectorViewProps> = props =>
{
export const WiredFurniSelectorView: FC<WiredFurniSelectorViewProps> = props => {
const { maxItemSelectionCount } = props;
const { trigger = null, furniIds = [] } = useWired();
const { furniIds, selectObjectForWired } = useWired();
// Enforce the selection limit
const selectionText = LocalizeText('wiredfurni.pickfurnis.caption', [ 'count', 'limit' ], [ furniIds.length.toString(), maxItemSelectionCount.toString() ]);
const selectionText = LocalizeText('wiredfurni.pickfurnis.caption', ['count', 'limit'], [furniIds.length.toString(), maxItemSelectionCount.toString()]);
const onSelectFurni = (furniId: number) => {
selectObjectForWired(furniId, 0);
};
return (
<Column gap={ 1 }>
<Text bold>{ selectionText }</Text>
<Text small>{ LocalizeText('wiredfurni.pickfurnis.desc') }</Text>
<Column gap={1}>
<Text bold>{selectionText}</Text>
<Text small>{LocalizeText('wiredfurni.pickfurnis.desc')}</Text>
</Column>
);
}
};

15
src/components/wired/views/conditions/WiredConditionBaseView.tsx
View File

@ -2,23 +2,26 @@ import { FC, PropsWithChildren } from 'react';
import { WiredFurniType } from '../../../../api';
import { WiredBaseView } from '../WiredBaseView';
export interface WiredConditionBaseViewProps
{
export interface WiredConditionBaseViewProps {
hasSpecialInput: boolean;
requiresFurni: number;
save: () => void;
maxItemSelectionCount?: number; // Optional parameter
}
export const WiredConditionBaseView: FC<PropsWithChildren<WiredConditionBaseViewProps>> = props =>
{
export const WiredConditionBaseView: FC<PropsWithChildren<WiredConditionBaseViewProps>> = props => {
const { requiresFurni = WiredFurniType.STUFF_SELECTION_OPTION_NONE, save = null, hasSpecialInput = false, children = null, maxItemSelectionCount = 5 } = props;
const onSave = () => (save && save());
return (
<WiredBaseView wiredType="condition" requiresFurni={ requiresFurni } hasSpecialInput={ hasSpecialInput } save={ onSave } maxItemSelectionCount={ maxItemSelectionCount }>
{ children }
<WiredBaseView
wiredType="condition"
requiresFurni={requiresFurni}
hasSpecialInput={hasSpecialInput}
save={onSave}
maxItemSelectionCount={maxItemSelectionCount}>
{children}
</WiredBaseView>
);
}

46
src/components/wired/views/conditions/WiredConditionFurniHasAvatarOnView.tsx
View File

@ -1,8 +1,42 @@
import { FC } from 'react';
import { WiredFurniType } from '../../../../api';
import { FC, useState } from 'react';
import { LocalizeText, WiredFurniType } from '../../../../api';
import { Column, Flex, Text } from '../../../../common';
import { WiredConditionBaseView } from './WiredConditionBaseView';
export const WiredConditionFurniHasAvatarOnView: FC<{}> = props =>
{
return <WiredConditionBaseView requiresFurni={ WiredFurniType.STUFF_SELECTION_OPTION_BY_ID } hasSpecialInput={ false } save={ null } maxItemSelectionCount={ 1 } />;
}
export const WiredConditionFurniHasAvatarOnView: FC<{}> = props => {
const [requireAll, setRequireAll] = useState<number>(5); // Default to 5
const handleRadioChange = (value: number) => {
setRequireAll(value);
};
return (
<WiredConditionBaseView
requiresFurni={WiredFurniType.STUFF_SELECTION_OPTION_BY_ID}
hasSpecialInput={false}
save={null}
maxItemSelectionCount={requireAll}
>
<Column gap={1}>
<Text bold>{LocalizeText('wiredfurni.params.requireall.caption')}</Text>
{[1, 5].map(value => (
<Flex key={value} gap={1} alignItems="center">
<input
className="form-check-input"
type="radio"
name="requireAll"
id={`requireAll${value}`}
checked={requireAll === value}
onChange={() => handleRadioChange(value)}
/>
<label className="text-black form-check-label" htmlFor={`requireAll${value}`}>
{value === 1
? LocalizeText('wiredfurni.params.requireall.2')
: LocalizeText('wiredfurni.params.requireall.3')}
</label>
</Flex>
))}
</Column>
</WiredConditionBaseView>
);
};

7
src/hooks/wired/useWired.ts
View File

@ -13,7 +13,8 @@ const useWiredState = () =>
const [ furniIds, setFurniIds ] = useState<number[]>([]);
const [ actionDelay, setActionDelay ] = useState<number>(0);
const [ allowsFurni, setAllowsFurni ] = useState<number>(WiredFurniType.STUFF_SELECTION_OPTION_NONE);
const { showConfirm = null } = useNotification();
const [ maxItemSelectionCount, setMaxItemSelectionCount ] = useState<number>(5);
const { showConfirm } = useNotification();
const saveWired = () =>
{
@ -69,7 +70,7 @@ const useWiredState = () =>
WiredSelectionVisualizer.hide(objectId);
}
else if(newFurniIds.length < trigger.maximumItemSelectionCount)
else if(newFurniIds.length < maxItemSelectionCount)
{
newFurniIds.push(objectId);
@ -127,7 +128,7 @@ const useWiredState = () =>
}
}, [ trigger ]);
return { trigger, setTrigger, intParams, setIntParams, stringParam, setStringParam, furniIds, setFurniIds, actionDelay, setActionDelay, setAllowsFurni, saveWired, selectObjectForWired };
return { trigger, setTrigger, intParams, setIntParams, stringParam, setStringParam, furniIds, setFurniIds, actionDelay, setActionDelay, setAllowsFurni, saveWired, selectObjectForWired, maxItemSelectionCount, setMaxItemSelectionCount };
}
export const useWired = () => useBetween(useWiredState);