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 | "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 |