shikix/GS13NG
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

port of https://github.com/tgstation/tgstation/pull/55762, credit to ArcaneMusic.

Browse Source
This commit is contained in:
shellspeed1
2022-09-18 22:40:07 -07:00
parent aa7252ffd6
commit 40dc7d57c3
4 changed files with 133 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files
tgui/packages/tgui/interfaces/CivCargoHoldTerminal.js
+84 -62
View File
@@ -1,75 +1,63 @@
import { Fragment } from 'inferno';
import { useBackend } from '../backend';
import { Button, Flex, LabeledList, NoticeBox, Section } from '../components';
import { Box, Button, Flex, LabeledList, NoticeBox, Section } from '../components';
import { Window } from '../layouts';
export const CivCargoHoldTerminal = (props, context) => {
const { act, data } = useBackend(context);
const {
pad,
sending,
status_report,
id_inserted,
id_bounty_info,
id_bounty_value,
id_bounty_num,
} = data;
const in_text = "Welcome valued employee.";
const out_text = "To begin, insert your ID into the console.";
const { pad, sending, status_report, id_inserted, id_bounty_info, picking } =
data;
const in_text = 'Welcome valued employee.';
const out_text = 'To begin, insert your ID into the console.';
return (
<Window resizable
width={500}
height={375}>
<Window width={580} height={375}>
<Window.Content scrollable>
<Flex>
<Flex.Item>
<NoticeBox
color={!id_inserted ? 'default': 'blue'}>
<NoticeBox color={!id_inserted ? 'default' : 'blue'}>
{id_inserted ? in_text : out_text}
</NoticeBox>
<Section title="Cargo Pad">
<Section
title="Cargo Pad"
buttons={
<>
<Button
icon={'sync'}
tooltip={'Check Contents'}
disabled={!pad || !id_inserted}
onClick={() => act('recalc')}
/>
<Button
icon={sending ? 'times' : 'arrow-up'}
tooltip={sending ? 'Stop Sending' : 'Send Goods'}
selected={sending}
disabled={!pad || !id_inserted}
onClick={() => act(sending ? 'stop' : 'send')}
/>
<Button
icon={id_bounty_info ? 'recycle' : 'pen'}
color={id_bounty_info ? 'green' : 'default'}
tooltip={id_bounty_info ? 'Replace Bounty' : 'New Bounty'}
disabled={!id_inserted}
onClick={() => act('bounty')}
/>
<Button
icon={'download'}
content={'Eject ID'}
disabled={!id_inserted}
onClick={() => act('eject')}
/>
</>
}>
<LabeledList>
<LabeledList.Item
label="Status"
color={pad ? "good" : "bad"}>
{pad ? "Online" : "Not Found"}
<LabeledList.Item label="Status" color={pad ? 'good' : 'bad'}>
{pad ? 'Online' : 'Not Found'}
</LabeledList.Item>
<LabeledList.Item label="Cargo Report">
{status_report}
</LabeledList.Item>
</LabeledList>
</Section>
<BountyTextBox />
</Flex.Item>
<Flex.Item m={1}>
<Fragment>
<Button
fluid
icon={"sync"}
content={"Check Contents"}
disabled={!pad || !id_inserted}
onClick={() => act('recalc')} />
<Button
fluid
icon={sending ? 'times' : 'arrow-up'}
content={sending ? "Stop Sending" : "Send Goods"}
selected={sending}
disabled={!pad || !id_inserted}
onClick={() => act(sending ? 'stop' : 'send')} />
<Button
fluid
icon={id_bounty_info ? 'recycle' : 'pen'}
color={id_bounty_info ? 'green' : 'default'}
content={id_bounty_info ? "Replace Bounty" : "New Bounty"}
disabled={!id_inserted}
onClick={() => act('bounty')} />
<Button
fluid
icon={'download'}
content={"Eject"}
disabled={!id_inserted}
onClick={() => act('eject')} />
</Fragment>
{picking ? <BountyPickBox /> : <BountyTextBox />}
</Flex.Item>
</Flex>
</Window.Content>
@@ -79,12 +67,8 @@ export const CivCargoHoldTerminal = (props, context) => {
const BountyTextBox = (props, context) => {
const { data } = useBackend(context);
const {
id_bounty_info,
id_bounty_value,
id_bounty_num,
} = data;
const na_text = "N/A, please add a new bounty.";
const { id_bounty_info, id_bounty_value, id_bounty_num } = data;
const na_text = 'N/A, please add a new bounty.';
return (
<Section title="Bounty Info">
<LabeledList>
@@ -92,12 +76,50 @@ const BountyTextBox = (props, context) => {
{id_bounty_info ? id_bounty_info : na_text}
</LabeledList.Item>
<LabeledList.Item label="Quantity">
{id_bounty_info ? id_bounty_num : "N/A"}
{id_bounty_info ? id_bounty_num : 'N/A'}
</LabeledList.Item>
<LabeledList.Item label="Value">
{id_bounty_info ? id_bounty_value : "N/A"}
{id_bounty_info ? id_bounty_value : 'N/A'}
</LabeledList.Item>
</LabeledList>
</Section>
);
};
const BountyPickBox = (props, context) => {
const { act, data } = useBackend(context);
const { id_bounty_names, id_bounty_values } = data;
return (
<Section title="Please Select a Bounty:" textAlign="center">
<Flex width="100%" wrap>
<Flex.Item shrink={0} grow={0.5}>
<Button
fluid
color="green"
content={id_bounty_names[0]}
onClick={() => act('pick', { 'value': 1 })}>
<Box fontSize="14px">Payout: {id_bounty_values[0]} cr</Box>
</Button>
</Flex.Item>
<Flex.Item shrink={0} grow={0.5} px={1}>
<Button
fluid
color="green"
content={id_bounty_names[1]}
onClick={() => act('pick', { 'value': 2 })}>
<Box fontSize="14px">Payout: {id_bounty_values[1]} cr</Box>
</Button>
</Flex.Item>
<Flex.Item shrink={0} grow={0.5}>
<Button
fluid
color="green"
content={id_bounty_names[2]}
onClick={() => act('pick', { 'value': 3 })}>
<Box fontSize="14px">Payout: {id_bounty_values[2]} cr</Box>
</Button>
</Flex.Item>
</Flex>
</Section>
);
};