quidproquo-web-admin 0.0.256 → 0.0.257
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/LogViewer/AdminLogs/AdminLogGrid/AdminLogGrid.js +4 -3
- package/lib/commonjs/LogViewer/AdminLogs/AdminLogSearchBar/AdminLogSearchBar.js +2 -2
- package/lib/commonjs/LogViewer/AdminLogs/AdminLogs.js +6 -6
- package/lib/commonjs/LogViewer/Dashboard.js +4 -4
- package/lib/commonjs/LogViewer/LogMetadataGrid.js +4 -3
- package/lib/commonjs/LogViewer/LogSearch.js +4 -4
- package/lib/commonjs/LogViewer/TopSection.js +2 -2
- package/lib/commonjs/components/MainLayout/MainLayout.js +2 -2
- package/lib/commonjs/components/MainLayout/hooks/useTabs.js +1 -1
- package/lib/esm/LogViewer/AdminLogs/AdminLogGrid/AdminLogGrid.js +2 -1
- package/lib/esm/LogViewer/AdminLogs/AdminLogSearchBar/AdminLogSearchBar.js +1 -1
- package/lib/esm/LogViewer/AdminLogs/AdminLogs.js +4 -4
- package/lib/esm/LogViewer/Dashboard.js +2 -2
- package/lib/esm/LogViewer/LogMetadataGrid.js +2 -1
- package/lib/esm/LogViewer/LogSearch.js +2 -2
- package/lib/esm/LogViewer/TopSection.js +1 -1
- package/lib/esm/components/MainLayout/MainLayout.js +1 -1
- package/lib/esm/components/MainLayout/hooks/useTabs.js +1 -1
- package/package.json +6 -6
|
@@ -8,7 +8,8 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
8
8
|
const quidproquo_core_1 = require("quidproquo-core");
|
|
9
9
|
const LinearProgress_1 = __importDefault(require("@mui/material/LinearProgress"));
|
|
10
10
|
const x_data_grid_1 = require("@mui/x-data-grid");
|
|
11
|
-
const
|
|
11
|
+
const DataGridPagination_1 = require("../../../components/DataGridPagination/DataGridPagination");
|
|
12
|
+
const DateCell_1 = require("../../../components/DateCell/DateCell");
|
|
12
13
|
const LogDialog_1 = require("../../LogDialog");
|
|
13
14
|
const hooks_1 = require("../hooks");
|
|
14
15
|
const columns = [
|
|
@@ -28,7 +29,7 @@ const columns = [
|
|
|
28
29
|
field: 'timestamp',
|
|
29
30
|
headerName: 'When',
|
|
30
31
|
flex: 1,
|
|
31
|
-
renderCell: (params) => (0, jsx_runtime_1.jsx)(
|
|
32
|
+
renderCell: (params) => (0, jsx_runtime_1.jsx)(DateCell_1.DateCell, { isoDateTime: params.value }),
|
|
32
33
|
},
|
|
33
34
|
{ field: 'reason', headerName: 'Message', flex: 8 },
|
|
34
35
|
];
|
|
@@ -107,7 +108,7 @@ const AdminLogGrid = ({ logs, isLoading, searchProgress }) => {
|
|
|
107
108
|
color: #000;
|
|
108
109
|
}
|
|
109
110
|
` }), (0, jsx_runtime_1.jsx)(x_data_grid_1.DataGrid, { components: {
|
|
110
|
-
Pagination:
|
|
111
|
+
Pagination: DataGridPagination_1.DataGridPagination,
|
|
111
112
|
LoadingOverlay: () => (0, jsx_runtime_1.jsx)(LinearProgress_1.default, { variant: "determinate", value: searchProgress }),
|
|
112
113
|
}, columns: columns, rows: logs.map((log, i) => (Object.assign(Object.assign({}, log), { id: `${i}` }))), autoPageSize: true, loading: isLoading, onRowClick: onRowClick, getRowClassName: getRowClassName }), (0, jsx_runtime_1.jsx)(LogDialog_1.LogDialog, { open: !!selectedLogCorrelation, handleClose: clearSelectedLogCorrelation, logCorrelation: selectedLogCorrelation, storyResultMetadatas: logs, setSelectedLogCorrelation: setSelectedLogCorrelation })] }));
|
|
113
114
|
};
|
|
@@ -18,7 +18,7 @@ const TextField_1 = __importDefault(require("@mui/material/TextField"));
|
|
|
18
18
|
const system_1 = require("@mui/system");
|
|
19
19
|
const x_date_pickers_1 = require("@mui/x-date-pickers");
|
|
20
20
|
const AdapterDateFns_1 = require("@mui/x-date-pickers/AdapterDateFns");
|
|
21
|
-
const
|
|
21
|
+
const AsyncButton_1 = require("../../../components/AsyncButton");
|
|
22
22
|
const queryParams_1 = require("../../../queryParams");
|
|
23
23
|
const hooks_1 = require("../../hooks");
|
|
24
24
|
function AdminLogSearchBar({ onSearch }) {
|
|
@@ -44,5 +44,5 @@ function AdminLogSearchBar({ onSearch }) {
|
|
|
44
44
|
transform: 'translateY(-50%)',
|
|
45
45
|
}, children: (0, jsx_runtime_1.jsx)(ExpandMore_1.default, {}) })] }) }), (0, jsx_runtime_1.jsx)(Grid_1.default, { item: true, xs: 3, children: (0, jsx_runtime_1.jsx)(FormControl_1.default, { fullWidth: true, children: (0, jsx_runtime_1.jsx)(x_date_pickers_1.DateTimePicker, { label: "End DateTime", value: endDate, onChange: handleEndDateChange }) }) }), (0, jsx_runtime_1.jsx)(Grid_1.default, { item: true, xs: 10, children: (0, jsx_runtime_1.jsx)(FormControl_1.default, { fullWidth: true, children: (0, jsx_runtime_1.jsx)(TextField_1.default, { label: "Message", value: msg, onChange: handleMsgOnChange, InputLabelProps: {
|
|
46
46
|
shrink: true,
|
|
47
|
-
} }) }) }), (0, jsx_runtime_1.jsx)(Grid_1.default, { item: true, xs: 2, children: (0, jsx_runtime_1.jsx)(
|
|
47
|
+
} }) }) }), (0, jsx_runtime_1.jsx)(Grid_1.default, { item: true, xs: 2, children: (0, jsx_runtime_1.jsx)(AsyncButton_1.AsyncButton, { onClick: () => onSearch(), children: "Search" }) })] }), (0, jsx_runtime_1.jsxs)(material_1.Menu, { id: "quick-time-menu", anchorEl: anchorEl, keepMounted: true, open: Boolean(anchorEl), onClose: handleQuickTimeClose, children: [(0, jsx_runtime_1.jsx)(MenuItem_1.default, { onClick: () => handleQuickTimeSelect(5), children: "Last 5 minutes" }), (0, jsx_runtime_1.jsx)(MenuItem_1.default, { onClick: () => handleQuickTimeSelect(30), children: "Last 30 minutes" }), (0, jsx_runtime_1.jsx)(MenuItem_1.default, { onClick: () => handleQuickTimeSelect(1 * 60), children: "Last hour" }), (0, jsx_runtime_1.jsx)(MenuItem_1.default, { onClick: () => handleQuickTimeSelect(3 * 60), children: "Last 3 hours" }), (0, jsx_runtime_1.jsx)(MenuItem_1.default, { onClick: () => handleQuickTimeSelect(8 * 60), children: "Last 8 hours" }), (0, jsx_runtime_1.jsx)(MenuItem_1.default, { onClick: () => handleQuickTimeSelect(16 * 60), children: "Last 16 hours" }), (0, jsx_runtime_1.jsx)(MenuItem_1.default, { onClick: () => handleQuickTimeSelect(24 * 60), children: "Last 24 hours" }), (0, jsx_runtime_1.jsx)(MenuItem_1.default, { onClick: () => handleQuickTimeSelect(7 * 24 * 60), children: "Last 7 days" }), (0, jsx_runtime_1.jsx)(MenuItem_1.default, { onClick: () => handleQuickTimeSelect(30 * 24 * 60), children: "Last month" })] })] }));
|
|
48
48
|
}
|
|
@@ -2,14 +2,14 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.AdminLogs = void 0;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
const
|
|
6
|
-
const
|
|
7
|
-
const AdminLogGrid_1 = require("./AdminLogGrid");
|
|
8
|
-
const AdminLogSearchBar_1 = require("./AdminLogSearchBar");
|
|
5
|
+
const TabViewBox_1 = require("../../components/TabViewBox");
|
|
6
|
+
const useIsLoading_1 = require("../../view/Loading/hooks/useIsLoading");
|
|
7
|
+
const AdminLogGrid_1 = require("./AdminLogGrid/AdminLogGrid");
|
|
8
|
+
const AdminLogSearchBar_1 = require("./AdminLogSearchBar/AdminLogSearchBar");
|
|
9
9
|
const hooks_1 = require("./hooks");
|
|
10
10
|
const AdminLogs = () => {
|
|
11
11
|
const { logLogs, searchProgress, onSearch } = (0, hooks_1.useLogLogSearch)();
|
|
12
|
-
const isLoading = (0,
|
|
13
|
-
return ((0, jsx_runtime_1.jsx)(
|
|
12
|
+
const isLoading = (0, useIsLoading_1.useIsLoading)();
|
|
13
|
+
return ((0, jsx_runtime_1.jsx)(TabViewBox_1.TabViewBox, { header: () => (0, jsx_runtime_1.jsx)(AdminLogSearchBar_1.AdminLogSearchBar, { onSearch: onSearch }), body: () => (0, jsx_runtime_1.jsx)(AdminLogGrid_1.AdminLogGrid, { logs: logLogs, isLoading: isLoading, searchProgress: searchProgress }) }));
|
|
14
14
|
};
|
|
15
15
|
exports.AdminLogs = AdminLogs;
|
|
@@ -41,8 +41,8 @@ const quidproquo_web_react_2 = require("quidproquo-web-react");
|
|
|
41
41
|
const quidproquo_webserver_1 = require("quidproquo-webserver");
|
|
42
42
|
const react_1 = __importStar(require("react"));
|
|
43
43
|
const material_1 = require("@mui/material");
|
|
44
|
-
const
|
|
45
|
-
const
|
|
44
|
+
const TabViewBox_1 = require("../components/TabViewBox");
|
|
45
|
+
const useIsLoading_1 = require("../view/Loading/hooks/useIsLoading");
|
|
46
46
|
const hooks_1 = require("./hooks");
|
|
47
47
|
const LogMetadataGrid_1 = require("./LogMetadataGrid");
|
|
48
48
|
const getLogCountForSinceXDaysAgo = (logs, daysAgo) => {
|
|
@@ -59,7 +59,7 @@ const getHoursSinceStartOfDay = () => {
|
|
|
59
59
|
const Dashboard = () => {
|
|
60
60
|
const [realtimeLogs, setRealtimeLogs] = react_1.default.useState([]);
|
|
61
61
|
const { onSearch, logs: weeklyLogs } = (0, hooks_1.useLogSearch)();
|
|
62
|
-
const isLoading = (0,
|
|
62
|
+
const isLoading = (0, useIsLoading_1.useIsLoading)();
|
|
63
63
|
(0, react_1.useEffect)(() => {
|
|
64
64
|
const currentDate = new Date();
|
|
65
65
|
const sevenDaysAgo = new Date(currentDate.getTime() - 7 * 24 * 60 * 60 * 1000);
|
|
@@ -92,6 +92,6 @@ const Dashboard = () => {
|
|
|
92
92
|
}, [realtimeLogs, weeklyLogs]);
|
|
93
93
|
const dailyErrorCount = (0, react_1.useMemo)(() => getLogCountForSinceXDaysAgo(allLogs, hoursPassedToday / 24), [allLogs, getHoursSinceStartOfDay]);
|
|
94
94
|
const weeklyErrorCount = (0, react_1.useMemo)(() => getLogCountForSinceXDaysAgo(allLogs, 7), [allLogs]);
|
|
95
|
-
return ((0, jsx_runtime_1.jsxs)(
|
|
95
|
+
return ((0, jsx_runtime_1.jsxs)(TabViewBox_1.TabViewBox, { children: [(0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, spacing: 2, sx: { mb: 2 }, children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 6, children: (0, jsx_runtime_1.jsxs)(material_1.Paper, { sx: { p: 2, textAlign: 'center' }, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { children: "Daily Errors" }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h4", children: dailyErrorCount })] }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 6, children: (0, jsx_runtime_1.jsxs)(material_1.Paper, { sx: { p: 2, textAlign: 'center' }, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { children: "Weekly Errors" }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h4", children: weeklyErrorCount })] }) })] }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { flex: 1, overflow: 'auto' }, children: (0, jsx_runtime_1.jsx)(LogMetadataGrid_1.LogMetadataGrid, { logs: allLogs, isLoading: isLoading }) })] }));
|
|
96
96
|
};
|
|
97
97
|
exports.Dashboard = Dashboard;
|
|
@@ -7,7 +7,8 @@ exports.LogMetadataGrid = void 0;
|
|
|
7
7
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
8
|
const LinearProgress_1 = __importDefault(require("@mui/material/LinearProgress"));
|
|
9
9
|
const x_data_grid_1 = require("@mui/x-data-grid");
|
|
10
|
-
const
|
|
10
|
+
const DataGridPagination_1 = require("../components/DataGridPagination/DataGridPagination");
|
|
11
|
+
const DateCell_1 = require("../components/DateCell/DateCell");
|
|
11
12
|
const hooks_1 = require("./hooks");
|
|
12
13
|
const LogDialog_1 = require("./LogDialog");
|
|
13
14
|
const formatTime = (ms) => {
|
|
@@ -30,7 +31,7 @@ const columns = [
|
|
|
30
31
|
field: 'startedAt',
|
|
31
32
|
headerName: 'Started at',
|
|
32
33
|
flex: 1,
|
|
33
|
-
renderCell: (params) => (0, jsx_runtime_1.jsx)(
|
|
34
|
+
renderCell: (params) => (0, jsx_runtime_1.jsx)(DateCell_1.DateCell, { isoDateTime: params.value }),
|
|
34
35
|
},
|
|
35
36
|
{ field: 'moduleName', headerName: 'Service', flex: 1 },
|
|
36
37
|
{ field: 'runtimeType', headerName: 'Type', flex: 1 },
|
|
@@ -55,7 +56,7 @@ const LogMetadataGrid = ({ logs, isLoading }) => {
|
|
|
55
56
|
background-color: #eaffea;
|
|
56
57
|
}
|
|
57
58
|
` }), (0, jsx_runtime_1.jsx)(x_data_grid_1.DataGrid, { components: {
|
|
58
|
-
Pagination:
|
|
59
|
+
Pagination: DataGridPagination_1.DataGridPagination,
|
|
59
60
|
LoadingOverlay: () => (0, jsx_runtime_1.jsx)(LinearProgress_1.default, { variant: "determinate", value: searchProgress }),
|
|
60
61
|
}, columns: columns, rows: logs.map((log) => (Object.assign(Object.assign({}, log), { id: log.correlation }))), autoPageSize: true, loading: isLoading, onRowClick: onRowClick, getRowClassName: getRowClassName }), (0, jsx_runtime_1.jsx)(LogDialog_1.LogDialog, { open: !!selectedLogCorrelation, handleClose: clearSelectedLogCorrelation, logCorrelation: selectedLogCorrelation, storyResultMetadatas: logs, setSelectedLogCorrelation: setSelectedLogCorrelation })] }));
|
|
61
62
|
};
|
|
@@ -2,14 +2,14 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.LogSearch = void 0;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
const
|
|
6
|
-
const
|
|
5
|
+
const TabViewBox_1 = require("../components/TabViewBox");
|
|
6
|
+
const useIsLoading_1 = require("../view/Loading/hooks/useIsLoading");
|
|
7
7
|
const hooks_1 = require("./hooks");
|
|
8
8
|
const LogMetadataGrid_1 = require("./LogMetadataGrid");
|
|
9
9
|
const TopSection_1 = require("./TopSection");
|
|
10
10
|
const LogSearch = () => {
|
|
11
11
|
const { onSearch, logs } = (0, hooks_1.useLogSearch)();
|
|
12
|
-
const isLoading = (0,
|
|
13
|
-
return (0, jsx_runtime_1.jsx)(
|
|
12
|
+
const isLoading = (0, useIsLoading_1.useIsLoading)();
|
|
13
|
+
return (0, jsx_runtime_1.jsx)(TabViewBox_1.TabViewBox, { header: () => (0, jsx_runtime_1.jsx)(TopSection_1.TopSection, { onSearch: onSearch }), body: () => (0, jsx_runtime_1.jsx)(LogMetadataGrid_1.LogMetadataGrid, { logs: logs, isLoading: isLoading }) });
|
|
14
14
|
};
|
|
15
15
|
exports.LogSearch = LogSearch;
|
|
@@ -17,7 +17,7 @@ const TextField_1 = __importDefault(require("@mui/material/TextField"));
|
|
|
17
17
|
const system_1 = require("@mui/system");
|
|
18
18
|
const x_date_pickers_1 = require("@mui/x-date-pickers");
|
|
19
19
|
const AdapterDateFns_1 = require("@mui/x-date-pickers/AdapterDateFns");
|
|
20
|
-
const
|
|
20
|
+
const AsyncButton_1 = require("../components/AsyncButton");
|
|
21
21
|
const queryParams_1 = require("../queryParams");
|
|
22
22
|
const constants_1 = require("./constants");
|
|
23
23
|
const hooks_1 = require("./hooks");
|
|
@@ -50,5 +50,5 @@ function TopSection({ onSearch }) {
|
|
|
50
50
|
shrink: true,
|
|
51
51
|
} }) }) }), (0, jsx_runtime_1.jsx)(Grid_1.default, { item: true, xs: 10, children: (0, jsx_runtime_1.jsx)(FormControl_1.default, { fullWidth: true, children: (0, jsx_runtime_1.jsx)(TextField_1.default, { label: "Deep Search", value: deep, onChange: handleDeepOnChange, placeholder: "Use with caution, reduce results with above fields first, this is a contains search on the log JSON, so it will be slow.", InputLabelProps: {
|
|
52
52
|
shrink: true,
|
|
53
|
-
} }) }) }), (0, jsx_runtime_1.jsx)(Grid_1.default, { item: true, xs: 2, children: (0, jsx_runtime_1.jsx)(
|
|
53
|
+
} }) }) }), (0, jsx_runtime_1.jsx)(Grid_1.default, { item: true, xs: 2, children: (0, jsx_runtime_1.jsx)(AsyncButton_1.AsyncButton, { onClick: () => onSearch(), children: "Search" }) })] }), (0, jsx_runtime_1.jsxs)(material_1.Menu, { id: "quick-time-menu", anchorEl: anchorEl, keepMounted: true, open: Boolean(anchorEl), onClose: handleQuickTimeClose, children: [(0, jsx_runtime_1.jsx)(MenuItem_1.default, { onClick: () => handleQuickTimeSelect(5), children: "Last 5 minutes" }), (0, jsx_runtime_1.jsx)(MenuItem_1.default, { onClick: () => handleQuickTimeSelect(30), children: "Last 30 minutes" }), (0, jsx_runtime_1.jsx)(MenuItem_1.default, { onClick: () => handleQuickTimeSelect(1 * 60), children: "Last hour" }), (0, jsx_runtime_1.jsx)(MenuItem_1.default, { onClick: () => handleQuickTimeSelect(3 * 60), children: "Last 3 hours" }), (0, jsx_runtime_1.jsx)(MenuItem_1.default, { onClick: () => handleQuickTimeSelect(8 * 60), children: "Last 8 hours" }), (0, jsx_runtime_1.jsx)(MenuItem_1.default, { onClick: () => handleQuickTimeSelect(16 * 60), children: "Last 16 hours" }), (0, jsx_runtime_1.jsx)(MenuItem_1.default, { onClick: () => handleQuickTimeSelect(24 * 60), children: "Last 24 hours" }), (0, jsx_runtime_1.jsx)(MenuItem_1.default, { onClick: () => handleQuickTimeSelect(7 * 24 * 60), children: "Last 7 days" }), (0, jsx_runtime_1.jsx)(MenuItem_1.default, { onClick: () => handleQuickTimeSelect(30 * 24 * 60), children: "Last month" })] })] }));
|
|
54
54
|
}
|
|
@@ -8,9 +8,9 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
8
8
|
const material_1 = require("@mui/material");
|
|
9
9
|
const Box_1 = __importDefault(require("@mui/material/Box"));
|
|
10
10
|
const queryParams_1 = require("../../queryParams");
|
|
11
|
-
const
|
|
11
|
+
const useTabs_1 = require("./hooks/useTabs");
|
|
12
12
|
function MainLayout() {
|
|
13
|
-
const { tabs, loading } = (0,
|
|
13
|
+
const { tabs, loading } = (0, useTabs_1.useTabs)();
|
|
14
14
|
const { tab, handleTabOnChange } = (0, queryParams_1.useUrlFields)();
|
|
15
15
|
return ((0, jsx_runtime_1.jsxs)(Box_1.default, { sx: {
|
|
16
16
|
display: 'flex',
|
|
@@ -11,7 +11,7 @@ const Restore_1 = __importDefault(require("@mui/icons-material/Restore"));
|
|
|
11
11
|
const Settings_1 = __importDefault(require("@mui/icons-material/Settings"));
|
|
12
12
|
const Terminal_1 = __importDefault(require("@mui/icons-material/Terminal"));
|
|
13
13
|
const Config_1 = require("../../../Config");
|
|
14
|
-
const AdminLogs_1 = require("../../../LogViewer/AdminLogs");
|
|
14
|
+
const AdminLogs_1 = require("../../../LogViewer/AdminLogs/AdminLogs");
|
|
15
15
|
const Dashboard_1 = require("../../../LogViewer/Dashboard");
|
|
16
16
|
const LogSearch_1 = require("../../../LogViewer/LogSearch");
|
|
17
17
|
const useFederatedAddon_1 = require("../../../useFederatedAddon");
|
|
@@ -2,7 +2,8 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
|
|
|
2
2
|
import { LogLevelEnum } from 'quidproquo-core';
|
|
3
3
|
import LinearProgress from '@mui/material/LinearProgress';
|
|
4
4
|
import { DataGrid } from '@mui/x-data-grid';
|
|
5
|
-
import { DataGridPagination
|
|
5
|
+
import { DataGridPagination } from '../../../components/DataGridPagination/DataGridPagination';
|
|
6
|
+
import { DateCell } from '../../../components/DateCell/DateCell';
|
|
6
7
|
import { LogDialog } from '../../LogDialog';
|
|
7
8
|
import { useLogLogMananagement } from '../hooks';
|
|
8
9
|
const columns = [
|
|
@@ -12,7 +12,7 @@ import TextField from '@mui/material/TextField';
|
|
|
12
12
|
import { Box } from '@mui/system';
|
|
13
13
|
import { DateTimePicker, LocalizationProvider } from '@mui/x-date-pickers';
|
|
14
14
|
import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';
|
|
15
|
-
import { AsyncButton } from '../../../components';
|
|
15
|
+
import { AsyncButton } from '../../../components/AsyncButton';
|
|
16
16
|
import { useUrlFields } from '../../../queryParams';
|
|
17
17
|
import { useServiceNames } from '../../hooks';
|
|
18
18
|
export function AdminLogSearchBar({ onSearch }) {
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { TabViewBox } from '../../components';
|
|
3
|
-
import { useIsLoading } from '../../view';
|
|
4
|
-
import { AdminLogGrid } from './AdminLogGrid';
|
|
5
|
-
import { AdminLogSearchBar } from './AdminLogSearchBar';
|
|
2
|
+
import { TabViewBox } from '../../components/TabViewBox';
|
|
3
|
+
import { useIsLoading } from '../../view/Loading/hooks/useIsLoading';
|
|
4
|
+
import { AdminLogGrid } from './AdminLogGrid/AdminLogGrid';
|
|
5
|
+
import { AdminLogSearchBar } from './AdminLogSearchBar/AdminLogSearchBar';
|
|
6
6
|
import { useLogLogSearch } from './hooks';
|
|
7
7
|
export const AdminLogs = () => {
|
|
8
8
|
const { logLogs, searchProgress, onSearch } = useLogLogSearch();
|
|
@@ -5,8 +5,8 @@ import { useSubscribeToWebSocketEvent } from 'quidproquo-web-react';
|
|
|
5
5
|
import { WebSocketQueueQpqAdminServerMessageEventType } from 'quidproquo-webserver';
|
|
6
6
|
import React, { useEffect, useMemo } from 'react';
|
|
7
7
|
import { Box, Grid, Paper, Typography } from '@mui/material';
|
|
8
|
-
import { TabViewBox } from '../components';
|
|
9
|
-
import { useIsLoading } from '../view';
|
|
8
|
+
import { TabViewBox } from '../components/TabViewBox';
|
|
9
|
+
import { useIsLoading } from '../view/Loading/hooks/useIsLoading';
|
|
10
10
|
import { useLogSearch } from './hooks';
|
|
11
11
|
import { LogMetadataGrid } from './LogMetadataGrid';
|
|
12
12
|
const getLogCountForSinceXDaysAgo = (logs, daysAgo) => {
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import LinearProgress from '@mui/material/LinearProgress';
|
|
3
3
|
import { DataGrid } from '@mui/x-data-grid';
|
|
4
|
-
import { DataGridPagination
|
|
4
|
+
import { DataGridPagination } from '../components/DataGridPagination/DataGridPagination';
|
|
5
|
+
import { DateCell } from '../components/DateCell/DateCell';
|
|
5
6
|
import { useLogManagement } from './hooks';
|
|
6
7
|
import { LogDialog } from './LogDialog';
|
|
7
8
|
const formatTime = (ms) => {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { TabViewBox } from '../components';
|
|
3
|
-
import { useIsLoading } from '../view';
|
|
2
|
+
import { TabViewBox } from '../components/TabViewBox';
|
|
3
|
+
import { useIsLoading } from '../view/Loading/hooks/useIsLoading';
|
|
4
4
|
import { useLogSearch } from './hooks';
|
|
5
5
|
import { LogMetadataGrid } from './LogMetadataGrid';
|
|
6
6
|
import { TopSection } from './TopSection';
|
|
@@ -11,7 +11,7 @@ import TextField from '@mui/material/TextField';
|
|
|
11
11
|
import { Box } from '@mui/system';
|
|
12
12
|
import { DateTimePicker, LocalizationProvider } from '@mui/x-date-pickers';
|
|
13
13
|
import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';
|
|
14
|
-
import { AsyncButton } from '../components';
|
|
14
|
+
import { AsyncButton } from '../components/AsyncButton';
|
|
15
15
|
import { useUrlFields } from '../queryParams';
|
|
16
16
|
import { RuntimeTypes } from './constants';
|
|
17
17
|
import { useServiceNames } from './hooks';
|
|
@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { BottomNavigation, BottomNavigationAction, CircularProgress } from '@mui/material';
|
|
3
3
|
import Box from '@mui/material/Box';
|
|
4
4
|
import { useUrlFields } from '../../queryParams';
|
|
5
|
-
import { useTabs } from './hooks';
|
|
5
|
+
import { useTabs } from './hooks/useTabs';
|
|
6
6
|
export function MainLayout() {
|
|
7
7
|
const { tabs, loading } = useTabs();
|
|
8
8
|
const { tab, handleTabOnChange } = useUrlFields();
|
|
@@ -5,7 +5,7 @@ import RestoreIcon from '@mui/icons-material/Restore';
|
|
|
5
5
|
import SettingsIcon from '@mui/icons-material/Settings';
|
|
6
6
|
import TerminalIcon from '@mui/icons-material/Terminal';
|
|
7
7
|
import { Config } from '../../../Config';
|
|
8
|
-
import { AdminLogs } from '../../../LogViewer/AdminLogs';
|
|
8
|
+
import { AdminLogs } from '../../../LogViewer/AdminLogs/AdminLogs';
|
|
9
9
|
import { Dashboard } from '../../../LogViewer/Dashboard';
|
|
10
10
|
import { LogSearch } from '../../../LogViewer/LogSearch';
|
|
11
11
|
import { useFederatedAddon } from '../../../useFederatedAddon';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "quidproquo-web-admin",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.257",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "./lib/commonjs/index.js",
|
|
6
6
|
"module": "./lib/esm/index.js",
|
|
@@ -45,11 +45,11 @@
|
|
|
45
45
|
"date-fns": "^2.30.0",
|
|
46
46
|
"dayjs": "^1.11.7",
|
|
47
47
|
"javascript-time-ago": "^2.5.9",
|
|
48
|
-
"quidproquo-core": "0.0.
|
|
49
|
-
"quidproquo-tsconfig": "0.0.
|
|
50
|
-
"quidproquo-web": "0.0.
|
|
51
|
-
"quidproquo-web-react": "0.0.
|
|
52
|
-
"quidproquo-webserver": "0.0.
|
|
48
|
+
"quidproquo-core": "0.0.257",
|
|
49
|
+
"quidproquo-tsconfig": "0.0.257",
|
|
50
|
+
"quidproquo-web": "0.0.257",
|
|
51
|
+
"quidproquo-web-react": "0.0.257",
|
|
52
|
+
"quidproquo-webserver": "0.0.257",
|
|
53
53
|
"react": ">=18.3.1",
|
|
54
54
|
"react-d3-tree": "^3.6.0",
|
|
55
55
|
"react-dom": "18.3.1",
|