NewEduCoderBuild/p__virtualSpaces__Lists__Homepage__index.77f10fb0.async.js

"use strict";
(self["webpackChunk"] = self["webpackChunk"] || []).push([[33747],{

/***/ 8706:
/*!**********************************************************************!*\
  !*** ./src/pages/virtualSpaces/Lists/Homepage/index.tsx + 1 modules ***!
  \**********************************************************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {

// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// EXPORTS
__webpack_require__.d(__webpack_exports__, {
  "default": function() { return /* binding */ Homepage; }
});

// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.23.6@@babel/runtime/helpers/objectSpread2.js
var objectSpread2 = __webpack_require__(82242);
var objectSpread2_default = /*#__PURE__*/__webpack_require__.n(objectSpread2);
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.23.6@@babel/runtime/helpers/regeneratorRuntime.js
var regeneratorRuntime = __webpack_require__(7557);
var regeneratorRuntime_default = /*#__PURE__*/__webpack_require__.n(regeneratorRuntime);
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.23.6@@babel/runtime/helpers/asyncToGenerator.js
var asyncToGenerator = __webpack_require__(41498);
var asyncToGenerator_default = /*#__PURE__*/__webpack_require__.n(asyncToGenerator);
// EXTERNAL MODULE: ./node_modules/_@babel_runtime@7.23.6@@babel/runtime/helpers/slicedToArray.js
var slicedToArray = __webpack_require__(79800);
var slicedToArray_default = /*#__PURE__*/__webpack_require__.n(slicedToArray);
// EXTERNAL MODULE: ./node_modules/_react@17.0.2@react/index.js
var _react_17_0_2_react = __webpack_require__(59301);
// EXTERNAL MODULE: ./src/.umi-production/exports.ts
var _umi_production_exports = __webpack_require__(80184);
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/form/index.js + 19 modules
var es_form = __webpack_require__(78241);
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/input/index.js + 5 modules
var input = __webpack_require__(10249);
// EXTERNAL MODULE: ./src/components/RenderHtml/index.tsx + 2 modules
var RenderHtml = __webpack_require__(26404);
;// CONCATENATED MODULE: ./src/pages/virtualSpaces/Lists/Homepage/index.less?modules
// extracted by mini-css-extract-plugin
/* harmony default export */ var Homepagemodules = ({"flex_box_center":"flex_box_center___mN1SM","flex_space_between":"flex_space_between____sOaR","flex_box_vertical_center":"flex_box_vertical_center___EVXyH","flex_box_center_end":"flex_box_center_end___nkeyi","flex_box_column":"flex_box_column___Sx9kn","wrap":"wrap___PN7w0","head":"head___oRcox","btns":"btns___gs5ce","confirm":"confirm___a86Xk","cancel":"cancel___DXA9D"});
// EXTERNAL MODULE: ./src/utils/fetch.ts
var fetch = __webpack_require__(35325);
// EXTERNAL MODULE: ./src/components/ui-customization/index.tsx + 32 modules
var ui_customization = __webpack_require__(7401);
// EXTERNAL MODULE: ./src/components/markdown-editor/index.tsx + 10 modules
var markdown_editor = __webpack_require__(49731);
// EXTERNAL MODULE: ./src/utils/authority.ts
var authority = __webpack_require__(13277);
// EXTERNAL MODULE: ./node_modules/_react@17.0.2@react/jsx-runtime.js
var jsx_runtime = __webpack_require__(37712);
;// CONCATENATED MODULE: ./src/pages/virtualSpaces/Lists/Homepage/index.tsx















var Page = function Page(_ref) {
  var globalSetting = _ref.globalSetting,
    dispatch = _ref.dispatch,
    virtualSpaces = _ref.virtualSpaces;
  var _Form$useForm = es_form/* default */.Z.useForm(),
    _Form$useForm2 = slicedToArray_default()(_Form$useForm, 1),
    form = _Form$useForm2[0];
  var _useState = (0,_react_17_0_2_react.useState)({}),
    _useState2 = slicedToArray_default()(_useState, 2),
    formValue = _useState2[0],
    setFormValue = _useState2[1];
  var _useState3 = (0,_react_17_0_2_react.useState)(false),
    _useState4 = slicedToArray_default()(_useState3, 2),
    edit = _useState4[0],
    setEdit = _useState4[1];
  var _useState5 = (0,_react_17_0_2_react.useState)(false),
    _useState6 = slicedToArray_default()(_useState5, 2),
    loading = _useState6[0],
    setLoading = _useState6[1];
  var virtualSpacesDetails = virtualSpaces.virtualSpacesDetails;
  var query = (0,_umi_production_exports.useParams)();
  (0,_react_17_0_2_react.useEffect)(function () {
    getData();
  }, []);
  var getData = /*#__PURE__*/function () {
    var _ref2 = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee() {
      var res, value;
      return regeneratorRuntime_default()().wrap(function _callee$(_context) {
        while (1) switch (_context.prev = _context.next) {
          case 0:
            setLoading(true);
            _context.next = 3;
            return (0,fetch/* default */.ZP)("/api/virtual_classrooms/".concat(query.virtual_spacesId, "/show_description.json"), {
              method: 'get'
            });
          case 3:
            res = _context.sent;
            if ((res === null || res === void 0 ? void 0 : res.status) !== -1) {
              value = {
                description: (res === null || res === void 0 ? void 0 : res.description) || '',
                desc_title: (res === null || res === void 0 ? void 0 : res.desc_title) || ''
              };
              setFormValue(value);
              form.setFieldsValue(value);
            }
            setLoading(false);
          case 6:
          case "end":
            return _context.stop();
        }
      }, _callee);
    }));
    return function getData() {
      return _ref2.apply(this, arguments);
    };
  }();
  var handleFinish = /*#__PURE__*/function () {
    var _ref3 = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee2(values) {
      var res;
      return regeneratorRuntime_default()().wrap(function _callee2$(_context2) {
        while (1) switch (_context2.prev = _context2.next) {
          case 0:
            _context2.next = 2;
            return (0,fetch/* default */.ZP)("/api/virtual_classrooms/".concat(query.virtual_spacesId, "/update_description.json"), {
              method: 'put',
              body: values
            });
          case 2:
            res = _context2.sent;
            if ((res === null || res === void 0 ? void 0 : res.status) !== -1) {
              setEdit(false);
              getData();
            }
          case 4:
          case "end":
            return _context2.stop();
        }
      }, _callee2);
    }));
    return function handleFinish(_x) {
      return _ref3.apply(this, arguments);
    };
  }();
  var permission = (virtualSpacesDetails === null || virtualSpacesDetails === void 0 ? void 0 : virtualSpacesDetails.is_creator) || (0,authority/* isSuperAdmins */.Ny)();
  return /*#__PURE__*/(0,jsx_runtime.jsxs)("section", {
    className: Homepagemodules.wrap,
    children: [!edit && /*#__PURE__*/(0,jsx_runtime.jsxs)(_react_17_0_2_react.Fragment, {
      children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
        className: Homepagemodules.head,
        children: [/*#__PURE__*/(0,jsx_runtime.jsx)("b", {
          children: formValue === null || formValue === void 0 ? void 0 : formValue.desc_title
        }), permission && /*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
          onClick: function onClick() {
            return setEdit(true);
          },
          children: [/*#__PURE__*/(0,jsx_runtime.jsx)("i", {
            className: "iconfont icon-bianji7 font14 mr5"
          }), "\u7F16\u8F91"]
        })]
      }), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
        children: /*#__PURE__*/(0,jsx_runtime.jsx)(RenderHtml/* default */.Z, {
          value: formValue === null || formValue === void 0 ? void 0 : formValue.description
        })
      })]
    }), edit && /*#__PURE__*/(0,jsx_runtime.jsxs)(_react_17_0_2_react.Fragment, {
      children: [/*#__PURE__*/(0,jsx_runtime.jsxs)(es_form/* default */.Z, {
        form: form,
        scrollToFirstError: true,
        className: "mt30",
        layout: "vertical",
        onFinish: handleFinish,
        children: [/*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default */.Z.Item, {
          name: "desc_title",
          label: "\u6807\u9898",
          rules: [{
            required: true,
            message: '请输入标题'
          }, {
            whitespace: true,
            message: '请输入标题'
          }, {
            max: 60,
            message: '只能输入60个字符'
          }],
          children: /*#__PURE__*/(0,jsx_runtime.jsx)(input/* default */.Z, {
            maxLength: 60,
            placeholder: "\u8BF7\u8F93\u5165\u540D\u79F0\uFF0C\u6700\u5927\u9650\u523660\u4E2A\u5B57\u7B26"
          })
        }), /*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default */.Z.Item, {
          name: "description",
          label: "\u5185\u5BB9",
          rules: [{
            required: true,
            message: '请输入内容'
          }, {
            max: 65000,
            message: '只能输入65000个字符'
          }],
          children: /*#__PURE__*/(0,jsx_runtime.jsx)(markdown_editor/* default */.Z, {
            placeholder: "\u8BF7\u5728\u6B64\u8F93\u5165\u5185\u5BB9\uFF0C\u6700\u5927\u9650\u5236\u4E3A65000\u4E2A\u5B57\u7B26",
            watch: true,
            defaultValue: formValue === null || formValue === void 0 ? void 0 : formValue.description
          })
        })]
      }), /*#__PURE__*/(0,jsx_runtime.jsx)(ui_customization/* ConfirmAndCancel */.QD, {
        confirmTitle: "\u4FDD\u5B58",
        confirmClick: function confirmClick() {
          return form.submit();
        },
        cancelClick: function cancelClick() {
          setEdit(false);
          form.setFieldsValue(objectSpread2_default()({}, formValue));
        },
        cancelTitle: "\u53D6\u6D88",
        className: "mb25"
      })]
    })]
  });
};
/* harmony default export */ var Homepage = ((0,_umi_production_exports.connect)(function (_ref4) {
  var virtualSpaces = _ref4.virtualSpaces,
    globalSetting = _ref4.globalSetting;
  return {
    globalSetting: globalSetting,
    virtualSpaces: virtualSpaces
  };
})(Page));

/***/ })

}]);