diff --git a/web/src/pages/LocationsPage/components/LocationsTable.tsx b/web/src/pages/LocationsPage/components/LocationsTable.tsx index 33bf1650fe..30cc28efc4 100644 --- a/web/src/pages/LocationsPage/components/LocationsTable.tsx +++ b/web/src/pages/LocationsPage/components/LocationsTable.tsx @@ -82,7 +82,7 @@ export const LocationsTable = () => { const columns = useMemo( () => [ columnHelper.accessor('name', { - header: 'Location name', + header: 'Name', meta: { flex: true, }, @@ -118,7 +118,7 @@ export const LocationsTable = () => { header: 'Firewall', size: 76, cell: (info) => ( - + {info.getValue() ? ( ) : ( @@ -158,6 +158,50 @@ export const LocationsTable = () => { } }, }), + columnHelper.accessor('service_location_mode', { + header: 'Service location', + minSize: 100, + cell: (info) => { + switch (info.getValue()) { + case 'disabled': + return ( + + + + ); + case 'prelogon': + return ( + + Pre-logon + + ); + case 'alwayson': + return ( + + Always + + ); + } + }, + }), + columnHelper.accessor('fwmark', { + header: 'FWMark', + minSize: 100, + cell: (info) => ( + + 0x{info.getValue().toString(16)} + + ), + }), + columnHelper.accessor('mtu', { + header: 'MTU', + minSize: 100, + cell: (info) => ( + + {info.getValue()} + + ), + }), columnHelper.accessor('allowed_groups', { header: 'Allowed groups', size: 500, diff --git a/web/src/pages/LocationsPage/style.scss b/web/src/pages/LocationsPage/style.scss index f2ac8b0a49..59e79f2710 100644 --- a/web/src/pages/LocationsPage/style.scss +++ b/web/src/pages/LocationsPage/style.scss @@ -1,6 +1,6 @@ #locations-page { .table { - .cell-acl-enabled { + .cell-with-check-icons { .icon[data-kind='disabled'] path { fill: var(--fg-critical); }