IlyaSobolev/DocSpace-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Web:Files:Components: add embedding body to modal view sharing panel

Browse Source
This commit is contained in:
Timofey Boyko 2022-04-19 07:35:04 +03:00
parent b5d94989bf
commit e0b9e60f70
4 changed files with 55 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
products/ASC.Files/Client/src/components/panels/SharingPanel/Header.js
View File

@ -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>

3
products/ASC.Files/Client/src/components/panels/SharingPanel/StyledSharingPanel.js
View File

@ -52,6 +52,9 @@ const StyledHeaderContent = styled.div`
max-width: calc(100% - 33px);
.sharing_panel-arrow {
.icon-button_svg {
width: 15px;
}
margin-right: 16px;
}
}

9
products/ASC.Files/Client/src/components/panels/SharingPanel/i18n.js
View File

@ -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: {

69
products/ASC.Files/Client/src/components/panels/SharingPanel/index.js
View File

@ -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,