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

/***/ 43287:
/*!********************************************************!*\
  !*** ./src/pages/HttpStatus/HpcCourse.tsx + 3 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 */ HpcCourse; }
});

// EXTERNAL MODULE: ./node_modules/_react@17.0.2@react/index.js
var _react_17_0_2_react = __webpack_require__(59301);
// EXTERNAL MODULE: ./src/components/markdown-editor/index.tsx + 15 modules
var markdown_editor = __webpack_require__(16393);
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/message/index.js + 4 modules
var message = __webpack_require__(8591);
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/input/index.js + 5 modules
var input = __webpack_require__(20008);
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/button/index.js
var es_button = __webpack_require__(3113);
// EXTERNAL MODULE: ./src/utils/fetch.ts
var fetch = __webpack_require__(64841);
;// CONCATENATED MODULE: ./src/pages/HttpStatus/Createmcourse.tsx
var __async = (__this, __arguments, generator) => {
  return new Promise((resolve, reject) => {
    var fulfilled = (value) => {
      try {
        step(generator.next(value));
      } catch (e) {
        reject(e);
      }
    };
    var rejected = (value) => {
      try {
        step(generator.throw(value));
      } catch (e) {
        reject(e);
      }
    };
    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
    step((generator = generator.apply(__this, __arguments)).next());
  });
};




function createcourse({ setIscreate, init, UpdateItem }) {
  const [personname, setPersonname] = (0,_react_17_0_2_react.useState)("");
  const [content, setContent] = (0,_react_17_0_2_react.useState)("");
  (0,_react_17_0_2_react.useEffect)(() => {
    if (!UpdateItem) {
      return;
    }
    setPersonname(UpdateItem && UpdateItem.name);
    setContent(UpdateItem && UpdateItem.description);
  }, [UpdateItem]);
  function submit() {
    return __async(this, null, function* () {
      if (!personname) {
        message/* default */.ZP.info(`\u6807\u9898\u4E0D\u80FD\u4E3A\u7A7A`);
        return;
      }
      if (!content) {
        message/* default */.ZP.info(`\u5185\u5BB9\u4E0D\u80FD\u4E3A\u7A7A`);
        return;
      }
      if (UpdateItem) {
        updatecourseitem();
        return;
      }
      const result = yield (0,fetch/* default */.ZP)(
        `/api/hpc_courses.json`,
        {
          method: "post",
          body: {
            name: personname,
            description: content,
            container_type: window.location.pathname.split("/")[1]
          }
        }
      );
      if (result) {
        message/* default */.ZP.info("\u521B\u5EFA\u6210\u529F");
        setIscreate(false);
        init("add");
      }
    });
  }
  function updatecourseitem() {
    return __async(this, null, function* () {
      const result = yield (0,fetch/* default */.ZP)(
        `/api/hpc_courses/${UpdateItem.id}.json`,
        {
          method: "put",
          body: {
            name: personname,
            description: content,
            container_type: window.location.pathname.split("/")[1]
          }
        }
      );
      if (result) {
        message/* default */.ZP.info("\u7F16\u8F91\u6210\u529F");
        setIscreate(false);
        init("");
      }
    });
  }
  return /* @__PURE__ */ _react_17_0_2_react.createElement("div", null, /* @__PURE__ */ _react_17_0_2_react.createElement(input["default"], { style: { marginBottom: "20px" }, placeholder: "\u8BF7\u8F93\u5165\u6807\u9898", value: personname, maxLength: 60, addonAfter: String(personname.length) + "/60", onChange: (e) => setPersonname(e.target.value) }), /* @__PURE__ */ _react_17_0_2_react.createElement(markdown_editor/* default */.Z, { id: "courseContentMD", defaultValue: content, onChange: (e) => setContent(e) }), /* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: "clearfix mt30 mb30" }, /* @__PURE__ */ _react_17_0_2_react.createElement(es_button/* default */.ZP, { type: "primary", onClick: () => submit(), className: "defalutSubmitbtn fl mr20" }, "\u63D0\u4EA4"), /* @__PURE__ */ _react_17_0_2_react.createElement("a", { className: "defalutCancelbtn fl", onClick: () => setIscreate(false) }, "\u53D6\u6D88")));
}
/* harmony default export */ var Createmcourse = (createcourse);

// EXTERNAL MODULE: ./src/components/RenderHtml/index.tsx
var RenderHtml = __webpack_require__(92936);
;// CONCATENATED MODULE: ./src/pages/HttpStatus/SeeCourse.tsx
var SeeCourse_async = (__this, __arguments, generator) => {
  return new Promise((resolve, reject) => {
    var fulfilled = (value) => {
      try {
        step(generator.next(value));
      } catch (e) {
        reject(e);
      }
    };
    var rejected = (value) => {
      try {
        step(generator.throw(value));
      } catch (e) {
        reject(e);
      }
    };
    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
    step((generator = generator.apply(__this, __arguments)).next());
  });
};




function Seecourse({ CourseItem, userId, init, ItemUpdate, setSee, UserInfo }) {
  function deleteitem() {
    return SeeCourse_async(this, null, function* () {
      const res = yield (0,fetch/* default */.ZP)(
        `/api/hpc_courses/${CourseItem.id}.json`,
        {
          method: "delete"
        }
      );
      if (res) {
        message/* default */.ZP.info("\u5220\u9664\u6210\u529F");
        init("delete");
        setSee(false);
      }
    });
  }
  function updateitem() {
    ItemUpdate(CourseItem);
  }
  return /* @__PURE__ */ _react_17_0_2_react.createElement("div", null, userId === 299635 || userId === 301458 || (UserInfo == null ? void 0 : UserInfo.admin) || (UserInfo == null ? void 0 : UserInfo.business) ? /* @__PURE__ */ _react_17_0_2_react.createElement("div", { style: { textAlign: "right" } }, /* @__PURE__ */ _react_17_0_2_react.createElement(es_button/* default */.ZP, { onClick: () => updateitem() }, "\u7F16\u8F91"), /* @__PURE__ */ _react_17_0_2_react.createElement(es_button/* default */.ZP, { onClick: () => deleteitem(), style: { marginLeft: "30px" } }, "\u5220\u9664")) : null, /* @__PURE__ */ _react_17_0_2_react.createElement("h1", null, CourseItem == null ? void 0 : CourseItem.name), /* @__PURE__ */ _react_17_0_2_react.createElement(RenderHtml/* default */.Z, { value: CourseItem == null ? void 0 : CourseItem.description }));
}
/* harmony default export */ var SeeCourse = (Seecourse);

// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/upload/index.js + 24 modules
var upload = __webpack_require__(73598);
;// CONCATENATED MODULE: ./src/pages/HttpStatus/hpccourse.css
// extracted by mini-css-extract-plugin

// EXTERNAL MODULE: ./src/utils/env.ts + 1 modules
var env = __webpack_require__(19351);
// EXTERNAL MODULE: ./src/.umi-production/exports.ts + 15 modules
var _umi_production_exports = __webpack_require__(23852);
;// CONCATENATED MODULE: ./src/pages/HttpStatus/HpcCourse.tsx
var __defProp = Object.defineProperty;
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __propIsEnum = Object.prototype.propertyIsEnumerable;
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
var __spreadValues = (a, b) => {
  for (var prop in b || (b = {}))
    if (__hasOwnProp.call(b, prop))
      __defNormalProp(a, prop, b[prop]);
  if (__getOwnPropSymbols)
    for (var prop of __getOwnPropSymbols(b)) {
      if (__propIsEnum.call(b, prop))
        __defNormalProp(a, prop, b[prop]);
    }
  return a;
};
var HpcCourse_async = (__this, __arguments, generator) => {
  return new Promise((resolve, reject) => {
    var fulfilled = (value) => {
      try {
        step(generator.next(value));
      } catch (e) {
        reject(e);
      }
    };
    var rejected = (value) => {
      try {
        step(generator.throw(value));
      } catch (e) {
        reject(e);
      }
    };
    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
    step((generator = generator.apply(__this, __arguments)).next());
  });
};








function hpccourse({ user, dispatch }) {
  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
  const [page, setPage] = (0,_react_17_0_2_react.useState)(1);
  const [per_page, setPer_page] = (0,_react_17_0_2_react.useState)(100);
  const [HpcCourse, setHpcCourse] = (0,_react_17_0_2_react.useState)([]);
  const [iscreate, setIscreate] = (0,_react_17_0_2_react.useState)(false);
  const [issee, setSee] = (0,_react_17_0_2_react.useState)(false);
  const [CourseItem, setCoutseItem] = (0,_react_17_0_2_react.useState)("");
  const [UpdateItem, setUpdateItem] = (0,_react_17_0_2_react.useState)("");
  const [File_url, setFile_url] = (0,_react_17_0_2_react.useState)("");
  let { itemname } = (0,_umi_production_exports.useParams)();
  const [MentId, setMenuid] = (0,_react_17_0_2_react.useState)("");
  (0,_react_17_0_2_react.useEffect)(() => {
    dispatch({
      type: "globalSetting/headerToggle",
      payload: false
    });
    if (page) {
      init("");
    }
  }, [page]);
  function init(type) {
    return HpcCourse_async(this, null, function* () {
      var _a2, _b2;
      const result = yield (0,fetch/* default */.ZP)(
        `/api/hpc_courses.json`,
        {
          method: "get",
          params: {
            page,
            per_page,
            container_type: window.location.pathname.split("/")[1]
          }
        }
      );
      if (result) {
        let courselength = result.data.hpc_courses.length;
        setHpcCourse(result.data.hpc_courses);
        setFile_url(result.data.file_url);
        setUpdateItem("");
        if (!courselength) {
          return;
        }
        if (!MentId) {
          if (itemname) {
            let itemid = 0;
            (_b2 = (_a2 = result == null ? void 0 : result.data) == null ? void 0 : _a2.hpc_courses) == null ? void 0 : _b2.map((item, index) => {
              var _a3;
              if ((itemname == null ? void 0 : itemname.toLocaleLowerCase()) === ((_a3 = item == null ? void 0 : item.name) == null ? void 0 : _a3.toLocaleLowerCase())) {
                itemid = index;
              }
            });
            setCoutseItem(result.data.hpc_courses[itemid]);
            setSee(true);
            setMenuid(result.data.hpc_courses[itemid].id);
            if ((itemname == null ? void 0 : itemname.toLocaleLowerCase()) === "resources") {
              setCoutseItem(result.data.hpc_courses.filter((item) => item.id === 15)[0]);
              setSee(true);
              setMenuid(15);
            }
          } else {
            setCoutseItem(result.data.hpc_courses[0]);
            setSee(true);
            setMenuid(result.data.hpc_courses[0].id);
          }
        } else {
          if (type === "delete") {
            if (courselength === 0) {
              setSee(false);
              return;
            }
            setCoutseItem(result.data.hpc_courses[0]);
            setSee(true);
            setMenuid(result.data.hpc_courses[0].id);
          } else if (type === "add") {
            setCoutseItem(result.data.hpc_courses[courselength - 1]);
            setSee(true);
            setMenuid(result.data.hpc_courses[courselength - 1].id);
          } else {
            setCoutseItem(result.data.hpc_courses.filter((item) => item.id === MentId)[0]);
            setSee(true);
            setMenuid(MentId);
          }
        }
      }
    });
  }
  function see(item) {
    setIscreate(false);
    setSee(true);
    setCoutseItem(item);
    setMenuid(item.id);
  }
  function ItemUpdate(item) {
    setUpdateItem(item);
    setIscreate(true);
    setSee(false);
  }
  function createcourse() {
    setUpdateItem("");
    setIscreate(true);
    setSee(false);
  }
  const upbanner = {
    name: "file",
    multiple: true,
    action: `https://www.educoder.net/api/hpc_courses/upload_file.json`,
    data: { container_type: window.location.pathname.split("/")[1] },
    onChange(info) {
      const { status } = info.file;
      if (status !== "uploading") {
      }
      if (status === "done") {
        message/* default */.ZP.success(`${info.file.name} \u6587\u4EF6\u4E0A\u4F20\u6210\u529F`);
        init("");
      } else if (status === "error") {
        message/* default */.ZP.error(`${info.file.name} \u6587\u4EF6\u4E0A\u4F20\u5931\u8D25`);
      }
    },
    beforeUpload: (file) => {
      const isLt150M = file.size / 1024 / 1024 < 150;
      if (!isLt150M) {
        message/* default */.ZP.info("\u6587\u4EF6\u5927\u5C0F\u5FC5\u987B\u5C0F\u4E8E150MB");
      }
      return isLt150M;
    }
  };
  return /* @__PURE__ */ _react_17_0_2_react.createElement("div", { style: { marginBottom: "40px" } }, /* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: "bannterdiv", style: { background: `url(${env/* default */.Z.IMG_SERVER + `/${File_url}`})` } }), /* @__PURE__ */ _react_17_0_2_react.createElement("img", { style: { width: "100%" }, src: env/* default */.Z.IMG_SERVER + `/${File_url}` }), /* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: "edu-container minH500", style: { display: "flex", width: "1200px" } }, /* @__PURE__ */ _react_17_0_2_react.createElement("div", { style: { flex: "1", marginTop: "17px" } }, HpcCourse && HpcCourse.map((item, index) => {
    return /* @__PURE__ */ _react_17_0_2_react.createElement("p", { key: index, onClick: () => see(item), className: MentId === item.id ? "menuitemselect" : "menuitem   task-hide" }, item.name);
  }), ((_a = user == null ? void 0 : user.userInfo) == null ? void 0 : _a.user_id) === 299635 || ((_b = user == null ? void 0 : user.userInfo) == null ? void 0 : _b.user_id) === 301458 || ((_c = user == null ? void 0 : user.userInfo) == null ? void 0 : _c.admin) || ((_d = user == null ? void 0 : user.userInfo) == null ? void 0 : _d.business) ? /* @__PURE__ */ _react_17_0_2_react.createElement("p", { onClick: () => createcourse(), className: "menuadd", style: { fontSize: "24px", paddingLeft: "10px" } }, /* @__PURE__ */ _react_17_0_2_react.createElement("span", { style: { fontSize: "16px", marginLeft: "5px" } }, "Last updated")) : null), /* @__PURE__ */ _react_17_0_2_react.createElement("div", { className: "rightcount", style: { flex: "6", background: "#ffffff", padding: "20px", marginLeft: "30px", marginTop: "24px" } }, iscreate ? /* @__PURE__ */ _react_17_0_2_react.createElement(Createmcourse, { UpdateItem, setIscreate, init }) : null, issee ? /* @__PURE__ */ _react_17_0_2_react.createElement(SeeCourse, { UserInfo: user == null ? void 0 : user.userInfo, setSee, userId: (_e = user == null ? void 0 : user.userInfo) == null ? void 0 : _e.user_id, ItemUpdate, CourseItem, init }) : null)), ((_f = user == null ? void 0 : user.userInfo) == null ? void 0 : _f.user_id) === 299635 || ((_g = user == null ? void 0 : user.userInfo) == null ? void 0 : _g.user_id) === 301458 || ((_h = user == null ? void 0 : user.userInfo) == null ? void 0 : _h.admin) || ((_i = user == null ? void 0 : user.userInfo) == null ? void 0 : _i.business) ? /* @__PURE__ */ _react_17_0_2_react.createElement(upload["default"], __spreadValues({}, upbanner), /* @__PURE__ */ _react_17_0_2_react.createElement(es_button/* default */.ZP, { className: "menuadd", style: { paddingLeft: "10px", marginLeft: "20px" } }, "\u4E0A\u4F20\u9996\u9875\u56FE\u7247")) : null);
}
/* harmony default export */ var HpcCourse = ((0,_umi_production_exports.connect)(
  ({
    user
  }) => ({
    user
  })
)(hpccourse));


/***/ })

}]);