@backstage-community/plugin-ilert 0.3.0 → 0.3.2
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/CHANGELOG.md +12 -0
- package/dist/ILertIcon.esm.js +61 -0
- package/dist/ILertIcon.esm.js.map +1 -0
- package/dist/api/client.esm.js +395 -0
- package/dist/api/client.esm.js.map +1 -0
- package/dist/components/Alert/AlertActionsMenu.esm.js +142 -0
- package/dist/components/Alert/AlertActionsMenu.esm.js.map +1 -0
- package/dist/components/Alert/AlertAssignModal.esm.js +147 -0
- package/dist/components/Alert/AlertAssignModal.esm.js.map +1 -0
- package/dist/components/Alert/AlertLink.esm.js +15 -0
- package/dist/components/Alert/AlertLink.esm.js.map +1 -0
- package/dist/components/Alert/AlertNewModal.esm.js +192 -0
- package/dist/components/Alert/AlertNewModal.esm.js.map +1 -0
- package/dist/components/AlertSource/AlertSourceLink.esm.js +49 -0
- package/dist/components/AlertSource/AlertSourceLink.esm.js.map +1 -0
- package/dist/components/AlertsPage/AlertsPage.esm.js +67 -0
- package/dist/components/AlertsPage/AlertsPage.esm.js.map +1 -0
- package/dist/components/AlertsPage/AlertsTable.esm.js +185 -0
- package/dist/components/AlertsPage/AlertsTable.esm.js.map +1 -0
- package/dist/components/AlertsPage/StatusChip.esm.js +47 -0
- package/dist/components/AlertsPage/StatusChip.esm.js.map +1 -0
- package/dist/components/AlertsPage/TableTitle.esm.js +74 -0
- package/dist/components/AlertsPage/TableTitle.esm.js.map +1 -0
- package/dist/components/Errors/MissingAuthorizationHeaderError.esm.js +24 -0
- package/dist/components/Errors/MissingAuthorizationHeaderError.esm.js.map +1 -0
- package/dist/components/ILertCard/ILertCard.esm.js +113 -0
- package/dist/components/ILertCard/ILertCard.esm.js.map +1 -0
- package/dist/components/ILertCard/ILertCardActionsHeader.esm.js +138 -0
- package/dist/components/ILertCard/ILertCardActionsHeader.esm.js.map +1 -0
- package/dist/components/ILertCard/ILertCardEmptyState.esm.js +57 -0
- package/dist/components/ILertCard/ILertCardEmptyState.esm.js.map +1 -0
- package/dist/components/ILertCard/ILertCardHeaderStatus.esm.js +29 -0
- package/dist/components/ILertCard/ILertCardHeaderStatus.esm.js.map +1 -0
- package/dist/components/ILertCard/ILertCardMaintenanceModal.esm.js +101 -0
- package/dist/components/ILertCard/ILertCardMaintenanceModal.esm.js.map +1 -0
- package/dist/components/ILertCard/ILertCardOnCall.esm.js +78 -0
- package/dist/components/ILertCard/ILertCardOnCall.esm.js.map +1 -0
- package/dist/components/ILertCard/ILertCardOnCallEmptyState.esm.js +26 -0
- package/dist/components/ILertCard/ILertCardOnCallEmptyState.esm.js.map +1 -0
- package/dist/components/ILertCard/ILertCardOnCallItem.esm.js +109 -0
- package/dist/components/ILertCard/ILertCardOnCallItem.esm.js.map +1 -0
- package/dist/components/ILertCard/index.esm.js +2 -0
- package/dist/components/ILertCard/index.esm.js.map +1 -0
- package/dist/components/ILertPage/ILertPage.esm.js +48 -0
- package/dist/components/ILertPage/ILertPage.esm.js.map +1 -0
- package/dist/components/OnCallSchedulesPage/OnCallSchedulesGrid.esm.js +135 -0
- package/dist/components/OnCallSchedulesPage/OnCallSchedulesGrid.esm.js.map +1 -0
- package/dist/components/OnCallSchedulesPage/OnCallSchedulesPage.esm.js +27 -0
- package/dist/components/OnCallSchedulesPage/OnCallSchedulesPage.esm.js.map +1 -0
- package/dist/components/OnCallSchedulesPage/OnCallShiftItem.esm.js +63 -0
- package/dist/components/OnCallSchedulesPage/OnCallShiftItem.esm.js.map +1 -0
- package/dist/components/Service/ServiceActionsMenu.esm.js +47 -0
- package/dist/components/Service/ServiceActionsMenu.esm.js.map +1 -0
- package/dist/components/Service/ServiceLink.esm.js +15 -0
- package/dist/components/Service/ServiceLink.esm.js.map +1 -0
- package/dist/components/ServicesPage/ServicesPage.esm.js +32 -0
- package/dist/components/ServicesPage/ServicesPage.esm.js.map +1 -0
- package/dist/components/ServicesPage/ServicesTable.esm.js +99 -0
- package/dist/components/ServicesPage/ServicesTable.esm.js.map +1 -0
- package/dist/components/ServicesPage/StatusChip.esm.js +67 -0
- package/dist/components/ServicesPage/StatusChip.esm.js.map +1 -0
- package/dist/components/Shift/ShiftOverrideModal.esm.js +171 -0
- package/dist/components/Shift/ShiftOverrideModal.esm.js.map +1 -0
- package/dist/components/StatusPage/StatusPageActionsMenu.esm.js +50 -0
- package/dist/components/StatusPage/StatusPageActionsMenu.esm.js.map +1 -0
- package/dist/components/StatusPage/StatusPageLink.esm.js +17 -0
- package/dist/components/StatusPage/StatusPageLink.esm.js.map +1 -0
- package/dist/components/StatusPage/StatusPageURL.esm.js +18 -0
- package/dist/components/StatusPage/StatusPageURL.esm.js.map +1 -0
- package/dist/components/StatusPagePage/StatusChip.esm.js +67 -0
- package/dist/components/StatusPagePage/StatusChip.esm.js.map +1 -0
- package/dist/components/StatusPagePage/StatusPagesPage.esm.js +32 -0
- package/dist/components/StatusPagePage/StatusPagesPage.esm.js.map +1 -0
- package/dist/components/StatusPagePage/StatusPagesTable.esm.js +115 -0
- package/dist/components/StatusPagePage/StatusPagesTable.esm.js.map +1 -0
- package/dist/components/StatusPagePage/VisibilityChip.esm.js +37 -0
- package/dist/components/StatusPagePage/VisibilityChip.esm.js.map +1 -0
- package/dist/components/index.esm.js +3 -0
- package/dist/components/index.esm.js.map +1 -0
- package/dist/constants.esm.js +4 -0
- package/dist/constants.esm.js.map +1 -0
- package/dist/hooks/index.esm.js +13 -0
- package/dist/hooks/index.esm.js.map +1 -0
- package/dist/hooks/useAlertActions.esm.js +43 -0
- package/dist/hooks/useAlertActions.esm.js.map +1 -0
- package/dist/hooks/useAlertSource.esm.js +52 -0
- package/dist/hooks/useAlertSource.esm.js.map +1 -0
- package/dist/hooks/useAlertSourceOnCalls.esm.js +47 -0
- package/dist/hooks/useAlertSourceOnCalls.esm.js.map +1 -0
- package/dist/hooks/useAlerts.esm.js +128 -0
- package/dist/hooks/useAlerts.esm.js.map +1 -0
- package/dist/hooks/useAssignAlert.esm.js +53 -0
- package/dist/hooks/useAssignAlert.esm.js.map +1 -0
- package/dist/hooks/useNewAlert.esm.js +58 -0
- package/dist/hooks/useNewAlert.esm.js.map +1 -0
- package/dist/hooks/useOnCallSchedules.esm.js +42 -0
- package/dist/hooks/useOnCallSchedules.esm.js.map +1 -0
- package/dist/hooks/useServices.esm.js +70 -0
- package/dist/hooks/useServices.esm.js.map +1 -0
- package/dist/hooks/useShiftOverride.esm.js +60 -0
- package/dist/hooks/useShiftOverride.esm.js.map +1 -0
- package/dist/hooks/useStatusPages.esm.js +72 -0
- package/dist/hooks/useStatusPages.esm.js.map +1 -0
- package/dist/index.esm.js +7 -3346
- package/dist/index.esm.js.map +1 -1
- package/dist/plugin.esm.js +39 -0
- package/dist/plugin.esm.js.map +1 -0
- package/dist/route-refs.esm.js +8 -0
- package/dist/route-refs.esm.js.map +1 -0
- package/dist/types.esm.js +13 -0
- package/dist/types.esm.js.map +1 -0
- package/package.json +12 -8
- package/dist/esm/index-D2_Gjvjx.esm.js +0 -58
- package/dist/esm/index-D2_Gjvjx.esm.js.map +0 -1
- package/dist/esm/index-aory7UQN.esm.js +0 -58
- package/dist/esm/index-aory7UQN.esm.js.map +0 -1
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
import Chip from '@material-ui/core/Chip';
|
|
2
|
+
import { withStyles } from '@material-ui/core/styles';
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import { MAJOR_OUTAGE, PARTIAL_OUTAGE, DEGRADED, UNDER_MAINTENANCE, OPERATIONAL } from '../../types.esm.js';
|
|
5
|
+
|
|
6
|
+
const OperationalChip = withStyles((theme) => ({
|
|
7
|
+
root: {
|
|
8
|
+
backgroundColor: "#388E3D",
|
|
9
|
+
color: theme.palette.common.white,
|
|
10
|
+
margin: 0
|
|
11
|
+
}
|
|
12
|
+
}))(Chip);
|
|
13
|
+
const UnderMaintenanceChip = withStyles((theme) => ({
|
|
14
|
+
root: {
|
|
15
|
+
backgroundColor: "#616161",
|
|
16
|
+
color: theme.palette.common.white,
|
|
17
|
+
margin: 0
|
|
18
|
+
}
|
|
19
|
+
}))(Chip);
|
|
20
|
+
const DegradedChip = withStyles((theme) => ({
|
|
21
|
+
root: {
|
|
22
|
+
backgroundColor: "#FBC02D",
|
|
23
|
+
color: theme.palette.common.white,
|
|
24
|
+
margin: 0
|
|
25
|
+
}
|
|
26
|
+
}))(Chip);
|
|
27
|
+
const PartialOutageChip = withStyles((theme) => ({
|
|
28
|
+
root: {
|
|
29
|
+
backgroundColor: "#F57C02",
|
|
30
|
+
color: theme.palette.common.white,
|
|
31
|
+
margin: 0
|
|
32
|
+
}
|
|
33
|
+
}))(Chip);
|
|
34
|
+
const MajorOutageChip = withStyles((theme) => ({
|
|
35
|
+
root: {
|
|
36
|
+
backgroundColor: "#D22F2E",
|
|
37
|
+
color: theme.palette.common.white,
|
|
38
|
+
margin: 0
|
|
39
|
+
}
|
|
40
|
+
}))(Chip);
|
|
41
|
+
const serviceStatusLabels = {
|
|
42
|
+
[OPERATIONAL]: "Operational",
|
|
43
|
+
[UNDER_MAINTENANCE]: "Under maintenance",
|
|
44
|
+
[DEGRADED]: "Degraded",
|
|
45
|
+
[PARTIAL_OUTAGE]: "Partial outage",
|
|
46
|
+
[MAJOR_OUTAGE]: "Major outage"
|
|
47
|
+
};
|
|
48
|
+
const StatusChip = ({ service }) => {
|
|
49
|
+
const label = `${serviceStatusLabels[service.status]}`;
|
|
50
|
+
switch (service.status) {
|
|
51
|
+
case OPERATIONAL:
|
|
52
|
+
return /* @__PURE__ */ React.createElement(OperationalChip, { label, size: "small" });
|
|
53
|
+
case UNDER_MAINTENANCE:
|
|
54
|
+
return /* @__PURE__ */ React.createElement(UnderMaintenanceChip, { label, size: "small" });
|
|
55
|
+
case DEGRADED:
|
|
56
|
+
return /* @__PURE__ */ React.createElement(DegradedChip, { label, size: "small" });
|
|
57
|
+
case PARTIAL_OUTAGE:
|
|
58
|
+
return /* @__PURE__ */ React.createElement(PartialOutageChip, { label, size: "small" });
|
|
59
|
+
case MAJOR_OUTAGE:
|
|
60
|
+
return /* @__PURE__ */ React.createElement(MajorOutageChip, { label, size: "small" });
|
|
61
|
+
default:
|
|
62
|
+
return /* @__PURE__ */ React.createElement(Chip, { label, size: "small" });
|
|
63
|
+
}
|
|
64
|
+
};
|
|
65
|
+
|
|
66
|
+
export { StatusChip };
|
|
67
|
+
//# sourceMappingURL=StatusChip.esm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StatusChip.esm.js","sources":["../../../src/components/ServicesPage/StatusChip.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport Chip from '@material-ui/core/Chip';\nimport { withStyles } from '@material-ui/core/styles';\nimport React from 'react';\nimport {\n DEGRADED,\n MAJOR_OUTAGE,\n OPERATIONAL,\n PARTIAL_OUTAGE,\n Service,\n UNDER_MAINTENANCE,\n} from '../../types';\n\nconst OperationalChip = withStyles(theme => ({\n root: {\n backgroundColor: '#388E3D',\n color: theme.palette.common.white,\n margin: 0,\n },\n}))(Chip);\n\nconst UnderMaintenanceChip = withStyles(theme => ({\n root: {\n backgroundColor: '#616161',\n color: theme.palette.common.white,\n margin: 0,\n },\n}))(Chip);\nconst DegradedChip = withStyles(theme => ({\n root: {\n backgroundColor: '#FBC02D',\n color: theme.palette.common.white,\n margin: 0,\n },\n}))(Chip);\nconst PartialOutageChip = withStyles(theme => ({\n root: {\n backgroundColor: '#F57C02',\n color: theme.palette.common.white,\n margin: 0,\n },\n}))(Chip);\nconst MajorOutageChip = withStyles(theme => ({\n root: {\n backgroundColor: '#D22F2E',\n color: theme.palette.common.white,\n margin: 0,\n },\n}))(Chip);\n\nconst serviceStatusLabels = {\n [OPERATIONAL]: 'Operational',\n [UNDER_MAINTENANCE]: 'Under maintenance',\n [DEGRADED]: 'Degraded',\n [PARTIAL_OUTAGE]: 'Partial outage',\n [MAJOR_OUTAGE]: 'Major outage',\n} as Record<string, string>;\n\nexport const StatusChip = ({ service }: { service: Service }) => {\n const label = `${serviceStatusLabels[service.status]}`;\n\n switch (service.status) {\n case OPERATIONAL:\n return <OperationalChip label={label} size=\"small\" />;\n case UNDER_MAINTENANCE:\n return <UnderMaintenanceChip label={label} size=\"small\" />;\n case DEGRADED:\n return <DegradedChip label={label} size=\"small\" />;\n case PARTIAL_OUTAGE:\n return <PartialOutageChip label={label} size=\"small\" />;\n case MAJOR_OUTAGE:\n return <MajorOutageChip label={label} size=\"small\" />;\n default:\n return <Chip label={label} size=\"small\" />;\n }\n};\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,171 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { makeStyles } from '@material-ui/core/styles';
|
|
3
|
+
import Button from '@material-ui/core/Button';
|
|
4
|
+
import TextField from '@material-ui/core/TextField';
|
|
5
|
+
import Dialog from '@material-ui/core/Dialog';
|
|
6
|
+
import DialogActions from '@material-ui/core/DialogActions';
|
|
7
|
+
import DialogContent from '@material-ui/core/DialogContent';
|
|
8
|
+
import DialogTitle from '@material-ui/core/DialogTitle';
|
|
9
|
+
import Autocomplete from '@material-ui/lab/Autocomplete';
|
|
10
|
+
import Typography from '@material-ui/core/Typography';
|
|
11
|
+
import { ilertApiRef } from '../../api/client.esm.js';
|
|
12
|
+
import { useShiftOverride } from '../../hooks/useShiftOverride.esm.js';
|
|
13
|
+
import { DateTimePicker } from '@material-ui/pickers/DateTimePicker';
|
|
14
|
+
import MuiPickersUtilsProvider from '@material-ui/pickers/MuiPickersUtilsProvider';
|
|
15
|
+
import LuxonUtils from '@date-io/luxon';
|
|
16
|
+
import { useApi, alertApiRef } from '@backstage/core-plugin-api';
|
|
17
|
+
|
|
18
|
+
const useStyles = makeStyles(() => ({
|
|
19
|
+
container: {
|
|
20
|
+
display: "flex",
|
|
21
|
+
flexWrap: "wrap"
|
|
22
|
+
},
|
|
23
|
+
formControl: {
|
|
24
|
+
minWidth: 120,
|
|
25
|
+
width: "100%"
|
|
26
|
+
},
|
|
27
|
+
option: {
|
|
28
|
+
fontSize: 15,
|
|
29
|
+
"& > span": {
|
|
30
|
+
marginRight: 10,
|
|
31
|
+
fontSize: 18
|
|
32
|
+
}
|
|
33
|
+
},
|
|
34
|
+
optionWrapper: {
|
|
35
|
+
display: "flex",
|
|
36
|
+
width: "100%"
|
|
37
|
+
},
|
|
38
|
+
sourceImage: {
|
|
39
|
+
height: 22,
|
|
40
|
+
paddingRight: 4
|
|
41
|
+
},
|
|
42
|
+
grow: {
|
|
43
|
+
flexGrow: 1
|
|
44
|
+
}
|
|
45
|
+
}));
|
|
46
|
+
const ShiftOverrideModal = ({
|
|
47
|
+
scheduleId,
|
|
48
|
+
shift,
|
|
49
|
+
refetchOnCallSchedules,
|
|
50
|
+
isModalOpened,
|
|
51
|
+
setIsModalOpened
|
|
52
|
+
}) => {
|
|
53
|
+
const [
|
|
54
|
+
{ isLoading, users, user, start, end },
|
|
55
|
+
{ setUser, setStart, setEnd, setIsLoading }
|
|
56
|
+
] = useShiftOverride(shift, isModalOpened);
|
|
57
|
+
const ilertApi = useApi(ilertApiRef);
|
|
58
|
+
const alertApi = useApi(alertApiRef);
|
|
59
|
+
const classes = useStyles();
|
|
60
|
+
const handleClose = () => {
|
|
61
|
+
setIsModalOpened(false);
|
|
62
|
+
};
|
|
63
|
+
const handleOverride = () => {
|
|
64
|
+
if (!shift || !shift.user) {
|
|
65
|
+
return;
|
|
66
|
+
}
|
|
67
|
+
setIsLoading(true);
|
|
68
|
+
setTimeout(async () => {
|
|
69
|
+
try {
|
|
70
|
+
const success = await ilertApi.overrideShift(
|
|
71
|
+
scheduleId,
|
|
72
|
+
user.id,
|
|
73
|
+
start,
|
|
74
|
+
end
|
|
75
|
+
);
|
|
76
|
+
if (success) {
|
|
77
|
+
alertApi.post({ message: "Shift overridden." });
|
|
78
|
+
refetchOnCallSchedules();
|
|
79
|
+
}
|
|
80
|
+
} catch (err) {
|
|
81
|
+
alertApi.post({ message: err, severity: "error" });
|
|
82
|
+
}
|
|
83
|
+
setIsModalOpened(false);
|
|
84
|
+
}, 250);
|
|
85
|
+
};
|
|
86
|
+
if (!shift) {
|
|
87
|
+
return null;
|
|
88
|
+
}
|
|
89
|
+
return /* @__PURE__ */ React.createElement(
|
|
90
|
+
Dialog,
|
|
91
|
+
{
|
|
92
|
+
open: isModalOpened,
|
|
93
|
+
onClose: handleClose,
|
|
94
|
+
"aria-labelledby": "override-shift-form-title"
|
|
95
|
+
},
|
|
96
|
+
/* @__PURE__ */ React.createElement(DialogTitle, { id: "override-shift-form-title" }, "Shift override"),
|
|
97
|
+
/* @__PURE__ */ React.createElement(DialogContent, null, /* @__PURE__ */ React.createElement(MuiPickersUtilsProvider, { utils: LuxonUtils }, /* @__PURE__ */ React.createElement(
|
|
98
|
+
Autocomplete,
|
|
99
|
+
{
|
|
100
|
+
disabled: isLoading,
|
|
101
|
+
options: users,
|
|
102
|
+
value: user,
|
|
103
|
+
classes: {
|
|
104
|
+
root: classes.formControl,
|
|
105
|
+
option: classes.option
|
|
106
|
+
},
|
|
107
|
+
onChange: (_event, newValue) => {
|
|
108
|
+
setUser(newValue);
|
|
109
|
+
},
|
|
110
|
+
autoHighlight: true,
|
|
111
|
+
getOptionLabel: (a) => ilertApi.getUserInitials(a),
|
|
112
|
+
renderOption: (a) => /* @__PURE__ */ React.createElement("div", { className: classes.optionWrapper }, /* @__PURE__ */ React.createElement(Typography, { noWrap: true }, ilertApi.getUserInitials(a))),
|
|
113
|
+
renderInput: (params) => /* @__PURE__ */ React.createElement(
|
|
114
|
+
TextField,
|
|
115
|
+
{
|
|
116
|
+
...params,
|
|
117
|
+
label: "User",
|
|
118
|
+
variant: "outlined",
|
|
119
|
+
fullWidth: true,
|
|
120
|
+
inputProps: {
|
|
121
|
+
...params.inputProps,
|
|
122
|
+
autoComplete: "new-password"
|
|
123
|
+
// disable autocomplete and autofill
|
|
124
|
+
}
|
|
125
|
+
}
|
|
126
|
+
)
|
|
127
|
+
}
|
|
128
|
+
), /* @__PURE__ */ React.createElement(
|
|
129
|
+
DateTimePicker,
|
|
130
|
+
{
|
|
131
|
+
label: "Start",
|
|
132
|
+
inputVariant: "outlined",
|
|
133
|
+
fullWidth: true,
|
|
134
|
+
margin: "normal",
|
|
135
|
+
ampm: false,
|
|
136
|
+
value: start,
|
|
137
|
+
className: classes.formControl,
|
|
138
|
+
onChange: (date) => {
|
|
139
|
+
setStart(date?.toISO() ?? "");
|
|
140
|
+
}
|
|
141
|
+
}
|
|
142
|
+
), /* @__PURE__ */ React.createElement(
|
|
143
|
+
DateTimePicker,
|
|
144
|
+
{
|
|
145
|
+
label: "End",
|
|
146
|
+
inputVariant: "outlined",
|
|
147
|
+
fullWidth: true,
|
|
148
|
+
margin: "normal",
|
|
149
|
+
ampm: false,
|
|
150
|
+
value: end,
|
|
151
|
+
className: classes.formControl,
|
|
152
|
+
onChange: (date) => {
|
|
153
|
+
setEnd(date?.toISO() ?? "");
|
|
154
|
+
}
|
|
155
|
+
}
|
|
156
|
+
))),
|
|
157
|
+
/* @__PURE__ */ React.createElement(DialogActions, null, /* @__PURE__ */ React.createElement(
|
|
158
|
+
Button,
|
|
159
|
+
{
|
|
160
|
+
disabled: isLoading,
|
|
161
|
+
onClick: handleOverride,
|
|
162
|
+
color: "primary",
|
|
163
|
+
variant: "contained"
|
|
164
|
+
},
|
|
165
|
+
"Override"
|
|
166
|
+
), /* @__PURE__ */ React.createElement(Button, { disabled: isLoading, onClick: handleClose, color: "primary" }, "Cancel"))
|
|
167
|
+
);
|
|
168
|
+
};
|
|
169
|
+
|
|
170
|
+
export { ShiftOverrideModal };
|
|
171
|
+
//# sourceMappingURL=ShiftOverrideModal.esm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ShiftOverrideModal.esm.js","sources":["../../../src/components/Shift/ShiftOverrideModal.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Button from '@material-ui/core/Button';\nimport TextField from '@material-ui/core/TextField';\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport Autocomplete from '@material-ui/lab/Autocomplete';\nimport Typography from '@material-ui/core/Typography';\nimport { ilertApiRef } from '../../api';\nimport { useShiftOverride } from '../../hooks/useShiftOverride';\nimport { Shift } from '../../types';\nimport { DateTimePicker } from '@material-ui/pickers/DateTimePicker';\nimport MuiPickersUtilsProvider from '@material-ui/pickers/MuiPickersUtilsProvider';\nimport LuxonUtils from '@date-io/luxon';\nimport { alertApiRef, useApi } from '@backstage/core-plugin-api';\n\nconst useStyles = makeStyles(() => ({\n container: {\n display: 'flex',\n flexWrap: 'wrap',\n },\n formControl: {\n minWidth: 120,\n width: '100%',\n },\n option: {\n fontSize: 15,\n '& > span': {\n marginRight: 10,\n fontSize: 18,\n },\n },\n optionWrapper: {\n display: 'flex',\n width: '100%',\n },\n sourceImage: {\n height: 22,\n paddingRight: 4,\n },\n grow: {\n flexGrow: 1,\n },\n}));\n\nexport const ShiftOverrideModal = ({\n scheduleId,\n shift,\n refetchOnCallSchedules,\n isModalOpened,\n setIsModalOpened,\n}: {\n scheduleId: number;\n shift: Shift;\n refetchOnCallSchedules: () => void;\n isModalOpened: boolean;\n setIsModalOpened: (isModalOpened: boolean) => void;\n}) => {\n const [\n { isLoading, users, user, start, end },\n { setUser, setStart, setEnd, setIsLoading },\n ] = useShiftOverride(shift, isModalOpened);\n const ilertApi = useApi(ilertApiRef);\n const alertApi = useApi(alertApiRef);\n const classes = useStyles();\n\n const handleClose = () => {\n setIsModalOpened(false);\n };\n\n const handleOverride = () => {\n if (!shift || !shift.user) {\n return;\n }\n setIsLoading(true);\n setTimeout(async () => {\n try {\n const success = await ilertApi.overrideShift(\n scheduleId,\n user.id,\n start,\n end,\n );\n if (success) {\n alertApi.post({ message: 'Shift overridden.' });\n refetchOnCallSchedules();\n }\n } catch (err) {\n alertApi.post({ message: err, severity: 'error' });\n }\n setIsModalOpened(false);\n }, 250);\n };\n\n if (!shift) {\n return null;\n }\n\n return (\n <Dialog\n open={isModalOpened}\n onClose={handleClose}\n aria-labelledby=\"override-shift-form-title\"\n >\n <DialogTitle id=\"override-shift-form-title\">Shift override</DialogTitle>\n <DialogContent>\n <MuiPickersUtilsProvider utils={LuxonUtils}>\n <Autocomplete\n disabled={isLoading}\n options={users}\n value={user}\n classes={{\n root: classes.formControl,\n option: classes.option,\n }}\n onChange={(_event: any, newValue: any) => {\n setUser(newValue);\n }}\n autoHighlight\n getOptionLabel={a => ilertApi.getUserInitials(a)}\n renderOption={a => (\n <div className={classes.optionWrapper}>\n <Typography noWrap>{ilertApi.getUserInitials(a)}</Typography>\n </div>\n )}\n renderInput={params => (\n <TextField\n {...params}\n label=\"User\"\n variant=\"outlined\"\n fullWidth\n inputProps={{\n ...params.inputProps,\n autoComplete: 'new-password', // disable autocomplete and autofill\n }}\n />\n )}\n />\n <DateTimePicker\n label=\"Start\"\n inputVariant=\"outlined\"\n fullWidth\n margin=\"normal\"\n ampm={false}\n value={start}\n className={classes.formControl}\n onChange={date => {\n setStart(date?.toISO() ?? '');\n }}\n />\n <DateTimePicker\n label=\"End\"\n inputVariant=\"outlined\"\n fullWidth\n margin=\"normal\"\n ampm={false}\n value={end}\n className={classes.formControl}\n onChange={date => {\n setEnd(date?.toISO() ?? '');\n }}\n />\n </MuiPickersUtilsProvider>\n </DialogContent>\n <DialogActions>\n <Button\n disabled={isLoading}\n onClick={handleOverride}\n color=\"primary\"\n variant=\"contained\"\n >\n Override\n </Button>\n <Button disabled={isLoading} onClick={handleClose} color=\"primary\">\n Cancel\n </Button>\n </DialogActions>\n </Dialog>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAkCA,MAAM,SAAA,GAAY,WAAW,OAAO;AAAA,EAClC,SAAW,EAAA;AAAA,IACT,OAAS,EAAA,MAAA;AAAA,IACT,QAAU,EAAA,MAAA;AAAA,GACZ;AAAA,EACA,WAAa,EAAA;AAAA,IACX,QAAU,EAAA,GAAA;AAAA,IACV,KAAO,EAAA,MAAA;AAAA,GACT;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,QAAU,EAAA,EAAA;AAAA,IACV,UAAY,EAAA;AAAA,MACV,WAAa,EAAA,EAAA;AAAA,MACb,QAAU,EAAA,EAAA;AAAA,KACZ;AAAA,GACF;AAAA,EACA,aAAe,EAAA;AAAA,IACb,OAAS,EAAA,MAAA;AAAA,IACT,KAAO,EAAA,MAAA;AAAA,GACT;AAAA,EACA,WAAa,EAAA;AAAA,IACX,MAAQ,EAAA,EAAA;AAAA,IACR,YAAc,EAAA,CAAA;AAAA,GAChB;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,QAAU,EAAA,CAAA;AAAA,GACZ;AACF,CAAE,CAAA,CAAA,CAAA;AAEK,MAAM,qBAAqB,CAAC;AAAA,EACjC,UAAA;AAAA,EACA,KAAA;AAAA,EACA,sBAAA;AAAA,EACA,aAAA;AAAA,EACA,gBAAA;AACF,CAMM,KAAA;AACJ,EAAM,MAAA;AAAA,IACJ,EAAE,SAAA,EAAW,KAAO,EAAA,IAAA,EAAM,OAAO,GAAI,EAAA;AAAA,IACrC,EAAE,OAAA,EAAS,QAAU,EAAA,MAAA,EAAQ,YAAa,EAAA;AAAA,GAC5C,GAAI,gBAAiB,CAAA,KAAA,EAAO,aAAa,CAAA,CAAA;AACzC,EAAM,MAAA,QAAA,GAAW,OAAO,WAAW,CAAA,CAAA;AACnC,EAAM,MAAA,QAAA,GAAW,OAAO,WAAW,CAAA,CAAA;AACnC,EAAA,MAAM,UAAU,SAAU,EAAA,CAAA;AAE1B,EAAA,MAAM,cAAc,MAAM;AACxB,IAAA,gBAAA,CAAiB,KAAK,CAAA,CAAA;AAAA,GACxB,CAAA;AAEA,EAAA,MAAM,iBAAiB,MAAM;AAC3B,IAAA,IAAI,CAAC,KAAA,IAAS,CAAC,KAAA,CAAM,IAAM,EAAA;AACzB,MAAA,OAAA;AAAA,KACF;AACA,IAAA,YAAA,CAAa,IAAI,CAAA,CAAA;AACjB,IAAA,UAAA,CAAW,YAAY;AACrB,MAAI,IAAA;AACF,QAAM,MAAA,OAAA,GAAU,MAAM,QAAS,CAAA,aAAA;AAAA,UAC7B,UAAA;AAAA,UACA,IAAK,CAAA,EAAA;AAAA,UACL,KAAA;AAAA,UACA,GAAA;AAAA,SACF,CAAA;AACA,QAAA,IAAI,OAAS,EAAA;AACX,UAAA,QAAA,CAAS,IAAK,CAAA,EAAE,OAAS,EAAA,mBAAA,EAAqB,CAAA,CAAA;AAC9C,UAAuB,sBAAA,EAAA,CAAA;AAAA,SACzB;AAAA,eACO,GAAK,EAAA;AACZ,QAAA,QAAA,CAAS,KAAK,EAAE,OAAA,EAAS,GAAK,EAAA,QAAA,EAAU,SAAS,CAAA,CAAA;AAAA,OACnD;AACA,MAAA,gBAAA,CAAiB,KAAK,CAAA,CAAA;AAAA,OACrB,GAAG,CAAA,CAAA;AAAA,GACR,CAAA;AAEA,EAAA,IAAI,CAAC,KAAO,EAAA;AACV,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,IAAM,EAAA,aAAA;AAAA,MACN,OAAS,EAAA,WAAA;AAAA,MACT,iBAAgB,EAAA,2BAAA;AAAA,KAAA;AAAA,oBAEf,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA,EAAY,EAAG,EAAA,2BAAA,EAAA,EAA4B,gBAAc,CAAA;AAAA,oBACzD,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAA,uBAAA,EAAA,EAAwB,OAAO,UAC9B,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,QAAU,EAAA,SAAA;AAAA,QACV,OAAS,EAAA,KAAA;AAAA,QACT,KAAO,EAAA,IAAA;AAAA,QACP,OAAS,EAAA;AAAA,UACP,MAAM,OAAQ,CAAA,WAAA;AAAA,UACd,QAAQ,OAAQ,CAAA,MAAA;AAAA,SAClB;AAAA,QACA,QAAA,EAAU,CAAC,MAAA,EAAa,QAAkB,KAAA;AACxC,UAAA,OAAA,CAAQ,QAAQ,CAAA,CAAA;AAAA,SAClB;AAAA,QACA,aAAa,EAAA,IAAA;AAAA,QACb,cAAgB,EAAA,CAAA,CAAA,KAAK,QAAS,CAAA,eAAA,CAAgB,CAAC,CAAA;AAAA,QAC/C,YAAc,EAAA,CAAA,CAAA,qBACX,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAI,WAAW,OAAQ,CAAA,aAAA,EAAA,kBACrB,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,QAAM,IAAE,EAAA,EAAA,QAAA,CAAS,eAAgB,CAAA,CAAC,CAAE,CAClD,CAAA;AAAA,QAEF,aAAa,CACX,MAAA,qBAAA,KAAA,CAAA,aAAA;AAAA,UAAC,SAAA;AAAA,UAAA;AAAA,YACE,GAAG,MAAA;AAAA,YACJ,KAAM,EAAA,MAAA;AAAA,YACN,OAAQ,EAAA,UAAA;AAAA,YACR,SAAS,EAAA,IAAA;AAAA,YACT,UAAY,EAAA;AAAA,cACV,GAAG,MAAO,CAAA,UAAA;AAAA,cACV,YAAc,EAAA,cAAA;AAAA;AAAA,aAChB;AAAA,WAAA;AAAA,SACF;AAAA,OAAA;AAAA,KAGJ,kBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,cAAA;AAAA,MAAA;AAAA,QACC,KAAM,EAAA,OAAA;AAAA,QACN,YAAa,EAAA,UAAA;AAAA,QACb,SAAS,EAAA,IAAA;AAAA,QACT,MAAO,EAAA,QAAA;AAAA,QACP,IAAM,EAAA,KAAA;AAAA,QACN,KAAO,EAAA,KAAA;AAAA,QACP,WAAW,OAAQ,CAAA,WAAA;AAAA,QACnB,UAAU,CAAQ,IAAA,KAAA;AAChB,UAAS,QAAA,CAAA,IAAA,EAAM,KAAM,EAAA,IAAK,EAAE,CAAA,CAAA;AAAA,SAC9B;AAAA,OAAA;AAAA,KAEF,kBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,cAAA;AAAA,MAAA;AAAA,QACC,KAAM,EAAA,KAAA;AAAA,QACN,YAAa,EAAA,UAAA;AAAA,QACb,SAAS,EAAA,IAAA;AAAA,QACT,MAAO,EAAA,QAAA;AAAA,QACP,IAAM,EAAA,KAAA;AAAA,QACN,KAAO,EAAA,GAAA;AAAA,QACP,WAAW,OAAQ,CAAA,WAAA;AAAA,QACnB,UAAU,CAAQ,IAAA,KAAA;AAChB,UAAO,MAAA,CAAA,IAAA,EAAM,KAAM,EAAA,IAAK,EAAE,CAAA,CAAA;AAAA,SAC5B;AAAA,OAAA;AAAA,KAEJ,CACF,CAAA;AAAA,wCACC,aACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,QAAU,EAAA,SAAA;AAAA,QACV,OAAS,EAAA,cAAA;AAAA,QACT,KAAM,EAAA,SAAA;AAAA,QACN,OAAQ,EAAA,WAAA;AAAA,OAAA;AAAA,MACT,UAAA;AAAA,KAED,kBACC,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,QAAU,EAAA,SAAA,EAAW,SAAS,WAAa,EAAA,KAAA,EAAM,SAAU,EAAA,EAAA,QAEnE,CACF,CAAA;AAAA,GACF,CAAA;AAEJ;;;;"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import IconButton from '@material-ui/core/IconButton';
|
|
2
|
+
import Menu from '@material-ui/core/Menu';
|
|
3
|
+
import MenuItem from '@material-ui/core/MenuItem';
|
|
4
|
+
import Typography from '@material-ui/core/Typography';
|
|
5
|
+
import MoreVertIcon from '@material-ui/icons/MoreVert';
|
|
6
|
+
import React from 'react';
|
|
7
|
+
import { ilertApiRef } from '../../api/client.esm.js';
|
|
8
|
+
import { Link } from '@backstage/core-components';
|
|
9
|
+
import { useApi } from '@backstage/core-plugin-api';
|
|
10
|
+
|
|
11
|
+
const StatusPageActionsMenu = ({
|
|
12
|
+
statusPage
|
|
13
|
+
}) => {
|
|
14
|
+
const ilertApi = useApi(ilertApiRef);
|
|
15
|
+
const [anchorEl, setAnchorEl] = React.useState(null);
|
|
16
|
+
const handleClick = (event) => {
|
|
17
|
+
setAnchorEl(event.currentTarget);
|
|
18
|
+
};
|
|
19
|
+
const handleCloseMenu = () => {
|
|
20
|
+
setAnchorEl(null);
|
|
21
|
+
};
|
|
22
|
+
return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
|
|
23
|
+
IconButton,
|
|
24
|
+
{
|
|
25
|
+
"aria-label": "more",
|
|
26
|
+
"aria-controls": "long-menu",
|
|
27
|
+
"aria-haspopup": "true",
|
|
28
|
+
onClick: handleClick,
|
|
29
|
+
size: "small"
|
|
30
|
+
},
|
|
31
|
+
/* @__PURE__ */ React.createElement(MoreVertIcon, null)
|
|
32
|
+
), /* @__PURE__ */ React.createElement(
|
|
33
|
+
Menu,
|
|
34
|
+
{
|
|
35
|
+
id: `statusPage-actions-menu-${statusPage.id}`,
|
|
36
|
+
anchorEl,
|
|
37
|
+
keepMounted: true,
|
|
38
|
+
open: Boolean(anchorEl),
|
|
39
|
+
onClose: handleCloseMenu,
|
|
40
|
+
PaperProps: {
|
|
41
|
+
style: { maxHeight: 48 * 5.5 }
|
|
42
|
+
}
|
|
43
|
+
},
|
|
44
|
+
/* @__PURE__ */ React.createElement(MenuItem, { key: "details", onClick: handleCloseMenu }, /* @__PURE__ */ React.createElement(Typography, { variant: "inherit", noWrap: true }, /* @__PURE__ */ React.createElement(Link, { to: ilertApi.getStatusPageDetailsURL(statusPage) }, "View in iLert"))),
|
|
45
|
+
/* @__PURE__ */ React.createElement(MenuItem, null, /* @__PURE__ */ React.createElement(Typography, { variant: "inherit", noWrap: true }, /* @__PURE__ */ React.createElement(Link, { to: `https://${ilertApi.getStatusPageURL(statusPage)}` }, "View status page")))
|
|
46
|
+
));
|
|
47
|
+
};
|
|
48
|
+
|
|
49
|
+
export { StatusPageActionsMenu };
|
|
50
|
+
//# sourceMappingURL=StatusPageActionsMenu.esm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StatusPageActionsMenu.esm.js","sources":["../../../src/components/StatusPage/StatusPageActionsMenu.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport IconButton from '@material-ui/core/IconButton';\nimport Menu from '@material-ui/core/Menu';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport Typography from '@material-ui/core/Typography';\nimport MoreVertIcon from '@material-ui/icons/MoreVert';\nimport React from 'react';\nimport { ilertApiRef } from '../../api';\nimport { StatusPage } from '../../types';\n\nimport { Link } from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\n\nexport const StatusPageActionsMenu = ({\n statusPage,\n}: {\n statusPage: StatusPage;\n}) => {\n const ilertApi = useApi(ilertApiRef);\n const [anchorEl, setAnchorEl] = React.useState<null | HTMLElement>(null);\n\n const handleClick = (event: React.MouseEvent<HTMLElement>) => {\n setAnchorEl(event.currentTarget);\n };\n\n const handleCloseMenu = () => {\n setAnchorEl(null);\n };\n\n return (\n <>\n <IconButton\n aria-label=\"more\"\n aria-controls=\"long-menu\"\n aria-haspopup=\"true\"\n onClick={handleClick}\n size=\"small\"\n >\n <MoreVertIcon />\n </IconButton>\n <Menu\n id={`statusPage-actions-menu-${statusPage.id}`}\n anchorEl={anchorEl}\n keepMounted\n open={Boolean(anchorEl)}\n onClose={handleCloseMenu}\n PaperProps={{\n style: { maxHeight: 48 * 5.5 },\n }}\n >\n <MenuItem key=\"details\" onClick={handleCloseMenu}>\n <Typography variant=\"inherit\" noWrap>\n <Link to={ilertApi.getStatusPageDetailsURL(statusPage)}>\n View in iLert\n </Link>\n </Typography>\n </MenuItem>\n <MenuItem>\n <Typography variant=\"inherit\" noWrap>\n <Link to={`https://${ilertApi.getStatusPageURL(statusPage)}`}>\n View status page\n </Link>\n </Typography>\n </MenuItem>\n </Menu>\n </>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;AA2BO,MAAM,wBAAwB,CAAC;AAAA,EACpC,UAAA;AACF,CAEM,KAAA;AACJ,EAAM,MAAA,QAAA,GAAW,OAAO,WAAW,CAAA,CAAA;AACnC,EAAA,MAAM,CAAC,QAAU,EAAA,WAAW,CAAI,GAAA,KAAA,CAAM,SAA6B,IAAI,CAAA,CAAA;AAEvE,EAAM,MAAA,WAAA,GAAc,CAAC,KAAyC,KAAA;AAC5D,IAAA,WAAA,CAAY,MAAM,aAAa,CAAA,CAAA;AAAA,GACjC,CAAA;AAEA,EAAA,MAAM,kBAAkB,MAAM;AAC5B,IAAA,WAAA,CAAY,IAAI,CAAA,CAAA;AAAA,GAClB,CAAA;AAEA,EAAA,uBAEI,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,YAAW,EAAA,MAAA;AAAA,MACX,eAAc,EAAA,WAAA;AAAA,MACd,eAAc,EAAA,MAAA;AAAA,MACd,OAAS,EAAA,WAAA;AAAA,MACT,IAAK,EAAA,OAAA;AAAA,KAAA;AAAA,wCAEJ,YAAa,EAAA,IAAA,CAAA;AAAA,GAEhB,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,EAAA,EAAI,CAA2B,wBAAA,EAAA,UAAA,CAAW,EAAE,CAAA,CAAA;AAAA,MAC5C,QAAA;AAAA,MACA,WAAW,EAAA,IAAA;AAAA,MACX,IAAA,EAAM,QAAQ,QAAQ,CAAA;AAAA,MACtB,OAAS,EAAA,eAAA;AAAA,MACT,UAAY,EAAA;AAAA,QACV,KAAO,EAAA,EAAE,SAAW,EAAA,EAAA,GAAK,GAAI,EAAA;AAAA,OAC/B;AAAA,KAAA;AAAA,oBAEA,KAAA,CAAA,aAAA,CAAC,YAAS,GAAI,EAAA,SAAA,EAAU,SAAS,eAC/B,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,cAAW,OAAQ,EAAA,SAAA,EAAU,QAAM,IAClC,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,EAAI,EAAA,QAAA,CAAS,wBAAwB,UAAU,CAAA,EAAA,EAAG,eAExD,CACF,CACF,CAAA;AAAA,wCACC,QACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,cAAW,OAAQ,EAAA,SAAA,EAAU,QAAM,IAClC,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,EAAI,EAAA,CAAA,QAAA,EAAW,SAAS,gBAAiB,CAAA,UAAU,CAAC,CAAI,CAAA,EAAA,EAAA,kBAE9D,CACF,CACF,CAAA;AAAA,GAEJ,CAAA,CAAA;AAEJ;;;;"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ilertApiRef } from '../../api/client.esm.js';
|
|
3
|
+
import { Link } from '@backstage/core-components';
|
|
4
|
+
import { useApi } from '@backstage/core-plugin-api';
|
|
5
|
+
|
|
6
|
+
const StatusPageLink = ({
|
|
7
|
+
statusPage
|
|
8
|
+
}) => {
|
|
9
|
+
const ilertApi = useApi(ilertApiRef);
|
|
10
|
+
if (!statusPage) {
|
|
11
|
+
return null;
|
|
12
|
+
}
|
|
13
|
+
return /* @__PURE__ */ React.createElement(Link, { to: ilertApi.getStatusPageDetailsURL(statusPage) }, "#", statusPage.id);
|
|
14
|
+
};
|
|
15
|
+
|
|
16
|
+
export { StatusPageLink };
|
|
17
|
+
//# sourceMappingURL=StatusPageLink.esm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StatusPageLink.esm.js","sources":["../../../src/components/StatusPage/StatusPageLink.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\nimport { ilertApiRef } from '../../api';\nimport { StatusPage } from '../../types';\n\nimport { Link } from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\n\nexport const StatusPageLink = ({\n statusPage,\n}: {\n statusPage: StatusPage | null;\n}) => {\n const ilertApi = useApi(ilertApiRef);\n\n if (!statusPage) {\n return null;\n }\n\n return (\n <Link to={ilertApi.getStatusPageDetailsURL(statusPage)}>\n #{statusPage.id}\n </Link>\n );\n};\n"],"names":[],"mappings":";;;;;AAsBO,MAAM,iBAAiB,CAAC;AAAA,EAC7B,UAAA;AACF,CAEM,KAAA;AACJ,EAAM,MAAA,QAAA,GAAW,OAAO,WAAW,CAAA,CAAA;AAEnC,EAAA,IAAI,CAAC,UAAY,EAAA;AACf,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,EAAI,EAAA,QAAA,CAAS,wBAAwB,UAAU,CAAA,EAAA,EAAG,GACpD,EAAA,UAAA,CAAW,EACf,CAAA,CAAA;AAEJ;;;;"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ilertApiRef } from '../../api/client.esm.js';
|
|
3
|
+
import { Link } from '@backstage/core-components';
|
|
4
|
+
import { useApi } from '@backstage/core-plugin-api';
|
|
5
|
+
|
|
6
|
+
const StatusPageURL = ({
|
|
7
|
+
statusPage
|
|
8
|
+
}) => {
|
|
9
|
+
const ilertApi = useApi(ilertApiRef);
|
|
10
|
+
if (!statusPage) {
|
|
11
|
+
return null;
|
|
12
|
+
}
|
|
13
|
+
const url = ilertApi.getStatusPageURL(statusPage);
|
|
14
|
+
return /* @__PURE__ */ React.createElement(Link, { to: `https://${url}` }, url);
|
|
15
|
+
};
|
|
16
|
+
|
|
17
|
+
export { StatusPageURL };
|
|
18
|
+
//# sourceMappingURL=StatusPageURL.esm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StatusPageURL.esm.js","sources":["../../../src/components/StatusPage/StatusPageURL.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\nimport { ilertApiRef } from '../../api';\nimport { StatusPage } from '../../types';\n\nimport { Link } from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\n\nexport const StatusPageURL = ({\n statusPage,\n}: {\n statusPage: StatusPage | null;\n}) => {\n const ilertApi = useApi(ilertApiRef);\n\n if (!statusPage) {\n return null;\n }\n\n const url = ilertApi.getStatusPageURL(statusPage);\n\n return <Link to={`https://${url}`}>{url}</Link>;\n};\n"],"names":[],"mappings":";;;;;AAsBO,MAAM,gBAAgB,CAAC;AAAA,EAC5B,UAAA;AACF,CAEM,KAAA;AACJ,EAAM,MAAA,QAAA,GAAW,OAAO,WAAW,CAAA,CAAA;AAEnC,EAAA,IAAI,CAAC,UAAY,EAAA;AACf,IAAO,OAAA,IAAA,CAAA;AAAA,GACT;AAEA,EAAM,MAAA,GAAA,GAAM,QAAS,CAAA,gBAAA,CAAiB,UAAU,CAAA,CAAA;AAEhD,EAAA,2CAAQ,IAAK,EAAA,EAAA,EAAA,EAAI,CAAW,QAAA,EAAA,GAAG,MAAK,GAAI,CAAA,CAAA;AAC1C;;;;"}
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
import Chip from '@material-ui/core/Chip';
|
|
2
|
+
import { withStyles } from '@material-ui/core/styles';
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import { MAJOR_OUTAGE, PARTIAL_OUTAGE, DEGRADED, UNDER_MAINTENANCE, OPERATIONAL } from '../../types.esm.js';
|
|
5
|
+
|
|
6
|
+
const OperationalChip = withStyles((theme) => ({
|
|
7
|
+
root: {
|
|
8
|
+
backgroundColor: "#388E3D",
|
|
9
|
+
color: theme.palette.common.white,
|
|
10
|
+
margin: 0
|
|
11
|
+
}
|
|
12
|
+
}))(Chip);
|
|
13
|
+
const UnderMaintenanceChip = withStyles((theme) => ({
|
|
14
|
+
root: {
|
|
15
|
+
backgroundColor: "#616161",
|
|
16
|
+
color: theme.palette.common.white,
|
|
17
|
+
margin: 0
|
|
18
|
+
}
|
|
19
|
+
}))(Chip);
|
|
20
|
+
const DegradedChip = withStyles((theme) => ({
|
|
21
|
+
root: {
|
|
22
|
+
backgroundColor: "#FBC02D",
|
|
23
|
+
color: theme.palette.common.white,
|
|
24
|
+
margin: 0
|
|
25
|
+
}
|
|
26
|
+
}))(Chip);
|
|
27
|
+
const PartialOutageChip = withStyles((theme) => ({
|
|
28
|
+
root: {
|
|
29
|
+
backgroundColor: "#F57C02",
|
|
30
|
+
color: theme.palette.common.white,
|
|
31
|
+
margin: 0
|
|
32
|
+
}
|
|
33
|
+
}))(Chip);
|
|
34
|
+
const MajorOutageChip = withStyles((theme) => ({
|
|
35
|
+
root: {
|
|
36
|
+
backgroundColor: "#D22F2E",
|
|
37
|
+
color: theme.palette.common.white,
|
|
38
|
+
margin: 0
|
|
39
|
+
}
|
|
40
|
+
}))(Chip);
|
|
41
|
+
const statusPageStatusLabels = {
|
|
42
|
+
[OPERATIONAL]: "Operational",
|
|
43
|
+
[UNDER_MAINTENANCE]: "Under maintenance",
|
|
44
|
+
[DEGRADED]: "Degraded",
|
|
45
|
+
[PARTIAL_OUTAGE]: "Partial outage",
|
|
46
|
+
[MAJOR_OUTAGE]: "Major outage"
|
|
47
|
+
};
|
|
48
|
+
const StatusChip = ({ statusPage }) => {
|
|
49
|
+
const label = `${statusPageStatusLabels[statusPage.status]}`;
|
|
50
|
+
switch (statusPage.status) {
|
|
51
|
+
case OPERATIONAL:
|
|
52
|
+
return /* @__PURE__ */ React.createElement(OperationalChip, { label, size: "small" });
|
|
53
|
+
case UNDER_MAINTENANCE:
|
|
54
|
+
return /* @__PURE__ */ React.createElement(UnderMaintenanceChip, { label, size: "small" });
|
|
55
|
+
case DEGRADED:
|
|
56
|
+
return /* @__PURE__ */ React.createElement(DegradedChip, { label, size: "small" });
|
|
57
|
+
case PARTIAL_OUTAGE:
|
|
58
|
+
return /* @__PURE__ */ React.createElement(PartialOutageChip, { label, size: "small" });
|
|
59
|
+
case MAJOR_OUTAGE:
|
|
60
|
+
return /* @__PURE__ */ React.createElement(MajorOutageChip, { label, size: "small" });
|
|
61
|
+
default:
|
|
62
|
+
return /* @__PURE__ */ React.createElement(Chip, { label, size: "small" });
|
|
63
|
+
}
|
|
64
|
+
};
|
|
65
|
+
|
|
66
|
+
export { StatusChip };
|
|
67
|
+
//# sourceMappingURL=StatusChip.esm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StatusChip.esm.js","sources":["../../../src/components/StatusPagePage/StatusChip.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport Chip from '@material-ui/core/Chip';\nimport { withStyles } from '@material-ui/core/styles';\nimport React from 'react';\nimport {\n DEGRADED,\n MAJOR_OUTAGE,\n OPERATIONAL,\n PARTIAL_OUTAGE,\n StatusPage,\n UNDER_MAINTENANCE,\n} from '../../types';\n\nconst OperationalChip = withStyles(theme => ({\n root: {\n backgroundColor: '#388E3D',\n color: theme.palette.common.white,\n margin: 0,\n },\n}))(Chip);\n\nconst UnderMaintenanceChip = withStyles(theme => ({\n root: {\n backgroundColor: '#616161',\n color: theme.palette.common.white,\n margin: 0,\n },\n}))(Chip);\nconst DegradedChip = withStyles(theme => ({\n root: {\n backgroundColor: '#FBC02D',\n color: theme.palette.common.white,\n margin: 0,\n },\n}))(Chip);\nconst PartialOutageChip = withStyles(theme => ({\n root: {\n backgroundColor: '#F57C02',\n color: theme.palette.common.white,\n margin: 0,\n },\n}))(Chip);\nconst MajorOutageChip = withStyles(theme => ({\n root: {\n backgroundColor: '#D22F2E',\n color: theme.palette.common.white,\n margin: 0,\n },\n}))(Chip);\n\nconst statusPageStatusLabels = {\n [OPERATIONAL]: 'Operational',\n [UNDER_MAINTENANCE]: 'Under maintenance',\n [DEGRADED]: 'Degraded',\n [PARTIAL_OUTAGE]: 'Partial outage',\n [MAJOR_OUTAGE]: 'Major outage',\n} as Record<string, string>;\n\nexport const StatusChip = ({ statusPage }: { statusPage: StatusPage }) => {\n const label = `${statusPageStatusLabels[statusPage.status]}`;\n\n switch (statusPage.status) {\n case OPERATIONAL:\n return <OperationalChip label={label} size=\"small\" />;\n case UNDER_MAINTENANCE:\n return <UnderMaintenanceChip label={label} size=\"small\" />;\n case DEGRADED:\n return <DegradedChip label={label} size=\"small\" />;\n case PARTIAL_OUTAGE:\n return <PartialOutageChip label={label} size=\"small\" />;\n case MAJOR_OUTAGE:\n return <MajorOutageChip label={label} size=\"small\" />;\n default:\n return <Chip label={label} size=\"small\" />;\n }\n};\n"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { Content, ResponseErrorPanel, ContentHeader, SupportButton } from '@backstage/core-components';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { useStatusPages } from '../../hooks/useStatusPages.esm.js';
|
|
4
|
+
import { MissingAuthorizationHeaderError } from '../Errors/MissingAuthorizationHeaderError.esm.js';
|
|
5
|
+
import { StatusPagesTable } from './StatusPagesTable.esm.js';
|
|
6
|
+
|
|
7
|
+
const StatusPagesPage = () => {
|
|
8
|
+
const [
|
|
9
|
+
{ tableState, statusPages, isLoading, error },
|
|
10
|
+
{ onChangePage, onChangeRowsPerPage, setIsLoading }
|
|
11
|
+
] = useStatusPages(true);
|
|
12
|
+
if (error) {
|
|
13
|
+
if (error.name === "AuthenticationError") {
|
|
14
|
+
return /* @__PURE__ */ React.createElement(Content, null, /* @__PURE__ */ React.createElement(MissingAuthorizationHeaderError, null));
|
|
15
|
+
}
|
|
16
|
+
return /* @__PURE__ */ React.createElement(Content, null, /* @__PURE__ */ React.createElement(ResponseErrorPanel, { error }));
|
|
17
|
+
}
|
|
18
|
+
return /* @__PURE__ */ React.createElement(Content, null, /* @__PURE__ */ React.createElement(ContentHeader, { title: "Status pages" }, /* @__PURE__ */ React.createElement(SupportButton, null, "This helps you to bring iLert into your developer portal.")), /* @__PURE__ */ React.createElement(
|
|
19
|
+
StatusPagesTable,
|
|
20
|
+
{
|
|
21
|
+
statusPages,
|
|
22
|
+
tableState,
|
|
23
|
+
onChangePage,
|
|
24
|
+
onChangeRowsPerPage,
|
|
25
|
+
isLoading,
|
|
26
|
+
setIsLoading
|
|
27
|
+
}
|
|
28
|
+
));
|
|
29
|
+
};
|
|
30
|
+
|
|
31
|
+
export { StatusPagesPage };
|
|
32
|
+
//# sourceMappingURL=StatusPagesPage.esm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StatusPagesPage.esm.js","sources":["../../../src/components/StatusPagePage/StatusPagesPage.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport {\n Content,\n ContentHeader,\n ResponseErrorPanel,\n SupportButton,\n} from '@backstage/core-components';\nimport React from 'react';\nimport { useStatusPages } from '../../hooks/useStatusPages';\nimport { MissingAuthorizationHeaderError } from '../Errors';\nimport { StatusPagesTable } from './StatusPagesTable';\n\nexport const StatusPagesPage = () => {\n const [\n { tableState, statusPages, isLoading, error },\n { onChangePage, onChangeRowsPerPage, setIsLoading },\n ] = useStatusPages(true);\n\n if (error) {\n if (error.name === 'AuthenticationError') {\n return (\n <Content>\n <MissingAuthorizationHeaderError />\n </Content>\n );\n }\n\n return (\n <Content>\n <ResponseErrorPanel error={error} />\n </Content>\n );\n }\n\n return (\n <Content>\n <ContentHeader title=\"Status pages\">\n <SupportButton>\n This helps you to bring iLert into your developer portal.\n </SupportButton>\n </ContentHeader>\n <StatusPagesTable\n statusPages={statusPages}\n tableState={tableState}\n onChangePage={onChangePage}\n onChangeRowsPerPage={onChangeRowsPerPage}\n isLoading={isLoading}\n setIsLoading={setIsLoading}\n />\n </Content>\n );\n};\n"],"names":[],"mappings":";;;;;;AA0BO,MAAM,kBAAkB,MAAM;AACnC,EAAM,MAAA;AAAA,IACJ,EAAE,UAAA,EAAY,WAAa,EAAA,SAAA,EAAW,KAAM,EAAA;AAAA,IAC5C,EAAE,YAAc,EAAA,mBAAA,EAAqB,YAAa,EAAA;AAAA,GACpD,GAAI,eAAe,IAAI,CAAA,CAAA;AAEvB,EAAA,IAAI,KAAO,EAAA;AACT,IAAI,IAAA,KAAA,CAAM,SAAS,qBAAuB,EAAA;AACxC,MAAA,uBACG,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAA,+BAAA,EAAA,IAAgC,CACnC,CAAA,CAAA;AAAA,KAEJ;AAEA,IAAA,uBACG,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAA,kBAAA,EAAA,EAAmB,OAAc,CACpC,CAAA,CAAA;AAAA,GAEJ;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,OACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,aAAc,EAAA,EAAA,KAAA,EAAM,kCAClB,KAAA,CAAA,aAAA,CAAA,aAAA,EAAA,IAAA,EAAc,2DAEf,CACF,CACA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,gBAAA;AAAA,IAAA;AAAA,MACC,WAAA;AAAA,MACA,UAAA;AAAA,MACA,YAAA;AAAA,MACA,mBAAA;AAAA,MACA,SAAA;AAAA,MACA,YAAA;AAAA,KAAA;AAAA,GAEJ,CAAA,CAAA;AAEJ;;;;"}
|
|
@@ -0,0 +1,115 @@
|
|
|
1
|
+
import { makeStyles } from '@material-ui/core/styles';
|
|
2
|
+
import Typography from '@material-ui/core/Typography';
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import { VisibilityChip } from './VisibilityChip.esm.js';
|
|
5
|
+
import { Table } from '@backstage/core-components';
|
|
6
|
+
import { StatusPageActionsMenu } from '../StatusPage/StatusPageActionsMenu.esm.js';
|
|
7
|
+
import { StatusPageLink } from '../StatusPage/StatusPageLink.esm.js';
|
|
8
|
+
import { StatusPageURL } from '../StatusPage/StatusPageURL.esm.js';
|
|
9
|
+
import { StatusChip } from './StatusChip.esm.js';
|
|
10
|
+
|
|
11
|
+
const useStyles = makeStyles((theme) => ({
|
|
12
|
+
empty: {
|
|
13
|
+
padding: theme.spacing(2),
|
|
14
|
+
display: "flex",
|
|
15
|
+
justifyContent: "center"
|
|
16
|
+
}
|
|
17
|
+
}));
|
|
18
|
+
const StatusPagesTable = ({
|
|
19
|
+
statusPages,
|
|
20
|
+
tableState,
|
|
21
|
+
isLoading,
|
|
22
|
+
onChangePage,
|
|
23
|
+
onChangeRowsPerPage,
|
|
24
|
+
compact
|
|
25
|
+
}) => {
|
|
26
|
+
const classes = useStyles();
|
|
27
|
+
const smColumnStyle = {
|
|
28
|
+
width: "10%",
|
|
29
|
+
maxWidth: "10%"
|
|
30
|
+
};
|
|
31
|
+
const xlColumnStyle = {
|
|
32
|
+
width: "30%",
|
|
33
|
+
maxWidth: "30%"
|
|
34
|
+
};
|
|
35
|
+
const idColumn = {
|
|
36
|
+
title: "ID",
|
|
37
|
+
field: "id",
|
|
38
|
+
highlight: true,
|
|
39
|
+
cellStyle: smColumnStyle,
|
|
40
|
+
headerStyle: smColumnStyle,
|
|
41
|
+
render: (rowData) => /* @__PURE__ */ React.createElement(StatusPageLink, { statusPage: rowData })
|
|
42
|
+
};
|
|
43
|
+
const nameColumn = {
|
|
44
|
+
title: "Name",
|
|
45
|
+
field: "name",
|
|
46
|
+
cellStyle: !compact ? xlColumnStyle : void 0,
|
|
47
|
+
headerStyle: !compact ? xlColumnStyle : void 0,
|
|
48
|
+
render: (rowData) => /* @__PURE__ */ React.createElement(Typography, null, rowData.name)
|
|
49
|
+
};
|
|
50
|
+
const urlColumn = {
|
|
51
|
+
title: "URL",
|
|
52
|
+
field: "url",
|
|
53
|
+
cellStyle: smColumnStyle,
|
|
54
|
+
headerStyle: smColumnStyle,
|
|
55
|
+
render: (rowData) => /* @__PURE__ */ React.createElement(StatusPageURL, { statusPage: rowData })
|
|
56
|
+
};
|
|
57
|
+
const visibilityColumn = {
|
|
58
|
+
title: "Visibility",
|
|
59
|
+
field: "visibility",
|
|
60
|
+
cellStyle: smColumnStyle,
|
|
61
|
+
headerStyle: smColumnStyle,
|
|
62
|
+
render: (rowData) => /* @__PURE__ */ React.createElement(VisibilityChip, { statusPage: rowData })
|
|
63
|
+
};
|
|
64
|
+
const statusColumn = {
|
|
65
|
+
title: "Status",
|
|
66
|
+
field: "status",
|
|
67
|
+
cellStyle: smColumnStyle,
|
|
68
|
+
headerStyle: smColumnStyle,
|
|
69
|
+
render: (rowData) => /* @__PURE__ */ React.createElement(StatusChip, { statusPage: rowData })
|
|
70
|
+
};
|
|
71
|
+
const actionsColumn = {
|
|
72
|
+
title: "",
|
|
73
|
+
field: "",
|
|
74
|
+
cellStyle: smColumnStyle,
|
|
75
|
+
headerStyle: smColumnStyle,
|
|
76
|
+
render: (rowData) => /* @__PURE__ */ React.createElement(StatusPageActionsMenu, { statusPage: rowData })
|
|
77
|
+
};
|
|
78
|
+
const columns = compact ? [nameColumn, statusColumn, urlColumn, actionsColumn] : [
|
|
79
|
+
idColumn,
|
|
80
|
+
nameColumn,
|
|
81
|
+
statusColumn,
|
|
82
|
+
urlColumn,
|
|
83
|
+
visibilityColumn,
|
|
84
|
+
actionsColumn
|
|
85
|
+
];
|
|
86
|
+
return /* @__PURE__ */ React.createElement(
|
|
87
|
+
Table,
|
|
88
|
+
{
|
|
89
|
+
options: {
|
|
90
|
+
sorting: false,
|
|
91
|
+
search: !compact,
|
|
92
|
+
paging: !compact,
|
|
93
|
+
actionsColumnIndex: -1,
|
|
94
|
+
pageSize: tableState.pageSize,
|
|
95
|
+
pageSizeOptions: !compact ? [10, 20, 50, 100] : [3, 10, 20, 50, 100],
|
|
96
|
+
padding: "dense",
|
|
97
|
+
loadingType: "overlay",
|
|
98
|
+
showEmptyDataSourceMessage: !isLoading,
|
|
99
|
+
showTitle: true,
|
|
100
|
+
toolbar: true
|
|
101
|
+
},
|
|
102
|
+
emptyContent: /* @__PURE__ */ React.createElement(Typography, { color: "textSecondary", className: classes.empty }, "No status pages"),
|
|
103
|
+
title: /* @__PURE__ */ React.createElement(Typography, { variant: "button", color: "textSecondary" }, "STATUS PAGES"),
|
|
104
|
+
page: tableState.page,
|
|
105
|
+
onPageChange: onChangePage,
|
|
106
|
+
onRowsPerPageChange: onChangeRowsPerPage,
|
|
107
|
+
columns,
|
|
108
|
+
data: statusPages,
|
|
109
|
+
isLoading
|
|
110
|
+
}
|
|
111
|
+
);
|
|
112
|
+
};
|
|
113
|
+
|
|
114
|
+
export { StatusPagesTable };
|
|
115
|
+
//# sourceMappingURL=StatusPagesTable.esm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StatusPagesTable.esm.js","sources":["../../../src/components/StatusPagePage/StatusPagesTable.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { makeStyles } from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\nimport React from 'react';\nimport { TableState } from '../../api';\nimport { StatusPage } from '../../types';\nimport { VisibilityChip } from './VisibilityChip';\n\nimport { Table, TableColumn } from '@backstage/core-components';\nimport { StatusPageActionsMenu } from '../StatusPage/StatusPageActionsMenu';\nimport { StatusPageLink } from '../StatusPage/StatusPageLink';\nimport { StatusPageURL } from '../StatusPage/StatusPageURL';\nimport { StatusChip } from './StatusChip';\n\nconst useStyles = makeStyles(theme => ({\n empty: {\n padding: theme.spacing(2),\n display: 'flex',\n justifyContent: 'center',\n },\n}));\n\nexport const StatusPagesTable = ({\n statusPages,\n tableState,\n isLoading,\n onChangePage,\n onChangeRowsPerPage,\n compact,\n}: {\n statusPages: StatusPage[];\n tableState: TableState;\n isLoading: boolean;\n setIsLoading: (isLoading: boolean) => void;\n onChangePage: (page: number) => void;\n onChangeRowsPerPage: (pageSize: number) => void;\n compact?: boolean;\n}) => {\n const classes = useStyles();\n\n const smColumnStyle = {\n width: '10%',\n maxWidth: '10%',\n };\n const xlColumnStyle = {\n width: '30%',\n maxWidth: '30%',\n };\n\n const idColumn: TableColumn<StatusPage> = {\n title: 'ID',\n field: 'id',\n highlight: true,\n cellStyle: smColumnStyle,\n headerStyle: smColumnStyle,\n render: rowData => <StatusPageLink statusPage={rowData} />,\n };\n const nameColumn: TableColumn<StatusPage> = {\n title: 'Name',\n field: 'name',\n cellStyle: !compact ? xlColumnStyle : undefined,\n headerStyle: !compact ? xlColumnStyle : undefined,\n render: rowData => <Typography>{rowData.name}</Typography>,\n };\n const urlColumn: TableColumn<StatusPage> = {\n title: 'URL',\n field: 'url',\n cellStyle: smColumnStyle,\n headerStyle: smColumnStyle,\n render: rowData => <StatusPageURL statusPage={rowData} />,\n };\n const visibilityColumn: TableColumn<StatusPage> = {\n title: 'Visibility',\n field: 'visibility',\n cellStyle: smColumnStyle,\n headerStyle: smColumnStyle,\n render: rowData => <VisibilityChip statusPage={rowData} />,\n };\n const statusColumn: TableColumn<StatusPage> = {\n title: 'Status',\n field: 'status',\n cellStyle: smColumnStyle,\n headerStyle: smColumnStyle,\n render: rowData => <StatusChip statusPage={rowData} />,\n };\n const actionsColumn: TableColumn<StatusPage> = {\n title: '',\n field: '',\n cellStyle: smColumnStyle,\n headerStyle: smColumnStyle,\n render: rowData => <StatusPageActionsMenu statusPage={rowData} />,\n };\n\n const columns: TableColumn<StatusPage>[] = compact\n ? [nameColumn, statusColumn, urlColumn, actionsColumn]\n : [\n idColumn,\n nameColumn,\n statusColumn,\n urlColumn,\n visibilityColumn,\n actionsColumn,\n ];\n\n return (\n <Table\n options={{\n sorting: false,\n search: !compact,\n paging: !compact,\n actionsColumnIndex: -1,\n pageSize: tableState.pageSize,\n pageSizeOptions: !compact ? [10, 20, 50, 100] : [3, 10, 20, 50, 100],\n padding: 'dense',\n loadingType: 'overlay',\n showEmptyDataSourceMessage: !isLoading,\n showTitle: true,\n toolbar: true,\n }}\n emptyContent={\n <Typography color=\"textSecondary\" className={classes.empty}>\n No status pages\n </Typography>\n }\n title={\n <Typography variant=\"button\" color=\"textSecondary\">\n STATUS PAGES\n </Typography>\n }\n page={tableState.page}\n onPageChange={onChangePage}\n onRowsPerPageChange={onChangeRowsPerPage}\n columns={columns}\n data={statusPages}\n isLoading={isLoading}\n />\n );\n};\n"],"names":[],"mappings":"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"}
|