{"version":3,"file":"AccountExtraPage.js","names":["React","PageSection","PageSectionVariants","Button","Grid","GridItem","ExpandableSection","Modal","AccountServiceContext","Msg","ContentPage","ContentAlert","AvatarForm","AccountExtraPage","Component","constructor","props","open","setState","isModalOpen","event","accountUrl","context","deleteUrl","doPost","then","success","window","location","reload","state","render","light","marginTop","localize","__html","e","handleModalToggle","modalConfirmDelete"],"sources":["../../../src/app/content/d4science-page/AccountExtraPage.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport { PageSection, PageSectionVariants,Button, Grid, GridItem, ExpandableSection, Modal } from '@patternfly/react-core';\r\nimport { AccountServiceContext } from '../../account-service/AccountServiceContext';\r\nimport { Msg } from '../../widgets/Msg';\r\nimport { ContentPage } from '../ContentPage';\r\nimport { ContentAlert } from '../ContentAlert';\r\nimport { AvatarForm } from './AvatarForm';\r\n\r\ninterface AccountExtraPageProps {\r\n}\r\n\r\ninterface AccountExtraPageState {\r\n    isModalOpen: boolean;\r\n}\r\n\r\nexport class AccountExtraPage extends React.Component<AccountExtraPageProps, AccountExtraPageState> {\r\n    static contextType = AccountServiceContext;\r\n    context: React.ContextType<typeof AccountServiceContext>;\r\n\r\n    constructor(props: any) {\r\n        super(props)\r\n        this.state = { isModalOpen: false }\r\n    }\r\n\r\n    private handleModalToggle = (open: boolean) => {\r\n        this.setState({ isModalOpen: open })\r\n    }\r\n\r\n    private modalConfirmDelete = (event: any) => {\r\n        const accountUrl = this.context![\"accountUrl\"]\r\n        const deleteUrl = accountUrl + \"-delete/request-delete\"\r\n        this.context!.doPost<void>(deleteUrl, {})\r\n            .then(() => {\r\n                ContentAlert.success('accountDeletedMessage')\r\n                window.location.reload();\r\n            })\r\n        this.setState({ isModalOpen: false })\r\n    }\r\n\r\n    public render(): React.ReactNode {\r\n        const accountUrl = this.context![\"accountUrl\"]\r\n\r\n        return (\r\n            <ContentPage title=\"accountExtraInfoHtmlTitle\"\r\n                introMessage=\"accountExtraSubMessage\"\r\n            >\r\n                <PageSection isFilled variant={PageSectionVariants.light}>\r\n                    <AvatarForm accountUrl={accountUrl} />\r\n\r\n                    <div id=\"delete-account\" style={{marginTop:\"30px\"}}>\r\n                        <ExpandableSection toggleText={Msg.localize('deleteAccount')} displaySize=\"large\">\r\n                            <Grid hasGutter>\r\n                                <GridItem span={8}>\r\n                                    <p dangerouslySetInnerHTML={{ __html: Msg.localize('deleteAccountInfoMessage')}} />\r\n                                </GridItem>\r\n                                <GridItem span={4}>\r\n                                    <Button id=\"delete-account-btn\" variant=\"danger\"\r\n                                        onClick={(e) => this.handleModalToggle(true)} className=\"delete-button\"\r\n                                    >\r\n                                        <Msg msgKey=\"doDelete\" />\r\n                                    </Button>\r\n                                </GridItem>\r\n                            </Grid>\r\n                        </ExpandableSection>\r\n\r\n                        <Modal\r\n                            width={'50%'}\r\n                            title={Msg.localize('deleteAccountDialogHeader')}\r\n                            isOpen={this.state.isModalOpen}\r\n                            onClose={() => this.handleModalToggle(false)}\r\n                            actions={[\r\n                                <Button key=\"confirm\" variant=\"danger\" onClick={this.modalConfirmDelete}>\r\n                                    <Msg msgKey=\"doDeleteConfirm\" />\r\n                                </Button>,\r\n                                <Button key=\"cancel\" variant=\"secondary\" onClick={(e) => this.handleModalToggle(false)}>\r\n                                    <Msg msgKey=\"doCancel\" />\r\n                                </Button>\r\n                            ]}\r\n                        >\r\n                            <div dangerouslySetInnerHTML={{ __html: Msg.localize('deleteAccountWarningMessage')}} />\r\n                            <div dangerouslySetInnerHTML={{ __html: Msg.localize('deleteAccountConfirmMessage')}} />\r\n                        </Modal>\r\n                    </div>\r\n                </PageSection>\r\n\r\n            </ContentPage>\r\n        )\r\n    }\r\n}"],"mappings":"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"}