tbfajri/aso
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

service monitoring

Browse Source
This commit is contained in:
Tb Fajri
2024-03-12 10:34:32 +07:00
parent 8ed2425a55
commit ace5035879
1 changed files with 18 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
frontend/client-portal/src/pages/AlarmCenter/ServiceMonitoring.tsx
View File

@@ -248,6 +248,19 @@ export default function ServiceMonitoring() {
};
}, [corporateValue]);
const clearCodeHtml = (text:any) => {
return new DOMParser().parseFromString(text, 'text/html').documentElement.textContent
}
const renderHTML = (data:string) => {
return (
<div style={{marginLeft: 20}}
dangerouslySetInnerHTML={{__html: data}}
/>
);
}
return (
<Page title="Service Monitoring">
<Grid container spacing={3} paddingX={2} sx={{ marginBottom: 5, marginTop: 1 }}>
@@ -977,7 +990,7 @@ export default function ServiceMonitoring() {
<Typography variant="h6">Subject</Typography>
<Typography variant="inherit">
{dailyMonitoring.subject
? dailyMonitoring.subject
? clearCodeHtml(dailyMonitoring.subject)
: '-'}
</Typography>
</Stack>
@@ -989,7 +1002,7 @@ export default function ServiceMonitoring() {
</Typography>
<Typography variant="inherit">
{dailyMonitoring.object
? dailyMonitoring.object
? clearCodeHtml(dailyMonitoring.object)
: '-'}
</Typography>
</Stack>
@@ -1087,7 +1100,7 @@ export default function ServiceMonitoring() {
<Stack>
<Typography variant="inherit">
{dailyMonitoring.analysis
? dailyMonitoring.analysis
? clearCodeHtml(dailyMonitoring.analysis)
: '-'}
</Typography>
</Stack>
@@ -1106,7 +1119,7 @@ export default function ServiceMonitoring() {
{dailyMonitoring.plans.length > 0 ? (
dailyMonitoring.plans.map((plan, planIndex) =>
plan.type === 1 ? (
<li key={planIndex}>{plan.plan}</li>
<li key={planIndex}>{renderHTML(plan.plan)}</li>
) : null
)
) : (
@@ -1133,7 +1146,7 @@ export default function ServiceMonitoring() {
{dailyMonitoring.plans.length > 0 ? (
dailyMonitoring.plans.map((plan, planIndex) =>
plan.type === 2 ? (
<li key={planIndex}>{plan.plan}</li>
<li key={planIndex}>{renderHTML(plan.plan)}</li>
) : null
)
) : (