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

indentation part 2

Browse Source
This commit is contained in:
SandPoot
2021-04-13 17:41:20 -03:00
parent 91ae125ac4
commit d0afa223bc
1 changed files with 95 additions and 94 deletions
Download Patch File Download Diff File Expand all files Collapse all files

189
tgui/packages/tgui/interfaces/CloningConsole.js
View File

@@ -1,6 +1,6 @@
import { map } from 'common/collections';
import { useBackend } from '../backend';
import { Box, Button, Collapsible, NoticeBox, Section, ProgressBar } from '../components';
import { Box, Button, Collapsible, NoticeBox, ProgressBar, Section } from '../components';
import { Window } from '../layouts';
export const CloningConsole = (props, context) => {
@@ -34,7 +34,7 @@ export const CloningConsole = (props, context) => {
/>
}
/>
) : ( null ) }
) : (null) }
<Section>
<Section title="Cloning Pod Status">
<Box backgroundColor="#40638a" p="1px">
@@ -73,101 +73,102 @@ export const CloningConsole = (props, context) => {
</Section>
)}
{useRecords ? (
<Section>
<Section title="Database Functions">
<NoticeBox>
<Collapsible title={recordsLength}>
<h2>Current Records: </h2>
{records.map(record => (
<Section backgroundColor="#191919" color="white">
<Collapsible title={record["name"]}>
<div key={record["name"]} style={{
'word-break': 'break-all',
}}>
Scan ID {record["id"]}<br />
<Button
content="Clone"
icon="power-off"
onClick={() => act('clone', {
target: record["id"],
})}
/>
<Button
content="Delete Record"
icon="user-slash"
onClick={() => act('delrecord', {
target: record["id"]
})}
/>
<Button
content="Save to Disk"
icon="upload"
disabled={diskData.length === 0}
onClick={() => act('save', {
target: record["id"]
})}
/>
<br />
Health Implant Data<br />
<Section>
<Section title="Database Functions">
<NoticeBox>
<Collapsible title={recordsLength}>
<h2>Current Records: </h2>
{records.map(record => (
<Section backgroundColor="#191919" color="white">
<Collapsible title={record["name"]}>
<div key={record["name"]} style={{
'word-break': 'break-all',
}}>
Scan ID {record["id"]}<br />
<Button
content="Clone"
icon="power-off"
onClick={() => act('clone', {
target: record["id"],
})}
/>
<Button
content="Delete Record"
icon="user-slash"
onClick={() => act('delrecord', {
target: record["id"]
})}
/>
<Button
content="Save to Disk"
icon="upload"
disabled={diskData.length === 0}
onClick={() => act('save', {
target: record["id"]
})}
/>
<br />
Health Implant Data<br />
<small>Oxygen Deprivation Damage:<br />
<ProgressBar color="blue" value={record["damages"]["oxy"] / 100} />
Fire Damage:<br />
<ProgressBar color="orange" value={record["damages"]["burn"] / 100} />
Toxin Damage:<br />
<ProgressBar color="green" value={record["damages"]["tox"] / 100} />
Brute Damage:<br />
<ProgressBar color="red" value={record["damages"]["brute"] / 100} />
</small><br />
Unique Identifier:<br />
{record["UI"]}<br />
Unique Enzymes:<br />
{record["UE"]}<br />
Blood Type:<br />
{record["blood_type"]}
</div>
</Collapsible>
</Section>
))}
<small>
Oxygen Deprivation Damage:<br />
<ProgressBar color="blue" value={record["damages"]["oxy"] / 100} />
Fire Damage:<br />
<ProgressBar color="orange" value={record["damages"]["burn"] / 100} />
Toxin Damage:<br />
<ProgressBar color="green" value={record["damages"]["tox"] / 100} />
Brute Damage:<br />
<ProgressBar color="red" value={record["damages"]["brute"] / 100} />
</small><br />
Unique Identifier:<br />
{record["UI"]}<br />
Unique Enzymes:<br />
{record["UE"]}<br />
Blood Type:<br />
{record["blood_type"]}
</div>
</Collapsible>
</Section>
))}
</Collapsible>
</NoticeBox>
</Section>
<Section
title="Disk"
buttons={
<Box>
<Button
content="Load"
icon="download"
disabled={!diskData["name"]}
onClick={() => act('load')}
/>
<Button
content="Eject Disk"
icon="eject"
disabled={diskData.length === 0}
onClick={() => act('eject')}
/>
</Box>
}
>
{diskData.length !== 0 ? (
<Collapsible title={diskData["name"] ? diskData["name"] : "Empty Disk"}>
{diskData["id"] ? (
<Box style={{
'word-break': 'break-all',
}}>
ID: {diskData["id"]}<br />
UI: {diskData["UI"]}<br />
UE: {diskData["UE"]}<br />
Blood Type: {diskData["blood_type"]}<br />
</Box>
) : ("No Data")}
</Collapsible>
</NoticeBox>
) : ("No Disk")}
</Section>
</Section>
<Section
title="Disk"
buttons={
<Box>
<Button
content="Load"
icon="download"
disabled={!diskData["name"]}
onClick={() => act('load')}
/>
<Button
content="Eject Disk"
icon="eject"
disabled={diskData.length === 0}
onClick={() => act('eject')}
/>
</Box>
}
>
{diskData.length !== 0 ? (
<Collapsible title={diskData["name"] ? diskData["name"] : "Empty Disk"}>
{diskData["id"] ? (
<Box style={{
'word-break': 'break-all',
}}>
ID: {diskData["id"]}<br />
UI: {diskData["UI"]}<br />
UE: {diskData["UE"]}<br />
Blood Type: {diskData["blood_type"]}<br />
</Box>
) : ("No Data")}
</Collapsible>
) : ( "No Disk" )}
</Section>
</Section>
) : ( null )}
) : (null)}
</Section>
</Window.Content>
</Window>