hrw-certificate-editor
Version:
Design Editor Tools with React.js + ant.design + fabric.js
81 lines • 4.22 kB
JavaScript
"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const react_1 = __importDefault(require("react"));
const antd_1 = require("antd");
const UrlModal_1 = __importDefault(require("../../../components/common/UrlModal"));
const FileUpload_1 = __importDefault(require("../../../components/common/FileUpload"));
exports.default = {
render(canvasRef, form, data) {
const { getFieldDecorator } = form;
if (!data) {
return null;
}
const videoLoadType = data.videoLoadType || 'file';
return (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement(antd_1.Row, null,
react_1.default.createElement(antd_1.Col, { span: 8 },
react_1.default.createElement(antd_1.Form.Item, { label: "Auto Play", colon: false }, getFieldDecorator('autoplay', {
rules: [
{
type: 'boolean',
},
],
valuePropName: 'checked',
initialValue: data.autoplay,
})(react_1.default.createElement(antd_1.Switch, null)))),
react_1.default.createElement(antd_1.Col, { span: 8 },
react_1.default.createElement(antd_1.Form.Item, { label: "Muted", colon: false }, getFieldDecorator('muted', {
rules: [
{
type: 'boolean',
},
],
valuePropName: 'checked',
initialValue: data.muted,
})(react_1.default.createElement(antd_1.Switch, null)))),
react_1.default.createElement(antd_1.Col, { span: 8 },
react_1.default.createElement(antd_1.Form.Item, { label: "Loop", colon: false }, getFieldDecorator('loop', {
rules: [
{
type: 'boolean',
},
],
valuePropName: 'checked',
initialValue: data.loop,
})(react_1.default.createElement(antd_1.Switch, null))))),
react_1.default.createElement(antd_1.Form.Item, { label: "Video Load Type", colon: false }, getFieldDecorator('videoLoadType', {
rules: [
{
// required: true,
// message: 'Please select icon',
},
],
initialValue: videoLoadType,
})(react_1.default.createElement(antd_1.Radio.Group, { size: "large" },
react_1.default.createElement(antd_1.Radio.Button, { value: "file" }, "File Upload"),
react_1.default.createElement(antd_1.Radio.Button, { value: "src" }, "Video URL")))),
videoLoadType === 'file' ? (react_1.default.createElement(antd_1.Form.Item, { label: "File", colon: false }, getFieldDecorator('file', {
rules: [
{
required: true,
message: 'Please select video',
},
],
initialValue: data.file,
})(
// <FileUpload fileList={data.file ? [data.file] : []} />,
react_1.default.createElement(FileUpload_1.default, { accept: "video/*" })))) : (react_1.default.createElement(antd_1.Form.Item, null, getFieldDecorator('src', {
rules: [
{
required: true,
message: 'Please select image',
},
],
initialValue: data.src,
})(react_1.default.createElement(UrlModal_1.default, { form: form }))))));
},
};
//# sourceMappingURL=VideoProperty.js.map