UNPKG

sn-controls-react

Version:

React controls for sensenet ECM

56 lines 2.61 kB
"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 ReactControlMapper_1 = require("../ReactControlMapper"); var react_materialize_1 = require("react-materialize"); var BrowseViewStyles_1 = require("./BrowseViewStyles"); var BrowseView = (function (_super) { __extends(BrowseView, _super); function BrowseView(props) { var _this = _super.call(this, props) || this; _this.state = { content: _this.props.content, schema: ReactControlMapper_1.ReactControlMapper.GetFullSchemaForContent(_this.props.content, 'edit') }; return _this; } BrowseView.prototype.getFieldValue = function (name) { if (this.props.content[name]) { return this.props.content[name]; } else { return null; } }; BrowseView.prototype.render = function () { var fieldSettings = this.state.schema.FieldMappings; var that = this; return (React.createElement(react_materialize_1.Row, null, React.createElement("div", { style: BrowseViewStyles_1.styles.container }, React.createElement("h4", null, this.props.content.DisplayName), fieldSettings.map(function (e, i) { return (React.createElement(react_materialize_1.Col, { s: 12, m: 12, l: 12, key: fieldSettings[i].ClientSettings.name }, React.createElement(fieldSettings[i].ControlType, __assign({}, fieldSettings[i].ClientSettings, { 'data-actionName': 'browse', 'data-fieldValue': that.getFieldValue(fieldSettings[i].ClientSettings.name) })))); })))); }; return BrowseView; }(React.Component)); exports.BrowseView = BrowseView; //# sourceMappingURL=BrowseView.js.map