cyberpresidentvanellope/CHOMPStation2
1
0
Fork 0
mirror of https://github.com/CHOMPStation2/CHOMPStation2.git synced 2025-12-25 01:22:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

Bundle Copy

Browse Source
This commit is contained in:
ItsSelis
2023-05-23 17:43:01 +02:00
parent 8aad48f508
commit 3da68ee1b6
420 changed files with 47669 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

122
tgui/packages/tgui_ch/interfaces/SolarControl.js Normal file
View File

@@ -0,0 +1,122 @@
import { useBackend } from '../backend';
import { Box, Button, Grid, LabeledList, NumberInput, ProgressBar, Section } from '../components';
import { Window } from '../layouts';
import { round } from 'common/math';
export const SolarControl = (props, context) => {
const { act, data } = useBackend(context);
const {
generated,
generated_ratio,
sun_angle,
array_angle,
rotation_rate,
max_rotation_rate,
tracking_state,
connected_panels,
connected_tracker,
} = data;
return (
<Window width={380} height={230}>
<Window.Content>
<Section
title="Status"
buttons={<Button icon="sync" content="Scan for new hardware" onClick={() => act('refresh')} />}>
<Grid>
<Grid.Column>
<LabeledList>
<LabeledList.Item label="Solar tracker" color={connected_tracker ? 'good' : 'bad'}>
{connected_tracker ? 'OK' : 'N/A'}
</LabeledList.Item>
<LabeledList.Item label="Solar panels" color={connected_panels > 0 ? 'good' : 'bad'}>
{connected_panels}
</LabeledList.Item>
</LabeledList>
</Grid.Column>
<Grid.Column size={1.5}>
<LabeledList>
<LabeledList.Item label="Power output">
<ProgressBar
ranges={{
good: [0.66, Infinity],
average: [0.33, 0.66],
bad: [-Infinity, 0.33],
}}
minValue={0}
maxValue={1}
value={generated_ratio}>
{generated + ' W'}
</ProgressBar>
</LabeledList.Item>
<LabeledList.Item label="Star orientation">{sun_angle}°</LabeledList.Item>
</LabeledList>
</Grid.Column>
</Grid>
</Section>
<Section title="Controls">
<LabeledList>
<LabeledList.Item label="Tracking">
<Button
icon="times"
content="Off"
selected={tracking_state === 0}
onClick={() => act('tracking', { mode: 0 })}
/>
<Button
icon="clock-o"
content="Timed"
selected={tracking_state === 1}
onClick={() => act('tracking', { mode: 1 })}
/>
<Button
icon="sync"
content="Auto"
selected={tracking_state === 2}
disabled={!connected_tracker}
onClick={() => act('tracking', { mode: 2 })}
/>
</LabeledList.Item>
<LabeledList.Item label="Azimuth">
{(tracking_state === 0 || tracking_state === 1) && (
<NumberInput
width="52px"
unit="°"
step={1}
stepPixelSize={2}
minValue={-360}
maxValue={+720}
value={array_angle}
format={(rate) => {
const sign = Math.sign(rate) > 0 ? ' (CW)' : ' (CCW)';
return Math.abs(round(rate)) + sign;
}}
onDrag={(e, value) => act('azimuth', { value })}
/>
)}
{tracking_state === 1 && (
<NumberInput
width="80px"
unit="deg/h"
step={1}
minValue={-max_rotation_rate - 0.01}
maxValue={max_rotation_rate + 0.01}
value={rotation_rate}
format={(rate) => {
const sign = Math.sign(rate) > 0 ? ' (CW)' : ' (CCW)';
return Math.abs(round(rate)) + sign;
}}
onDrag={(e, value) => act('azimuth_rate', { value })}
/>
)}
{tracking_state === 2 && (
<Box inline color="label" mt="3px">
{array_angle + '°'} (auto)
</Box>
)}
</LabeledList.Item>
</LabeledList>
</Section>
</Window.Content>
</Window>
);
};