UNPKG

@bigfishtv/cockpit

Version:

129 lines (93 loc) 4.89 kB
'use strict'; exports.__esModule = true; exports.default = undefined; var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; var _dec, _class; var _react = require('react'); var _react2 = _interopRequireDefault(_react); var _reactForms = require('@bigfishtv/react-forms'); var _reactRedux = require('react-redux'); var _MainContent = require('../container/MainContent'); var _MainContent2 = _interopRequireDefault(_MainContent); var _Bulkhead = require('../page/Bulkhead'); var _Bulkhead2 = _interopRequireDefault(_Bulkhead); var _Button = require('../button/Button'); var _Button2 = _interopRequireDefault(_Button); var _Panel = require('../container/panel/Panel'); var _Panel2 = _interopRequireDefault(_Panel); var _Breadcrumb = require('../breadcrumb/Breadcrumb'); var _Breadcrumb2 = _interopRequireDefault(_Breadcrumb); var _EditForm = require('../form/EditForm'); var _EditForm2 = _interopRequireDefault(_EditForm); var _RedirectEditFieldset = require('./RedirectEditFieldset'); var _RedirectEditFieldset2 = _interopRequireDefault(_RedirectEditFieldset); var _notifications = require('../../actions/notifications'); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /** * Redirect edit page template */ var RedirectEdit = (_dec = (0, _reactRedux.connect)(), _dec(_class = function (_Component) { _inherits(RedirectEdit, _Component); function RedirectEdit() { var _temp, _this, _ret; _classCallCheck(this, RedirectEdit); for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) { args[_key] = arguments[_key]; } return _ret = (_temp = (_this = _possibleConstructorReturn(this, _Component.call.apply(_Component, [this].concat(args))), _this), _this.handleSubmitSuccess = function (data) { _this.props.dispatch((0, _notifications.notifySuccess)('The redirect has been saved.')); history.replaceState(null, null, '/tank/redirects/edit/' + data.id); }, _this.handleSubmitError = function () { _this.props.dispatch((0, _notifications.notifyFailure)('The redirect could not be saved.')); }, _temp), _possibleConstructorReturn(_this, _ret); } RedirectEdit.prototype.getSubmitUrl = function getSubmitUrl(data) { if (data.id) { return '/tank/redirects/edit/' + data.id + '.json'; } else { return '/tank/redirects/add.json'; } }; RedirectEdit.prototype.render = function render() { return _react2.default.createElement( _MainContent2.default, null, _react2.default.createElement( _EditForm2.default, _extends({}, this.props, { submitUrl: this.getSubmitUrl, onSubmitSuccess: this.handleSubmitSuccess, onSubmitError: this.handleSubmitError, Header: (0, _reactForms.withFormValue)(function (props) { return _react2.default.createElement(_Bulkhead2.default, { title: props.formValue.value.id ? 'Edit Redirect' : 'New Redirect', Toolbar: function Toolbar(props) { return _react2.default.createElement(_Button2.default, { type: 'submit', text: 'Save', style: 'secondary', size: 'large' }); } }); }) }), _react2.default.createElement(RedirectEditMainPanel, null) ) ); }; return RedirectEdit; }(_react.Component)) || _class); exports.default = RedirectEdit; var RedirectEditMainPanel = (0, _reactForms.withFormValue)(function (props) { return _react2.default.createElement( _Breadcrumb2.default, { title: 'Redirects', url: '/tank/redirects' }, _react2.default.createElement( _Breadcrumb2.default, { title: props.formValue.value.id ? 'Edit' : 'New' }, _react2.default.createElement( _Panel2.default, { title: 'Properties', uncontrolled: true }, _react2.default.createElement(_RedirectEditFieldset2.default, props) ) ) ); });