cyberpresidentvanellope/CHOMPStation2
1
0
Fork 0
mirror of https://github.com/CHOMPStation2/CHOMPStation2.git synced 2025-12-29 03:22:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

Bundle Copy

Browse Source
This commit is contained in:
ItsSelis
2023-05-23 17:43:01 +02:00
parent 8aad48f508
commit 3da68ee1b6
420 changed files with 47669 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
tgui/packages/tgui_ch/interfaces/Floorbot.js Normal file
View File

@@ -0,0 +1,75 @@
import { useBackend } from '../backend';
import { Button, LabeledList, Section, AnimatedNumber, Dropdown } from '../components';
import { Window } from '../layouts';
export const Floorbot = (props, context) => {
const { act, data } = useBackend(context);
const { on, open, locked, vocal, amount, possible_bmode, improvefloors, eattiles, maketiles, bmode } = data;
return (
<Window width={390} height={310}>
<Window.Content scrollable>
<Section
title="Automatic Station Floor Repairer v2.0"
buttons={
<Button icon="power-off" selected={on} onClick={() => act('start')}>
{on ? 'On' : 'Off'}
</Button>
}>
<LabeledList>
<LabeledList.Item label="Tiles Left">
<AnimatedNumber value={amount} />
</LabeledList.Item>
<LabeledList.Item label="Maintenance Panel" color={open ? 'bad' : 'good'}>
{open ? 'Open' : 'Closed'}
</LabeledList.Item>
<LabeledList.Item label="Behavior Controls" color={locked ? 'good' : 'bad'}>
{locked ? 'Locked' : 'Unlocked'}
</LabeledList.Item>
</LabeledList>
</Section>
{(!locked && (
<Section title="Behavior Controls">
<LabeledList>
<LabeledList.Item label="Speaker">
<Button icon={vocal ? 'toggle-on' : 'toggle-off'} selected={vocal} onClick={() => act('vocal')}>
{vocal ? 'On' : 'Off'}
</Button>
</LabeledList.Item>
<LabeledList.Item label="Improves Floors">
<Button
icon={improvefloors ? 'toggle-on' : 'toggle-off'}
selected={improvefloors}
onClick={() => act('improve')}>
{improvefloors ? 'On' : 'Off'}
</Button>
</LabeledList.Item>
<LabeledList.Item label="Finds Tiles">
<Button icon={eattiles ? 'toggle-on' : 'toggle-off'} selected={eattiles} onClick={() => act('tiles')}>
{eattiles ? 'On' : 'Off'}
</Button>
</LabeledList.Item>
<LabeledList.Item label="Makes Metal Sheets into Tiles">
<Button icon={maketiles ? 'toggle-on' : 'toggle-off'} selected={maketiles} onClick={() => act('make')}>
{maketiles ? 'On' : 'Off'}
</Button>
</LabeledList.Item>
<LabeledList.Item label="Bridge Mode">
<Dropdown
over
width="100%"
placeholder="Disabled"
selected={bmode}
options={possible_bmode}
onSelected={(val) => act('bridgemode', { dir: val })}
/>
</LabeledList.Item>
</LabeledList>
</Section>
)) ||
null}
</Window.Content>
</Window>
);
};