tanner/spaceport
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Display alarm status on home page

Browse Source
This commit is contained in:
Tanner Collin 2020-11-17 20:27:12 +00:00
parent d990a64efb
commit e925a184c3
1 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
webclient/src/Home.js
View File

@ -128,7 +128,7 @@ function MemberInfo(props) {
}; };
export function Home(props) { export function Home(props) {
const { user } = props; const { user, token } = props;
const [stats, setStats] = useState(JSON.parse(localStorage.getItem('stats', 'false'))); const [stats, setStats] = useState(JSON.parse(localStorage.getItem('stats', 'false')));
const [refreshCount, refreshStats] = useReducer(x => x + 1, 0); const [refreshCount, refreshStats] = useReducer(x => x + 1, 0);
const location = useLocation(); const location = useLocation();
@ -136,7 +136,7 @@ export function Home(props) {
const bypass_code = location.hash.replace('#', ''); const bypass_code = location.hash.replace('#', '');
useEffect(() => { useEffect(() => {
requester('/stats/', 'GET') requester('/stats/', 'GET', token)
.then(res => { .then(res => {
setStats(res); setStats(res);
localStorage.setItem('stats', JSON.stringify(res)); localStorage.setItem('stats', JSON.stringify(res));
@ -159,6 +159,8 @@ export function Home(props) {
const getTrackAgo = (x) => stats && stats.track && stats.track[x] ? moment.unix(stats.track[x]['time']).tz('America/Edmonton').fromNow() : ''; const getTrackAgo = (x) => stats && stats.track && stats.track[x] ? moment.unix(stats.track[x]['time']).tz('America/Edmonton').fromNow() : '';
const getTrackName = (x) => stats && stats.track && stats.track[x] && stats.track[x]['username'] ? stats.track[x]['username'] : 'Unknown'; const getTrackName = (x) => stats && stats.track && stats.track[x] && stats.track[x]['username'] ? stats.track[x]['username'] : 'Unknown';
const alarmStat = () => stats && stats.alarm && moment().unix() - stats.alarm['time'] < 300 ? stats.alarm['data'] > 200 ? 'Armed' : 'Disarmed' : 'Unknown';
return ( return (
<Container> <Container>
<Grid stackable padded columns={2}> <Grid stackable padded columns={2}>
@ -273,6 +275,8 @@ export function Home(props) {
</React.Fragment> </React.Fragment>
} trigger={<a>[more]</a>} /> } trigger={<a>[more]</a>} />
</p> </p>
{user && user.member.vetted_date && <p>Alarm status: {alarmStat()}</p>}
</div> </div>
</Segment> </Segment>