diff --git a/app/vmui/packages/vmui/src/pages/CustomPanel/DownloadReport/DownloadReport.tsx b/app/vmui/packages/vmui/src/pages/CustomPanel/DownloadReport/DownloadReport.tsx index c8f5377af..4bfb7fab5 100644 --- a/app/vmui/packages/vmui/src/pages/CustomPanel/DownloadReport/DownloadReport.tsx +++ b/app/vmui/packages/vmui/src/pages/CustomPanel/DownloadReport/DownloadReport.tsx @@ -15,6 +15,8 @@ import Alert from "../../../components/Main/Alert/Alert"; import qs from "qs"; import Popper from "../../../components/Main/Popper/Popper"; import helperText from "./helperText"; +import { Link } from "react-router-dom"; +import router from "../../../router"; type Props = { fetchUrl?: string[]; @@ -125,6 +127,15 @@ const DownloadReport: FC = ({ fetchUrl }) => { setStepHelper(0); }, [openHelper]); + const RawQueryLink = () => ( + + Raw Query + + ); + return ( <> @@ -165,6 +176,10 @@ const DownloadReport: FC = ({ fetchUrl }) => { label={"Include query trace"} /> + + If confused with the query results, + try viewing the raw samples for selected series in tab. + {error && {error}}
diff --git a/app/vmui/packages/vmui/src/pages/CustomPanel/DownloadReport/style.scss b/app/vmui/packages/vmui/src/pages/CustomPanel/DownloadReport/style.scss index 9255694bc..029d4ef69 100644 --- a/app/vmui/packages/vmui/src/pages/CustomPanel/DownloadReport/style.scss +++ b/app/vmui/packages/vmui/src/pages/CustomPanel/DownloadReport/style.scss @@ -4,14 +4,15 @@ display: grid; gap: $padding-large; padding-top: calc($padding-large - $padding-global); - min-width: 400px; + width: 700px; + max-width: 100%; &-settings { display: grid; gap: $padding-global; textarea { - min-height: 100px; + min-height: 200px; } } diff --git a/app/vmui/packages/vmui/src/pages/RawQueryPage/hooks/useFetchExport.ts b/app/vmui/packages/vmui/src/pages/RawQueryPage/hooks/useFetchExport.ts index 8d9c61eb2..047e8b516 100644 --- a/app/vmui/packages/vmui/src/pages/RawQueryPage/hooks/useFetchExport.ts +++ b/app/vmui/packages/vmui/src/pages/RawQueryPage/hooks/useFetchExport.ts @@ -74,7 +74,6 @@ export const useFetchExport = ({ hideQuery, showAllSeries }: FetchQueryParams): try { const tempData: MetricBase[] = []; const seriesLimit = showAllSeries ? Infinity : +stateSeriesLimits[displayType] || Infinity; - console.log(+stateSeriesLimits[displayType]); let counter = 1; let totalLength = 0; diff --git a/app/vmui/packages/vmui/src/pages/RawQueryPage/index.tsx b/app/vmui/packages/vmui/src/pages/RawQueryPage/index.tsx index 0ba38586b..1c3ca4961 100644 --- a/app/vmui/packages/vmui/src/pages/RawQueryPage/index.tsx +++ b/app/vmui/packages/vmui/src/pages/RawQueryPage/index.tsx @@ -18,6 +18,33 @@ import Hyperlink from "../../components/Main/Hyperlink/Hyperlink"; import { CloseIcon } from "../../components/Main/Icons"; import Button from "../../components/Main/Button/Button"; +const RawSamplesLink = () => ( + + raw samples + +); + +const QueryDataLink = () => ( + + Query API + +); + +const TimeSeriesSelectorLink = () => ( + + time series selector + +); + const RawQueryPage: FC = () => { useSetQueryParams(); const { isMobile } = useDeviceDetect(); @@ -37,7 +64,7 @@ const RawQueryPage: FC = () => { warning, queryErrors, setQueryErrors, - abortFetch + abortFetch, } = useFetchExport({ hideQuery, showAllSeries }); const controlsRef = useRef(null); @@ -80,12 +107,10 @@ const RawQueryPage: FC = () => {

- This page provides a dedicated view for querying and displaying raw samples from VictoriaMetrics. - Users often assume that the Query - API returns data exactly as stored, but data samples and timestamps may be modified by the API. + This page provides a dedicated view for querying and displaying from VictoriaMetrics. + It expects only as a query argument. + Users often assume that the returns data exactly as stored, + but data samples and timestamps may be modified by the API.