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

Format styles

Browse Source
This commit is contained in:
Vladislav Makhov 2020-09-08 10:57:26 +03:00
parent eccc420fd1
commit 653d60d897
3 changed files with 49 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
web/ASC.Web.Client/src/components/pages/Settings/categories/integration/sub-components/consumerModalDialog.js
View File

@ -8,6 +8,7 @@ import {
Link, Link,
toastr, toastr,
} from "asc-web-components"; } from "asc-web-components";
import ModalDialogContainer from "./modalDialogContainer";
import { Trans } from "react-i18next"; import { Trans } from "react-i18next";
class ConsumerModalDialog extends React.Component { class ConsumerModalDialog extends React.Component {
@ -148,28 +149,31 @@ class ConsumerModalDialog extends React.Component {
}; };
return ( return (
<ModalDialog <ModalDialogContainer>
visible={dialogVisible} <ModalDialog
headerContent={`${getConsumerName()}`} visible={dialogVisible}
bodyContent={[ headerContent={`${getConsumerName()}`}
<Text>{getInnerDescription()}</Text>, bodyContent={[
<Text>{bodyDescription}</Text>, <Text>{getInnerDescription()}</Text>,
<React.Fragment>{getInputFields()}</React.Fragment>, <Text>{bodyDescription}</Text>,
<Text>{bottomDescription}</Text>, <React.Fragment>{getInputFields()}</React.Fragment>,
]} <Text>{bottomDescription}</Text>,
footerContent={[ ]}
<Button footerContent={[
primary <Button
size="big" className="modal-dialog-button"
label={isLoading ? "Sending..." : t("ThirdPartyEnableButton")} primary
tabIndex={1} size="big"
isLoading={isLoading} label={isLoading ? "Sending..." : t("ThirdPartyEnableButton")}
isDisabled={isLoading} tabIndex={1}
onClick={this.updateConsumerValues} isLoading={isLoading}
/>, isDisabled={isLoading}
]} onClick={this.updateConsumerValues}
onClose={onModalClose} />,
/> ]}
onClose={onModalClose}
/>
</ModalDialogContainer>
); );
} }
} }

2
web/ASC.Web.Client/src/components/pages/Settings/categories/integration/sub-components/consumerToggle.js
View File

@ -42,7 +42,7 @@ class ConsumerToggle extends React.Component {
sendConsumerNewProps(data) sendConsumerNewProps(data)
.then(() => { .then(() => {
toastr.info("Consumer successfully deactivated"); toastr.success("Consumer successfully deactivated");
}) })
.catch((error) => { .catch((error) => {
toastr.error(error); toastr.error(error);

22
web/ASC.Web.Client/src/components/pages/Settings/categories/integration/sub-components/modalDialogContainer.js Normal file
View File

@ -0,0 +1,22 @@
import styled from "styled-components";
import { utils } from "asc-web-components";
const tablet = utils.device.tablet;
const ModalDialogContainer = styled.div`
.modal-dialog-aside-footer {
@media (max-width: 1024px) {
width: 90%;
}
}
.modal-dialog-button {
@media (max-width: 1024px) {
width: 100%;
}
}
.field-body {
margin-top: 16px;
}
`;
export default ModalDialogContainer;