Bundle Copy

tgui/packages/tgui_ch/interfaces/ResearchServerController.js

@@ -0,0 +1,198 @@
+import { Fragment } from 'inferno';
+import { useBackend, useSharedState } from '../backend';
+import { Box, Button, LabeledList, Section, Tabs } from '../components';
+import { Window } from '../layouts';
+import { filter } from 'common/collections';
+
+export const ResearchServerController = (props, context) => {
+  const { act, data } = useBackend(context);
+  return (
+    <Window width={575} height={430} resizable>
+      <Window.Content scrollable>
+        <ResearchControllerContent />
+      </Window.Content>
+    </Window>
+  );
+};
+
+const ResearchControllerContent = (props, context) => {
+  const { act, data } = useBackend(context);
+
+  const { badmin, servers, consoles } = data;
+
+  const [selectedServer, setSelectedServer] = useSharedState(context, 'selectedServer', null);
+
+  let realServer = servers.find((s) => s.id === selectedServer);
+
+  if (realServer) {
+    return <ResearchServer setSelectedServer={setSelectedServer} server={realServer} />;
+  }
+
+  return (
+    <Section title="Server Selection">
+      {servers.map((server) => (
+        <Box key={server.name}>
+          <Button icon="eye" onClick={() => setSelectedServer(server.id)}>
+            {server.name}
+          </Button>
+        </Box>
+      ))}
+    </Section>
+  );
+};
+
+const ResearchServer = (props, context) => {
+  const { act, data } = useBackend(context);
+  const { badmin } = data;
+  const { server, setSelectedServer } = props;
+
+  const [tab, setTab] = useSharedState(context, 'tab', 0);
+
+  return (
+    <Section
+      title={server.name}
+      buttons={
+        <Button icon="undo" onClick={() => setSelectedServer(null)}>
+          Back
+        </Button>
+      }>
+      <Tabs>
+        <Tabs.Tab selected={tab === 0} onClick={() => setTab(0)}>
+          Access Rights
+        </Tabs.Tab>
+        <Tabs.Tab selected={tab === 1} onClick={() => setTab(1)}>
+          Data Management
+        </Tabs.Tab>
+        {(badmin && (
+          <Tabs.Tab selected={tab === 2} onClick={() => setTab(2)} color="red">
+            Server-to-Server Transfer
+          </Tabs.Tab>
+        )) ||
+          null}
+      </Tabs>
+      {(tab === 0 && <ResearchServerAccess server={server} />) || null}
+      {(tab === 1 && <ResearchServerData server={server} />) || null}
+      {(tab === 2 && badmin && <ResearchServerTransfer server={server} />) || null}
+    </Section>
+  );
+};
+
+const ResearchServerAccess = (props, context) => {
+  const { act, data } = useBackend(context);
+  const { server } = props;
+
+  const { consoles } = data;
+
+  const hasUploadAccess = (server, console) => {
+    if (server.id_with_upload.indexOf(console.id) !== -1) {
+      return true;
+    }
+    return false;
+  };
+
+  const hasDownloadAccess = (server, console) => {
+    if (server.id_with_download.indexOf(console.id) !== -1) {
+      return true;
+    }
+    return false;
+  };
+
+  return (
+    <Section level={2} title="Consoles">
+      <LabeledList>
+        {consoles.length &&
+          consoles.map((console) => (
+            <LabeledList.Item key={console.name} label={console.name + ' (' + console.loc + ')'}>
+              <Button
+                icon={hasUploadAccess(server, console) ? 'lock-open' : 'lock'}
+                selected={hasUploadAccess(server, console)}
+                onClick={() => act('toggle_upload', { server: server.ref, console: console.ref })}>
+                {hasUploadAccess(server, console) ? 'Upload On' : 'Upload Off'}
+              </Button>
+              <Button
+                icon={hasDownloadAccess(server, console) ? 'lock-open' : 'lock'}
+                selected={hasDownloadAccess(server, console)}
+                onClick={() => act('toggle_download', { server: server.ref, console: console.ref })}>
+                {hasDownloadAccess(server, console) ? 'Download On' : 'Download Off'}
+              </Button>
+            </LabeledList.Item>
+          ))}
+      </LabeledList>
+    </Section>
+  );
+};
+
+const ResearchServerData = (props, context) => {
+  const { act, data } = useBackend(context);
+  const { server } = props;
+
+  return (
+    <Fragment>
+      <Section level={2} title="Research Levels">
+        {server.tech.map((tech) => (
+          <LabeledList.Item
+            label={tech.name}
+            key={tech.name}
+            buttons={
+              <Button.Confirm
+                icon="trash"
+                confirmIcon="trash"
+                color="red"
+                content="Reset"
+                onClick={() => act('reset_tech', { server: server.ref, tech: tech.id })}
+              />
+            }
+          />
+        ))}
+      </Section>
+      <Section level={2} title="Designs">
+        {filter((design) => !!design.name)(server.designs).map((design) => (
+          <LabeledList.Item
+            label={design.name}
+            key={design.name}
+            buttons={
+              <Button.Confirm
+                icon="trash"
+                confirmIcon="trash"
+                color="red"
+                content="Delete"
+                onClick={() => act('reset_design', { server: server.ref, design: design.id })}
+              />
+            }
+          />
+        ))}
+      </Section>
+    </Fragment>
+  );
+};
+
+const ResearchServerTransfer = (props, context) => {
+  const { act, data } = useBackend(context);
+
+  const { server } = props;
+
+  const { badmin, servers } = data;
+
+  if (!badmin) {
+    return null;
+  }
+
+  return (
+    <Section level={2} title="Server Data Transfer">
+      {servers.map((newserver) => (
+        <Box key={newserver.name}>
+          <Button.Confirm
+            fluid
+            color="bad"
+            content={
+              <Box>
+                Transfer from {server.name} To {newserver.name}
+              </Box>
+            }
+            onClick={() => act('transfer_data', { server: server.ref, target: newserver.ref })}
+          />
+        </Box>
+      ))}
+    </Section>
+  );
+};