GitHub/trunk-server
1
0
Fork 0
mirror of https://github.com/openmhz/trunk-server.git synced 2026-11-12 16:57:39 -05:00
Code Issues Packages Projects Releases Wiki Activity

Add All Systems List

Browse Source
This commit is contained in:
Luke Berndt
2023-06-17 09:32:26 -04:00
parent a6d8378b5b
commit 72798e4494
6 changed files with 104 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
admin/src/AllSystems/AllSystems.js
View File

@@ -1,19 +1,17 @@
import {
Container,
Divider,
Header,
Table
Table,
Icon
} from "semantic-ui-react";
import { useGetAllSystemsQuery, } from '../features/api/apiSlice'
import SystemRow from "./SystemRow";
// ----------------------------------------------------
const ListSystems = () => {
const { data, isSuccess } = useGetAllSystemsQuery();
let systems = false;
if (isSuccess) {
systems = data.systems;
}
const AllSystems = () => {
const { data: users, isSuccess } = useGetAllSystemsQuery();
//https://stackoverflow.com/questions/36559661/how-can-i-dispatch-from-child-components-in-react-redux
//https://stackoverflow.com/questions/42597602/react-onclick-pass-event-with-parameter
@@ -24,29 +22,36 @@ const ListSystems = () => {
<Header as="h1">Radio Systems</Header>
{systems &&
systems.map((system) =>
<Table celled selectable>
{users &&
users.map((user) =>
<Container key={user.email}>
<Header as='h2'>
<Icon name='user' />
<Header.Content>
{user.firstName} {user.lastName}
<Header.Subheader><a href={`mailto:${user.email}`}>{user.email}</a></Header.Subheader>
</Header.Content>
</Header>
<Table celled selectable>
<Table.Header>
<Table.Row>
<Table.HeaderCell>ShortName</Table.HeaderCell>
<Table.HeaderCell>Name</Table.HeaderCell>
<Table.HeaderCell>Description</Table.HeaderCell>
<Table.HeaderCell>Location</Table.HeaderCell>
<Table.HeaderCell>Last Active</Table.HeaderCell>
<Table.HeaderCell>Owner</Table.HeaderCell>
<Table.HeaderCell>Email</Table.HeaderCell>
</Table.Row>
</Table.Header>
<Table.Body>
<Table.Row>
<Table.Cell>{system.shortName}</Table.Cell>
<Table.Cell>{system.name}</Table.Cell>
<Table.Cell>{system.lastActive}</Table.Cell>
<Table.Cell>{system.userId.firstName} {system.userId.lastName}</Table.Cell>
<Table.Cell>{system.userId.email}</Table.Cell>
</Table.Row>
</Table.Body>
</Table>
{user.systems &&
user.systems.map((system) =>
<SystemRow key={system.shortName} system={system}/>
)}
</Table.Body>
</Table>
</Container>
)}
</Container>
@@ -55,4 +60,4 @@ const ListSystems = () => {
}
export default ListSystems;
export default AllSystems;