UNPKG

iot-dashboard

Version:

A generic dashboard application based on JavaScript, HTML and CSS. http://iot-dashboard.org

243 lines (242 loc) 9.12 kB
<!doctype 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">&nbsp;</span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-yes"></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"></span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-yes"></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"></span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-yes"></span> <span class="cline-any cline-no">&nbsp;</span> <span class="cline-any cline-neutral">&nbsp;</span> <span class="cline-any cline-yes"></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-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"></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"></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"; var __extends = (this &amp;&amp; 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)); &nbsp; &nbsp;</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>