2023-11-28 14:36:05 +01:00
|
|
|
{"version":3,"file":"AccountExtraPage.js","names":["React","PageSection","PageSectionVariants","Button","Grid","GridItem","ExpandableSection","Modal","AccountServiceContext","Msg","ContentPage","ContentAlert","AvatarForm","AccountExtraPage","Component","constructor","props","context","isModalOpen","DEFAULT_STATE","open","setState","event","accountUrl","deleteUrl","doPost","then","success","window","location","reload","render","light","marginTop","localize","__html","e","handleModalToggle","state","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 private readonly DEFAULT_STATE: AccountExtraPageState = {\r\n isModalOpen: false\r\n };\r\n public state: AccountExtraPageState = this.DEFAULT_STATE;\r\n\r\n constructor(props: AccountExtraPageProps, context: React.ContextType<typeof AccountServiceContext>) {\r\n super(props);\r\n this.context = context;\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
|
