2023-02-13 13:46:56 +00:00
|
|
|
|
/* eslint-disable no-underscore-dangle */
|
2023-05-24 20:27:57 +00:00
|
|
|
|
import { NextPage, GetServerSideProps, GetServerSidePropsContext } from "next";
|
2023-02-13 13:46:56 +00:00
|
|
|
|
import { Client } from "@opensearch-project/opensearch";
|
|
|
|
|
|
import Head from "next/head";
|
|
|
|
|
|
import { Layout } from "components/Layout";
|
|
|
|
|
|
import { VisualizationDetail } from "components/VisualizationDetail";
|
2023-06-20 07:49:52 +00:00
|
|
|
|
import { getEmbedded } from "lib/utils";
|
2023-02-13 13:46:56 +00:00
|
|
|
|
|
2023-05-24 20:27:57 +00:00
|
|
|
|
type VisualizationProps = {
|
|
|
|
|
|
visualization: any;
|
2023-06-20 07:49:52 +00:00
|
|
|
|
embedded: boolean;
|
2023-05-24 20:27:57 +00:00
|
|
|
|
};
|
|
|
|
|
|
|
2023-06-20 07:49:52 +00:00
|
|
|
|
const Visualization: NextPage<VisualizationProps> = ({
|
|
|
|
|
|
visualization,
|
|
|
|
|
|
embedded,
|
|
|
|
|
|
}) => (
|
|
|
|
|
|
<Layout embedded={embedded}>
|
2023-02-13 13:46:56 +00:00
|
|
|
|
<Head>
|
|
|
|
|
|
<title>Digital Threat Dashboard – Leafcutter</title>
|
|
|
|
|
|
</Head>
|
|
|
|
|
|
<VisualizationDetail {...visualization} />
|
|
|
|
|
|
</Layout>
|
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
|
|
export default Visualization;
|
|
|
|
|
|
|
|
|
|
|
|
export const getServerSideProps: GetServerSideProps = async (
|
|
|
|
|
|
context: GetServerSidePropsContext
|
|
|
|
|
|
) => {
|
|
|
|
|
|
const { visualizationID } = context.query;
|
|
|
|
|
|
|
|
|
|
|
|
const node = `https://${process.env.OPENSEARCH_USERNAME}:${process.env.OPENSEARCH_PASSWORD}@${process.env.OPENSEARCH_URL}`;
|
|
|
|
|
|
const client = new Client({
|
|
|
|
|
|
node,
|
|
|
|
|
|
ssl: {
|
|
|
|
|
|
rejectUnauthorized: false,
|
|
|
|
|
|
},
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
const rawResponse = await client.search({
|
|
|
|
|
|
index: ".kibana_1",
|
|
|
|
|
|
size: 200,
|
|
|
|
|
|
});
|
|
|
|
|
|
const response = rawResponse.body;
|
|
|
|
|
|
|
|
|
|
|
|
const hits = response.hits.hits.filter(
|
2023-05-24 20:27:57 +00:00
|
|
|
|
// @ts-expect-error
|
|
|
|
|
|
(hit: any) => hit._id.split(":")[1] === visualizationID[0]
|
2023-02-13 13:46:56 +00:00
|
|
|
|
);
|
|
|
|
|
|
const hit = hits[0];
|
2023-05-25 12:37:14 +00:00
|
|
|
|
const visualization = {
|
2023-02-13 13:46:56 +00:00
|
|
|
|
id: hit._id.split(":")[1],
|
|
|
|
|
|
title: hit._source.visualization.title,
|
|
|
|
|
|
description: hit._source.visualization.description,
|
|
|
|
|
|
url: `/app/visualize?security_tenant=global#/edit/${
|
|
|
|
|
|
hit._id.split(":")[1]
|
|
|
|
|
|
}?embed=true`,
|
|
|
|
|
|
};
|
|
|
|
|
|
|
2023-06-20 07:49:52 +00:00
|
|
|
|
return { props: { visualization, embedded: getEmbedded(context) } };
|
2023-02-13 13:46:56 +00:00
|
|
|
|
};
|
