i-react-utils

<!doctype html> <html lang="en"> <head> <title>Code coverage report for GlobalMessage.js</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> GlobalMessage.js </h1> <div class='clearfix'> <div class='fl pad1y space-right2'> 94.83% Statements 55/58 </div> <div class='fl pad1y space-right2'> 50% Branches 6/12 </div> <div class='fl pad1y space-right2'> 83.33% Functions 10/12 </div> <div class='fl pad1y space-right2'> 96.36% Lines 53/55 </div> </div> </div> <div class='status-line high'></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 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</td><td class="line-coverage quiet">                        5x 5x 5x 5x 5x 5x 5x       5x 5x               9x 9x       1x     1x 1x       9x 9x 9x 9x       9x 9x       4x 4x 4x 4x 4x 4x   4x         2x 2x 2x   2x       12x 12x     1x     1x     1x     1x     1x     1x     1x     2x             7x 7x       12x 12x 12x 7x 7x 7x 7x     12x 7x     12x                  </td><td class="text"><pre class="prettyprint lang-js">import React, {PropTypes} from 'react'; import {devOnly} from './utils';   /** */ export default class GlobalMessage extends React.Component {   static childContextTypes = { messenger : PropTypes.object };   constructor(props) { super(); this.props = props; this.messages = []; this.state = { messages : this.messages }; this.message = this.message.bind(this); this.clear = this.clear.bind(this); this._inUse = false; }   componentWillMount() { this._inUse = true; this.setState({messages: this.messages}); }   componentWillUnmount() { this._inUse = false; }   message(type, msg) { const messenger = this; let msgObj = { type : type, msg : msg, close() { messenger.close(msgObj); }, timeout(timeout) { Eif (timeout > 0) { setTimeout(function() { messenger.close(msgObj);}, timeout); } } }; let newArray = this.messages.slice(0); newArray.push(msgObj); Eif (this._inUse) { this.setState({messages: newArray}); } else { devOnly(() => {console.log("GlobalMessage: New message on an unmounted GlobalMessage Component:", "type=" + type, "message=" + msg);}); } this.messages = newArray; return msgObj; }   close(message) { let index = this.messages.indexOf(message); Eif (index > -1) { let newArray = this.messages.slice(0); newArray.splice(index, 1); Eif (this._inUse) { this.setState({messages: newArray}); } this.messages = newArray; } }   clear() { let array = []; Eif (this._inUse) { this.setState({messages: array}); } this.messages = array; }   getChildContext() { const _messenger = this; return { messenger : { success(msg) { return _messenger.message('success', msg); }, info(msg) { return _messenger.message('info', msg); }, warning(msg) { return _messenger.message('warning', msg); }, danger(msg) { return _messenger.message('danger', msg); }, warn(msg) { return _messenger.message('warning', msg); }, error(msg) { return _messenger.message('danger', msg); }, clear() { _messenger.clear(); }, close(message) { _messenger.close(message); } } }; }   generateHtml(_messages, _alertType){ const key = 'globalMessage-typeContainer-' + _alertType; return (<div key={key} className={`alert-container custom-alert-${_alertType}`}><div className={`container`}>{_messages}</div></div>) }   render() { const messages = [], rdyToRenderMsgs = []; let id = 0; this.state.messages.forEach((m) => { let key='globalMessage-' + id; messages[m.type] = messages[m.type] ? messages[m.type] : []; messages[m.type].push((<div key={key} className={`alert alert-${m.type}`} role="alert" dangerouslySetInnerHTML={{__html: m.msg}}/>)); id++; });   for (let key in messages) { rdyToRenderMsgs.push(this.generateHtml(messages[key], key)); }   return ( <div {...this.props}> <div className="globalMessages">{rdyToRenderMsgs}</div> {this.props.children} </div> ); } }    </pre></td></tr> </table></pre> <div class='push'></div> </div> <div class='footer quiet pad2 space-top1 center small'> Code coverage generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Sun Dec 17 2017 22:40:08 GMT+0100 (CET) </div> </div> <script src="prettify.js"></script> <script> window.onload = function () { if (typeof prettyPrint === 'function') { prettyPrint(); } }; </script> <script src="sorter.js"></script> </body> </html>