@fakel/rest-admin
Version:
An application that makes it easier to work with your API
42 lines (41 loc) • 2.48 kB
JavaScript
"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.GalleryViewFooter = void 0;
var react_1 = __importDefault(require("react"));
var row_1 = __importDefault(require("antd/lib/row"));
var col_1 = __importDefault(require("antd/lib/col"));
var button_1 = __importDefault(require("antd/lib/button"));
var space_1 = __importDefault(require("antd/lib/space"));
var checkbox_1 = __importDefault(require("antd/lib/checkbox"));
var mobx_react_1 = require("mobx-react");
var GalleryUpload_1 = require("./GalleryUpload");
var useImagesStore_1 = require("../../hooks/useImagesStore");
exports.GalleryViewFooter = mobx_react_1.observer(function (_a) {
var setVisible = _a.setVisible, uploadHandler = _a.uploadHandler, isMultiple = _a.isMultiple, onOk = _a.onOk, showSelectAll = _a.showSelectAll;
var imagesStore = useImagesStore_1.useImagesStore();
var handleOk = function () {
setVisible(false);
var returnedImages = isMultiple
? imagesStore.images.filter(function (image) { return image.isSelected; })
: imagesStore.images.filter(function (image) { return image.isSelected; })[0];
onOk(returnedImages);
};
var handleCancle = function () {
imagesStore.clearSelected();
setVisible(false);
};
var toggleSelectAll = function () {
imagesStore.toggleSelectAll();
};
return (react_1.default.createElement(row_1.default, { justify: "space-between" },
react_1.default.createElement(col_1.default, { style: { textAlign: 'left' }, span: 12 },
react_1.default.createElement(space_1.default, { size: [10, 0], align: "start" },
react_1.default.createElement(GalleryUpload_1.GalleryUpload, { uploadHandler: uploadHandler, isMultiple: isMultiple }),
showSelectAll && react_1.default.createElement(checkbox_1.default, { onChange: toggleSelectAll }, "\u0412\u044B\u0434\u0435\u043B\u0438\u0442\u044C \u0432\u0441\u0451"))),
react_1.default.createElement(col_1.default, { span: 12 },
react_1.default.createElement(button_1.default, { onClick: handleCancle, type: "primary", danger: true }, "\u041E\u0442\u043C\u0435\u043D\u0430"),
react_1.default.createElement(button_1.default, { onClick: handleOk, type: "primary" }, "\u041E\u043A"))));
});