TCOMMS porting
This commit is contained in:
Artur
@@ -0,0 +1,238 @@
|
||||
import { Fragment } from 'inferno';
|
||||
import { useBackend } from '../backend';
|
||||
import { toFixed } from 'common/math';
|
||||
import { RADIO_CHANNELS } from '../constants';
|
||||
import { Button, LabeledList, NumberInput, NoticeBox, Section, Input } from '../components';
|
||||
|
||||
export const TeleInteract = (props, context) => {
|
||||
const { act, data } = useBackend(context);
|
||||
const {
|
||||
notice = "",
|
||||
multitool = false,
|
||||
multitool_buf = null,
|
||||
machine = null,
|
||||
links = [],
|
||||
freq_listening = [],
|
||||
} = data;
|
||||
const {
|
||||
power = false,
|
||||
id = "NULL",
|
||||
network,
|
||||
prefab = false,
|
||||
hidden = false,
|
||||
isrelay = false,
|
||||
isbus = false,
|
||||
} = machine;
|
||||
return (
|
||||
<Fragment>
|
||||
{!!notice && (
|
||||
<NoticeBox>
|
||||
{notice}
|
||||
</NoticeBox>
|
||||
)}
|
||||
<Section title="Network Access">
|
||||
<LabeledList>
|
||||
<LabeledList.Item label="Power Status">
|
||||
<Button
|
||||
content={power ? 'On' : 'Off'}
|
||||
icon={power ? 'power-off' : 'times'}
|
||||
color={power ? 'good' : 'bad'}
|
||||
onClick={() => act('toggle')}
|
||||
/>
|
||||
</LabeledList.Item>
|
||||
{power ? (
|
||||
<Fragment>
|
||||
<LabeledList.Item label="Identification String">
|
||||
<Input
|
||||
value={id}
|
||||
width="150px"
|
||||
maxLength={255}
|
||||
onChange={(e, value) => act('machine', {
|
||||
'id': value,
|
||||
})} />
|
||||
</LabeledList.Item>
|
||||
<LabeledList.Item label="Network">
|
||||
<Input
|
||||
value={network}
|
||||
width="150px"
|
||||
maxLength={15}
|
||||
onChange={(e, value) => act('machine', {
|
||||
'network': value,
|
||||
})} />
|
||||
</LabeledList.Item>
|
||||
<LabeledList.Item
|
||||
label="Prefabrication"
|
||||
color={power ? 'good' : 'bad'}>
|
||||
{prefab ? 'TRUE' : 'FALSE'}
|
||||
</LabeledList.Item>
|
||||
{isrelay ? (
|
||||
<Fragment>
|
||||
<LabeledList.Item label="Broadcasting">
|
||||
<Button
|
||||
content={machine.broadcast ? 'YES' : 'NO'}
|
||||
icon={machine.broadcast ? 'check' : 'times'}
|
||||
color={machine.broadcast ? 'good' : 'bad'}
|
||||
onClick={() => act('relay', {
|
||||
'broadcast': true,
|
||||
})}
|
||||
/>
|
||||
</LabeledList.Item>
|
||||
<LabeledList.Item label="Receiving">
|
||||
<Button
|
||||
content={machine.receiving ? 'YES' : 'NO'}
|
||||
icon={machine.receiving ? 'check' : 'times'}
|
||||
color={machine.receiving ? 'good' : 'bad'}
|
||||
onClick={() => act('relay', {
|
||||
'receiving': true,
|
||||
})}
|
||||
/>
|
||||
</LabeledList.Item>
|
||||
</Fragment>
|
||||
) : (
|
||||
''
|
||||
)}
|
||||
{isbus ? (
|
||||
<LabeledList.Item label="Change Signal Frequency">
|
||||
<Button
|
||||
content={machine.chang_frequency ? 'Enabled' : 'Disabled'}
|
||||
icon={machine.chang_frequency ? 'power-off' : 'times'}
|
||||
color={machine.chang_frequency ? 'good' : 'bad'}
|
||||
onClick={() => act('frequency', {
|
||||
'toggle': true,
|
||||
})}
|
||||
/>
|
||||
{machine.chang_frequency ? (
|
||||
<NumberInput
|
||||
animate
|
||||
unit="kHz"
|
||||
step={0.2}
|
||||
stepPixelSize={10}
|
||||
minValue={1201 / 10}
|
||||
maxValue={1599 / 10}
|
||||
value={machine.chang_freq_value / 10}
|
||||
format={value => toFixed(value, 1)}
|
||||
onChange={(e, value) => act('frequency', {
|
||||
'adjust': value,
|
||||
})} />
|
||||
) : (
|
||||
''
|
||||
)}
|
||||
</LabeledList.Item>
|
||||
) : (
|
||||
''
|
||||
)}
|
||||
{hidden ? (
|
||||
<LabeledList.Item label="Shadow Link">
|
||||
{'ACTIVE'}
|
||||
</LabeledList.Item>
|
||||
) : (
|
||||
''
|
||||
)}
|
||||
{multitool ? (
|
||||
<LabeledList.Item
|
||||
label="Multitool buffer"
|
||||
buttons={multitool_buf ? (
|
||||
<Fragment>
|
||||
<Button
|
||||
content="Link"
|
||||
onClick={() => act('multitool', {
|
||||
'Link': true,
|
||||
})}
|
||||
/>
|
||||
<Button
|
||||
content="Flush"
|
||||
onClick={() => act('multitool', {
|
||||
'Flush': true,
|
||||
})}
|
||||
/>
|
||||
</Fragment>
|
||||
) : (
|
||||
<Button
|
||||
content="Add Machine"
|
||||
onClick={() => act('multitool', {
|
||||
'Add': true,
|
||||
})}
|
||||
/>
|
||||
)}>
|
||||
{multitool_buf ? (
|
||||
`${multitool_buf.name} (${multitool_buf.id})`
|
||||
) : (
|
||||
''
|
||||
)}
|
||||
</LabeledList.Item>
|
||||
) : (
|
||||
''
|
||||
)}
|
||||
</Fragment>
|
||||
) : (
|
||||
''
|
||||
)}
|
||||
</LabeledList>
|
||||
{power ? (
|
||||
<Fragment>
|
||||
<Section
|
||||
title="Linked Network Entities"
|
||||
level={2}>
|
||||
<LabeledList>
|
||||
{links.map(entity => {
|
||||
return (
|
||||
<LabeledList.Item
|
||||
key={entity.name}
|
||||
label={entity.ref}
|
||||
buttons={(
|
||||
<Button
|
||||
content="Remove"
|
||||
onClick={() => act('unlink', {
|
||||
'value': entity.ref,
|
||||
})}
|
||||
/>
|
||||
)}>
|
||||
{`${entity.name} (${entity.id})`}
|
||||
</LabeledList.Item>
|
||||
);
|
||||
})}
|
||||
</LabeledList>
|
||||
</Section>
|
||||
<Section
|
||||
title="Filtering Frequencies"
|
||||
level={2}>
|
||||
<Button
|
||||
content="Add Filter"
|
||||
onClick={() => act('freq', {
|
||||
'add': true,
|
||||
})}
|
||||
/>
|
||||
<br />
|
||||
<br />
|
||||
{(freq_listening && freq_listening.length) ? (
|
||||
freq_listening.map(thing => {
|
||||
const valid = RADIO_CHANNELS
|
||||
.find(channel => channel.freq === thing);
|
||||
return (
|
||||
<Button
|
||||
key={thing}
|
||||
content={valid ? (
|
||||
<span style={`color: ${valid.color}`}>
|
||||
{`${thing} (${valid.name})`}
|
||||
</span>
|
||||
) : (
|
||||
thing
|
||||
)}
|
||||
onClick={() => act('freq', {
|
||||
'remove': thing,
|
||||
})}
|
||||
/>
|
||||
);
|
||||
})
|
||||
) : (
|
||||
''
|
||||
)}
|
||||
</Section>
|
||||
</Fragment>
|
||||
) : (
|
||||
''
|
||||
)}
|
||||
</Section>
|
||||
</Fragment>
|
||||
);
|
||||
};
|
||||
@@ -0,0 +1,174 @@
|
||||
import { Fragment } from 'inferno';
|
||||
import { useBackend } from '../backend';
|
||||
import { Button, LabeledList, NoticeBox, Section, Tabs, Input } from '../components';
|
||||
|
||||
export const TeleLogBrowser = (props, context) => {
|
||||
const { act, data } = useBackend(context);
|
||||
const {
|
||||
notice,
|
||||
network = "NULL",
|
||||
servers,
|
||||
selected = null,
|
||||
selected_logs,
|
||||
} = data;
|
||||
const operational = (selected && selected.status);
|
||||
return (
|
||||
<Fragment>
|
||||
{!!notice && (
|
||||
<NoticeBox>
|
||||
{notice}
|
||||
</NoticeBox>
|
||||
)}
|
||||
<Section title="Network Control">
|
||||
<LabeledList>
|
||||
<LabeledList.Item label="Network">
|
||||
<Input
|
||||
value={network}
|
||||
width="150px"
|
||||
maxLength={15}
|
||||
onChange={(e, value) => act('network', {
|
||||
'value': value,
|
||||
})} />
|
||||
</LabeledList.Item>
|
||||
<LabeledList.Item
|
||||
label="Memory"
|
||||
buttons={(
|
||||
<Fragment>
|
||||
<Button
|
||||
content="Flush Buffer"
|
||||
icon="minus-circle"
|
||||
disabled={!servers.length || !!selected}
|
||||
onClick={() => act('release')} />
|
||||
<Button
|
||||
content="Probe Network"
|
||||
icon="sync"
|
||||
disabled={selected}
|
||||
onClick={() => act('probe')} />
|
||||
</Fragment>
|
||||
)}>
|
||||
{servers ? (
|
||||
`${servers.length} currently probed and buffered`
|
||||
) : (
|
||||
'Buffer is empty!'
|
||||
)}
|
||||
</LabeledList.Item>
|
||||
<LabeledList.Item
|
||||
label="Selected Server"
|
||||
buttons={(
|
||||
<Button
|
||||
content="Disconnect"
|
||||
disabled={!selected}
|
||||
onClick={() => act('mainmenu')}
|
||||
/>
|
||||
)}>
|
||||
{selected ? (
|
||||
`${selected.name} (${selected.id})`
|
||||
) : (
|
||||
"None (None)"
|
||||
)}
|
||||
</LabeledList.Item>
|
||||
<LabeledList.Item label="Recorded Traffic">
|
||||
{selected ? (
|
||||
selected.traffic <= 1024 ? (
|
||||
`${selected.traffic} Gigabytes`
|
||||
) : (
|
||||
`${Math.round(selected.traffic/1024)} Terrabytes`
|
||||
)
|
||||
) : (
|
||||
'0 Gigabytes'
|
||||
)}
|
||||
</LabeledList.Item>
|
||||
<LabeledList.Item
|
||||
label="Server Status"
|
||||
color={operational ? 'good' : 'bad'}>
|
||||
{operational ? (
|
||||
'Running'
|
||||
) : (
|
||||
'Server down!'
|
||||
)}
|
||||
</LabeledList.Item>
|
||||
</LabeledList>
|
||||
</Section>
|
||||
<Tabs>
|
||||
<Tabs.Tab
|
||||
key="servers"
|
||||
label="Servers">
|
||||
<Section>
|
||||
{(servers && servers.length) ? (
|
||||
<LabeledList>
|
||||
{servers.map(server => {
|
||||
return (
|
||||
<LabeledList.Item
|
||||
key={server.name}
|
||||
label={`${server.ref}`}
|
||||
buttons={(
|
||||
<Button
|
||||
content="Connect"
|
||||
selected={data.selected
|
||||
&& (server.ref === data.selected.ref)}
|
||||
onClick={() => act('viewmachine', {
|
||||
'value': server.id,
|
||||
})} />
|
||||
)}>
|
||||
{`${server.name} (${server.id})`}
|
||||
</LabeledList.Item>
|
||||
);
|
||||
})}
|
||||
</LabeledList>
|
||||
) : (
|
||||
'404 Servers not found. Have you tried scanning the network?'
|
||||
)}
|
||||
</Section>
|
||||
</Tabs.Tab>
|
||||
<Tabs.Tab
|
||||
key="messages"
|
||||
label="Messages"
|
||||
disabled={!operational}>
|
||||
<Section title="Logs">
|
||||
{(operational && selected_logs) ? (
|
||||
selected_logs.map(logs => {
|
||||
return (
|
||||
<Section
|
||||
level={4}
|
||||
key={logs.ref}>
|
||||
<LabeledList>
|
||||
<LabeledList.Item
|
||||
label="Filename"
|
||||
buttons={(
|
||||
<Button
|
||||
content="Delete"
|
||||
onClick={() => act('delete', {
|
||||
'value': logs.ref,
|
||||
})} />
|
||||
)}>
|
||||
{logs.name}
|
||||
</LabeledList.Item>
|
||||
<LabeledList.Item label="Data type">
|
||||
{logs.input_type}
|
||||
</LabeledList.Item>
|
||||
{logs.source && (
|
||||
<LabeledList.Item label="Source">
|
||||
{`[${logs.source.name}] (Job: [${logs.source.job}])`}
|
||||
</LabeledList.Item>
|
||||
)}
|
||||
{logs.race && (
|
||||
<LabeledList.Item label="Class">
|
||||
{logs.race}
|
||||
</LabeledList.Item>
|
||||
)}
|
||||
<LabeledList.Item label="Contents">
|
||||
{logs.message}
|
||||
</LabeledList.Item>
|
||||
</LabeledList>
|
||||
</Section>
|
||||
);
|
||||
})
|
||||
) : (
|
||||
"No server selected!"
|
||||
)}
|
||||
</Section>
|
||||
</Tabs.Tab>
|
||||
</Tabs>
|
||||
</Fragment>
|
||||
);
|
||||
};
|
||||
@@ -0,0 +1,221 @@
|
||||
import { Fragment } from 'inferno';
|
||||
import { useBackend } from '../backend';
|
||||
import { RADIO_CHANNELS } from '../constants';
|
||||
import { Box, Button, LabeledList, NoticeBox, Section, Tabs, Input } from '../components';
|
||||
|
||||
|
||||
export const Telemonitor = (props, context) => {
|
||||
const { act, data } = useBackend(context);
|
||||
const {
|
||||
notice,
|
||||
network = "NULL",
|
||||
servers,
|
||||
selected = null,
|
||||
selected_servers,
|
||||
} = data;
|
||||
const operational = (selected && selected.status);
|
||||
|
||||
return (
|
||||
<Fragment>
|
||||
{!!notice && (
|
||||
<NoticeBox>
|
||||
{notice}
|
||||
</NoticeBox>
|
||||
)}
|
||||
<Section title="Network Control">
|
||||
<LabeledList>
|
||||
<LabeledList.Item label="Network">
|
||||
<Input
|
||||
value={network}
|
||||
width="150px"
|
||||
maxLength={15}
|
||||
onChange={(e, value) => act('network', {
|
||||
'value': value,
|
||||
})} />
|
||||
</LabeledList.Item>
|
||||
<LabeledList.Item
|
||||
label="Memory"
|
||||
buttons={(
|
||||
<Fragment>
|
||||
<Button
|
||||
content="Flush Buffer"
|
||||
icon="minus-circle"
|
||||
disabled={!servers.length || !!selected}
|
||||
onClick={() => act('release')} />
|
||||
<Button
|
||||
content="Probe Network"
|
||||
icon="sync"
|
||||
disabled={selected}
|
||||
onClick={() => act('probe')} />
|
||||
</Fragment>
|
||||
)}>
|
||||
{!selected ? (
|
||||
servers ? (
|
||||
`${servers.length} currently probed and buffered`
|
||||
) : (
|
||||
'Buffer is empty!'
|
||||
)
|
||||
) : (
|
||||
selected_servers ? (
|
||||
`${selected_servers.length} currently probed and buffered`
|
||||
) : (
|
||||
'Connected devices is empty!'
|
||||
)
|
||||
)}
|
||||
</LabeledList.Item>
|
||||
<LabeledList.Item
|
||||
label="Selected Entity"
|
||||
buttons={(
|
||||
<Button
|
||||
content="Disconnect"
|
||||
icon="minus-circle"
|
||||
disabled={!selected}
|
||||
onClick={() => act('mainmenu')}
|
||||
/>
|
||||
)}>
|
||||
{selected ? (
|
||||
`${selected.name} (${selected.id})`
|
||||
) : (
|
||||
"None (None)"
|
||||
)}
|
||||
</LabeledList.Item>
|
||||
</LabeledList>
|
||||
</Section>
|
||||
<Tabs>
|
||||
<Tabs.Tab label="Network Entities">
|
||||
<Section title="Detected Network Entities">
|
||||
{(servers && servers.length) ? (
|
||||
<LabeledList>
|
||||
{servers.map(server => {
|
||||
return (
|
||||
<LabeledList.Item
|
||||
key={server.name}
|
||||
label={server.ref}
|
||||
buttons={(
|
||||
<Button
|
||||
content="Connect"
|
||||
selected={selected
|
||||
&& (server.ref === selected.ref)}
|
||||
onClick={() => act('viewmachine', {
|
||||
'value': server.id,
|
||||
})} />
|
||||
)}>
|
||||
{`${server.name} (${server.id})`}
|
||||
</LabeledList.Item>
|
||||
);
|
||||
})}
|
||||
</LabeledList>
|
||||
) : (
|
||||
'404 Servers not found. Have you tried scanning the network?'
|
||||
)}
|
||||
</Section>
|
||||
</Tabs.Tab>
|
||||
<Tabs.Tab
|
||||
label="Entity Status"
|
||||
disabled={!selected}>
|
||||
<Section title="Network Entity Status">
|
||||
<LabeledList>
|
||||
<LabeledList.Item
|
||||
label="Status"
|
||||
color={operational ? 'good' : 'bad'}>
|
||||
{operational ? (
|
||||
'Running'
|
||||
) : (
|
||||
'Server down!'
|
||||
)}
|
||||
</LabeledList.Item>
|
||||
<LabeledList.Item
|
||||
label="Network Traffic"
|
||||
color={operational && (selected.netspeed < selected.traffic) ? (
|
||||
'bad'
|
||||
) : (
|
||||
'good'
|
||||
)}>
|
||||
{operational ? ( // Not to be confused to totaltraffic
|
||||
selected.traffic <= 1024 ? (
|
||||
`${Math.max(selected.traffic, 0)} Gigabytes`
|
||||
) : (
|
||||
`${Math.round(selected.traffic/1024)} Terrabytes`
|
||||
)
|
||||
) : (
|
||||
'0 Gigabytes'
|
||||
)}
|
||||
</LabeledList.Item>
|
||||
<LabeledList.Item label="Network Speed">
|
||||
{operational ? (
|
||||
selected.netspeed <= 1024 ? (
|
||||
`${selected.netspeed} Gigabytes/second`
|
||||
) : (
|
||||
`${Math.round(selected.netspeed/1024)} Terrabytes/second`
|
||||
)
|
||||
) : (
|
||||
'0 Gigabytes/second'
|
||||
)}
|
||||
</LabeledList.Item>
|
||||
<LabeledList.Item
|
||||
label="Multi-Z Link"
|
||||
color={(operational && selected.long_range_link) ? (
|
||||
'good'
|
||||
) : (
|
||||
'bad'
|
||||
)}>
|
||||
{(operational && selected.long_range_link) ? (
|
||||
'true'
|
||||
) : (
|
||||
'false'
|
||||
)}
|
||||
</LabeledList.Item>
|
||||
<LabeledList.Item label="Frequency Listening">
|
||||
<Box>
|
||||
{operational && selected.freq_listening.map(thing => {
|
||||
const valid = RADIO_CHANNELS
|
||||
.find(channel => channel.freq === thing);
|
||||
return (
|
||||
(valid) ? (
|
||||
<span style={`color: ${valid.color}`}>
|
||||
{`[${thing}] (${valid.name}) `}
|
||||
</span>
|
||||
) : (
|
||||
`[${thing}] `
|
||||
)
|
||||
);
|
||||
})}
|
||||
</Box>
|
||||
</LabeledList.Item>
|
||||
</LabeledList>
|
||||
<Section
|
||||
title="Servers Linked"
|
||||
level={3}>
|
||||
{(operational && selected_servers) ? (
|
||||
<LabeledList>
|
||||
{selected_servers.map(server => {
|
||||
return (
|
||||
<LabeledList.Item
|
||||
key={server.name}
|
||||
label={server.ref}
|
||||
buttons={(
|
||||
<Button
|
||||
content="Connect"
|
||||
onClick={() => act('viewmachine', {
|
||||
'value': server.id,
|
||||
})} />
|
||||
)}>
|
||||
{`${server.name} (${server.id})`}
|
||||
</LabeledList.Item>
|
||||
);
|
||||
})}
|
||||
</LabeledList>
|
||||
) : (
|
||||
!operational ? (
|
||||
"Server currently down! Cannot fetch the buffer list!"
|
||||
) : (
|
||||
"Buffer is empty!"
|
||||
)
|
||||
)}
|
||||
</Section>
|
||||
</Section>
|
||||
</Tabs.Tab>
|
||||
</Tabs>
|
||||
</Fragment>
|
||||
);
|
||||
};
|
||||
@@ -0,0 +1,420 @@
|
||||
import { Fragment } from 'inferno';
|
||||
import { useBackend } from '../backend';
|
||||
import { act as _act } from '../byond';
|
||||
import { Button, LabeledList, NoticeBox, Section, Tabs, Input } from '../components';
|
||||
|
||||
export const TelePDALog = (props, context) => {
|
||||
const { act, data } = useBackend(context);
|
||||
const {
|
||||
network,
|
||||
notice = "",
|
||||
authenticated = false,
|
||||
canhack = false,
|
||||
selected = null,
|
||||
servers = [],
|
||||
message_logs = [],
|
||||
recon_logs = [],
|
||||
} = data;
|
||||
const fake_message = data.fake_message || {
|
||||
'sender': 'System Administrator',
|
||||
'job': 'Admin',
|
||||
'recepient': null,
|
||||
'message': 'This is a test, please ignore',
|
||||
};
|
||||
const prioritycolorMap = {
|
||||
'Normal': 'warning',
|
||||
'High': 'bad',
|
||||
'Extreme': 'bad',
|
||||
};
|
||||
const valid = (selected && selected.status && authenticated);
|
||||
|
||||
if (data.hacking) {
|
||||
return ( // should have used en -> jp unicode -> other encoding method->utf8
|
||||
<NoticeBox>
|
||||
<b>
|
||||
<h3>
|
||||
{"INTRN@L ACfES VIOL�TIa█ DEtE₡TED! Ree3ARcinG A█ \
|
||||
BAaKUP RdST�RE PbINT [0xcff32ca] - PLfASE aAIT"}
|
||||
</h3>
|
||||
</b>
|
||||
<i>
|
||||
{data.borg ? (
|
||||
<Fragment>
|
||||
Brute-forcing for server key. <br />
|
||||
It will take 20 seconds for every character that the password has.
|
||||
<br />
|
||||
In the meantime, this console can reveal your
|
||||
true intentions if you let someone access it.
|
||||
Make sure no humans enter the room during that time.
|
||||
</Fragment>
|
||||
) : (
|
||||
<Fragment>
|
||||
QnJ1dGUtZm9yY2luZyBmb3Igc2VydmVyIGtleS48YnI+IEl0IHdpbG<br />
|
||||
wgdGFrZSAyMCBzZWNvbmRzIGZvciBldmVyeSBjaGFyYWN0ZXIgdGhh<br />
|
||||
dCB0aGUgcGFzc3dvcmQgaGFzLiBJbiB0aGUgbWVhbnRpbWUsIHRoaX<br />
|
||||
MgY29uc29sZSBjYW4gcmV2ZWFsIHlvdXIgdHJ1ZSBpbnRlbnRpb25z<br />
|
||||
IGlmIHlvdSBsZXQgc29tZW9uZSBhY2Nlc3MgaXQuIE1ha2Ugc3VyZS<br />
|
||||
BubyBodW1hbnMgZW50ZXIgdGhlIHJvb20gZHVyaW5nIHRoYXQgdGltZS4=<br />
|
||||
<br />
|
||||
</Fragment>
|
||||
)}
|
||||
</i>
|
||||
</NoticeBox>
|
||||
);
|
||||
}
|
||||
|
||||
return (
|
||||
<Fragment>
|
||||
{!!notice && (
|
||||
<NoticeBox>
|
||||
{notice}
|
||||
</NoticeBox>
|
||||
)}
|
||||
<Section title="Network Control">
|
||||
<LabeledList>
|
||||
<LabeledList.Item label="Network">
|
||||
<Input
|
||||
value={network}
|
||||
width="150px"
|
||||
maxLength={15}
|
||||
onChange={(e, value) => act('network', {
|
||||
'value': value,
|
||||
})} />
|
||||
</LabeledList.Item>
|
||||
<LabeledList.Item
|
||||
label="Memory"
|
||||
buttons={(
|
||||
<Fragment>
|
||||
<Button
|
||||
content="Flush Buffer"
|
||||
icon="minus-circle"
|
||||
disabled={!servers.length}
|
||||
onClick={() => act('release')} />
|
||||
<Button
|
||||
content="Probe Network"
|
||||
icon="sync"
|
||||
disabled={servers.length}
|
||||
onClick={() => act('probe')} />
|
||||
</Fragment>
|
||||
)}>
|
||||
{servers ? (
|
||||
`${servers.length} currently probed and buffered`
|
||||
) : (
|
||||
'Buffer is empty!'
|
||||
)}
|
||||
</LabeledList.Item>
|
||||
<LabeledList.Item
|
||||
label="Authentication"
|
||||
color={authenticated ? 'good' : 'bad'}
|
||||
buttons={(
|
||||
<Fragment>
|
||||
<Button
|
||||
content="Change Password"
|
||||
disabled={!authenticated || !selected}
|
||||
onClick={() => act('change_auth')}
|
||||
/>
|
||||
{canhack && (
|
||||
<Button
|
||||
content="Brute Force"
|
||||
color="bad"
|
||||
disabled={authenticated || !selected}
|
||||
onClick={() => act('hack')}
|
||||
/>
|
||||
)}
|
||||
</Fragment>
|
||||
)}>
|
||||
{authenticated ? "KEY OK" : "KEY FAIL"}
|
||||
</LabeledList.Item>
|
||||
<LabeledList.Item
|
||||
label="PDA Server"
|
||||
buttons={(
|
||||
<Fragment>
|
||||
<Button
|
||||
content={!authenticated ? 'Login' : 'Logout'}
|
||||
icon={authenticated ? 'unlock' : 'lock'}
|
||||
color={authenticated ? 'good' : 'bad'}
|
||||
disabled={!selected}
|
||||
onClick={() => act('auth')}
|
||||
/>
|
||||
<Button
|
||||
content="Disconnect"
|
||||
icon="minus-circle"
|
||||
disabled={!selected}
|
||||
onClick={() => act('mainmenu')}
|
||||
/>
|
||||
</Fragment>
|
||||
)}>
|
||||
{selected ? (
|
||||
`${selected.name} (${selected.id})`
|
||||
) : (
|
||||
"None (None)"
|
||||
)}
|
||||
</LabeledList.Item>
|
||||
<LabeledList.Item
|
||||
label="PDA Server Status"
|
||||
color={(selected && selected.status) ? 'good' : 'bad'}>
|
||||
{selected ? (
|
||||
selected.status ? (
|
||||
'Running'
|
||||
) : (
|
||||
'Server down! Logging and messaging functionality unavailable!'
|
||||
)
|
||||
):(
|
||||
'No server selected'
|
||||
)}
|
||||
</LabeledList.Item>
|
||||
</LabeledList>
|
||||
</Section>
|
||||
<Tabs>
|
||||
<Tabs.Tab
|
||||
key="servers"
|
||||
label="Servers">
|
||||
<Section>
|
||||
{(servers && servers.length) ? (
|
||||
<LabeledList>
|
||||
{servers.map(server => {
|
||||
return (
|
||||
<LabeledList.Item
|
||||
key={server.name}
|
||||
label={`${server.ref}`}
|
||||
buttons={(
|
||||
<Button
|
||||
content="Connect"
|
||||
selected={data.selected
|
||||
&& (server.ref === data.selected.ref)}
|
||||
onClick={() => act('viewmachine', {
|
||||
'value': server.id,
|
||||
})} />
|
||||
)}>
|
||||
{`${server.name} (${server.id})`}
|
||||
</LabeledList.Item>
|
||||
);
|
||||
})}
|
||||
</LabeledList>
|
||||
) : (
|
||||
'404 Servers not found. Have you tried scanning the network?'
|
||||
)}
|
||||
</Section>
|
||||
</Tabs.Tab>
|
||||
<Tabs.Tab
|
||||
key="message_logs"
|
||||
label="Message Logs"
|
||||
disabled={!valid}>
|
||||
<Section title="Logs">
|
||||
<Button
|
||||
content="Refresh"
|
||||
icon="sync"
|
||||
onClick={() => act('refresh')}
|
||||
/>
|
||||
<Button
|
||||
content="Delete All Logs"
|
||||
icon="trash"
|
||||
disabled={!(message_logs && message_logs.length)}
|
||||
onClick={() => act('clear_log', {
|
||||
'value': 'pda_logs',
|
||||
})}
|
||||
/>
|
||||
<Section
|
||||
title="Messages"
|
||||
level={2}>
|
||||
{(message_logs && message_logs.length) ? (
|
||||
message_logs.map(message => {
|
||||
return (
|
||||
<Section key={message.ref}>
|
||||
<LabeledList>
|
||||
<LabeledList.Item label="Sender"
|
||||
buttons={(
|
||||
<Button
|
||||
content="Delete"
|
||||
onClick={() => act('del_log', {
|
||||
'ref': message.ref,
|
||||
})}
|
||||
/>
|
||||
)}>
|
||||
{message.sender}
|
||||
</LabeledList.Item>
|
||||
<LabeledList.Item label="Recipient">
|
||||
{message.recipient}
|
||||
</LabeledList.Item>
|
||||
<LabeledList.Item
|
||||
label="Message"
|
||||
buttons={(
|
||||
message.image && (
|
||||
<Button // Had to use _act for this.
|
||||
content="Image"
|
||||
onClick={() => _act(message.ref, 'photo')}
|
||||
/>
|
||||
)
|
||||
)}>
|
||||
{message.message}
|
||||
</LabeledList.Item>
|
||||
</LabeledList>
|
||||
</Section>
|
||||
);
|
||||
})
|
||||
) : (
|
||||
'Error: Logs empty'
|
||||
)}
|
||||
</Section>
|
||||
</Section>
|
||||
</Tabs.Tab>
|
||||
<Tabs.Tab
|
||||
key="recon_logs"
|
||||
label="Req. Console Logs"
|
||||
disabled={!valid}>
|
||||
<Section title="Logs">
|
||||
<Button
|
||||
content="Refresh"
|
||||
icon="sync"
|
||||
onClick={() => act('refresh')}
|
||||
/>
|
||||
<Button
|
||||
content="Delete All Logs"
|
||||
icon="trash"
|
||||
disabled={!(recon_logs && recon_logs.length)}
|
||||
onClick={() => act('clear_log', {
|
||||
'value': 'rc_msgs',
|
||||
})}
|
||||
/>
|
||||
<Section
|
||||
title="Requests"
|
||||
level={2}>
|
||||
{(recon_logs && recon_logs.length) ? (
|
||||
recon_logs.map(message => {
|
||||
return (
|
||||
<Section key={message.ref}>
|
||||
<LabeledList>
|
||||
<LabeledList.Item label="Sending Dep."
|
||||
buttons={(
|
||||
<Button
|
||||
content="Delete"
|
||||
onClick={() => act('del_log', {
|
||||
'ref': message.ref,
|
||||
})}
|
||||
/>
|
||||
)}>
|
||||
{message.sender}
|
||||
</LabeledList.Item>
|
||||
<LabeledList.Item label="Receiving Dep.">
|
||||
{message.recipient}
|
||||
</LabeledList.Item>
|
||||
<LabeledList.Item label="Message">
|
||||
{message.message}
|
||||
</LabeledList.Item>
|
||||
<LabeledList.Item
|
||||
label="Stamp"
|
||||
color={message.stamp !== "Unstamped" ? (
|
||||
'label'
|
||||
) : (
|
||||
'bad'
|
||||
)}>
|
||||
{message.stamp !== 'Unstamped' ? (
|
||||
<b>{message.stamp}</b>
|
||||
) : (
|
||||
message.stamp
|
||||
)}
|
||||
</LabeledList.Item>
|
||||
<LabeledList.Item
|
||||
label="ID Authentication"
|
||||
color={message.auth !== "Unauthenticated" ? (
|
||||
'good'
|
||||
) : (
|
||||
'bad'
|
||||
)}>
|
||||
{message.auth}
|
||||
</LabeledList.Item>
|
||||
<LabeledList.Item
|
||||
label="Priority"
|
||||
color={(message.priority in prioritycolorMap) ? (
|
||||
prioritycolorMap[message.priority]
|
||||
) : (
|
||||
'good'
|
||||
)}>
|
||||
{message.priority === 'Extreme' ? (
|
||||
<b>!!{message.priority}!!</b>
|
||||
) : (
|
||||
message.priority
|
||||
)}
|
||||
</LabeledList.Item>
|
||||
</LabeledList>
|
||||
</Section>
|
||||
);
|
||||
})
|
||||
) : (
|
||||
'Error: No logs found'
|
||||
)}
|
||||
</Section>
|
||||
</Section>
|
||||
</Tabs.Tab>
|
||||
<Tabs.Tab
|
||||
key="custom_pda"
|
||||
label="Set Admin Message"
|
||||
disabled={!valid}>
|
||||
<Section title="Custom Message">
|
||||
<Button
|
||||
content="Reset"
|
||||
icon="sync"
|
||||
onClick={() => act('fake', {
|
||||
'reset': true,
|
||||
})}
|
||||
/>
|
||||
<Button
|
||||
content="Send"
|
||||
disabled={!fake_message.recepient || !fake_message.message}
|
||||
onClick={() => act('fake', {
|
||||
'send': true,
|
||||
})}
|
||||
/>
|
||||
<br /><br />
|
||||
<LabeledList>
|
||||
<LabeledList.Item label="Sender">
|
||||
<Input
|
||||
value={fake_message.sender}
|
||||
width="250px"
|
||||
maxLength={42}
|
||||
onChange={(e, value) => act('fake', {
|
||||
'sender': value,
|
||||
})}
|
||||
/>
|
||||
</LabeledList.Item>
|
||||
<LabeledList.Item label="Sender's Job">
|
||||
<Input
|
||||
value={fake_message.job}
|
||||
width="250px"
|
||||
maxLength={100}
|
||||
onChange={(e, value) => act('fake', {
|
||||
'job': value,
|
||||
})}
|
||||
/>
|
||||
</LabeledList.Item>
|
||||
<LabeledList.Item label="Recipient">
|
||||
<Button
|
||||
content={fake_message.recepient ? (
|
||||
fake_message.recepient
|
||||
) : (
|
||||
'Select'
|
||||
)}
|
||||
selected={fake_message.recepient}
|
||||
onClick={() => act('fake', {
|
||||
'recepient': true,
|
||||
})}
|
||||
/>
|
||||
</LabeledList.Item>
|
||||
<LabeledList.Item label="Message">
|
||||
<Input
|
||||
value={fake_message.message}
|
||||
width="500px"
|
||||
height="150px"
|
||||
maxLength={2048}
|
||||
onChange={(e, value) => act('fake', {
|
||||
'message': value,
|
||||
})}
|
||||
/>
|
||||
</LabeledList.Item>
|
||||
</LabeledList>
|
||||
</Section>
|
||||
</Tabs.Tab>
|
||||
</Tabs>
|
||||
</Fragment>
|
||||
);
|
||||
};
|
||||
Reference in New Issue
Block a user