extern/zrok
1
1
Fork 0
mirror of https://github.com/openziti/zrok.git synced 2025-01-22 13:58:49 +01:00
Code Issues Packages Projects Releases Wiki Activity

actions in ui (#87)

Browse Source
This commit is contained in:
Michael Quigley 2022-11-01 17:32:32 -04:00
parent cc80b0e860
commit a1879ea61b
No known key found for this signature in database
GPG Key ID: 9B60314A9DD20A62
2 changed files with 16 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
ui/src/Environments.js
View File

@ -1,5 +1,7 @@
import DataTable from 'react-data-table-component'; import DataTable from 'react-data-table-component';
import Services from './Services'; import Services from './Services';
import Icon from "@mdi/react";
import {mdiCloseOutline} from "@mdi/js";
const Environments = (props) => { const Environments = (props) => {
const humanizeDuration = require("humanize-duration") const humanizeDuration = require("humanize-duration")
@ -25,6 +27,12 @@ const Environments = (props) => {
selector: row => row.environment.zId, selector: row => row.environment.zId,
sortable: true, sortable: true,
}, },
{
name: 'Actions',
selector: row => <>
<button title={"Disable Environment '"+row.environment.zId+"'"}><Icon path={mdiCloseOutline} size={0.7}/></button>
</>
},
{ {
name: 'Uptime', name: 'Uptime',
selector: row => humanizeDuration(Date.now() - row.environment.updatedAt), selector: row => humanizeDuration(Date.now() - row.environment.updatedAt),

8
ui/src/Services.js
View File

@ -1,5 +1,7 @@
import DataTable from 'react-data-table-component'; import DataTable from 'react-data-table-component';
import {Sparklines, SparklinesLine, SparklinesSpots} from 'react-sparklines'; import {Sparklines, SparklinesLine, SparklinesSpots} from 'react-sparklines';
import {mdiCloseOutline} from "@mdi/js";
import Icon from "@mdi/react";
const Services = (props) => { const Services = (props) => {
const humanizeDuration = require("humanize-duration") const humanizeDuration = require("humanize-duration")
@ -15,6 +17,12 @@ const Services = (props) => {
selector: row => row.backend, selector: row => row.backend,
sortable: true, sortable: true,
}, },
{
name: 'Actions',
selector: row => <>
<button title={"Disable Service '"+row.name+"'"}><Icon path={mdiCloseOutline} size={0.7}/></button>
</>
},
{ {
name: 'Uptime', name: 'Uptime',
selector: row => humanizeDuration(Date.now() - row.updatedAt), selector: row => humanizeDuration(Date.now() - row.updatedAt),