coverage/PhantomJS 1.9.8 (Mac OS X)/src/heatmap/service.js.html from GabiGrin/angular-validation-messages

coverage/PhantomJS 1.9.8 (Mac OS X)/src/heatmap/service.js.html
Summary

Maintainability

Test Coverage

Issues
<!doctype html>
<html lang="en">
<head>
    <title>Code coverage report for src/heatmap/service.js</title>
    <meta charset="utf-8">

    <link rel="stylesheet" href="../../prettify.css">

    <style>
        body, html {
            margin:0; padding: 0;
        }
        body {
            font-family: Helvetica Neue, Helvetica,Arial;
            font-size: 10pt;
        }
        div.header, div.footer {
            background: #eee;
            padding: 1em;
        }
        div.header {
            z-index: 100;
            position: fixed;
            top: 0;
            border-bottom: 1px solid #666;
            width: 100%;
        }
        div.footer {
            border-top: 1px solid #666;
        }
        div.body {
            margin-top: 10em;
        }
        div.meta {
            font-size: 90%;
            text-align: center;
        }
        h1, h2, h3 {
            font-weight: normal;
        }
        h1 {
            font-size: 12pt;
        }
        h2 {
            font-size: 10pt;
        }
        pre {
            font-family: Consolas, Menlo, Monaco, monospace;
            margin: 0;
            padding: 0;
            line-height: 14px;
            font-size: 14px;
            -moz-tab-size: 2;
            -o-tab-size:  2;
            tab-size: 2;
        }

        div.path { font-size: 110%; }
        div.path a:link, div.path a:visited { color: #000; }
        table.coverage { border-collapse: collapse; margin:0; padding: 0 }

        table.coverage td {
            margin: 0;
            padding: 0;
            color: #111;
            vertical-align: top;
        }
        table.coverage td.line-count {
            width: 50px;
            text-align: right;
            padding-right: 5px;
        }
        table.coverage td.line-coverage {
            color: #777 !important;
            text-align: right;
            border-left: 1px solid #666;
            border-right: 1px solid #666;
        }

        table.coverage td.text {
        }

        table.coverage td span.cline-any {
            display: inline-block;
            padding: 0 5px;
            width: 40px;
        }
        table.coverage td span.cline-neutral {
            background: #eee;
        }
        table.coverage td span.cline-yes {
            background: #b5d592;
            color: #999;
        }
        table.coverage td span.cline-no {
            background: #fc8c84;
        }

        .cstat-yes { color: #111; }
        .cstat-no { background: #fc8c84; color: #111; }
        .fstat-no { background: #ffc520; color: #111 !important; }
        .cbranch-no { background:  yellow !important; color: #111; }

        .cstat-skip { background: #ddd; color: #111; }
        .fstat-skip { background: #ddd; color: #111 !important; }
        .cbranch-skip { background: #ddd !important; color: #111; }

        .missing-if-branch {
            display: inline-block;
            margin-right: 10px;
            position: relative;
            padding: 0 4px;
            background: black;
            color: yellow;
        }

        .skip-if-branch {
            display: none;
            margin-right: 10px;
            position: relative;
            padding: 0 4px;
            background: #ccc;
            color: white;
        }

        .missing-if-branch .typ, .skip-if-branch .typ {
            color: inherit !important;
        }

        .entity, .metric { font-weight: bold; }
        .metric { display: inline-block; border: 1px solid #333; padding: 0.3em; background: white; }
        .metric small { font-size: 80%; font-weight: normal; color: #666; }

        div.coverage-summary table { border-collapse: collapse; margin: 3em; font-size: 110%; }
        div.coverage-summary td, div.coverage-summary table  th { margin: 0; padding: 0.25em 1em; border-top: 1px solid #666; border-bottom: 1px solid #666; }
        div.coverage-summary th { text-align: left; border: 1px solid #666; background: #eee; font-weight: normal; }
        div.coverage-summary th.file { border-right: none !important; }
        div.coverage-summary th.pic { border-left: none !important; text-align: right; }
        div.coverage-summary th.pct { border-right: none !important; }
        div.coverage-summary th.abs { border-left: none !important; text-align: right; }
        div.coverage-summary td.pct { text-align: right; border-left: 1px solid #666; }
        div.coverage-summary td.abs { text-align: right; font-size: 90%; color: #444; border-right: 1px solid #666; }
        div.coverage-summary td.file { text-align: right; border-left: 1px solid #666; white-space: nowrap;  }
        div.coverage-summary td.pic { min-width: 120px !important;  }
        div.coverage-summary a:link { text-decoration: none; color: #000; }
        div.coverage-summary a:visited { text-decoration: none; color: #333; }
        div.coverage-summary a:hover { text-decoration: underline; }
        div.coverage-summary tfoot td { border-top: 1px solid #666; }

        div.coverage-summary .yui3-datatable-sort-indicator, div.coverage-summary .dummy-sort-indicator {
            height: 10px;
            width: 7px;
            display: inline-block;
            margin-left: 0.5em;
        }
        div.coverage-summary .yui3-datatable-sort-indicator {
            background: url("https://yui-s.yahooapis.com/3.6.0/build/datatable-sort/assets/skins/sam/sort-arrow-sprite.png") no-repeat scroll 0 0 transparent;
        }
        div.coverage-summary .yui3-datatable-sorted .yui3-datatable-sort-indicator {
            background-position: 0 -20px;
        }
        div.coverage-summary .yui3-datatable-sorted-desc .yui3-datatable-sort-indicator {
            background-position: 0 -10px;
        }

        .high { background: #b5d592 !important; }
        .medium { background: #ffe87c !important; }
        .low { background: #fc8c84 !important; }

        span.cover-fill, span.cover-empty {
            display:inline-block;
            border:1px solid #444;
            background: white;
            height: 12px;
        }
        span.cover-fill {
            background: #ccc;
            border-right: 1px solid #444;
        }
        span.cover-empty {
            background: white;
            border-left: none;
        }
        span.cover-full {
            border-right: none !important;
        }
        pre.prettyprint {
            border: none !important;
            padding: 0 !important;
            margin: 0 !important;
        }
        .com { color: #999 !important; }
        .ignore-none { color: #999; font-weight: normal; }

    </style>
</head>
<body>
<div class="header medium">
    <h1>Code coverage report for <span class="entity">src/heatmap/service.js</span></h1>
    <h2>
        
        Statements: <span class="metric">65.35% <small>(83 / 127)</small></span> &nbsp;&nbsp;&nbsp;&nbsp;
        
        
        Branches: <span class="metric">64.52% <small>(40 / 62)</small></span> &nbsp;&nbsp;&nbsp;&nbsp;
        
        
        Functions: <span class="metric">77.78% <small>(21 / 27)</small></span> &nbsp;&nbsp;&nbsp;&nbsp;
        
        
        Lines: <span class="metric">65.35% <small>(83 / 127)</small></span> &nbsp;&nbsp;&nbsp;&nbsp;
        
        Ignored: <span class="metric"><span class="ignore-none">none</span></span> &nbsp;&nbsp;&nbsp;&nbsp;
    </h2>
    <div class="path"><a href="../../index.html">All files</a> &#187; <a href="index.html">src/heatmap/</a> &#187; service.js</div>
</div>
<div class="body">
<pre><table class="coverage">
<tr><td class="line-count">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
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281</td><td class="line-coverage"><span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">1</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">18</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">1</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">1</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">1</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">18</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">18</span>
<span class="cline-any cline-yes">15</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">12</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">12</span>
<span class="cline-any cline-yes">36</span>
<span class="cline-any cline-yes">103</span>
<span class="cline-any cline-yes">103</span>
<span class="cline-any cline-yes">41</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">103</span>
<span class="cline-any cline-yes">12</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">12</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">10</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">10</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">10</span>
<span class="cline-any cline-yes">3</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">7</span>
<span class="cline-any cline-yes">25</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">10</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">34</span>
<span class="cline-any cline-yes">1</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">33</span>
<span class="cline-any cline-yes">53</span>
<span class="cline-any cline-yes">32</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">1</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">3</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">3</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">131</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">30</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">30</span>
<span class="cline-any cline-yes">30</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">30</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">17</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">6</span>
<span class="cline-any cline-yes">2</span>
<span class="cline-any cline-yes">1</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">1</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">4</span>
<span class="cline-any cline-yes">4</span>
<span class="cline-any cline-yes">4</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">5</span>
<span class="cline-any cline-yes">5</span>
<span class="cline-any cline-yes">5</span>
<span class="cline-any cline-yes">5</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">5</span>
<span class="cline-any cline-yes">3</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">3</span>
<span class="cline-any cline-yes">12</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">12</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">12</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">5</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">5</span>
<span class="cline-any cline-yes">5</span>
<span class="cline-any cline-yes">5</span>
<span class="cline-any cline-yes">5</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">5</span>
<span class="cline-any cline-yes">3</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">3</span>
<span class="cline-any cline-yes">12</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">12</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">5</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">5</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">4</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">3</span>
<span class="cline-any cline-yes">3</span>
<span class="cline-any cline-yes">3</span>
<span class="cline-any cline-yes">3</span>
<span class="cline-any cline-yes">3</span>
<span class="cline-any cline-yes">3</span>
<span class="cline-any cline-yes">3</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">3</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">3</span>
<span class="cline-any cline-yes">9</span>
<span class="cline-any cline-yes">28</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">28</span>
<span class="cline-any cline-yes">28</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">28</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-yes">3</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-no">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span>
<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">'use strict';
angular.module('gg.heatmap')
.provider('HeatmapHelper', function HeatmapHelper() {
&nbsp;
  var defaultOptions = {
    width: null,
    height: null,
    heightRatio: 0.8,
    cellSize: null,
    margin: 4,
    tooltipDelay: 500,
    labelsFontSize: {
      rows: 12,
      cols: 12
    },
    labelsContainerSize: {
      rows: 50,
      cols: 20
    },
    responsive: true
  };
&nbsp;
<span class="fstat-no" title="function not covered" >  function _getMeasure(elm, measure) {</span>
<span class="cstat-no" title="statement not covered" >    var size = elm.css(measure);</span>
<span class="cstat-no" title="statement not covered" >    return size &amp;&amp; size.replace ? parseInt(size.replace('px', '')) : 0;</span>
  }
&nbsp;
<span class="fstat-no" title="function not covered" >  function getWidth(elm) {</span>
<span class="cstat-no" title="statement not covered" >    return _getMeasure(elm, 'width');</span>
  }
&nbsp;
<span class="fstat-no" title="function not covered" >  function getHeight(elm) {</span>
<span class="cstat-no" title="statement not covered" >    return _getMeasure(elm, 'height');</span>
  }
&nbsp;
  this.setDefaultOptions = <span class="fstat-no" title="function not covered" >function (options) {</span>
<span class="cstat-no" title="statement not covered" >    defaultOptions = angular.copy(options);</span>
  };
&nbsp;
  this.$get = function () {
    return {
      drawDelay: 1,
      cubeTemplate: '&lt;div class="heatmap-cube" style="width: $width$;height: $height$;top: $top$; left:$left$; background-color:$color$" value="$value$" title="$tooltip$"&gt;&lt;span style="line-height:$height$"&gt;$value$&lt;/span&gt;&lt;/div&gt;',
      defaultZeroColor: '#fffff',
      defaultColors: ['#a4fba6', '#4ae54a', '#30cb00', '#0f9200', '#006203'],
      randomData: <span class="fstat-no" title="function not covered" >function (rows, cols, min, max) {</span>
<span class="cstat-no" title="statement not covered" >        var matrix = [];</span>
<span class="cstat-no" title="statement not covered" >        min = min || 0;</span>
<span class="cstat-no" title="statement not covered" >        max = max || 100;</span>
<span class="cstat-no" title="statement not covered" >        rows = rows || 7;</span>
<span class="cstat-no" title="statement not covered" >        cols = cols || 10;</span>
<span class="cstat-no" title="statement not covered" >        for (var i = 0; i &lt; rows; i++) {</span>
<span class="cstat-no" title="statement not covered" >          matrix.push([]);</span>
<span class="cstat-no" title="statement not covered" >          for (var j = 0;j &lt; cols; j++) {</span>
<span class="cstat-no" title="statement not covered" >            var val = min + parseInt(Math.random() * Math.random() * (max - min));</span>
<span class="cstat-no" title="statement not covered" >            matrix[i].push(j % 2 ? val : {value: val, tooltip: 'Value is: ' + val});</span>
          }
        }
<span class="cstat-no" title="statement not covered" >        return matrix;</span>
      },
      getMatrixMinMax: function (matrix) {
       var max = -9007199254740992,
       min = 9007199254740992,
       _this = this;
&nbsp;
       angular.forEach(matrix, function (row) {
        angular.forEach(row, function (cell) {
          var val = _this.getCellValue(cell);
          if (val &gt; max) {
            max = val;
          }
&nbsp;
          if (val &lt; min) {
            min = val;
          }
        });
      });
&nbsp;
       return {min: min, max:max};
     },
     createRangesArray: function (matrix, slots) {
       var minMax = this.getMatrixMinMax(matrix),
       range = minMax.max - minMax.min,
       ranges = [];
       slots = slots || 5;
&nbsp;
      //all are the same we just have one range..
      if (!range) {
       ranges = [minMax.min];
     } else {
        //first and last range will always be min and max, so all that is left is to create the inner values
        for (var i = 0; i &lt; slots;i++) {
         ranges.push(minMax.min + i * range / (slots - 1));
       }
     }
     return ranges;
   },
   getRangeSlotFromValue: function (value, ranges) {
    if (!ranges || !ranges.length) {
      throw 'ranges must be given';
    }
    for (var i = 0;i &lt; ranges.length - 1;i++) {
      if (value &gt;= ranges[i] &amp;&amp; value &lt;= ranges[i + 1]) {
        return i;
      }
    }
    throw 'value cannot be outside of the range';
  },
  calcualteFontSize: function (cellSize) {
    var ratio = 0.4,
    fontSize = cellSize.width * ratio,
    min = 7;
    return (fontSize &gt; min ? fontSize : min) + 'px';
  },
  getCellValue: function (cell) {
    return cell &amp;&amp; cell.value !== undefined ? cell.value : cell;
  },
  createCube: function (val, color, size, position, tooltip) {
&nbsp;
    var html = this.cubeTemplate
    .replace(/\$value\$/g, val)
    .replace(/\$width\$/g, (size.width || size) + 'px')
    .replace(/\$height\$/g, (size.height || size) + 'px')
    .replace(/\$top\$/g, (position.top) + 'px')
    .replace(/\$left\$/g, (position.left) + 'px')
    .replace(/\$color\$/g, color)
    .replace(/\$tooltip\$/g, tooltip || '');
    var elem = angular.element(html);
    <span class="missing-if-branch" title="if path not taken" >I</span>if (val === null) {
<span class="cstat-no" title="statement not covered" >      elem.css('display', 'none');</span>
    }
&nbsp;
    return elem;
  },
  getOptions: function (givenOptions) {
    return angular.extend({}, defaultOptions, givenOptions);
  },
  calculateCubeSize: function (elemWidth, rows, options) {
    if (options.cellSize) {
      if (options.cellSize.width) {
        return angular.copy(options.cellSize);
      } else {
        return {width: options.cellSize, height: options.cellSize};
      }
    } else {
      var cellWidth = (elemWidth - (rows - 1) * options.margin) / rows;
      var cellHeight = cellWidth * options.heightRatio;
      return {width: parseInt(cellWidth), height: parseInt(cellHeight)};
    }
  },
  createColsLabels: function (labels, totalWidth, rowsLabelsWidth, options) {
    var className = 'heatmap-labels columns';
    var labelWidth = totalWidth / labels.length;
    var container = angular.element('&lt;div&gt;');
    container.addClass(className);
&nbsp;
    if (labels.length) {
      container.css('width', totalWidth + 'px')
      .css('height', options.labelsContainerSize.cols + 'px')
      .css('line-height', options.labelsContainerSize.cols + 'px')
      .css('left', rowsLabelsWidth + 'px')
      .css('top', 0);
      angular.forEach(labels, function (label, idx) {
        var labelDom = angular.element('&lt;div&gt;')
        .addClass('heatmap-label label-column')
        .css('width', labelWidth + 'px')
        .css('left', labelWidth * idx + 'px');
        var labelSpan = angular.element('&lt;span&gt;')
        .addClass('label-value')
        .text(label);
&nbsp;
        container.append(labelDom.append(labelSpan));
      });
    }
    return container;
  },
  createRowsLabels: function (labels, totalHeight, colsLabelsWidth, options) {
    var className = 'heatmap-labels rows';
    var labelHeight = totalHeight / labels.length;
    var container = angular.element('&lt;div&gt;');
    container.addClass(className);
&nbsp;
    if (labels.length) {
      container.css('height', totalHeight + 'px')
      .css('width', options.labelsContainerSize.rows + 'px')
      .css('top', colsLabelsWidth + 'px')
      .css('left', 0);
      angular.forEach(labels, function (label, idx) {
        var labelDom = angular.element('&lt;div&gt;')
        .addClass('heatmap-label label-row')
        .text(label)
        .css('height', labelHeight + 'px')
        .css('top', labelHeight * idx + 'px');
        container.append(labelDom);
      });
    }
    return container;
  },
  calculateMatrixContainerSize: function (cols, rows, cubeSize, margin) {
    return {
      width: parseInt(cols * (cubeSize.width + margin) - margin),
      height: parseInt(rows * (cubeSize.height + margin) - margin)
    };
  },
  createMatrixContainer: function (width, height) {
    return angular.element('&lt;div&gt;')
    .addClass('heatmap-matrix-container')
    .css('width', width + 'px')
    .css('height', height + 'px');
  },
  renderMatrixContainer: function (colors, slots, matrix, cellSize, margin) {
    var rows = matrix.length;
    var cols = matrix[0].length;
    var containerSize = this.calculateMatrixContainerSize(cols, rows, cellSize, margin);
    var container = this.createMatrixContainer(containerSize.width, containerSize.height);
    var _this = this;
    var ranges = _this.createRangesArray(matrix, slots + 1);
    var tooltipErrorShown = false;
&nbsp;
    container.css('fontSize', this.calcualteFontSize(cellSize));
&nbsp;
    angular.forEach(matrix, function (row, rowIndex) {
      angular.forEach(row, function (cellObj, colIndex) {
        var cellValue = _this.getCellValue(cellObj),
        tooltip = cellObj &amp;&amp; cellObj.tooltip,
        slot = _this.getRangeSlotFromValue(cellValue, ranges),
        color = colors[slot],
        position = {
          left: colIndex * (cellSize.width + margin),
          top: rowIndex * (cellSize.height + margin)
        },
        cube = _this.createCube(cellValue, color, cellSize, position, tooltip);
        cube.addClass('heatmap-range-' + slot);
        <span class="missing-if-branch" title="if path not taken" >I</span>if (tooltip) {
<span class="cstat-no" title="statement not covered" >          try {</span>
<span class="cstat-no" title="statement not covered" >            $(cube).tooltip({container: 'body', delay: {show: defaultOptions.tooltipDelay}});</span>
          } catch (e) {
<span class="cstat-no" title="statement not covered" >            if (!tooltipErrorShown) {</span>
<span class="cstat-no" title="statement not covered" >              console.error('jquery and bootstrap.js are required to display tooltips!');</span>
            }
          }
        }
        container.append(cube);
      });
    });
    return container;
  },
  renderMap: <span class="fstat-no" title="function not covered" >function renderMap(elem, matrix, colors, slots, colLabels, rowLabels, givenOptions) {</span>
<span class="cstat-no" title="statement not covered" >    var _this = this;</span>
<span class="cstat-no" title="statement not covered" >    var options = _this.getOptions(givenOptions);</span>
<span class="cstat-no" title="statement not covered" >    var colLabelsHeight = colLabels.length ? options.labelsContainerSize.cols : 0;</span>
<span class="cstat-no" title="statement not covered" >    var rowLabelsWidth = rowLabels.length ? options.labelsContainerSize.rows : 0;</span>
&nbsp;
<span class="cstat-no" title="statement not covered" >    var ranges = _this.createRangesArray(matrix, slots + 1);</span>
<span class="cstat-no" title="statement not covered" >    var containerWidth = elem.width();</span>
<span class="cstat-no" title="statement not covered" >    var rows = matrix[0].length;</span>
<span class="cstat-no" title="statement not covered" >    var margin = options.margin;</span>
<span class="cstat-no" title="statement not covered" >    console.log('margin', margin);</span>
<span class="cstat-no" title="statement not covered" >    var cellSize = _this.calculateCubeSize(elem.width() - rowLabelsWidth, rows, options);</span>
<span class="cstat-no" title="statement not covered" >    var renderedMatrix = _this.renderMatrixContainer(colors, slots, matrix, cellSize, margin);</span>
<span class="cstat-no" title="statement not covered" >    var height = getHeight(renderedMatrix) + colLabelsHeight;</span>
<span class="cstat-no" title="statement not covered" >    console.log('rs,', rowLabelsWidth, containerWidth);</span>
<span class="cstat-no" title="statement not covered" >    var columnLabelsContainer = _this.createColsLabels(colLabels, getWidth(renderedMatrix), rowLabelsWidth, options);</span>
<span class="cstat-no" title="statement not covered" >    var rowsLabelContainer = _this.createRowsLabels(rowLabels, height - colLabelsHeight, colLabelsHeight, options);</span>
&nbsp;
<span class="cstat-no" title="statement not covered" >    console.log('bb', height, colLabelsHeight);</span>
<span class="cstat-no" title="statement not covered" >    elem.empty();</span>
<span class="cstat-no" title="statement not covered" >    elem.css('height', height);</span>
<span class="cstat-no" title="statement not covered" >    renderedMatrix.css('top', colLabelsHeight + 'px');</span>
<span class="cstat-no" title="statement not covered" >    renderedMatrix.css('left', rowLabelsWidth + 'px');</span>
&nbsp;
<span class="cstat-no" title="statement not covered" >    elem.append(columnLabelsContainer);</span>
<span class="cstat-no" title="statement not covered" >    elem.append(rowsLabelContainer);</span>
    //create matrix of cubes
<span class="cstat-no" title="statement not covered" >    elem.append(renderedMatrix);</span>
  }
&nbsp;
};
};
});
&nbsp;</pre></td></tr>
</table></pre>

</div>
<div class="footer">
    <div class="meta">Generated by <a href="http://istanbul-js.org/" target="_blank">istanbul</a> at Thu Nov 13 2014 11:05:05 GMT+0200 (IST)</div>
</div>

<script src="../../prettify.js"></script>

<script src="https://yui-s.yahooapis.com/3.6.0/build/yui/yui-min.js"></script>
<script>

    YUI().use('datatable', function (Y) {

        var formatters = {
          pct: function (o) {
              o.className += o.record.get('classes')[o.column.key];
              try {
                  return o.value.toFixed(2) + '%';
              } catch (ex) { return o.value + '%'; }
          },
          html: function (o) {
              o.className += o.record.get('classes')[o.column.key];
              return o.record.get(o.column.key + '_html');
          }
        },
          defaultFormatter = function (o) {
              o.className += o.record.get('classes')[o.column.key];
              return o.value;
          };

        function getColumns(theadNode) {
            var colNodes = theadNode.all('tr th'),
                cols = [],
                col;
            colNodes.each(function (colNode) {
                col = {
                    key: colNode.getAttribute('data-col'),
                    label: colNode.get('innerHTML') || ' ',
                    sortable: !colNode.getAttribute('data-nosort'),
                    className: colNode.getAttribute('class'),
                    type: colNode.getAttribute('data-type'),
                    allowHTML: colNode.getAttribute('data-html') === 'true' || colNode.getAttribute('data-fmt') === 'html'
                };
                col.formatter = formatters[colNode.getAttribute('data-fmt')] || defaultFormatter;
                cols.push(col);
            });
            return cols;
        }

        function getRowData(trNode, cols) {
            var tdNodes = trNode.all('td'),
                    i,
                    row = { classes: {} },
                    node,
                    name;
            for (i = 0; i < cols.length; i += 1) {
                name = cols[i].key;
                node = tdNodes.item(i);
                row[name] = node.getAttribute('data-value') || node.get('innerHTML');
                row[name + '_html'] = node.get('innerHTML');
                row.classes[name] = node.getAttribute('class');
                //Y.log('Name: ' + name + '; Value: ' + row[name]);
                if (cols[i].type === 'number') { row[name] = row[name] * 1; }
            }
            //Y.log(row);
            return row;
        }

        function getData(tbodyNode, cols) {
            var data = [];
            tbodyNode.all('tr').each(function (trNode) {
                data.push(getRowData(trNode, cols));
            });
            return data;
        }

        function replaceTable(node) {
            if (!node) { return; }
            var cols = getColumns(node.one('thead')),
                data = getData(node.one('tbody'), cols),
                table,
                parent = node.get('parentNode');

            table = new Y.DataTable({
                columns: cols,
                data: data,
                sortBy: 'file'
            });
            parent.set('innerHTML', '');
            table.render(parent);
        }

        Y.on('domready', function () {
            replaceTable(Y.one('div.coverage-summary table'));
            if (typeof prettyPrint === 'function') {
                prettyPrint();
            }
        });
    });
</script>
</body>
</html>