sn-controls-react

<!doctype html> <html lang="en"> <head> <title>Code coverage report for src/fieldcontrols/RichTextEditor/RichTextEditor.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> / <a href="index.html">src/fieldcontrols/RichTextEditor</a> RichTextEditor.js </h1> <div class='clearfix'> <div class='fl pad1y space-right2'> 0% Statements 0/53 </div> <div class='fl pad1y space-right2'> 0% Branches 0/54 </div> <div class='fl pad1y space-right2'> 0% Functions 0/12 </div> <div class='fl pad1y space-right2'> 0% Lines 0/46 </div> </div> </div> <div class='status-line low'></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</td><td class="line-coverage quiet">                                                                                                                                                                                                         </td><td class="text"><pre class="prettyprint lang-js">"use strict"; var __extends = (this && this.__extends) || (function () { var extendStatics = Object.setPrototypeOf || ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; return function (d, b) { extendStatics(d, b); function __() { this.constructor = d; } d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); }; })(); var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r; return c > 3 && r && Object.defineProperty(target, key, r), r; }; var __metadata = (this && this.__metadata) || function (k, v) { if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v); }; Object.defineProperty(exports, "__esModule", { value: true }); var React = require("react"); var ReactQuill = require("react-quill"); require("react-quill/dist/quill.snow.css"); require("./RichTextEditorStyles.css"); var radium_1 = require("radium"); var RichTextEditor = (function (_super) { __extends(RichTextEditor, _super); function RichTextEditor(props) { var _this = _super.call(this, props) || this; _this.state = { value: _this.setValue(_this.props['data-fieldValue']) }; _this.handleChange = _this.handleChange.bind(_this); return _this; } RichTextEditor.prototype.setValue = function (value) { if (value) { return value; } else { if (this.props['data-defaultValue']) { return this.props['data-defaultValue']; } else { return ''; } } }; RichTextEditor.prototype.handleChange = function (event) { this.setState({ value: event.target.value }); }; RichTextEditor.prototype.render = function () { switch (this.props['data-actionName']) { case 'edit': return (React.createElement(ReactQuill, { name: this.props.name, label: this.props.required ? this.props['data-labelText'] + ' *' : this.props['data-labelText'], className: this.props.className, style: this.props.style, value: this.state.value, readOnly: this.props.readOnly, required: this.props.required, disabled: this.props.readOnly, error: this.props['data-errorText'], s: 12, m: 12, l: 12, modules: modules, formats: formats })); case 'new': return (React.createElement(ReactQuill, { name: this.props.name, label: this.props.required ? this.props['data-labelText'] + ' *' : this.props['data-labelText'], className: this.props.className, style: this.props.style, defaultValue: this.props['data-defaultValue'], readOnly: this.props.readOnly, required: this.props.required, disabled: this.props.readOnly, error: this.props['data-errorText'], s: 12, m: 12, l: 12, modules: modules, formats: formats })); case 'browse': return (React.createElement("div", null, React.createElement("label", null, this.props['data-labelText']), React.createElement("div", { dangerouslySetInnerHTML: { __html: this.props['data-fieldValue'] } }))); default: break; } }; RichTextEditor = __decorate([ radium_1.default, __metadata("design:paramtypes", [Object]) ], RichTextEditor); return RichTextEditor; }(React.Component)); exports.RichTextEditor = RichTextEditor; var modules = { toolbar: [ ['bold', 'italic', 'underline', 'strike'], ['blockquote', 'code-block'], [{ 'header': 1 }, { 'header': 2 }], [{ 'list': 'ordered' }, { 'list': 'bullet' }], [{ 'script': 'sub' }, { 'script': 'super' }], [{ 'indent': '-1' }, { 'indent': '+1' }], [{ 'direction': 'rtl' }], [{ 'size': ['small', false, 'large', 'huge'] }], [{ 'header': [1, 2, 3, 4, 5, 6, false] }], [{ 'color': [] }, { 'background': [] }], [{ 'font': [] }], [{ 'align': [] }], ['clean'] ] }; var formats = [ 'header', 'font', 'size', 'bold', 'italic', 'underline', 'strike', 'blockquote', 'list', 'bullet', 'indent', 'link', 'image', 'video' ]; //# sourceMappingURL=RichTextEditor.js.map</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 Thu Jul 20 2017 13:24:12 GMT+0200 (Central Europe Daylight Time) </div> </div> <script src="..\..\..\prettify.js"></script> <script> window.onload = function () { if (typeof prettyPrint === 'function') { prettyPrint(); } }; </script> <script src="..\..\..\sorter.js"></script> </body> </html>