Misthios/grafana-zabbix
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

problems: minor refactor

Browse Source
This commit is contained in:
Alexander Zobnin
2018-12-25 11:45:13 +03:00
parent bb6abb2e9e
commit 66178c0f8a
1 changed files with 37 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
src/panel-triggers/components/ProblemTimeline.tsx
View File

@@ -135,35 +135,7 @@ export default class ProblemTimeline extends PureComponent<ProblemTimelineProps,
/>
<svg className="event-timeline-canvas" viewBox={`0 0 ${boxWidth} ${boxHeight}`}>
<defs>
<filter id="dropShadow" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceAlpha" stdDeviation="2" />
<feOffset dx="1" dy="1" />
<feMerge>
<feMergeNode />
<feMergeNode in="SourceGraphic" />
</feMerge>
</filter>
<filter id="boxShadow" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceAlpha" stdDeviation="1" />
<feComponentTransfer>
<feFuncA type="linear" slope="0.7" />
</feComponentTransfer>
<feOffset dx="1" dy="1" />
<feMerge>
<feMergeNode />
<feMergeNode in="SourceGraphic" />
</feMerge>
</filter>
<filter id="glowShadow" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceGraphic" stdDeviation="2" />
<feMerge>
<feMergeNode />
<feMergeNode in="SourceGraphic" />
</feMerge>
</filter>
<filter id="timelinePointBlur" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceGraphic" stdDeviation="2" result="blurOut" />
</filter>
<TimelineSVGFilters />
</defs>
<g className="event-timeline-group" transform={`translate(${padding}, ${timelineYpos})`}>
<g className="event-timeline-regions" filter="url(#boxShadow)">
@@ -196,6 +168,42 @@ export default class ProblemTimeline extends PureComponent<ProblemTimelineProps,
}
}
function TimelineSVGFilters() {
return (
<React.Fragment>
<filter id="dropShadow" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceAlpha" stdDeviation="2" />
<feOffset dx="1" dy="1" />
<feMerge>
<feMergeNode />
<feMergeNode in="SourceGraphic" />
</feMerge>
</filter>
<filter id="boxShadow" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceAlpha" stdDeviation="1" />
<feComponentTransfer>
<feFuncA type="linear" slope="0.7" />
</feComponentTransfer>
<feOffset dx="1" dy="1" />
<feMerge>
<feMergeNode />
<feMergeNode in="SourceGraphic" />
</feMerge>
</filter>
<filter id="glowShadow" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceGraphic" stdDeviation="2" />
<feMerge>
<feMergeNode />
<feMergeNode in="SourceGraphic" />
</feMerge>
</filter>
<filter id="timelinePointBlur" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur in="SourceGraphic" stdDeviation="2" result="blurOut" />
</filter>
</React.Fragment>
);
}
interface TimelineInfoContainerProps {
event?: ZBXEvent | null;
eventInfo?: EventInfo | null;