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