iot-dashboard
Version:
A generic dashboard application based on JavaScript, HTML and CSS. http://iot-dashboard.org
243 lines (242 loc) • 9.12 kB
HTML
<html lang="en">
<head>
<title>Code coverage report for src/datasource/datasourceFrames.ui.tsx</title>
<meta charset="utf-8" />
<link rel="stylesheet" href="../../prettify.css" />
<link rel="stylesheet" href="../../base.css" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<style type='text/css'>
.coverage-summary .sorter {
background-image: url(../../sort-arrow-sprite.png);
}
</style>
</head>
<body>
<div class='wrapper'>
<div class='pad1'>
<h1>
<a href="../../index.html">all files</a> / <a href="index.html">src/datasource/</a> datasourceFrames.ui.tsx
</h1>
<div class='clearfix'>
<div class='fl pad1y space-right2'>
<span class="strong">78.95% </span>
<span class="quiet">Statements</span>
<span class='fraction'>30/38</span>
</div>
<div class='fl pad1y space-right2'>
<span class="strong">55.56% </span>
<span class="quiet">Branches</span>
<span class='fraction'>5/9</span>
</div>
<div class='fl pad1y space-right2'>
<span class="strong">75% </span>
<span class="quiet">Functions</span>
<span class='fraction'>9/12</span>
</div>
<div class='fl pad1y space-right2'>
<span class="strong">82.86% </span>
<span class="quiet">Lines</span>
<span class='fraction'>29/35</span>
</div>
</div>
</div>
<div class='status-line medium'></div>
<pre><table class="coverage">
<tr><td class="line-count quiet">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</td><td class="line-coverage quiet"><span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-yes">2×</span>
<span class="cline-any cline-yes">2×</span>
<span class="cline-any cline-yes">2×</span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-no"> </span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-no"> </span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-no"> </span>
<span class="cline-any cline-no"> </span>
<span class="cline-any cline-no"> </span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-no"> </span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-yes">1×</span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-neutral"> </span>
<span class="cline-any cline-neutral"> </span></td><td class="text"><pre class="prettyprint lang-js">"use strict";
var __extends = (this && this.__extends) || function (d, b) {
for (var p in b) <span class="cstat-no" title="statement not covered" >if (b.hasOwnProperty(p)) <span class="cstat-no" title="statement not covered" >d[p] = b[p];</span></span>
function __() { this.constructor = d; }
d.prototype = b === null ? <span class="branch-0 cbranch-no" title="branch not covered" >Object.create(b) </span>: (__.prototype = b.prototype, new __());
};
var React = require("react");
var react_redux_1 = require("react-redux");
var _ = require("lodash");
var dashboard_1 = require("../dashboard");
var DatasourceFrames = (function (_super) {
__extends(DatasourceFrames, _super);
function DatasourceFrames() {
_super.apply(this, arguments);
}
DatasourceFrames.prototype.render = function () {
var _this = this;
return React.createElement("div", {style: { width: 1, height: 1, position: "fixed", left: 0, top: 0 }}, _.valuesIn(this.props.datasources).map(function (dsState) {
var pluginLoaded = dashboard_1.default.getInstance().datasourcePluginRegistry.hasPlugin(dsState.type);
var datasourcePluginState = _this.props.datasourcePlugins[dsState.type];
return pluginLoaded
? <span class="branch-0 cbranch-no" title="branch not covered" >React.createElement(DatasourceIFrame, {key: dsState.id, datasourcePluginState: datasourcePluginState, datasourceState: dsState})</span>
: React.createElement("div", {key: dsState.id}, "Datasource Loading ...");
}));
};
return DatasourceFrames;
}(React.Component));
Object.defineProperty(exports, "__esModule", { value: true });
exports.default = react_redux_1.connect(function (state) {
return {
datasources: state.datasources,
datasourcePlugins: state.datasourcePlugins
};
}, function (dispatch) {
return {};
})(DatasourceFrames);
var DatasourceIFrame = (function (_super) {
__extends(DatasourceIFrame, _super);
<span class="fstat-no" title="function not covered" > function DatasourceIFrame(props) {</span>
<span class="cstat-no" title="statement not covered" > _super.call(this, props);</span>
}
DatasourceIFrame.prototype.componentDidMount = <span class="fstat-no" title="function not covered" >function () {</span>
<span class="cstat-no" title="statement not covered" > var element = this.refs['frame'];</span>
// TODO: UI is loaded before the datasource is loaded to the registry, this throws then ...
<span class="cstat-no" title="statement not covered" > var dsFactory = dashboard_1.default.getInstance().datasourcePluginRegistry.getPlugin(this.props.datasourceState.type);</span>
<span class="cstat-no" title="statement not covered" > var dsInstance = dsFactory.getInstance(this.props.datasourceState.id);</span>
<span class="cstat-no" title="statement not covered" > dsInstance.iFrame = element;</span>
};
// allow-popups allow-same-origin allow-modals allow-forms
// A sandbox that includes both the allow-same-origin and allow-scripts flags,
// then the framed page can reach up into the parent, and remove the sandbox attribute entirely.
// Only if the framed content comes from the same origin of course.
DatasourceIFrame.prototype.render = <span class="fstat-no" title="function not covered" >function () {</span>
<span class="cstat-no" title="statement not covered" > return React.createElement("iframe", {id: 'frame-' + this.props.datasourceState.id, ref: "frame", src: "datasource.html#" + this.props.datasourcePluginState.url, frameBorder: "0", width: "100%", height: "100%", scrolling: "no", sandbox: "allow-scripts"}, "Browser does not support iFrames.");</span>
};
;
return DatasourceIFrame;
}(React.Component));
</pre></td></tr>
</table></pre>
<div class='push'></div><!-- for sticky footer -->
</div><!-- /wrapper -->
<div class='footer quiet pad2 space-top1 center small'>
Code coverage
generated by <a href="http://istanbul-js.org/" target="_blank">istanbul</a> at Fri Nov 04 2016 11:23:08 GMT+0000 (UTC)
</div>
</div>
<script src="../../prettify.js"></script>
<script>
window.onload = function () {
if (typeof prettyPrint === 'function') {
prettyPrint();
}
};
</script>
<script src="../../sorter.js"></script>
</body>
</html>