@fakel/rest-admin
Version:
An application that makes it easier to work with your API
36 lines (35 loc) • 1.9 kB
JavaScript
import React from 'react';
import Row from 'antd/lib/row';
import Col from 'antd/lib/col';
import Button from 'antd/lib/button';
import Space from 'antd/lib/space';
import Checkbox from 'antd/lib/checkbox';
import { observer } from 'mobx-react';
import { GalleryUpload } from './GalleryUpload';
import { useImagesStore } from '../../hooks/useImagesStore';
export var GalleryViewFooter = observer(function (_a) {
var setVisible = _a.setVisible, uploadHandler = _a.uploadHandler, isMultiple = _a.isMultiple, onOk = _a.onOk, showSelectAll = _a.showSelectAll;
var imagesStore = 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.createElement(Row, { justify: "space-between" },
React.createElement(Col, { style: { textAlign: 'left' }, span: 12 },
React.createElement(Space, { size: [10, 0], align: "start" },
React.createElement(GalleryUpload, { uploadHandler: uploadHandler, isMultiple: isMultiple }),
showSelectAll && React.createElement(Checkbox, { onChange: toggleSelectAll }, "\u0412\u044B\u0434\u0435\u043B\u0438\u0442\u044C \u0432\u0441\u0451"))),
React.createElement(Col, { span: 12 },
React.createElement(Button, { onClick: handleCancle, type: "primary", danger: true }, "\u041E\u0442\u043C\u0435\u043D\u0430"),
React.createElement(Button, { onClick: handleOk, type: "primary" }, "\u041E\u043A"))));
});