GitHub-Proxy/signoz
1
0
Fork 0
mirror of https://git.mirrors.martin98.com/https://github.com/SigNoz/signoz synced 2025-08-13 17:38:59 +08:00
Code Issues Packages Projects Releases Wiki Activity

Fix final changes

Browse Source
This commit is contained in:
Himanshu DIxit 2021-02-23 16:46:58 +05:30
parent 4ec389c449
commit fb1ade15b5
7 changed files with 39 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/gulpfile.js
View File

@ -3,7 +3,7 @@ const gulpless = require("gulp-less");
const postcss = require("gulp-postcss"); const postcss = require("gulp-postcss");
const debug = require("gulp-debug"); const debug = require("gulp-debug");
var csso = require("gulp-csso"); var csso = require("gulp-csso");
const autoprefixer = require("autoprefixer"); const autteoprefixer = require("autoprefixer");
const NpmImportPlugin = require("less-plugin-npm-import"); const NpmImportPlugin = require("less-plugin-npm-import");
gulp.task("less", function () { gulp.task("less", function () {

7
frontend/src/assets/index.css
View File

@ -20,3 +20,10 @@
max-width: 800px; max-width: 800px;
margin-top: 40px; margin-top: 40px;
} }
#chart svg{
width: 100%;
}
#chart{
width: 100%;
}

2
frontend/src/components/Signup.tsx
View File

@ -133,7 +133,7 @@ const Signup = (props: SignUpProps) => {
/> />
</div> </div>
<div className="text-center space-top"> <div className="text-center space-top" style={{marginTop: 12}}>
<Button <Button
type="primary" type="primary"
htmlType="submit" htmlType="submit"

2
frontend/src/components/metrics/ErrorRateChart.tsx
View File

@ -90,7 +90,7 @@ class ErrorRateChart extends React.Component<ErrorRateChartProps> {
title: { title: {
display: true, display: true,
text: "Error per sec", text: "",
fontSize: 20, fontSize: 20,
position: "top", position: "top",
padding: 2, padding: 2,

20
frontend/src/components/traces/TraceFilter.tsx
View File

@ -46,6 +46,16 @@ const _TraceFilter = (props: TraceFilterProps) => {
const location = useLocation(); const location = useLocation();
const urlParams = new URLSearchParams(location.search.split("?")[1]); const urlParams = new URLSearchParams(location.search.split("?")[1]);
useEffect(()=>{
console.log("Mera")
handleApplyFilterForm({
service: "",
tags: [],
operation: "",
latency: { min: "", max: "" },
})
},[])
useEffect(() => { useEffect(() => {
metricsAPI metricsAPI
.get<string[]>("services/list") .get<string[]>("services/list")
@ -285,8 +295,14 @@ const _TraceFilter = (props: TraceFilterProps) => {
}; };
useEffect(()=>{ useEffect(()=>{
return ()=>{
return handleApplyFilterForm({}) props.updateTraceFilters({
service: "",
operation: "",
tags: [],
latency: { min: "", max: "" },
});
}
},[]) },[])
return ( return (

18
frontend/src/components/traces/TraceGraph.tsx
View File

@ -55,7 +55,6 @@ const _TraceGraph = (props: TraceGraphProps) => {
}; };
const chart = flamegraph() const chart = flamegraph()
.width(640)
.cellHeight(18) .cellHeight(18)
.transitionDuration(500) .transitionDuration(500)
.inverted(true) .inverted(true)
@ -77,13 +76,16 @@ const _TraceGraph = (props: TraceGraphProps) => {
{/*</Col>*/} {/*</Col>*/}
<Col md={24} sm={24}> <Col md={24} sm={24}>
{/* <Card style={{ width: 640 }}> */} {/* <Card style={{ width: 640 }}> */}
<Space direction="vertical" size="middle"> <Space direction="vertical" size="middle" style={{width: '100%'}}>
<Card bodyStyle={{ padding: 80 }} style={{ height: 320 }}> <Card bodyStyle={{ padding: 80 }} style={{ height: 320,
<div>Trace Graph component ID is {params.id} </div> }}>
<Button type="primary" onClick={setResetZoom.bind(this, true)}> <div style={{display: 'flex', justifyContent: 'center', flexDirection: 'column', alignItems: 'center'}}>
Reset Zoom <div style={{textAlign: "center"}}>Trace Graph component ID is {params.id} </div>
</Button> <Button type="primary" onClick={setResetZoom.bind(this, true)} style={{width: 160}}>
<div id="chart" style={{ fontSize: 12, marginTop: 20 }}></div> Reset Zoom
</Button>
<div id="chart" style={{ fontSize: 12, marginTop: 20 }}></div>
</div>
</Card> </Card>
<SelectedSpanDetails clickedSpanTags={clickedSpanTags} /> <SelectedSpanDetails clickedSpanTags={clickedSpanTags} />

2
frontend/src/index.tsx
View File

@ -9,7 +9,7 @@ import { Auth0Provider } from "@auth0/auth0-react";
import AppWrapper from "Src/components/AppWrapper"; import AppWrapper from "Src/components/AppWrapper";
import "Src/assets/index.css"; import "Src/assets/index.css";
import { reducers } from "./reducers"; import { reducers } from "Src/reducers";
import { BrowserRouter as Router } from "react-router-dom"; import { BrowserRouter as Router } from "react-router-dom";
import { AUTH0_CLIENT_ID, AUTH0_DOMAIN } from "./constants/env"; import { AUTH0_CLIENT_ID, AUTH0_DOMAIN } from "./constants/env";
// import Signup from './components/Signup'; // import Signup from './components/Signup';