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 | "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 react_materialize_1 = require("react-materialize"); var NewViewStyles_1 = require("./NewViewStyles"); var NewView = (function (_super) { __extends(NewView, _super); function NewView(props) { var _this = _super.call(this, props) || this; _this.state = { content: _this.props.content }; _this.handleInputChange = _this.handleInputChange.bind(_this); _this.handleCancel = _this.handleCancel.bind(_this); return _this; } NewView.prototype.handleCancel = function () { this.props.history.goBack(); }; NewView.prototype.handleInputChange = function (event) { var target = event.target; var value = target.type === 'checkbox' ? target.checked : target.value; var name = target.name; this.props.content[name] = value; this.setState({ content: this.props.content }); }; NewView.prototype.render = function () { var _this = this; var fieldSettings = this.props.schema.FieldMappings; var that = this; var onChangeEvent = this.handleInputChange; return (React.createElement(react_materialize_1.Row, null, React.createElement("form", { style: NewViewStyles_1.styles.container, onSubmit: function (e) { e.preventDefault(); _this.props.onSubmit(_this.props.content.Path, _this.props.type, _this.state.content.GetFields()); _this.props.history.goBack(); } }, React.createElement("h4", null, "Create new ", this.props.schema.Schema.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, { 'onChange': onChangeEvent, 'data-actionName': 'new' })))); }), React.createElement(react_materialize_1.Col, { s: 12, m: 12, l: 12, style: NewViewStyles_1.styles.buttonContainer }, React.createElement(react_materialize_1.Button, { waves: 'light', type: 'submit' }, "Submit"), React.createElement(react_materialize_1.Button, { waves: 'light', onClick: this.handleCancel }, "Cancel"))))); }; return NewView; }(React.Component)); exports.NewView = NewView; //# sourceMappingURL=NewView.js.map |