extern/zrok
1
1
Fork 0
mirror of https://github.com/openziti/zrok.git synced 2025-01-08 23:20:04 +01:00
Code Issues Packages Projects Releases Wiki Activity

add all share/access overview data (#221)

Browse Source
This commit is contained in:
Michael Quigley 2024-10-04 11:59:08 -04:00
parent 99a0eea5d1
commit 5d57087fd6
No known key found for this signature in database
GPG Key ID: 9B60314A9DD20A62
1 changed files with 44 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
agent/agentUi/src/App.jsx
View File

@ -6,16 +6,48 @@ import DataTable from 'react-data-table-component';
function App() {
const [version, setVersion] = useState("");
const [shares, setShares] = useState([]);
const [accesses, setAccesses] = useState([]);
const shareColumns = [
{
name: 'Token',
selector: row => row.reserved ? row.token+' (reserved)' : row.token
},
{
name: 'Share Mode',
selector: row => row.shareMode
},
{
name: 'Backend Mode',
selector: row => row.backendMode
},
{
name: 'Frontend Endpoints',
selector: row => row.frontendEndpoint
},
{
name: 'Target',
selector: row => row.backendEndpoint,
},
{
name: 'Closed Permissions',
selector: row => ''+row.closed
}
];
const accessColumns = [
{
name: 'Frontend Token',
selector: row => row.frontendToken
},
{
name: 'Token',
selector: row => row.token
},
{
name: 'Share Mode',
selector: row => row.shareMode
}
name: 'Bind Address',
selector: row => row.bindAddress
},
];
let api = new AgentApi(new ApiClient(window.location.protocol+'//'+window.location.host));
@ -35,6 +67,7 @@ function App() {
api.agentStatus((err, data) => {
if(mounted) {
setShares(data.shares);
setAccesses(data.accesses);
}
});
}, 1000);
@ -56,6 +89,14 @@ function App() {
data={shares}
/>
</div>
<div>
<h2>Accesses</h2>
<DataTable
columns={accessColumns}
data={accesses}
/>
</div>
</>
)
}