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.
695 lines
30 KiB
695 lines
30 KiB
"use strict";
|
|
(self["webpackChunk"] = self["webpackChunk"] || []).push([[4639],{
|
|
|
|
/***/ 57418:
|
|
/*!*******************************************************************!*\
|
|
!*** ./src/pages/virtualSpaces/Lists/Video/index.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 */ Video; }
|
|
});
|
|
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/objectSpread2.js
|
|
var objectSpread2 = __webpack_require__(42122);
|
|
var objectSpread2_default = /*#__PURE__*/__webpack_require__.n(objectSpread2);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/pagination/style/index.js + 1 modules
|
|
var style = __webpack_require__(14182);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/pagination/index.js + 10 modules
|
|
var pagination = __webpack_require__(260);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/row/style/index.js
|
|
var row_style = __webpack_require__(13062);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/row/index.js
|
|
var row = __webpack_require__(71230);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/col/style/index.js
|
|
var col_style = __webpack_require__(89032);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/col/index.js
|
|
var col = __webpack_require__(15746);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/card/style/index.js + 1 modules
|
|
var card_style = __webpack_require__(78548);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/card/index.js + 3 modules
|
|
var card = __webpack_require__(59652);
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/regeneratorRuntime.js
|
|
var regeneratorRuntime = __webpack_require__(17061);
|
|
var regeneratorRuntime_default = /*#__PURE__*/__webpack_require__.n(regeneratorRuntime);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/modal/style/index.js + 1 modules
|
|
var modal_style = __webpack_require__(35611);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/modal/index.js + 7 modules
|
|
var modal = __webpack_require__(85402);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/tooltip/style/index.js + 1 modules
|
|
var tooltip_style = __webpack_require__(38390);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/tooltip/index.js + 3 modules
|
|
var tooltip = __webpack_require__(84908);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/button/style/index.js + 1 modules
|
|
var button_style = __webpack_require__(29913);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/button/index.js
|
|
var es_button = __webpack_require__(71577);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/input/style/index.js + 1 modules
|
|
var input_style = __webpack_require__(69463);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/input/index.js + 5 modules
|
|
var input = __webpack_require__(75008);
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/asyncToGenerator.js
|
|
var asyncToGenerator = __webpack_require__(17156);
|
|
var asyncToGenerator_default = /*#__PURE__*/__webpack_require__.n(asyncToGenerator);
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/slicedToArray.js
|
|
var slicedToArray = __webpack_require__(27424);
|
|
var slicedToArray_default = /*#__PURE__*/__webpack_require__.n(slicedToArray);
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/objectWithoutProperties.js
|
|
var objectWithoutProperties = __webpack_require__(70215);
|
|
var objectWithoutProperties_default = /*#__PURE__*/__webpack_require__.n(objectWithoutProperties);
|
|
// EXTERNAL MODULE: ./node_modules/react/index.js
|
|
var react = __webpack_require__(67294);
|
|
// EXTERNAL MODULE: ./src/.umi-production/exports.ts + 8 modules
|
|
var _umi_production_exports = __webpack_require__(89214);
|
|
// EXTERNAL MODULE: ./src/components/NoData/index.tsx
|
|
var NoData = __webpack_require__(82982);
|
|
// EXTERNAL MODULE: ./src/assets/images/video/default.png
|
|
var video_default = __webpack_require__(55988);
|
|
// EXTERNAL MODULE: ./src/utils/authority.ts
|
|
var authority = __webpack_require__(7);
|
|
;// CONCATENATED MODULE: ./src/pages/virtualSpaces/Lists/Video/index.less?modules
|
|
// extracted by mini-css-extract-plugin
|
|
/* harmony default export */ var Videomodules = ({"flex_box_center":"flex_box_center____ICdO","flex_space_between":"flex_space_between___Fizsy","flex_box_vertical_center":"flex_box_vertical_center___ovw_y","flex_box_center_end":"flex_box_center_end___YvhJ8","flex_box_column":"flex_box_column___NRvXy","warp":"warp___SiWVd","title":"title___ZMdcv","Inputstyle":"Inputstyle____IEho","buttonstyle":"buttonstyle___Nv_nA","Content":"Content___iyi1N","imgstyle":"imgstyle___K_hQW","cardstyle":"cardstyle___hk4N8","linkstyle":"linkstyle___y6rxz","paddingcard":"paddingcard___K56IC","titlefont":"titlefont___B_PBh","flexEnd":"flexEnd___SZPvY"});
|
|
// EXTERNAL MODULE: ./src/utils/fetch.ts
|
|
var fetch = __webpack_require__(84519);
|
|
// EXTERNAL MODULE: ./src/utils/env.ts + 1 modules
|
|
var env = __webpack_require__(59758);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/upload/style/index.js + 1 modules
|
|
var upload_style = __webpack_require__(13759);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/upload/index.js + 20 modules
|
|
var upload = __webpack_require__(7426);
|
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/defineProperty.js
|
|
var defineProperty = __webpack_require__(38416);
|
|
var defineProperty_default = /*#__PURE__*/__webpack_require__.n(defineProperty);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/form/style/index.js + 1 modules
|
|
var form_style = __webpack_require__(75627);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/form/index.js + 17 modules
|
|
var es_form = __webpack_require__(51018);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/tree-select/style/index.js + 1 modules
|
|
var tree_select_style = __webpack_require__(5830);
|
|
// EXTERNAL MODULE: ./node_modules/antd/es/tree-select/index.js + 16 modules
|
|
var tree_select = __webpack_require__(45278);
|
|
// EXTERNAL MODULE: ./node_modules/@ant-design/icons/es/icons/UploadOutlined.js + 1 modules
|
|
var UploadOutlined = __webpack_require__(88484);
|
|
// EXTERNAL MODULE: ./node_modules/@ant-design/icons/es/icons/CloseCircleFilled.js
|
|
var CloseCircleFilled = __webpack_require__(38900);
|
|
;// CONCATENATED MODULE: ./src/pages/virtualSpaces/Lists/Video/components/index.less?modules
|
|
// extracted by mini-css-extract-plugin
|
|
/* harmony default export */ var componentsmodules = ({"flex_box_center":"flex_box_center___inwoE","flex_space_between":"flex_space_between___pg0PF","flex_box_vertical_center":"flex_box_vertical_center___JNzAj","flex_box_center_end":"flex_box_center_end___ORNt1","flex_box_column":"flex_box_column___GLfwj","bg":"bg___JkHJF","menu":"menu___L0YRG","desc":"desc___nrOMJ","otherLink":"otherLink___d3Pk0","card":"card___8aBp5","img":"img___eURkh"});
|
|
// EXTERNAL MODULE: ./node_modules/react/jsx-runtime.js
|
|
var jsx_runtime = __webpack_require__(85893);
|
|
;// CONCATENATED MODULE: ./src/pages/virtualSpaces/Lists/Video/components/AddLink.tsx
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var TreeNode = tree_select/* default.TreeNode */.Z.TreeNode;
|
|
var EditAttendance = function EditAttendance(_ref) {
|
|
var _classroomList$action9, _classroomList$action10, _ref3;
|
|
var classroomList = _ref.classroomList,
|
|
loading = _ref.loading,
|
|
user = _ref.user,
|
|
dispatch = _ref.dispatch,
|
|
virtualSpaces = _ref.virtualSpaces;
|
|
var params = (0,_umi_production_exports.useParams)();
|
|
params['id'] = params['coursesId'];
|
|
var detailAttendancesDetail = classroomList.detailAttendancesDetail,
|
|
actionTabs = classroomList.actionTabs;
|
|
var _Form$useForm = es_form/* default.useForm */.Z.useForm(),
|
|
_Form$useForm2 = slicedToArray_default()(_Form$useForm, 1),
|
|
form = _Form$useForm2[0];
|
|
var _useState = (0,react.useState)(''),
|
|
_useState2 = slicedToArray_default()(_useState, 2),
|
|
attachment_id = _useState2[0],
|
|
setImageUrl = _useState2[1];
|
|
var _useState3 = (0,react.useState)(false),
|
|
_useState4 = slicedToArray_default()(_useState3, 2),
|
|
imgLoading = _useState4[0],
|
|
setImgLoading = _useState4[1];
|
|
(0,react.useEffect)(function () {
|
|
var _classroomList$action, _classroomList$action2;
|
|
if (((_classroomList$action = classroomList.actionTabs) === null || _classroomList$action === void 0 ? void 0 : _classroomList$action.key) === '增加外链' && (_classroomList$action2 = classroomList.actionTabs) !== null && _classroomList$action2 !== void 0 && _classroomList$action2.data) {
|
|
var _classroomList$action3, _classroomList$action4, _classroomList$action5, _classroomList$action6, _classroomList$action7, _classroomList$action8;
|
|
form.setFieldsValue({
|
|
name: (_classroomList$action3 = classroomList.actionTabs) === null || _classroomList$action3 === void 0 ? void 0 : (_classroomList$action4 = _classroomList$action3.data) === null || _classroomList$action4 === void 0 ? void 0 : _classroomList$action4.title,
|
|
link: (_classroomList$action5 = classroomList.actionTabs) === null || _classroomList$action5 === void 0 ? void 0 : (_classroomList$action6 = _classroomList$action5.data) === null || _classroomList$action6 === void 0 ? void 0 : _classroomList$action6.link
|
|
});
|
|
setImageUrl((_classroomList$action7 = classroomList.actionTabs) === null || _classroomList$action7 === void 0 ? void 0 : (_classroomList$action8 = _classroomList$action7.data) === null || _classroomList$action8 === void 0 ? void 0 : _classroomList$action8.attachment_id);
|
|
}
|
|
}, [(_classroomList$action9 = classroomList.actionTabs) === null || _classroomList$action9 === void 0 ? void 0 : _classroomList$action9.key]);
|
|
var uploadButton = /*#__PURE__*/(0,jsx_runtime.jsx)(es_button/* default */.Z, {
|
|
loading: imgLoading,
|
|
icon: /*#__PURE__*/(0,jsx_runtime.jsx)(UploadOutlined/* default */.Z, {}),
|
|
children: "\u9009\u62E9\u4E0A\u4F20\u6587\u4EF6"
|
|
});
|
|
var renderImg = function renderImg() {
|
|
return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
className: componentsmodules.img,
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("img", {
|
|
src: env/* default.API_SERVER */.Z.API_SERVER + "/api/attachments/" + attachment_id,
|
|
alt: "avatar",
|
|
style: {
|
|
width: 288
|
|
}
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(CloseCircleFilled/* default */.Z, {
|
|
onClick: function onClick() {
|
|
return setImageUrl('');
|
|
},
|
|
style: {
|
|
fontSize: '16px',
|
|
color: 'red'
|
|
}
|
|
})
|
|
})]
|
|
});
|
|
};
|
|
var handleChange = function handleChange(info) {
|
|
if (info.file.status === 'uploading') {
|
|
setImgLoading(true);
|
|
return;
|
|
}
|
|
if (info.file.status === 'done') {
|
|
var _info$file, _info$file$response;
|
|
setImgLoading(false);
|
|
setImageUrl(info === null || info === void 0 ? void 0 : (_info$file = info.file) === null || _info$file === void 0 ? void 0 : (_info$file$response = _info$file.response) === null || _info$file$response === void 0 ? void 0 : _info$file$response.id);
|
|
}
|
|
};
|
|
var cancel = function cancel() {
|
|
form.resetFields();
|
|
dispatch({
|
|
type: 'classroomList/setActionTabs',
|
|
payload: {}
|
|
});
|
|
setImageUrl('');
|
|
setImgLoading(false);
|
|
};
|
|
return /*#__PURE__*/(0,jsx_runtime.jsx)(modal/* default */.Z, {
|
|
centered: true,
|
|
title: (_classroomList$action10 = classroomList.actionTabs) !== null && _classroomList$action10 !== void 0 && _classroomList$action10.data ? '编辑外链视频' : "增加外链",
|
|
open: classroomList.actionTabs.key === '增加外链' ? true : false,
|
|
okText: "\u786E\u5B9A",
|
|
cancelText: "\u53D6\u6D88",
|
|
width: 640,
|
|
okButtonProps: {
|
|
loading: imgLoading
|
|
},
|
|
bodyStyle: {
|
|
minHeight: 200
|
|
},
|
|
onOk: /*#__PURE__*/asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee() {
|
|
var formValue, res;
|
|
return regeneratorRuntime_default()().wrap(function _callee$(_context) {
|
|
while (1) switch (_context.prev = _context.next) {
|
|
case 0:
|
|
_context.t0 = (objectSpread2_default());
|
|
_context.t1 = {};
|
|
_context.next = 4;
|
|
return form.validateFields();
|
|
case 4:
|
|
_context.t2 = _context.sent;
|
|
formValue = (0, _context.t0)(_context.t1, _context.t2);
|
|
setImgLoading(true);
|
|
_context.next = 9;
|
|
return (0,fetch/* default */.ZP)("/api/virtual_classrooms/".concat(classroomList.actionTabs.params.virtual_classroom_id, "/videos"), {
|
|
method: 'POST',
|
|
body: objectSpread2_default()(objectSpread2_default()({}, formValue), {}, {
|
|
attachment_id: attachment_id,
|
|
module_id: virtualSpaces.actionTabs.module_id
|
|
})
|
|
});
|
|
case 9:
|
|
res = _context.sent;
|
|
setImgLoading(false);
|
|
if (res.status === 0) {
|
|
dispatch({
|
|
type: 'classroomList/setActionTabs',
|
|
payload: {
|
|
key: '刷新数据'
|
|
}
|
|
});
|
|
form.resetFields();
|
|
setImageUrl('');
|
|
}
|
|
case 12:
|
|
case "end":
|
|
return _context.stop();
|
|
}
|
|
}, _callee);
|
|
})),
|
|
onCancel: function onCancel() {
|
|
cancel();
|
|
},
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsxs)(es_form/* default */.Z, {
|
|
form: form,
|
|
initialValues: (_ref3 = {}, defineProperty_default()(_ref3, 'name', ''), defineProperty_default()(_ref3, 'external_link', ''), _ref3),
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default.Item */.Z.Item, {
|
|
label: "\u89C6\u9891\u6807\u9898",
|
|
name: "name",
|
|
rules: [{
|
|
required: true,
|
|
message: '请输入!'
|
|
}],
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(input/* default */.Z, {
|
|
maxLength: 30
|
|
})
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default.Item */.Z.Item, {
|
|
label: "\u89C6\u9891\u94FE\u63A5",
|
|
name: "external_link",
|
|
rules: [{
|
|
required: true,
|
|
message: '请输入!'
|
|
}],
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(input/* default */.Z, {})
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)(es_form/* default.Item */.Z.Item, {
|
|
// name="file"
|
|
label: "\u4E0A\u4F20\u5C01\u9762\u56FE:",
|
|
children: attachment_id ? renderImg() : /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)(upload/* default */.Z, {
|
|
withCredentials: true,
|
|
name: "file",
|
|
showUploadList: false,
|
|
action: "".concat(env/* default.API_SERVER */.Z.API_SERVER, "/api/attachments.json"),
|
|
onChange: handleChange,
|
|
accept: "image/*",
|
|
children: uploadButton
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
className: "mt20 c-light-black",
|
|
children: "\u8BF4\u660E\uFF1A\u652F\u6301\u4E0A\u4F20jpg/png\u7B49\u683C\u5F0F\u6587\u4EF6\uFF0C\u6587\u4EF6\u5927\u5C0F\u4E0D\u80FD\u8D85\u8FC72M,\u5EFA\u8BAE\u4F7F\u7528288*158\u50CF\u7D20\uFF1B"
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
className: "c-light-black",
|
|
children: "\u5982\u4E0D\u4E0A\u4F20\uFF0C\u9ED8\u8BA4\u4F7F\u7528\u7CFB\u7EDF\u56FE\u7247\u3002"
|
|
})]
|
|
})
|
|
})]
|
|
})
|
|
});
|
|
};
|
|
/* harmony default export */ var AddLink = ((0,_umi_production_exports.connect)(function (_ref4) {
|
|
var classroomList = _ref4.classroomList,
|
|
user = _ref4.user,
|
|
loading = _ref4.loading,
|
|
virtualSpaces = _ref4.virtualSpaces;
|
|
return {
|
|
classroomList: classroomList,
|
|
user: user,
|
|
loading: loading,
|
|
virtualSpaces: virtualSpaces
|
|
};
|
|
})(EditAttendance));
|
|
// EXTERNAL MODULE: ./src/components/Video/Modal/index.tsx + 1 modules
|
|
var Modal = __webpack_require__(41262);
|
|
// EXTERNAL MODULE: ./node_modules/js-base64/base64.js
|
|
var base64 = __webpack_require__(19575);
|
|
;// CONCATENATED MODULE: ./src/pages/virtualSpaces/Lists/Video/index.tsx
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var _excluded = ["classroomList", "globalSetting", "virtualSpaces", "loading", "dispatch", "user"];
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var DEFAULT_VIDEO_WIDTH_IN_MD = "90%"; // 400
|
|
var DEFAULT_VIDEO_HEIGHT_IN_MD = "55%"; // 400
|
|
|
|
var ShixunsListPage = function ShixunsListPage(_ref) {
|
|
var _cousesList$videos;
|
|
var classroomList = _ref.classroomList,
|
|
globalSetting = _ref.globalSetting,
|
|
virtualSpaces = _ref.virtualSpaces,
|
|
loading = _ref.loading,
|
|
dispatch = _ref.dispatch,
|
|
user = _ref.user,
|
|
props = objectWithoutProperties_default()(_ref, _excluded);
|
|
var _useState = (0,react.useState)([]),
|
|
_useState2 = slicedToArray_default()(_useState, 2),
|
|
cousesList = _useState2[0],
|
|
setcousesList = _useState2[1];
|
|
var virtualSpacesDetails = virtualSpaces.virtualSpacesDetails;
|
|
var _useState3 = (0,react.useState)(),
|
|
_useState4 = slicedToArray_default()(_useState3, 2),
|
|
visible = _useState4[0],
|
|
setVisible = _useState4[1];
|
|
var _useState5 = (0,react.useState)({}),
|
|
_useState6 = slicedToArray_default()(_useState5, 2),
|
|
currentVideo = _useState6[0],
|
|
setCurrentVideo = _useState6[1];
|
|
var query = (0,_umi_production_exports.useParams)();
|
|
var _useState7 = (0,react.useState)({
|
|
page: 1,
|
|
limit: 6,
|
|
search: '',
|
|
virtual_classroom_id: query.virtual_spacesId,
|
|
module_id: virtualSpaces.actionTabs.module_id
|
|
}),
|
|
_useState8 = slicedToArray_default()(_useState7, 2),
|
|
params = _useState8[0],
|
|
setparams = _useState8[1];
|
|
function getDataSets() {
|
|
return _getDataSets.apply(this, arguments);
|
|
}
|
|
function _getDataSets() {
|
|
_getDataSets = asyncToGenerator_default()( /*#__PURE__*/regeneratorRuntime_default()().mark(function _callee2() {
|
|
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, "/videos.json"), {
|
|
method: 'get',
|
|
params: params
|
|
});
|
|
case 2:
|
|
res = _context2.sent;
|
|
setcousesList(res);
|
|
case 4:
|
|
case "end":
|
|
return _context2.stop();
|
|
}
|
|
}, _callee2);
|
|
}));
|
|
return _getDataSets.apply(this, arguments);
|
|
}
|
|
(0,react.useEffect)(function () {
|
|
getDataSets();
|
|
}, []);
|
|
var handleLogWatchHistory = function handleLogWatchHistory(query) {
|
|
return dispatch({
|
|
type: 'userDetail/logWatchHistory',
|
|
payload: query
|
|
});
|
|
};
|
|
(0,react.useEffect)(function () {
|
|
if (classroomList.actionTabs.key === '刷新数据') {
|
|
getDataSets();
|
|
dispatch({
|
|
type: 'virtualSpaces/getVirtualSpacesDetails',
|
|
payload: {
|
|
id: query.virtual_spacesId
|
|
}
|
|
});
|
|
}
|
|
}, [classroomList.actionTabs.key]);
|
|
var getCopyText = function getCopyText(file_url, cover_url) {
|
|
var url = base64.Base64.decode(file_url);
|
|
if (file_url) {
|
|
return "<video src=\"".concat(url, "\" controls=\"true\" controlslist=\"nodownload\" width=\"").concat(DEFAULT_VIDEO_WIDTH_IN_MD, "\" height=\"").concat(DEFAULT_VIDEO_HEIGHT_IN_MD, "\" poster=\"").concat(cover_url, "\">\u60A8\u7684\u6D4F\u89C8\u5668\u4E0D\u652F\u6301 video \u6807\u7B7E\u3002</video>");
|
|
}
|
|
};
|
|
return /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
className: Videomodules.warp,
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
className: Videomodules.title,
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)(input/* default.Search */.Z.Search, {
|
|
onSearch: function onSearch(e) {
|
|
params.search = e, getDataSets();
|
|
},
|
|
placeholder: "\u8BF7\u8F93\u5165\u89C6\u9891\u540D\u79F0\u641C\u7D22",
|
|
className: Videomodules.Inputstyle
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
children: [(virtualSpacesDetails.is_member || (0,authority/* isSuperAdmins */.Ny)()) && /*#__PURE__*/(0,jsx_runtime.jsxs)(es_button/* default */.Z, {
|
|
type: "primary",
|
|
ghost: true,
|
|
onClick: function onClick() {
|
|
_umi_production_exports.history.push("/vspaces/".concat(query.virtual_spacesId, "/videos/").concat(user.userInfo.login, "/upload"));
|
|
},
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("i", {
|
|
style: {
|
|
fontSize: '14px',
|
|
marginRight: '8px'
|
|
},
|
|
className: "iconfont icon-shangchuan3 "
|
|
}), " \u4E0A\u4F20\u89C6\u9891"]
|
|
}), (virtualSpacesDetails.is_member || (0,authority/* isSuperAdmins */.Ny)()) && /*#__PURE__*/(0,jsx_runtime.jsxs)(es_button/* default */.Z, {
|
|
className: "ml10",
|
|
type: "primary",
|
|
ghost: true,
|
|
onClick: function onClick() {
|
|
dispatch({
|
|
type: 'classroomList/setActionTabs',
|
|
payload: {
|
|
key: '增加外链',
|
|
params: params
|
|
}
|
|
});
|
|
},
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("i", {
|
|
style: {
|
|
fontSize: '14px',
|
|
marginRight: '8px'
|
|
},
|
|
className: "iconfont icon-tianjia1 "
|
|
}), " \u6DFB\u52A0\u5916\u94FE"]
|
|
})]
|
|
})]
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
className: Videomodules.Content,
|
|
children: [(cousesList === null || cousesList === void 0 ? void 0 : cousesList.total_count) <= 0 && /*#__PURE__*/(0,jsx_runtime.jsx)(NoData/* default */.Z, {
|
|
buttonProps: {
|
|
ghost: true,
|
|
type: 'primary'
|
|
},
|
|
ButtonClick: function ButtonClick() {
|
|
_umi_production_exports.history.push("/vspaces/".concat(query.virtual_spacesId, "/videos/").concat(user.userInfo.login, "/upload"));
|
|
},
|
|
ButtonTwo: (virtualSpacesDetails.is_member || (0,authority/* isSuperAdmins */.Ny)()) && /*#__PURE__*/(0,jsx_runtime.jsxs)(es_button/* default */.Z, {
|
|
className: "ml20",
|
|
type: "primary",
|
|
ghost: true,
|
|
onClick: function onClick() {
|
|
dispatch({
|
|
type: 'classroomList/setActionTabs',
|
|
payload: {
|
|
key: '增加外链',
|
|
params: params
|
|
}
|
|
});
|
|
},
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("i", {
|
|
style: {
|
|
fontSize: '14px',
|
|
marginRight: '8px'
|
|
},
|
|
className: "iconfont icon-tianjia1 "
|
|
}), " \u6DFB\u52A0\u5916\u94FE"]
|
|
}),
|
|
ButtonText: virtualSpacesDetails.is_member || (0,authority/* isSuperAdmins */.Ny)() ? /*#__PURE__*/(0,jsx_runtime.jsxs)("span", {
|
|
children: [" ", /*#__PURE__*/(0,jsx_runtime.jsx)("i", {
|
|
style: {
|
|
fontSize: '14px',
|
|
marginRight: '8px'
|
|
},
|
|
className: "iconfont icon-shangchuan3 "
|
|
}), " \u4E0A\u4F20\u89C6\u9891"]
|
|
}) : '',
|
|
customText: virtualSpacesDetails.is_member ? "视频资源还没有内容，可点击上传视频按钮添加" : '当前暂无视频资源，敬请期待，谢谢'
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)(row/* default */.Z, {
|
|
gutter: [16, 16],
|
|
children: cousesList === null || cousesList === void 0 ? void 0 : (_cousesList$videos = cousesList.videos) === null || _cousesList$videos === void 0 ? void 0 : _cousesList$videos.map(function (item, index) {
|
|
var _item$cover_url;
|
|
var imgUrl = item !== null && item !== void 0 && item.cover_url ? item !== null && item !== void 0 && (_item$cover_url = item.cover_url) !== null && _item$cover_url !== void 0 && _item$cover_url.includes('https') ? item.cover_url : env/* default.API_SERVER */.Z.API_SERVER + item.cover_url : video_default;
|
|
return /*#__PURE__*/(0,jsx_runtime.jsx)(col/* default */.Z, {
|
|
span: 8,
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(card/* default */.Z, {
|
|
hoverable: true,
|
|
className: Videomodules.cardstyle,
|
|
onClick: function onClick() {
|
|
if (item.external_link) {
|
|
window.open(item.external_link);
|
|
return;
|
|
}
|
|
setVisible(true);
|
|
setCurrentVideo({
|
|
videoId: item.id,
|
|
course_id: params['coursesId'],
|
|
file_url: item.play_url || item.file_url,
|
|
copyUrl: getCopyText(item.play_url || item.file_url, item.cover_url),
|
|
logWatchHistory: handleLogWatchHistory
|
|
});
|
|
},
|
|
cover: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
className: Videomodules.imgstyle,
|
|
children: [item.external_link && /*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
className: Videomodules.linkstyle,
|
|
children: "\u5916\u94FE"
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)("img", {
|
|
alt: "example",
|
|
src: imgUrl
|
|
})]
|
|
}),
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
className: Videomodules.paddingcard,
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
className: Videomodules.titlefont,
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)(tooltip/* default */.Z, {
|
|
title: item.name || item.title,
|
|
children: item.name || item.title
|
|
})
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsxs)("div", {
|
|
style: {
|
|
display: 'flex',
|
|
justifyContent: "space-between",
|
|
marginTop: '12px',
|
|
height: '17px',
|
|
alignItems: 'center'
|
|
},
|
|
children: [/*#__PURE__*/(0,jsx_runtime.jsx)("div", {
|
|
className: Videomodules.flexEnd
|
|
}), (item === null || item === void 0 ? void 0 : item.can_remove) && /*#__PURE__*/(0,jsx_runtime.jsx)(tooltip/* default */.Z, {
|
|
placement: "bottom",
|
|
title: "\u5220\u9664\u89C6\u9891",
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)("span", {
|
|
style: {
|
|
cursor: 'pointer',
|
|
color: '#7D8592'
|
|
},
|
|
onClick: function onClick(e) {
|
|
e.stopPropagation();
|
|
e.preventDefault();
|
|
modal/* default.confirm */.Z.confirm({
|
|
title: '删除视频',
|
|
content: "\u786E\u8BA4\u5C06\u89C6\u9891\u300A".concat(item.name || item.title, "\u300B\u5220\u9664\u5417\uFF1F"),
|
|
okText: '确认',
|
|
cancelText: '取消',
|
|
onOk: function () {
|
|
var _onOk = 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/virtual_classrooms/".concat(query.virtual_spacesId, "/videos/").concat(item.id, ".json"), {
|
|
method: 'Delete'
|
|
});
|
|
case 2:
|
|
res = _context.sent;
|
|
if (res.status === 0) {
|
|
getDataSets();
|
|
dispatch({
|
|
type: 'virtualSpaces/getVirtualSpacesDetails',
|
|
payload: {
|
|
id: query.virtual_spacesId
|
|
}
|
|
});
|
|
}
|
|
case 4:
|
|
case "end":
|
|
return _context.stop();
|
|
}
|
|
}, _callee);
|
|
}));
|
|
function onOk() {
|
|
return _onOk.apply(this, arguments);
|
|
}
|
|
return onOk;
|
|
}()
|
|
});
|
|
},
|
|
children: /*#__PURE__*/(0,jsx_runtime.jsx)("i", {
|
|
style: {
|
|
fontSize: '10px'
|
|
},
|
|
className: "iconfont icon-piliangshanchubeifen mr3 "
|
|
})
|
|
})
|
|
})]
|
|
})]
|
|
})
|
|
})
|
|
});
|
|
})
|
|
})]
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)(pagination/* default */.Z, {
|
|
current: params.page,
|
|
total: cousesList === null || cousesList === void 0 ? void 0 : cousesList.total_count,
|
|
style: {
|
|
textAlign: 'end',
|
|
marginTop: '20px'
|
|
},
|
|
pageSize: params.limit,
|
|
hideOnSinglePage: true,
|
|
onChange: function onChange(e) {
|
|
params.page = e, getDataSets();
|
|
}
|
|
}), /*#__PURE__*/(0,jsx_runtime.jsx)(AddLink, {}), /*#__PURE__*/(0,jsx_runtime.jsx)(Modal/* VideoModal */.K, objectSpread2_default()(objectSpread2_default()({}, currentVideo), {}, {
|
|
visible: visible,
|
|
width: 800,
|
|
onClose: function onClose() {
|
|
setVisible(false);
|
|
setCurrentVideo({});
|
|
}
|
|
}))]
|
|
});
|
|
};
|
|
/* harmony default export */ var Video = ((0,_umi_production_exports.connect)(function (_ref2) {
|
|
var classroomList = _ref2.classroomList,
|
|
loading = _ref2.loading,
|
|
globalSetting = _ref2.globalSetting,
|
|
virtualSpaces = _ref2.virtualSpaces,
|
|
user = _ref2.user;
|
|
return {
|
|
classroomList: classroomList,
|
|
globalSetting: globalSetting,
|
|
loading: loading.effects,
|
|
virtualSpaces: virtualSpaces,
|
|
user: user
|
|
};
|
|
})(ShixunsListPage));
|
|
|
|
/***/ })
|
|
|
|
}]); |