cyberpresidentvanellope/S.P.L.U.R.T-Station-13
1
0
Fork 0
mirror of https://github.com/SPLURT-Station/S.P.L.U.R.T-Station-13.git synced 2025-12-10 18:02:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

cleanup

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

28
tgui/packages/tgui/interfaces/ClockworkSlab.js
View File

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

36
tgui/packages/tgui/interfaces/TelecommsInteraction.js
View File

@@ -114,7 +114,7 @@ export const TelecommsInteraction = (props, context) => {
'toggle': true, 'toggle': true,
})} })}
/> />
{machine.chang_frequency ? ( {!!machine.chang_frequency && (
<NumberInput <NumberInput
animate animate
unit="kHz" unit="kHz"
@@ -127,8 +127,6 @@ export const TelecommsInteraction = (props, context) => {
onChange={(e, value) => act('frequency', { onChange={(e, value) => act('frequency', {
'adjust': value, 'adjust': value,
})} /> })} />
) : (
''
)} )}
</LabeledList.Item> </LabeledList.Item>
)} )}
@@ -179,23 +177,21 @@ export const TelecommsInteraction = (props, context) => {
title="Linked Network Entities" title="Linked Network Entities"
level={2}> level={2}>
<LabeledList> <LabeledList>
{links.map(entity => { {links.map(entity => (
return ( <LabeledList.Item
<LabeledList.Item key={entity.name}
key={entity.name} label={entity.ref}
label={entity.ref} buttons={(
buttons={( <Button
<Button content="Remove"
content="Remove" onClick={() => act('unlink', {
onClick={() => act('unlink', { 'value': entity.ref,
'value': entity.ref, })}
})} />
/> )}>
)}> {`${entity.name} (${entity.id})`}
{`${entity.name} (${entity.id})`} </LabeledList.Item>
</LabeledList.Item> ))}
);
})}
</LabeledList> </LabeledList>
</Section> </Section>
<Section <Section

70
tgui/packages/tgui/interfaces/TelecommsLogBrowser.js
View File

@@ -122,44 +122,42 @@ export const TelecommsLogBrowser = (props, context) => {
{(tab === "messages" && operational) ? ( {(tab === "messages" && operational) ? (
<Section title="Logs"> <Section title="Logs">
{(operational && selected_logs) ? ( {(operational && selected_logs) ? (
selected_logs.map(logs => { selected_logs.map(logs => (
return ( <Section
<Section level={4}
level={4} key={logs.ref}>
key={logs.ref}> <LabeledList>
<LabeledList> <LabeledList.Item
<LabeledList.Item label="Filename"
label="Filename" buttons={(
buttons={( <Button
<Button content="Delete"
content="Delete" onClick={() => act('delete', {
onClick={() => act('delete', { 'value': logs.ref,
'value': logs.ref, })} />
})} /> )}>
)}> {logs.name}
{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>
<LabeledList.Item label="Data type"> )}
{logs.input_type} {logs.race && (
<LabeledList.Item label="Class">
{logs.race}
</LabeledList.Item> </LabeledList.Item>
{logs.source && ( )}
<LabeledList.Item label="Source"> <LabeledList.Item label="Contents">
{`[${logs.source.name}] {logs.message}
(Job: [${logs.source.job}])`} </LabeledList.Item>
</LabeledList.Item> </LabeledList>
)} </Section>
{logs.race && ( ))
<LabeledList.Item label="Class">
{logs.race}
</LabeledList.Item>
)}
<LabeledList.Item label="Contents">
{logs.message}
</LabeledList.Item>
</LabeledList>
</Section>
);
})
) : ( ) : (
"No server selected!" "No server selected!"
)} )}

70
tgui/packages/tgui/interfaces/TelecommsMonitor.js
View File

@@ -133,11 +133,11 @@ export const TelecommsMonitor = (props, context) => {
selected.netspeed*0.30, selected.netspeed*0.30,
], ],
average: [ // 30-70% average: [ // 30-70%
selected.netspeed*0.30, selected.netspeed*0.31,
selected.traffic*0.70, selected.traffic*0.70,
], ],
bad: [ // 30-100% bad: [ // 70-100%
selected.netspeed*0.70, selected.netspeed*0.71,
Infinity, Infinity,
], ],
}}> }}>
@@ -199,22 +199,20 @@ export const TelecommsMonitor = (props, context) => {
level={3}> level={3}>
{(operational && selected_servers) ? ( {(operational && selected_servers) ? (
<LabeledList> <LabeledList>
{selected_servers.map(server => { {selected_servers.map(server => (
return ( <LabeledList.Item
<LabeledList.Item key={server.name}
key={server.name} label={server.ref}
label={server.ref} buttons={(
buttons={( <Button
<Button content="Connect"
content="Connect" onClick={() => act('viewmachine', {
onClick={() => act('viewmachine', { 'value': server.id,
'value': server.id, })} />
})} /> )}>
)}> {`${server.name} (${server.id})`}
{`${server.name} (${server.id})`} </LabeledList.Item>
</LabeledList.Item> ))}
);
})}
</LabeledList> </LabeledList>
) : ( ) : (
!operational ? ( !operational ? (
@@ -229,24 +227,22 @@ export const TelecommsMonitor = (props, context) => {
<Section title="Detected Network Entities"> <Section title="Detected Network Entities">
{(servers && servers.length) ? ( {(servers && servers.length) ? (
<LabeledList> <LabeledList>
{servers.map(server => { {servers.map(server => (
return ( <LabeledList.Item
<LabeledList.Item key={server.name}
key={server.name} label={server.ref}
label={server.ref} buttons={(
buttons={( <Button
<Button content="Connect"
content="Connect" selected={selected
selected={selected && (server.ref === selected.ref)}
&& (server.ref === selected.ref)} onClick={() => act('viewmachine', {
onClick={() => act('viewmachine', { 'value': server.id,
'value': server.id, })} />
})} /> )}>
)}> {`${server.name} (${server.id})`}
{`${server.name} (${server.id})`} </LabeledList.Item>
</LabeledList.Item> ))}
);
})}
</LabeledList> </LabeledList>
) : ( ) : (
'404 Servers not found. Have you tried scanning the network?' '404 Servers not found. Have you tried scanning the network?'

190
tgui/packages/tgui/interfaces/TelecommsPDALog.js
View File

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

2
tgui/packages/tgui/public/tgui.bundle.js
View File

File diff suppressed because one or more lines are too long