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