This commit is contained in:
Letter N
2020-08-05 10:31:42 +08:00
parent ed67801590
commit 9a8d064b7b
6 changed files with 190 additions and 206 deletions

View File

@@ -92,20 +92,18 @@ export const ClockworkSlab = (props, context) => {
</Fragment>
)}
</Box>
{recollection_categories?.map(cat => {
return (
<Fragment key={cat.name} >
<br />
<Button
content={cat.name}
tooltip={cat.desc}
tooltipPosition={'right'}
onClick={() => act('rec_category', {
"category": cat.name,
})} />
</Fragment>
);
})}
{recollection_categories?.map(cat => (
<Fragment key={cat.name}>
<br />
<Button
content={cat.name}
tooltip={cat.desc}
tooltipPosition={'right'}
onClick={() => act('rec_category', {
"category": cat.name,
})} />
</Fragment>
))}
<Divider />
<Box>
<Box
@@ -115,7 +113,7 @@ export const ClockworkSlab = (props, context) => {
{rec_section?.title ? (
rec_section.title
) : (
'500 Server Internal archives not found.'
'500 Slab Internal archives not found.'
)}
</Box>
<br /><br />

View File

@@ -114,7 +114,7 @@ export const TelecommsInteraction = (props, context) => {
'toggle': true,
})}
/>
{machine.chang_frequency ? (
{!!machine.chang_frequency && (
<NumberInput
animate
unit="kHz"
@@ -127,8 +127,6 @@ export const TelecommsInteraction = (props, context) => {
onChange={(e, value) => act('frequency', {
'adjust': value,
})} />
) : (
''
)}
</LabeledList.Item>
)}
@@ -179,23 +177,21 @@ export const TelecommsInteraction = (props, context) => {
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>
);
})}
{links.map(entity => (
<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

View File

@@ -122,44 +122,42 @@ export const TelecommsLogBrowser = (props, context) => {
{(tab === "messages" && 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}
selected_logs.map(logs => (
<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>
<LabeledList.Item label="Data type">
{logs.input_type}
)}
{logs.race && (
<LabeledList.Item label="Class">
{logs.race}
</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>
);
})
)}
<LabeledList.Item label="Contents">
{logs.message}
</LabeledList.Item>
</LabeledList>
</Section>
))
) : (
"No server selected!"
)}

View File

@@ -133,11 +133,11 @@ export const TelecommsMonitor = (props, context) => {
selected.netspeed*0.30,
],
average: [ // 30-70%
selected.netspeed*0.30,
selected.netspeed*0.31,
selected.traffic*0.70,
],
bad: [ // 30-100%
selected.netspeed*0.70,
bad: [ // 70-100%
selected.netspeed*0.71,
Infinity,
],
}}>
@@ -199,22 +199,20 @@ export const TelecommsMonitor = (props, context) => {
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>
);
})}
{selected_servers.map(server => (
<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 ? (
@@ -229,24 +227,22 @@ export const TelecommsMonitor = (props, context) => {
<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>
);
})}
{servers.map(server => (
<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?'

View File

@@ -208,24 +208,22 @@ export const TelecommsPDALog = (props, context) => {
<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>
);
})}
{servers.map(server => (
<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?'
@@ -233,13 +231,13 @@ export const TelecommsPDALog = (props, context) => {
</Section>
) : (
<Fragment>
{tab === "pdalog-message" && (
{(tab === "pdalog-message" && authenticated) && (
<TeleLogs />
)}
{tab === "pdalog-reqmsg" && (
{(tab === "pdalog-reqmsg" && authenticated) && (
<TeleLogs msgs_log />
)}
{tab === "pdalog-custommsg" && (
{(tab === "pdalog-custommsg" && authenticated) && (
<CustomMsg />
)}
</Fragment>
@@ -253,7 +251,7 @@ export const TelecommsPDALog = (props, context) => {
// They're the same, so merged it into this. Idea stolen from cargonia
export const TeleLogs = (props, context) => {
const {
msgs_log = false, // <tlog msgs_log/>
msgs_log = false, // <TeleLogs msgs_log/>
} = props;
const { act, data } = useBackend(context);
const {
@@ -284,83 +282,81 @@ export const TeleLogs = (props, context) => {
<Section
title="Messages"
level={2}>
{log_to_use?.map(message => {
return (
<Section key={message.ref}>
<LabeledList>
<LabeledList.Item
label={msgs_log ? "Sending Dep." : "Sender"}
buttons={(
<Button
content="Delete"
onClick={() => act('del_log', {
'ref': message.ref,
{log_to_use?.map(message => (
<Section key={message.ref}>
<LabeledList>
<LabeledList.Item
label={msgs_log ? "Sending Dep." : "Sender"}
buttons={(
<Button
content="Delete"
onClick={() => act('del_log', {
'ref': message.ref,
})}
/>
)}>
{message.sender}
</LabeledList.Item>
<LabeledList.Item
label={msgs_log ? "Receiving Dep." : "Recipient"}>
{message.recipient}
</LabeledList.Item>
<LabeledList.Item
label="Message"
buttons={(
!!message.picture && ( // don't send img over req
<Button // Had to use _act for this.
content="Image"
icon="image"
onClick={() => Byond.topic({
'src': message.ref,
'photo': 1,
})}
/>
)}>
{message.sender}
</LabeledList.Item>
<LabeledList.Item
label={msgs_log ? "Receiving Dep." : "Recipient"}>
{message.recipient}
</LabeledList.Item>
<LabeledList.Item
label="Message"
buttons={(
!!message.picture && ( // don't send img over req
<Button // Had to use _act for this.
content="Image"
icon="image"
onClick={() => Byond.topic({
'src': message.ref,
'photo': 1,
})}
/>
)
)}>
{message.message}
</LabeledList.Item>
{!!msgs_log && (
<Fragment>
<LabeledList.Item
label="Stamp"
color={message.stamp !== "Unstamped" ? (
'label'
) : (
'bad'
)}
bold={message.stamp !== 'Unstamped'}>
{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'
)}
bold={message.priority === 'Extreme'}>
{message.priority === 'Extreme' ? (
`!!${message.priority}!!`
) : (
message.priority
)}
</LabeledList.Item>
</Fragment>
)}
</LabeledList>
</Section>
);
})}
)
)}>
{message.message}
</LabeledList.Item>
{!!msgs_log && (
<Fragment>
<LabeledList.Item
label="Stamp"
color={message.stamp !== "Unstamped" ? (
'label'
) : (
'bad'
)}
bold={message.stamp !== 'Unstamped'}>
{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'
)}
bold={message.priority === 'Extreme'}>
{message.priority === 'Extreme' ? (
`!!${message.priority}!!`
) : (
message.priority
)}
</LabeledList.Item>
</Fragment>
)}
</LabeledList>
</Section>
))}
</Section>
</Section>
);

File diff suppressed because one or more lines are too long