1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
|
<div id="histogramsvg">
<div id="spinner" ng-show="fetchingAlerts"></div>
<div>
<svg id="histogram" ng-attr-width="{{svgWidth}}"
ng-attr-height="{{svgHeight}}" ng-hide="formDisplayed">
<g id="header">
<text x="335" y="14" ng-show="reporttype == 'hosts'">
State History for Host '{{host}}'
</text>
<text x="335" y="14"
ng-show="reporttype == 'services'">
State History for Service '{{service}}'
on Host '{{host}}'
</text>
<text x="335" y="31" id="timespan">
{{startTime | date:'EEE MMM dd HH:mm:ss yyyy'}} to
{{endTime | date:'EEE MMM dd HH:mm:ss yyyy'}}
</text>
</g>
<g id="grid" transform="translate(60,40)">
<g id="outline">
<line x1="0" y1="0" x2="0" y2="196"
style="stroke-width: 1px; stroke: rgb(0, 0, 0);"></line>
<line x1="0" y1="196" x2="550" y2="196"
style="stroke-width: 1px; stroke: rgb(0, 0, 0);"></line>
<line x1="550" y1="196" x2="550" y2="0"
style="stroke-width: 1px; stroke: rgb(0, 0, 0);"></line>
</g>
<g id="xaxis"></g>
<g id="xaxis-label">
<text x="275" y="276" style="text-anchor: middle;">
{{statisticsBreakdownLabel(breakdown)}}
</text>
</g>
<g id="yaxis" transform="translate(550,0)"></g>
<g id="yaxis-label">
<text transform="rotate(-90) translate(-98,-30)"
style="text-anchor: middle;">
Number of Events
</text>
</g>
</g>
<g class="summary" transform="translate(620,40)"
ng-show="reporttype == 'hosts'">
<text x="4" y="10" class="label">EVENT TYPE</text>
<text x="133" y="10" class="value">MIN</text>
<text x="170" y="10" class="value">MAX</text>
<text x="206" y="10" class="value">SUM</text>
<text x="248" y="10" class="value">AVG</text>
<line x1="4" y1="15" x2="276" y2="15"></line>
<text x="4" y="28" class="label up">Recovery (Up):</text>
<text x="133" y="28" class="value">
{{summary[breakdown].minima.up}}
</text>
<text x="170" y="28" class="value">
{{summary[breakdown].maxima.up}}
</text>
<text x="206" y="28" class="value">
{{summary[breakdown].totals.up}}
</text>
<text x="248" y="28" class="value">
{{summary[breakdown].totals.up / getBreakdownPeriods() | number:2}}
</text>
<text x="4" y="46" class="label down">Down:</text>
<text x="133" y="46" class="value">
{{summary[breakdown].minima.down}}
</text>
<text x="170" y="46" class="value">
{{summary[breakdown].maxima.down}}
</text>
<text x="206" y="46" class="value">
{{summary[breakdown].totals.down}}
</text>
<text x="248" y="46" class="value">
{{summary[breakdown].totals.down / getBreakdownPeriods() | number:2}}
</text>
<text x="4" y="64" class="label unreachable">
Unreachable:
</text>
<text x="133" y="64" class="value">
{{summary[breakdown].minima.unreachable}}
</text>
<text x="170" y="64" class="value">
{{summary[breakdown].maxima.unreachable}}
</text>
<text x="206" y="64" class="value">
{{summary[breakdown].totals.unreachable}}
</text>
<text x="248" y="64" class="value">
{{summary[breakdown].totals.unreachable / getBreakdownPeriods() | number:2}}
</text>
</g>
<g class="summary" transform="translate(620,40)"
ng-show="reporttype == 'services'">
<text x="4" y="10" class="label">EVENT TYPE</text>
<text x="133" y="10" class="value">MIN</text>
<text x="170" y="10" class="value">MAX</text>
<text x="206" y="10" class="value">SUM</text>
<text x="248" y="10" class="value">AVG</text>
<line x1="4" y1="15" x2="276" y2="15"></line>
<text x="4" y="28" class="label ok">Recovery (Ok):</text>
<text x="133" y="28" class="value">
{{summary[breakdown].minima.ok}}
</text>
<text x="170" y="28" class="value">
{{summary[breakdown].maxima.ok}}
</text>
<text x="206" y="28" class="value">
{{summary[breakdown].totals.ok}}
</text>
<text x="248" y="28" class="value">
{{summary[breakdown].totals.ok / getBreakdownPeriods() | number:2}}
</text>
<text x="4" y="46" class="label warning">Warning:</text>
<text x="133" y="46" class="value">
{{summary[breakdown].minima.warning}}
</text>
<text x="170" y="46" class="value">
{{summary[breakdown].maxima.warning}}
</text>
<text x="206" y="46" class="value">
{{summary[breakdown].totals.warning}}
</text>
<text x="248" y="46" class="value">
{{summary[breakdown].totals.warning / getBreakdownPeriods() | number:2}}
</text>
<text x="4" y="64" class="label unknown">Unknown:</text>
<text x="133" y="64" class="value">
{{summary[breakdown].minima.unknown}}
</text>
<text x="170" y="64" class="value">
{{summary[breakdown].maxima.unknown}}
</text>
<text x="206" y="64" class="value">
{{summary[breakdown].totals.unknown}}
</text>
<text x="248" y="64" class="value">
{{summary[breakdown].totals.unknown / getBreakdownPeriods() | number:2}}
</text>
<text x="4" y="82" class="label critical">Critical:</text>
<text x="133" y="82" class="value">
{{summary[breakdown].minima.critical}}
</text>
<text x="170" y="82" class="value">
{{summary[breakdown].maxima.critical}}
</text>
<text x="206" y="82" class="value">
{{summary[breakdown].totals.critical}}
</text>
<text x="248" y="82" class="value">
{{summary[breakdown].totals.critical / getBreakdownPeriods() | number:2}}
</text>
</g>
</svg>
</div>
</div>
|
