Web:Files:Components: add embedding body to modal view sharing panel
This commit is contained in:
parent
b5d94989bf
commit
e0b9e60f70
@ -15,6 +15,7 @@ const Header = ({
|
||||
onShowUsersPanel,
|
||||
onShowGroupsPanel,
|
||||
onClose,
|
||||
label,
|
||||
}) => {
|
||||
const [showActionPanel, setShowActionPanel] = React.useState(false);
|
||||
|
||||
@ -42,6 +43,8 @@ const Header = ({
|
||||
onShowGroupsPanel && onShowGroupsPanel();
|
||||
}, [onShowGroupsPanel]);
|
||||
|
||||
console.log(uploadPanelVisible);
|
||||
|
||||
return (
|
||||
<StyledHeaderContent
|
||||
isPersonal={isPersonal}
|
||||
@ -50,7 +53,7 @@ const Header = ({
|
||||
<div className="sharing_panel-header-info">
|
||||
{uploadPanelVisible && (
|
||||
<IconButton
|
||||
size="15"
|
||||
size="15px"
|
||||
iconName="/static/images/arrow.path.react.svg"
|
||||
className="sharing_panel-arrow"
|
||||
onClick={onClose}
|
||||
@ -61,7 +64,9 @@ const Header = ({
|
||||
size="medium"
|
||||
truncate={!isPersonal}
|
||||
>
|
||||
{t("SharingSettingsTitle")}
|
||||
{uploadPanelVisible && label && isPersonal
|
||||
? label
|
||||
: t("SharingSettingsTitle")}
|
||||
</Heading>
|
||||
</div>
|
||||
|
||||
|
@ -52,6 +52,9 @@ const StyledHeaderContent = styled.div`
|
||||
max-width: calc(100% - 33px);
|
||||
|
||||
.sharing_panel-arrow {
|
||||
.icon-button_svg {
|
||||
width: 15px;
|
||||
}
|
||||
margin-right: 16px;
|
||||
}
|
||||
}
|
||||
|
@ -24,7 +24,14 @@ newInstance.use(Backend).init({
|
||||
loadPath: loadLanguagePath(config.homepage),
|
||||
},
|
||||
|
||||
ns: ["SharingPanel", "Common", "Translations", "Home", "ChangeOwnerPanel"],
|
||||
ns: [
|
||||
"SharingPanel",
|
||||
"Common",
|
||||
"Translations",
|
||||
"EmbeddingPanel",
|
||||
"Home",
|
||||
"ChangeOwnerPanel",
|
||||
],
|
||||
defaultNS: "SharingPanel",
|
||||
|
||||
react: {
|
||||
|
@ -549,50 +549,53 @@ class SharingPanelComponent extends React.Component {
|
||||
<ModalDialog.Header>
|
||||
<Header
|
||||
t={t}
|
||||
uploadPanelVisible={uploadPanelVisible}
|
||||
uploadPanelVisible={showEmbeddingContent}
|
||||
isPersonal={isPersonal}
|
||||
isEncrypted={isEncrypted}
|
||||
onClose={this.onClose}
|
||||
onClose={this.onShowEmbeddingContainer}
|
||||
onShowUsersPanel={this.onShowUsersPanel}
|
||||
onShowGroupsPanel={this.onShowGroupsPanel}
|
||||
label={t("EmbeddingPanel:EmbeddingDocument")}
|
||||
/>
|
||||
</ModalDialog.Header>
|
||||
|
||||
<ModalDialog.Body>
|
||||
<Body
|
||||
t={t}
|
||||
isPersonal={isPersonal}
|
||||
selection={selection}
|
||||
externalItem={externalItem[0]}
|
||||
onToggleLink={this.onToggleLink}
|
||||
onShowEmbeddingPanel={this.onShowEmbeddingContainer}
|
||||
onChangeItemAccess={this.onChangeItemAccess}
|
||||
accessOptions={accessOptions}
|
||||
externalAccessOptions={externalAccessOptions}
|
||||
/>
|
||||
|
||||
{showEmbeddingContent && (
|
||||
{showEmbeddingContent ? (
|
||||
<EmbeddingBody theme={theme} embeddingLink={shareLink} />
|
||||
) : (
|
||||
<Body
|
||||
t={t}
|
||||
isPersonal={isPersonal}
|
||||
selection={selection}
|
||||
externalItem={externalItem[0]}
|
||||
onToggleLink={this.onToggleLink}
|
||||
onShowEmbeddingPanel={this.onShowEmbeddingContainer}
|
||||
onChangeItemAccess={this.onChangeItemAccess}
|
||||
accessOptions={accessOptions}
|
||||
externalAccessOptions={externalAccessOptions}
|
||||
/>
|
||||
)}
|
||||
</ModalDialog.Body>
|
||||
|
||||
<ModalDialog.Footer>
|
||||
<StyledModalFooter>
|
||||
<Button
|
||||
size={"normal"}
|
||||
label={t("Common:SaveButton")}
|
||||
primary
|
||||
onClick={this.onSaveClick}
|
||||
scale
|
||||
/>
|
||||
<Button
|
||||
size={"normal"}
|
||||
label={t("Common:CancelButton")}
|
||||
scale
|
||||
onClick={this.onClose}
|
||||
/>
|
||||
</StyledModalFooter>
|
||||
</ModalDialog.Footer>
|
||||
{!showEmbeddingContent && (
|
||||
<ModalDialog.Footer>
|
||||
<StyledModalFooter>
|
||||
<Button
|
||||
size={"normal"}
|
||||
label={t("Common:SaveButton")}
|
||||
primary
|
||||
onClick={this.onSaveClick}
|
||||
scale
|
||||
/>
|
||||
<Button
|
||||
size={"normal"}
|
||||
label={t("Common:CancelButton")}
|
||||
scale
|
||||
onClick={this.onClose}
|
||||
/>
|
||||
</StyledModalFooter>
|
||||
</ModalDialog.Footer>
|
||||
)}
|
||||
</ModalDialog>
|
||||
)}
|
||||
</>
|
||||
@ -800,6 +803,7 @@ const SharingPanel = inject(
|
||||
"Translations",
|
||||
"Home",
|
||||
"ChangeOwnerPanel",
|
||||
"EmbeddingPanel",
|
||||
])(withLoader(SharingPanelComponent)(<Loaders.DialogAsideLoader isPanel />))
|
||||
)
|
||||
);
|
||||
@ -812,6 +816,7 @@ class Panel extends React.Component {
|
||||
"Translations",
|
||||
"Home",
|
||||
"ChangeOwnerPanel",
|
||||
"EmbeddingPanel",
|
||||
]);
|
||||
const {
|
||||
FullAccess,
|
||||
|
Loading…
Reference in New Issue
Block a user