From 252df3c98b61cfc634bcfcae4a6e48eea9d11854 Mon Sep 17 00:00:00 2001
From: kevinz000 <2003111+kevinz000@users.noreply.github.com>
Date: Tue, 4 Feb 2020 03:38:31 -0700
Subject: [PATCH] Merge pull request #10873 from Putnam3145/fix-relief-valve-ui

Updated relief valve UI to tgui-next
---
 .../packages/tgui/interfaces/AtmosRelief.js   | 54 +++++++++++++++++++
 tgui-next/packages/tgui/routes.js             |  5 ++
 2 files changed, 59 insertions(+)
 create mode 100644 tgui-next/packages/tgui/interfaces/AtmosRelief.js

diff --git a/tgui-next/packages/tgui/interfaces/AtmosRelief.js b/tgui-next/packages/tgui/interfaces/AtmosRelief.js
new file mode 100644
index 00000000..4654ec65
--- /dev/null
+++ b/tgui-next/packages/tgui/interfaces/AtmosRelief.js
@@ -0,0 +1,54 @@
+import { useBackend } from '../backend';
+import { Button, LabeledList, NumberInput, Section } from '../components';
+
+export const AtmosRelief = props => {
+  const { act, data } = useBackend(props);
+  return (
+    <Section>
+      <LabeledList>
+        <LabeledList.Item label="Open Pressure">
+          <NumberInput
+            animated
+            value={parseFloat(data.open_pressure)}
+            unit="kPa"
+            width="75px"
+            minValue={0}
+            maxValue={4500}
+            step={10}
+            onChange={(e, value) => act('open_pressure', {
+              open_pressure: value,
+            })} />
+          <Button
+            ml={1}
+            icon="plus"
+            content="Max"
+            disabled={data.open_pressure === data.max_pressure}
+            onClick={() => act('open_pressure', {
+              open_pressure: 'max',
+            })} />
+        </LabeledList.Item>
+        <LabeledList.Item label="Close Pressure">
+          <NumberInput
+            animated
+            value={parseFloat(data.close_pressure)}
+            unit="kPa"
+            width="75px"
+            minValue={0}
+            maxValue={data.open_pressure}
+            step={10}
+            onChange={(e, value) => act('close_pressure', {
+              close_pressure: value,
+            })} />
+          <Button
+            ml={1}
+            icon="plus"
+            content="Max"
+            disabled={data.close_pressure === data.open_pressure}
+            onClick={() => act('close_pressure', {
+              close_pressure: 'max',
+            })} />
+        </LabeledList.Item>
+      </LabeledList>
+    </Section>
+  );
+};
diff --git a/tgui-next/packages/tgui/routes.js b/tgui-next/packages/tgui/routes.js
index efe1b8c7..d80b25df 100644
--- a/tgui-next/packages/tgui/routes.js
+++ b/tgui-next/packages/tgui/routes.js
@@ -88,6 +88,7 @@ import { ThermoMachine } from './interfaces/ThermoMachine';
 import { TurbineComputer } from './interfaces/TurbineComputer';
 import { VaultController } from './interfaces/VaultController';
 import { Wires } from './interfaces/Wires';
+import { AtmosRelief } from './interfaces/AtmosRelief';
 
 const ROUTES = {
   achievements: {
@@ -130,6 +131,10 @@ const ROUTES = {
     component: () => AtmosPump,
     scrollable: false,
   },
+  atmos_relief: {
+    component: () => AtmosRelief,
+    scrollable: false,
+  },
   bepis: {
     component: () => Bepis,
     scrollable: false,