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}`}> <svg className="event-timeline-canvas" viewBox={`0 0 ${boxWidth} ${boxHeight}`}>
<defs> <defs>
<filter id="dropShadow" x="-50%" y="-50%" width="200%" height="200%"> <TimelineSVGFilters />
<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>
</defs> </defs>
<g className="event-timeline-group" transform={`translate(${padding}, ${timelineYpos})`}> <g className="event-timeline-group" transform={`translate(${padding}, ${timelineYpos})`}>
<g className="event-timeline-regions" filter="url(#boxShadow)"> <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 { interface TimelineInfoContainerProps {
event?: ZBXEvent | null; event?: ZBXEvent | null;
eventInfo?: EventInfo | null; eventInfo?: EventInfo | null;