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.5f...

599 lines
22 KiB

"use strict";
(self["webpackChunk"] = self["webpackChunk"] || []).push([[64496],{
/***/ 74191:
/*!********************************************************!*\
!*** ./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/_@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/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/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/components/markdown-editor/index.tsx + 10 modules
var markdown_editor = __webpack_require__(39517);
// 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 + 3 modules
var input = __webpack_require__(92832);
// 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__(58181);
// EXTERNAL MODULE: ./node_modules/_react@17.0.2@react/jsx-runtime.js
var jsx_runtime = __webpack_require__(37712);
;// CONCATENATED MODULE: ./src/pages/HttpStatus/Createmcourse.tsx
function createcourse(_ref) {
var setIscreate = _ref.setIscreate,
init = _ref.init,
UpdateItem = _ref.UpdateItem;
var _useState = (0,_react_17_0_2_react.useState)(''),
_useState2 = slicedToArray_default()(_useState, 2),
personname = _useState2[0],
setPersonname = _useState2[1];
var _useState3 = (0,_react_17_0_2_react.useState)(''),
_useState4 = slicedToArray_default()(_useState3, 2),
content = _useState4[0],
setContent = _useState4[1];
(0,_react_17_0_2_react.useEffect)(function () {
if (!UpdateItem) {
return;
}
setPersonname(UpdateItem && UpdateItem.name);
setContent(UpdateItem && UpdateItem.description);
}, [UpdateItem]);
function submit() {
return _submit.apply(this, arguments);
}
function _submit() {
_submit = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee() {
var result;
return regeneratorRuntime_default()().wrap(function _callee$(_context) {
while (1) switch (_context.prev = _context.next) {
case 0:
if (personname) {
_context.next = 3;
break;
}
message/* default */.ZP.info("\u6807\u9898\u4E0D\u80FD\u4E3A\u7A7A");
return _context.abrupt("return");
case 3:
if (content) {
_context.next = 6;
break;
}
message/* default */.ZP.info("\u5185\u5BB9\u4E0D\u80FD\u4E3A\u7A7A");
return _context.abrupt("return");
case 6:
if (!UpdateItem) {
_context.next = 9;
break;
}
updatecourseitem();
return _context.abrupt("return");
case 9:
_context.next = 11;
return (0,fetch/* default */.ZP)("/api/hpc_courses.json", {
method: 'post',
body: {
name: personname,
description: content,
container_type: window.location.pathname.split('/')[1]
}
});
case 11:
result = _context.sent;
if (result) {
message/* default */.ZP.info('创建成功');
setIscreate(false);
init('add');
}
case 13:
case "end":
return _context.stop();
}
}, _callee);
}));
return _submit.apply(this, arguments);
}
function updatecourseitem() {
return _updatecourseitem.apply(this, arguments);
}
function _updatecourseitem() {
_updatecourseitem = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee2() {
var result;
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/hpc_courses/".concat(UpdateItem.id, ".json"), {
method: 'put',
body: {
name: personname,
description: content,
container_type: window.location.pathname.split('/')[1]
}
});
case 2:
result = _context2.sent;
if (result) {
message/* default */.ZP.info('编辑成功');
setIscreate(false);
init('');
}
case 4:
case "end":
return _context2.stop();
}
}, _callee2);
}));
return _updatecourseitem.apply(this, arguments);
}
return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
children: [/*#__PURE__*/(0,jsx_runtime.jsx)(input/* default */.Z, {
style: {
marginBottom: '20px'
},
placeholder: "请输入标题",
value: personname,
maxLength: 60,
addonAfter: String(personname.length) + "/60",
onChange: function onChange(e) {
return setPersonname(e.target.value);
}
}), /*#__PURE__*/(0,jsx_runtime.jsx)(markdown_editor/* default */.Z, {
id: "courseContentMD",
defaultValue: content,
onChange: function onChange(e) {
return setContent(e);
}
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
className: "clearfix mt30 mb30",
children: [/*#__PURE__*/(0,jsx_runtime.jsx)(es_button/* default */.ZP, {
type: "primary",
onClick: function onClick() {
return submit();
},
className: "defalutSubmitbtn fl mr20",
children: "\u63D0\u4EA4"
}), /*#__PURE__*/(0,jsx_runtime.jsx)("a", {
className: "defalutCancelbtn fl",
onClick: function onClick() {
return setIscreate(false);
},
children: "\u53D6\u6D88"
})]
})]
});
}
/* harmony default export */ var Createmcourse = (createcourse);
// EXTERNAL MODULE: ./src/components/RenderHtml/index.tsx + 2 modules
var RenderHtml = __webpack_require__(95028);
;// CONCATENATED MODULE: ./src/pages/HttpStatus/SeeCourse.tsx
// import axios from 'axios'
function Seecourse(_ref) {
var CourseItem = _ref.CourseItem,
userId = _ref.userId,
init = _ref.init,
ItemUpdate = _ref.ItemUpdate,
setSee = _ref.setSee,
UserInfo = _ref.UserInfo;
function deleteitem() {
return _deleteitem.apply(this, arguments);
}
function _deleteitem() {
_deleteitem = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee() {
var res;
return regeneratorRuntime_default()().wrap(function _callee$(_context) {
while (1) switch (_context.prev = _context.next) {
case 0:
_context.next = 2;
return (0,fetch/* default */.ZP)("/api/hpc_courses/".concat(CourseItem.id, ".json"), {
method: 'delete'
});
case 2:
res = _context.sent;
if (res) {
message/* default */.ZP.info('删除成功');
init('delete');
setSee(false);
}
case 4:
case "end":
return _context.stop();
}
}, _callee);
}));
return _deleteitem.apply(this, arguments);
}
function updateitem() {
ItemUpdate(CourseItem);
}
return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
children: [userId === 299635 || userId === 301458 || UserInfo !== null && UserInfo !== void 0 && UserInfo.admin || UserInfo !== null && UserInfo !== void 0 && UserInfo.business ? /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
style: {
textAlign: 'right'
},
children: [/*#__PURE__*/(0,jsx_runtime.jsx)(es_button/* default */.ZP, {
onClick: function onClick() {
return updateitem();
},
children: "\u7F16\u8F91"
}), /*#__PURE__*/(0,jsx_runtime.jsx)(es_button/* default */.ZP, {
onClick: function onClick() {
return deleteitem();
},
style: {
marginLeft: '30px'
},
children: "\u5220\u9664"
})]
}) : null, /*#__PURE__*/(0,jsx_runtime.jsx)("h1", {
children: CourseItem === null || CourseItem === void 0 ? void 0 : CourseItem.name
}), /*#__PURE__*/(0,jsx_runtime.jsx)(RenderHtml/* default */.Z, {
value: CourseItem === null || CourseItem === void 0 ? void 0 : CourseItem.description
})]
});
}
/* harmony default export */ var SeeCourse = (Seecourse);
// EXTERNAL MODULE: ./node_modules/_antd@5.9.0@antd/es/upload/index.js
var upload = __webpack_require__(60028);
;// 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__(17631);
// EXTERNAL MODULE: ./src/.umi-production/exports.ts
var _umi_production_exports = __webpack_require__(13032);
;// CONCATENATED MODULE: ./src/pages/HttpStatus/HpcCourse.tsx
function hpccourse(_ref) {
var _user$userInfo, _user$userInfo2, _user$userInfo3, _user$userInfo4, _user$userInfo5, _user$userInfo6, _user$userInfo7, _user$userInfo8, _user$userInfo9;
var user = _ref.user,
dispatch = _ref.dispatch;
var _useState = (0,_react_17_0_2_react.useState)(1),
_useState2 = slicedToArray_default()(_useState, 2),
page = _useState2[0],
setPage = _useState2[1];
var _useState3 = (0,_react_17_0_2_react.useState)(100),
_useState4 = slicedToArray_default()(_useState3, 2),
per_page = _useState4[0],
setPer_page = _useState4[1];
var _useState5 = (0,_react_17_0_2_react.useState)([]),
_useState6 = slicedToArray_default()(_useState5, 2),
HpcCourse = _useState6[0],
setHpcCourse = _useState6[1];
var _useState7 = (0,_react_17_0_2_react.useState)(false),
_useState8 = slicedToArray_default()(_useState7, 2),
iscreate = _useState8[0],
setIscreate = _useState8[1];
var _useState9 = (0,_react_17_0_2_react.useState)(false),
_useState10 = slicedToArray_default()(_useState9, 2),
issee = _useState10[0],
setSee = _useState10[1];
var _useState11 = (0,_react_17_0_2_react.useState)(''),
_useState12 = slicedToArray_default()(_useState11, 2),
CourseItem = _useState12[0],
setCoutseItem = _useState12[1];
var _useState13 = (0,_react_17_0_2_react.useState)(''),
_useState14 = slicedToArray_default()(_useState13, 2),
UpdateItem = _useState14[0],
setUpdateItem = _useState14[1];
var _useState15 = (0,_react_17_0_2_react.useState)(''),
_useState16 = slicedToArray_default()(_useState15, 2),
File_url = _useState16[0],
setFile_url = _useState16[1];
var _useParams = (0,_umi_production_exports.useParams)(),
itemname = _useParams.itemname;
//定义一个值 默认为数组第一个的id 点击时切换
var _useState17 = (0,_react_17_0_2_react.useState)(''),
_useState18 = slicedToArray_default()(_useState17, 2),
MentId = _useState18[0],
setMenuid = _useState18[1];
(0,_react_17_0_2_react.useEffect)(function () {
dispatch({
type: "globalSetting/headerToggle",
payload: false
});
if (page) {
init('');
}
}, [page]);
function init(_x) {
return _init.apply(this, arguments);
} //点击查看
function _init() {
_init = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee(type) {
var result, courselength, _result$data, itemid;
return regeneratorRuntime_default()().wrap(function _callee$(_context) {
while (1) switch (_context.prev = _context.next) {
case 0:
_context.next = 2;
return (0,fetch/* default */.ZP)("/api/hpc_courses.json", {
method: 'get',
params: {
page: page,
per_page: per_page,
container_type: window.location.pathname.split('/')[1]
}
});
case 2:
result = _context.sent;
if (!result) {
_context.next = 24;
break;
}
courselength = result.data.hpc_courses.length;
setHpcCourse(result.data.hpc_courses);
setFile_url(result.data.file_url);
setUpdateItem('');
if (courselength) {
_context.next = 10;
break;
}
return _context.abrupt("return");
case 10:
if (MentId) {
_context.next = 14;
break;
}
//先判断 type是否有值
if (itemname) {
//遍历数组 获取值对应的下标
itemid = 0;
result === null || result === void 0 || (_result$data = result.data) === null || _result$data === void 0 || (_result$data = _result$data.hpc_courses) === null || _result$data === void 0 || _result$data.map(function (item, index) {
var _item$name;
if ((itemname === null || itemname === void 0 ? void 0 : itemname.toLocaleLowerCase()) === (item === null || item === void 0 || (_item$name = item.name) === null || _item$name === void 0 ? void 0 : _item$name.toLocaleLowerCase())) {
itemid = index;
}
});
setCoutseItem(result.data.hpc_courses[itemid]);
setSee(true);
setMenuid(result.data.hpc_courses[itemid].id);
if ((itemname === null || itemname === void 0 ? void 0 : itemname.toLocaleLowerCase()) === "resources") {
setCoutseItem(result.data.hpc_courses.filter(function (item) {
return item.id === 15;
})[0]);
setSee(true);
setMenuid(15);
}
} else {
setCoutseItem(result.data.hpc_courses[0]);
setSee(true);
setMenuid(result.data.hpc_courses[0].id);
}
_context.next = 24;
break;
case 14:
if (!(type === 'delete')) {
_context.next = 23;
break;
}
if (!(courselength === 0)) {
_context.next = 18;
break;
}
setSee(false);
return _context.abrupt("return");
case 18:
setCoutseItem(result.data.hpc_courses[0]);
setSee(true);
setMenuid(result.data.hpc_courses[0].id);
_context.next = 24;
break;
case 23:
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(function (item) {
return item.id === MentId;
})[0]);
setSee(true);
setMenuid(MentId);
}
case 24:
case "end":
return _context.stop();
}
}, _callee);
}));
return _init.apply(this, arguments);
}
function see(item) {
setIscreate(false);
setSee(true);
setCoutseItem(item);
setMenuid(item.id);
}
//编辑
function ItemUpdate(item) {
// if(props.checkIfLogin() === false) {
// props.showLoginDialog()
// return
// }
setUpdateItem(item);
setIscreate(true);
setSee(false);
}
//创建
function createcourse() {
// if(props.checkIfLogin() === false) {
// props.showLoginDialog()
// return
// }
setUpdateItem('');
setIscreate(true);
setSee(false);
}
var 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: function onChange(info) {
var status = info.file.status;
if (status !== 'uploading') {}
if (status === 'done') {
message/* default */.ZP.success("".concat(info.file.name, " \u6587\u4EF6\u4E0A\u4F20\u6210\u529F"));
init('');
} else if (status === 'error') {
message/* default */.ZP.error("".concat(info.file.name, " \u6587\u4EF6\u4E0A\u4F20\u5931\u8D25"));
}
},
beforeUpload: function beforeUpload(file) {
var isLt150M = file.size / 1024 / 1024 < 150;
if (!isLt150M) {
message/* default */.ZP.info("文件大小必须小于150MB");
}
return isLt150M;
}
};
return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
style: {
marginBottom: '40px'
},
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
className: "bannterdiv",
style: {
background: "url(".concat(env/* default */.Z.IMG_SERVER + "/".concat(File_url), ")")
}
}), /*#__PURE__*/(0,jsx_runtime.jsx)("img", {
style: {
width: '100%'
},
src: env/* default */.Z.IMG_SERVER + "/".concat(File_url)
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
className: "edu-container minH500",
style: {
display: 'flex',
width: '1200px'
},
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
style: {
flex: '1',
marginTop: '17px'
},
children: [HpcCourse && HpcCourse.map(function (item, index) {
return /*#__PURE__*/(0,jsx_runtime.jsx)("p", {
onClick: function onClick() {
return see(item);
},
className: MentId === item.id ? 'menuitemselect' : 'menuitem' + ' task-hide',
children: item.name
}, index);
}), (user === null || user === void 0 || (_user$userInfo = user.userInfo) === null || _user$userInfo === void 0 ? void 0 : _user$userInfo.user_id) === 299635 || (user === null || user === void 0 || (_user$userInfo2 = user.userInfo) === null || _user$userInfo2 === void 0 ? void 0 : _user$userInfo2.user_id) === 301458 || user !== null && user !== void 0 && (_user$userInfo3 = user.userInfo) !== null && _user$userInfo3 !== void 0 && _user$userInfo3.admin || user !== null && user !== void 0 && (_user$userInfo4 = user.userInfo) !== null && _user$userInfo4 !== void 0 && _user$userInfo4.business ? /*#__PURE__*/(0,jsx_runtime.jsx)("p", {
onClick: function onClick() {
return createcourse();
},
className: "menuadd",
style: {
fontSize: '24px',
paddingLeft: '10px'
},
children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
style: {
fontSize: '16px',
marginLeft: '5px'
},
children: "Last updated"
})
}) : null]
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
className: "rightcount",
style: {
flex: '6',
background: '#ffffff',
padding: "20px",
marginLeft: '30px',
marginTop: '24px'
},
children: [iscreate ? /*#__PURE__*/(0,jsx_runtime.jsx)(Createmcourse, {
UpdateItem: UpdateItem,
setIscreate: setIscreate,
init: init
}) : null, issee ? /*#__PURE__*/(0,jsx_runtime.jsx)(SeeCourse, {
UserInfo: user === null || user === void 0 ? void 0 : user.userInfo,
setSee: setSee,
userId: user === null || user === void 0 || (_user$userInfo5 = user.userInfo) === null || _user$userInfo5 === void 0 ? void 0 : _user$userInfo5.user_id,
ItemUpdate: ItemUpdate,
CourseItem: CourseItem,
init: init
}) : null]
})]
}), (user === null || user === void 0 || (_user$userInfo6 = user.userInfo) === null || _user$userInfo6 === void 0 ? void 0 : _user$userInfo6.user_id) === 299635 || (user === null || user === void 0 || (_user$userInfo7 = user.userInfo) === null || _user$userInfo7 === void 0 ? void 0 : _user$userInfo7.user_id) === 301458 || user !== null && user !== void 0 && (_user$userInfo8 = user.userInfo) !== null && _user$userInfo8 !== void 0 && _user$userInfo8.admin || user !== null && user !== void 0 && (_user$userInfo9 = user.userInfo) !== null && _user$userInfo9 !== void 0 && _user$userInfo9.business ? /*#__PURE__*/(0,jsx_runtime.jsx)(upload/* default */.Z, objectSpread2_default()(objectSpread2_default()({}, upbanner), {}, {
children: /*#__PURE__*/(0,jsx_runtime.jsx)(es_button/* default */.ZP, {
className: "menuadd",
style: {
paddingLeft: '10px',
marginLeft: '20px'
},
children: "\u4E0A\u4F20\u9996\u9875\u56FE\u7247"
})
})) : null]
});
}
/* harmony default export */ var HpcCourse = ((0,_umi_production_exports.connect)(function (_ref2) {
var user = _ref2.user;
return {
user: user
};
})(hpccourse));
/***/ })
}]);