144 lines
4.1 KiB
JavaScript
144 lines
4.1 KiB
JavaScript
import React, { PureComponent } from 'react';
|
|
import { defineMessages, injectIntl } from 'react-intl';
|
|
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',
|
|
},
|
|
sendAnnotatedDocument: {
|
|
id: 'app.presentationUploader.exportAnnotatedPresentation',
|
|
description: 'Send presentation to chat with annotations 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',
|
|
},
|
|
});
|
|
|
|
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,
|
|
hasAnnotations
|
|
} = this.props;
|
|
|
|
this.menuItems = [];
|
|
|
|
const toggleDownloadOriginalPresentation = (enableDownload) => {
|
|
handleToggleDownloadable(item);
|
|
if (enableDownload) {
|
|
handleDownloadingOfPresentation("Original");
|
|
}
|
|
closeModal();
|
|
}
|
|
|
|
if (!isDownloadable) {
|
|
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),
|
|
},
|
|
);
|
|
}
|
|
|
|
if (hasAnnotations) {
|
|
this.menuItems.push(
|
|
{
|
|
key: this.actionsKey[1],
|
|
id: 'sendAnnotatedDocument',
|
|
dataTest: 'sendAnnotatedDocument',
|
|
label: intl.formatMessage(intlMessages.sendAnnotatedDocument),
|
|
onClick: () => {
|
|
closeModal();
|
|
handleDownloadingOfPresentation("Annotated");
|
|
},
|
|
},
|
|
);
|
|
}
|
|
|
|
return this.menuItems;
|
|
}
|
|
|
|
render() {
|
|
const {
|
|
intl,
|
|
isRTL,
|
|
disabled
|
|
} = this.props;
|
|
|
|
return (
|
|
<PresentationDownloadDropdownWrapper
|
|
disabled={disabled}
|
|
>
|
|
<BBBMenu
|
|
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>
|
|
);
|
|
}
|
|
}
|
|
|
|
export default injectIntl(PresentationDownloadDropdown);
|