You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
NewEduCoderBuild/p__HttpStatus__HpcCourse.as...

367 lines
16 KiB

"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));
/***/ })
}]);