sn-controls-react

<!doctype html> <html lang="en"> <head> <title>Code coverage report for dist/src/viewcontrols/EditView.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">dist/src/viewcontrols</a> EditView.js </h1> <div class='clearfix'> <div class='fl pad1y space-right2'> 0% Statements 0/49 </div> <div class='fl pad1y space-right2'> 0% Branches 0/27 </div> <div class='fl pad1y space-right2'> 0% Functions 0/13 </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</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 __assign = (this && this.__assign) || Object.assign || function(t) { for (var s, i = 1, n = arguments.length; i < n; i++) { s = arguments[i]; for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p]; } return t; }; Object.defineProperty(exports, "__esModule", { value: true }); var React = require("react"); var sn_client_js_1 = require("sn-client-js"); var react_materialize_1 = require("react-materialize"); var EditViewStyles_1 = require("./EditViewStyles"); var EditView = (function (_super) { __extends(EditView, _super); function EditView(props) { var _this = _super.call(this, props) || this; _this.state = { content: _this.props.content, schema: _this.props.schema, saveableContent: sn_client_js_1.Content.Create(sn_client_js_1.ContentTypes.Task, { Id: _this.props.content.Id }, _this.props.repository) }; _this.handleInputChange = _this.handleInputChange.bind(_this); return _this; } EditView.prototype.handleInputChange = function (event) { var target = event.target; var value = target.type === 'checkbox' ? target.checked : target.value; var name = target.name; this.state.saveableContent[name] = value; this.setState({ content: this.props.content }); }; EditView.prototype.getFieldValue = function (name) { if (this.props.content[name]) { return this.props.content[name]; } else { return null; } }; EditView.prototype.render = function () { var _this = this; var fieldSettings = this.props.schema.FieldMappings; var that = this; return (React.createElement(react_materialize_1.Row, null, React.createElement("form", { style: EditViewStyles_1.styles.container, onSubmit: function (e) { e.preventDefault(); _this.props.onSubmit(_this.props.content.Id, _this.props.content.Type, _this.state.saveableContent.GetFields()); _this.props.history.goBack(); } }, React.createElement("h4", null, "Edit ", this.props.content.DisplayName), fieldSettings.map(function (e, i) { return (React.createElement(react_materialize_1.Col, { s: 12, m: fieldSettings[i].ControlType.name === 'RichTextEditor' ? 12 : 6, l: fieldSettings[i].ControlType.name === 'RichTextEditor' ? 12 : 6, key: fieldSettings[i].ClientSettings.name }, React.createElement(fieldSettings[i].ControlType, __assign({}, fieldSettings[i].ClientSettings, { 'data-actionName': 'edit', 'data-fieldValue': that.getFieldValue(fieldSettings[i].ClientSettings.name), onChange: that.handleInputChange })))); }), React.createElement(react_materialize_1.Col, { s: 12, m: 12, l: 12, style: EditViewStyles_1.styles.buttonContainer }, React.createElement(react_materialize_1.Button, { waves: 'light' }, "Submit"), React.createElement(react_materialize_1.Button, { waves: 'light' }, "Cancel"))))); }; return EditView; }(React.Component)); exports.EditView = EditView; //# sourceMappingURL=EditView.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 Wed Jul 19 2017 11:30:59 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>