Twins
/
cockpit-tailscale
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Filter for shared-to/shareenode

main
Gerard Braad 2023-06-23 02:13:36 +08:00
parent 23530dcb05
commit 7df29cbce3
2 changed files with 31 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
src/app.tsx
View File

@ -34,16 +34,20 @@ export class Application extends React.Component<ApplicationProps, ApplicationSt
} }
render() { render() {
function isNotSharee(peer:TailscalePeer): peer is TailscalePeer {
return peer.DNSName !== ""; // ShareeNode doesn't work?
}
return ( return (
<> <>
{ {
this.state.Status != null this.state.Status != null
? <Table ? <Table
aria-label="Tailscale peers" aria-label="Tailscale peers"
variant='compact' borders={false}> variant='compact' borders={false}>
<Caption>Tailscale peers</Caption> <Caption>Tailscale peers</Caption>
<Thead noWrap> <Thead>
<Tr> <Tr>
<Th></Th> <Th></Th>
<Th>IP</Th> <Th>IP</Th>
@ -59,9 +63,11 @@ export class Application extends React.Component<ApplicationProps, ApplicationSt
<Tbody> <Tbody>
<Peer {...this.state.Status.Self} /> <Peer {...this.state.Status.Self} />
{ {
Object.entries(this.state.Status.Peer).map(peer => { Object.values(this.state.Status.Peer)
return <Peer {...peer[1]} /> .filter(isNotSharee)
} .map(peer => {
return <Peer {...peer} />
}
) )
} }
</Tbody> </Tbody>
@ -82,41 +88,41 @@ class Peer extends React.Component<TailscalePeer> {
const network = name[1] + '.' + 'ts.net'; const network = name[1] + '.' + 'ts.net';
var tags = "-" var tags = "-"
if(this.props.Tags) { if (this.props.Tags) {
const mapped_items = this.props.Tags?.map(t => { return t}) const mapped_items = this.props.Tags?.map(t => { return t })
tags = mapped_items.join(', ') tags = mapped_items.join(', ')
} }
return ( return (
<Tr> <Tr>
<Td> <Td>
{ this.props.Online {this.props.Online
? <Icon status="success"><CheckCircleIcon /></Icon> ? <Icon status="success"><CheckCircleIcon /></Icon>
: <Icon status="danger"><ExclamationCircleIcon /></Icon> : <Icon status="danger"><ExclamationCircleIcon /></Icon>
}</Td> }</Td>
<Td>{ this.props.TailscaleIPs[0] }</Td> <Td>{this.props.TailscaleIPs[0]}</Td>
<Td>{ hostName }</Td> <Td>{hostName}</Td>
<Td>{ network }</Td> <Td>{network}</Td>
<Td>{ <Td>{
tags tags
} }
</Td> </Td>
<Td>{ this.props.Active <Td>{this.props.Active
? this.props.CurAddr != "" ? this.props.CurAddr != ""
? "Direct" ? "Direct"
: "Relay: " + this.props.Relay : "Relay: " + this.props.Relay
: this.props.Online : this.props.Online
? "Idle" ? "Idle"
: "-" : "-"
}</Td> }</Td>
<Td>{ this.props.ExitNode <Td>{this.props.ExitNode
? "Current" ? "Current"
: this.props.ExitNodeOption : this.props.ExitNodeOption
? "Yes" ? "Yes"
: "-" : "-"
}</Td> }</Td>
<Td>{ this.props.OS }</Td> <Td>{this.props.OS}</Td>
<Td>{ this.props.TxBytes } / { this.props.RxBytes }</Td> <Td>{this.props.TxBytes} / {this.props.RxBytes}</Td>
</Tr>); </Tr>);
} }
} }

1
src/types.ts
View File

@ -40,6 +40,7 @@ export type TailscalePeer = {
ExitNodeOption: boolean; ExitNodeOption: boolean;
Active: boolean; Active: boolean;
CurAddr: string; CurAddr: string;
ShareeNode?: boolean; // funnel-ingress-node, device-of-shared-to-user
} }
export interface TailscaleExitNodeStatus { export interface TailscaleExitNodeStatus {