@craftercms/studio-ui
Version:
Services, components, models & utils to build CrafterCMS authoring extensions.
166 lines (164 loc) • 5.52 kB
JavaScript
/*
* Copyright (C) 2007-2022 Crafter Software Corporation. All Rights Reserved.
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU Lesser General Public License version 3 as published by
* the Free Software Foundation.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU Lesser General Public License for more details.
*
* You should have received a copy of the GNU Lesser General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
/*
* Copyright (C) 2007-2022 Crafter Software Corporation. All Rights Reserved.
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License version 3 as published by
* the Free Software Foundation.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
import { makeStyles } from 'tss-react/mui';
import { useIntl } from 'react-intl';
import DialogHeader from '../DialogHeader';
import DialogBody from '../DialogBody/DialogBody';
import * as React from 'react';
import PublishingStatusDisplay, { publishingStatusMessages } from '../PublishingStatusDisplay';
import { useState } from 'react';
import Menu from '@mui/material/Menu';
import Typography from '@mui/material/Typography';
import MenuItem from '@mui/material/MenuItem';
import useActiveUser from '../../hooks/useActiveUser';
import useActiveSiteId from '../../hooks/useActiveSiteId';
const useStyles = makeStyles()(() => ({
body: {
minHeight: 145,
placeContent: 'center'
}
}));
const permittedRoles = ['developer', 'admin'];
export function PublishingStatusDialogContainer(props) {
var _a;
const {
status,
enabled,
published,
lockOwner,
lockTTL,
numberOfItems,
totalItems,
publishingTarget,
submissionId,
onClose,
onRefresh,
onUnlock,
onStartStop,
isFetching
} = props;
const { classes } = useStyles();
const { formatMessage } = useIntl();
const [unlockAnchorEl, setUnlockAnchorEl] = useState(null);
const user = useActiveUser();
const siteId = useActiveSiteId();
const userRoles = user === null || user === void 0 ? void 0 : user.rolesBySite[siteId];
const allowedUser =
(_a =
permittedRoles === null || permittedRoles === void 0
? void 0
: permittedRoles.some((role) => userRoles.includes(role))) !== null && _a !== void 0
? _a
: false;
const handleClose = () => {
setUnlockAnchorEl(null);
};
const handleConfirm = () => {
handleClose();
onUnlock();
};
return React.createElement(
React.Fragment,
null,
React.createElement(DialogHeader, {
title: formatMessage(publishingStatusMessages.publishingStatus),
onCloseButtonClick: onClose,
rightActions: [
onUnlock &&
allowedUser && {
icon: { id: '@mui/icons-material/LockOpenRounded' },
onClick: (e) => {
setUnlockAnchorEl(e.currentTarget);
},
tooltip: formatMessage(publishingStatusMessages.unlock)
},
onStartStop &&
allowedUser && {
icon: enabled
? { id: '@mui/icons-material/PauseCircleOutlineOutlined' }
: { id: '@mui/icons-material/PlayCircleOutlineOutlined' },
onClick: onStartStop,
tooltip: formatMessage(enabled ? publishingStatusMessages.stop : publishingStatusMessages.start)
},
onRefresh && {
icon: { id: '@mui/icons-material/RefreshRounded' },
onClick: onRefresh,
tooltip: formatMessage(publishingStatusMessages.refresh)
}
].filter(Boolean)
}),
React.createElement(
DialogBody,
{ className: classes.body },
React.createElement(PublishingStatusDisplay, {
enabled: enabled,
isFetching: isFetching,
status: status,
published: published,
lockOwner: lockOwner,
lockTTL: lockTTL,
numberOfItems: numberOfItems,
totalItems: totalItems,
publishingTarget: publishingTarget,
submissionId: submissionId
})
),
React.createElement(
Menu,
{
anchorEl: unlockAnchorEl,
open: Boolean(unlockAnchorEl),
onClose: handleClose,
anchorOrigin: {
vertical: 'bottom',
horizontal: 'right'
},
transformOrigin: {
vertical: 'top',
horizontal: 'right'
}
},
React.createElement(
Typography,
{
variant: 'body1',
sx: {
padding: '10px 16px 10px 16px'
}
},
formatMessage(publishingStatusMessages.confirmUnlockPublisher)
),
React.createElement(MenuItem, { onClick: handleClose }, formatMessage(publishingStatusMessages.no)),
React.createElement(MenuItem, { onClick: handleConfirm }, formatMessage(publishingStatusMessages.yes))
)
);
}
export default PublishingStatusDialogContainer;