nitro/nitro-react
1
0
Fork 0
mirror of https://github.com/billsonnn/nitro-react.git synced 2024-11-26 23:50:52 +01:00
Code Issues Packages Projects Releases Wiki Activity

InfoStand updates

Browse Source
This commit is contained in:
MyNameIsBatman 2021-06-20 12:11:02 -03:00
parent cd7acf6348
commit 71c807db8f
1 changed files with 72 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

89
src/views/room/widgets/infostand/views/furni/InfoStandWidgetFurniView.tsx
View File

@ -22,19 +22,32 @@ export const InfoStandWidgetFurniView: FC<InfoStandWidgetFurniViewProps> = props
const [ isCrackable, setIsCrackable ] = useState(false); const [ isCrackable, setIsCrackable ] = useState(false);
const [ crackableHits, setCrackableHits ] = useState(0); const [ crackableHits, setCrackableHits ] = useState(0);
const [ crackableTarget, setCrackableTarget ] = useState(0); const [ crackableTarget, setCrackableTarget ] = useState(0);
const [ godMode, setGodMode ] = useState(false);
useEffect(() => useEffect(() =>
{ {
const isValidController = (furniData.roomControllerLevel >= RoomControllerLevel.GUEST); setFurniSettingsKeys([]);
setFurniSettingsValues([]);
let godMode = false; const isValidController = (furniData.roomControllerLevel >= RoomControllerLevel.GUEST);
if(isValidController || furniData.isOwner || furniData.isRoomOwner || furniData.isAnyRoomController) if(isValidController || furniData.isOwner || furniData.isRoomOwner || furniData.isAnyRoomController)
{ {
setCanMove(true); setCanMove(true);
setCanRotate(!furniData.isWallItem); setCanRotate(!furniData.isWallItem);
if(furniData.roomControllerLevel >= RoomControllerLevel.MODERATOR) godMode = true; if(furniData.roomControllerLevel >= RoomControllerLevel.MODERATOR)
{
setGodMode(true);
}
else
{
setGodMode(false);
}
}
else
{
setGodMode(false);
} }
if((((furniData.usagePolicy === RoomWidgetFurniInfoUsagePolicyEnum.EVERYBODY) || ((furniData.usagePolicy === RoomWidgetFurniInfoUsagePolicyEnum.CONTROLLER) && isValidController)) || ((furniData.extraParam === RoomWidgetEnumItemExtradataParameter.JUKEBOX) && isValidController)) || ((furniData.extraParam === RoomWidgetEnumItemExtradataParameter.USABLE_PRODUCT) && isValidController)) setCanUse(true); if((((furniData.usagePolicy === RoomWidgetFurniInfoUsagePolicyEnum.EVERYBODY) || ((furniData.usagePolicy === RoomWidgetFurniInfoUsagePolicyEnum.CONTROLLER) && isValidController)) || ((furniData.extraParam === RoomWidgetEnumItemExtradataParameter.JUKEBOX) && isValidController)) || ((furniData.extraParam === RoomWidgetEnumItemExtradataParameter.USABLE_PRODUCT) && isValidController)) setCanUse(true);
@ -92,13 +105,43 @@ export const InfoStandWidgetFurniView: FC<InfoStandWidgetFurniViewProps> = props
} }
else if(furniData.isStickie) setPickupMode(PICKUP_MODE_NONE); else if(furniData.isStickie) setPickupMode(PICKUP_MODE_NONE);
}, [ furniData ]); }, [ furniData, godMode ]);
const openFurniGroupInfo = useCallback(() => const openFurniGroupInfo = useCallback(() =>
{ {
}, []); }, []);
const onFurniSettingChange = useCallback((index: number, value: string) =>
{
const clone = Array.from(furniSettingsValues);
clone[index] = value;
setFurniSettingsValues(clone);
}, [ furniSettingsValues ]);
const getFurniSettingsAsString = useCallback(() =>
{
if(furniSettingsKeys.length === 0 || furniSettingsValues.length === 0) return '';
let data = '';
let i = 0;
while(i < furniSettingsKeys.length)
{
const key = furniSettingsKeys[i];
const value = furniSettingsValues[i];
data = (data + (key + '=' + value + '\t'));
i++;
}
return data;
}, [ furniSettingsKeys, furniSettingsValues ]);
const processButtonAction = useCallback((action: string) => const processButtonAction = useCallback((action: string) =>
{ {
if(!action || (action === '')) return; if(!action || (action === '')) return;
@ -121,10 +164,10 @@ export const InfoStandWidgetFurniView: FC<InfoStandWidgetFurniViewProps> = props
case 'use': case 'use':
messageType = FurniAction.USE; messageType = FurniAction.USE;
break; break;
// case 'save_branding_configuration': case 'save_branding_configuration':
// messageType = RoomWidgetFurniActionMessage.RWFAM_SAVE_STUFF_DATA; messageType = FurniAction.SAVE_STUFF_DATA;
// objectData = this.getSettingsAsString(); objectData = getFurniSettingsAsString();
// break; break;
} }
if(!messageType) return; if(!messageType) return;
@ -151,9 +194,9 @@ export const InfoStandWidgetFurniView: FC<InfoStandWidgetFurniViewProps> = props
</div> </div>
<hr className="m-0 my-1"/> <hr className="m-0 my-1"/>
<div className="d-flex flex-column"> <div className="d-flex flex-column">
<p className="badge badge-secondary mb-0 text-wrap">{furniData.description}</p> <div className="small text-center text-wrap">{furniData.description}</div>
<hr className="m-0 my-1"/> <hr className="m-0 my-1"/>
<p className="badge badge-secondary mb-0 text-wrap">{ LocalizeText('furni.owner', [ 'name' ], [ furniData.ownerName ]) }</p> <div className="small text-center text-wrap">{ LocalizeText('furni.owner', [ 'name' ], [ furniData.ownerName ]) }</div>
{isCrackable && <div> {isCrackable && <div>
<hr className="m-0 my-1"/> <hr className="m-0 my-1"/>
<p className="badge badge-secondary mb-0 text-wrap">{LocalizeText('infostand.crackable_furni.hits_remaining', ['hits', 'target'], [crackableHits.toString(), crackableTarget.toString()])}</p> <p className="badge badge-secondary mb-0 text-wrap">{LocalizeText('infostand.crackable_furni.hits_remaining', ['hits', 'target'], [crackableHits.toString(), crackableTarget.toString()])}</p>
@ -163,12 +206,20 @@ export const InfoStandWidgetFurniView: FC<InfoStandWidgetFurniViewProps> = props
<BadgeImageView badgeCode={ (furniData.stuffData as StringDataType).getValue(2) } /> <BadgeImageView badgeCode={ (furniData.stuffData as StringDataType).getValue(2) } />
</div> } </div> }
</div> </div>
{/* <div className="mt-3" *ngIf="((furniSettingsKeys.length && furniSettingsValues.length) && (furniSettingsKeys.length === furniSettingsValues.length))"> { godMode && <>
<ng-container *ngFor="let setting of furniSettingsKeys; let i = index"> <hr className="m-0 my-1"/>
<p className="badge badge-secondary mb-2">{{ furniSettingsKeys[i] }}</p> <div className="small text-center text-wrap">ID: { furniData.id }</div>
<input type="text" className="form-control rounded mb-2" [(ngModel)]="furniSettingsValues[i]"> {furniSettingsKeys.length > 0 && <>
</ng-container> <hr className="m-0 my-1"/>
</div> */} { furniSettingsKeys.map((key, index) =>
{
return <div key={ index } className="mb-1">
<div>{ key }</div>
<input type="text" className="form-control form-control-sm" value={ furniSettingsValues[index] } onChange={ (event) => onFurniSettingChange(index, event.target.value) }/>
</div>;
}) }
</> }
</> }
</div> </div>
</div> </div>
<div className="button-container mt-2"> <div className="button-container mt-2">
@ -192,7 +243,11 @@ export const InfoStandWidgetFurniView: FC<InfoStandWidgetFurniViewProps> = props
<i className={"me-1 " + (pickupMode === PICKUP_MODE_EJECT ? "fas fa-eject" : "fas fa-box-open")}></i> <i className={"me-1 " + (pickupMode === PICKUP_MODE_EJECT ? "fas fa-eject" : "fas fa-box-open")}></i>
{LocalizeText((pickupMode === PICKUP_MODE_EJECT) ? 'infostand.button.eject' : 'infostand.button.pickup')} {LocalizeText((pickupMode === PICKUP_MODE_EJECT) ? 'infostand.button.eject' : 'infostand.button.pickup')}
</button>} </button>}
{/* <button *ngIf="((furniSettingsKeys.length && furniSettingsValues.length) && (furniSettingsKeys.length === furniSettingsValues.length))" className="btn btn-primary" (click)="processButtonAction('save_branding_configuration')">{{ 'save' | translate }}</button> */} { ((furniSettingsKeys.length > 0 && furniSettingsValues.length > 0) && (furniSettingsKeys.length === furniSettingsValues.length)) &&
<button className="btn btn-sm btn-success ms-1" onClick={ () => processButtonAction('save_branding_configuration')}>
<i className="fas fa-save me-1"></i>
{ LocalizeText('save') }
</button> }
</div> </div>
</> </>
); );