bigbluebutton-Github/bigbluebutton-html5/imports/ui/components/presentation/presentation-uploader/presentation-download-dropdown/component.jsx

157 lines
4.9 KiB
React
Raw Normal View History

import React, { PureComponent } from 'react';
import { defineMessages, injectIntl } from 'react-intl';
import PropTypes from 'prop-types';
import BBBMenu from '/imports/ui/components/common/menu/component';
import { uniqueId } from '/imports/utils/string-utils';
import Trigger from '/imports/ui/components/common/control-header/right/component';
import PresentationDownloadDropdownWrapper from './presentation-download-dropdown-wrapper/component';
const intlMessages = defineMessages({
enableOriginalPresentationDownload: {
id: 'app.presentationUploader.enableOriginalPresentationDownload',
description: 'Send original presentation to chat',
},
disableOriginalPresentationDownload: {
id: 'app.presentationUploader.disableOriginalPresentationDownload',
description: 'Send original presentation to chat',
},
2023-06-17 00:40:09 +08:00
sendCurrentStateDocument: {
id: 'app.presentationUploader.exportCurrentStatePresentation',
description: 'Send presentation to chat in the current state label',
},
copySuccess: {
id: 'app.chat.copySuccess',
description: 'aria success alert',
},
copyErr: {
id: 'app.chat.copyErr',
description: 'aria error alert',
},
options: {
id: 'app.presentationUploader.dropdownExportOptions',
description: 'Chat Options',
},
});
const propTypes = {
intl: PropTypes.shape({
formatMessage: PropTypes.func.isRequired,
}).isRequired,
handleDownloadingOfPresentation: PropTypes.func.isRequired,
handleToggleDownloadable: PropTypes.func.isRequired,
isDownloadable: PropTypes.bool.isRequired,
item: PropTypes.shape({
id: PropTypes.string.isRequired,
filename: PropTypes.string.isRequired,
isCurrent: PropTypes.bool.isRequired,
temporaryPresentationId: PropTypes.string.isRequired,
isDownloadable: PropTypes.bool.isRequired,
isRemovable: PropTypes.bool.isRequired,
conversion: PropTypes.shape,
upload: PropTypes.shape,
exportation: PropTypes.shape,
uploadTimestamp: PropTypes.number.isRequired,
}).isRequired,
closeModal: PropTypes.func.isRequired,
isRTL: PropTypes.bool.isRequired,
disabled: PropTypes.bool.isRequired,
};
class PresentationDownloadDropdown extends PureComponent {
constructor(props) {
super(props);
this.actionsKey = [
uniqueId('action-item-'),
uniqueId('action-item-'),
uniqueId('action-item-'),
];
}
getAvailableActions() {
const {
intl,
handleDownloadingOfPresentation,
handleToggleDownloadable,
isDownloadable,
item,
closeModal,
} = this.props;
this.menuItems = [];
const toggleDownloadOriginalPresentation = (enableDownload) => {
handleToggleDownloadable(item);
if (enableDownload) {
handleDownloadingOfPresentation('Original');
}
closeModal();
};
if (!isDownloadable) {
2023-06-13 22:36:15 +08:00
this.menuItems.push({
key: this.actionsKey[0],
dataTest: 'enableOriginalPresentationDownload',
label: intl.formatMessage(intlMessages.enableOriginalPresentationDownload),
onClick: () => toggleDownloadOriginalPresentation(true),
});
} else {
this.menuItems.push({
key: this.actionsKey[0],
dataTest: 'disableOriginalPresentationDownload',
label: intl.formatMessage(intlMessages.disableOriginalPresentationDownload),
onClick: () => toggleDownloadOriginalPresentation(false),
});
}
2023-06-26 21:48:19 +08:00
this.menuItems.push({
key: this.actionsKey[1],
id: 'sendCurrentStateDocument',
dataTest: 'sendCurrentStateDocument',
label: intl.formatMessage(intlMessages.sendCurrentStateDocument),
onClick: () => {
closeModal();
handleDownloadingOfPresentation('Annotated');
},
});
return this.menuItems;
}
render() {
const { intl, isRTL, disabled } = this.props;
2023-06-01 20:29:56 +08:00
const customStyles = { zIndex: 9999 };
return (
<PresentationDownloadDropdownWrapper disabled={disabled}>
<BBBMenu
2023-06-01 20:29:56 +08:00
customStyles={customStyles}
trigger={(
<Trigger
data-test="presentationOptionsDownload"
icon="more"
label={intl.formatMessage(intlMessages.options)}
aria-label={intl.formatMessage(intlMessages.options)}
onClick={() => null}
/>
)}
opts={{
id: 'presentation-download-dropdown',
keepMounted: true,
transitionDuration: 0,
elevation: 2,
getContentAnchorEl: null,
fullwidth: 'true',
anchorOrigin: { vertical: 'bottom', horizontal: isRTL ? 'right' : 'left' },
transformOrigin: { vertical: 'top', horizontal: isRTL ? 'right' : 'left' },
}}
actions={this.getAvailableActions()}
/>
</PresentationDownloadDropdownWrapper>
);
}
}
PresentationDownloadDropdown.propTypes = propTypes;
export default injectIntl(PresentationDownloadDropdown);