-
Notifications
You must be signed in to change notification settings - Fork 10
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #181 from toshiba/release/fix-change-page-size
fix(Table): Fix change page size error when server pagination is not defined
- Loading branch information
Showing
9 changed files
with
323 additions
and
50 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
216 changes: 216 additions & 0 deletions
216
src/app/[locale]/projects/components/DeleteProjectDialog.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,216 @@ | ||
| // Copyright (C) Siemens AG, 2023. Part of the SW360 Frontend Project. | ||
|
|
||
| // This program and the accompanying materials are made | ||
| // available under the terms of the Eclipse Public License 2.0 | ||
| // which is available at https://www.eclipse.org/legal/epl-2.0/ | ||
|
|
||
| // SPDX-License-Identifier: EPL-2.0 | ||
| // License-Filename: LICENSE | ||
|
|
||
| 'use client' | ||
|
|
||
| import { HttpStatus, Project } from '@/object-types' | ||
| import { ApiUtils } from '@/utils' | ||
| import { signOut, useSession } from 'next-auth/react' | ||
| import { useTranslations } from 'next-intl' | ||
| import { useRouter } from 'next/navigation' | ||
| import { useCallback, useEffect, useState } from 'react' | ||
| import { Alert, Button, Form, Modal } from 'react-bootstrap' | ||
| import { AiOutlineQuestionCircle } from 'react-icons/ai' | ||
|
|
||
| const DEFAULT_PROJECT_DATA: Project = { | ||
| name: '', | ||
| _embedded: { | ||
| 'sw360:releases': [], | ||
| 'sw360:projects': [], | ||
| 'sw360:attachments': [], | ||
| }, | ||
| } | ||
| interface Data { | ||
| attachment?: number | ||
| project?: number | ||
| release?: number | ||
| } | ||
|
|
||
| interface Props { | ||
| projectId?: string | ||
| show?: boolean | ||
| setShow?: React.Dispatch<React.SetStateAction<boolean>> | ||
| } | ||
|
|
||
| const DeleteProjectDialog = ({ projectId, show, setShow }: Props) => { | ||
| const { data: session } = useSession() | ||
| const t = useTranslations('default') | ||
| const router = useRouter() | ||
| const [project, setProject] = useState<Project>(DEFAULT_PROJECT_DATA) | ||
| const [internalData, setInternalData] = useState<Data>({ attachment: 0, project: 0, release: 0 }) | ||
| const [variant, setVariant] = useState('success') | ||
| const [message, setMessage] = useState('') | ||
| const [showMessage, setShowMessage] = useState(false) | ||
| const [reloadPage, setReloadPage] = useState(false) | ||
| const [hasSubProject, setHasSubProject] = useState(false) | ||
| const [comment, setComment] = useState('') | ||
|
|
||
| const displayMessage = (variant: string, message: string) => { | ||
| setVariant(variant) | ||
| setMessage(message) | ||
| setShowMessage(true) | ||
| } | ||
|
|
||
| const handleError = useCallback(() => { | ||
| displayMessage('danger', t('Error when processing')) | ||
| setReloadPage(true) | ||
| }, [t]) | ||
|
|
||
| const deleteProject = async () => { | ||
| const response = await ApiUtils.DELETE(`projects/${projectId}`, session.user.access_token) | ||
| try { | ||
| if (response.status == HttpStatus.OK) { | ||
| displayMessage('success', t('Delete project successful!')) | ||
| router.push('/projects') | ||
| setReloadPage(true) | ||
| } else if (response.status == HttpStatus.ACCEPTED) { | ||
| displayMessage('info', t('Moderation request is created!')) | ||
| } else if (response.status == HttpStatus.CONFLICT) { | ||
| displayMessage('danger', t('The project cannot be deleted, since it is used by another project!')) | ||
| } else if (response.status == HttpStatus.UNAUTHORIZED) { | ||
| await signOut() | ||
| } else { | ||
| displayMessage('danger', t('Error when processing')) | ||
| } | ||
| } catch (err) { | ||
| handleError() | ||
| } | ||
| } | ||
|
|
||
| const fetchData = useCallback( | ||
| async (signal: AbortSignal) => { | ||
| if (session) { | ||
| const projectsResponse = await ApiUtils.GET(`projects/${projectId}`, session.user.access_token, signal) | ||
| if (projectsResponse.status == HttpStatus.OK) { | ||
| const project = (await projectsResponse.json()) as Project | ||
| setProject(project) | ||
| handleInternalDataCount() | ||
| } else if (projectsResponse.status == HttpStatus.UNAUTHORIZED) { | ||
| await signOut() | ||
| } else { | ||
| setProject(DEFAULT_PROJECT_DATA) | ||
| handleError() | ||
| } | ||
| } | ||
| }, | ||
| [projectId, handleError, session] | ||
| ) | ||
|
|
||
| useEffect(() => { | ||
| const controller = new AbortController() | ||
| const signal = controller.signal | ||
| fetchData(signal).catch((err) => { | ||
| console.error(err) | ||
| }) | ||
|
|
||
| return () => { | ||
| controller.abort() | ||
| } | ||
| }, [show, projectId, fetchData]) | ||
|
|
||
| const handleSubmit = () => { | ||
| deleteProject().catch((err) => { | ||
| console.log(err) | ||
| }) | ||
| } | ||
|
|
||
| const handleCloseDialog = () => { | ||
| setShow(!show) | ||
| setShowMessage(false) | ||
| setComment('') | ||
| if (reloadPage === true) { | ||
| window.location.reload() | ||
| } | ||
| } | ||
|
|
||
| const handleInternalDataCount = () => { | ||
| const dataCount: Data = {} | ||
| if (project._embedded['sw360:attachments']) { | ||
| const attachmentCount = project._embedded['sw360:attachments'].length | ||
| dataCount.attachment = attachmentCount | ||
| } else if (project._embedded['sw360:projects']) { | ||
| const projectCount = project._embedded['sw360:projects'].length | ||
| dataCount.project = projectCount | ||
| setHasSubProject(true) | ||
| } else if (project._embedded['sw360:releases']) { | ||
| const releaseCount = project._embedded['sw360:releases'].length | ||
| dataCount.release = releaseCount | ||
| } | ||
| setInternalData(dataCount) | ||
| } | ||
|
|
||
| const handleUserComment = (e: any) => { | ||
| setComment(e.target.value) | ||
| } | ||
|
|
||
| return ( | ||
| <Modal show={show} onHide={handleCloseDialog} backdrop='static' centered size='lg'> | ||
| <Modal.Header closeButton style={{ color: 'red' }}> | ||
| <Modal.Title> | ||
| <AiOutlineQuestionCircle style={{ marginBottom: '5px' }} /> | ||
| {t('Delete Project')} ? | ||
| </Modal.Title> | ||
| </Modal.Header> | ||
| <Modal.Body> | ||
| <Alert variant={variant} onClose={() => setShowMessage(false)} dismissible show={showMessage}> | ||
| {message} | ||
| </Alert> | ||
| <Form> | ||
| <Form.Group> | ||
| <Form.Label className='mb-3'> | ||
| {t.rich('Do you really want to delete the project?', { | ||
| name: project.name, | ||
| strong: (data) => <b>{data}</b>, | ||
| })} | ||
| </Form.Label> | ||
| <Form.Label className='mb-3' visuallyHidden={hasSubProject}> | ||
| {t.rich('This project contains', { | ||
| name: project.name, | ||
| strong: (data) => <b>{data}</b>, | ||
| hasSubProject, | ||
| })} | ||
| <ul> | ||
| {Object.entries(internalData).map(([key, value]) => ( | ||
| <li key={key}>{`${value} linked ${key}`}</li> | ||
| ))} | ||
| </ul> | ||
| </Form.Label> | ||
| </Form.Group> | ||
| <hr /> | ||
| <Form.Group className='mb-3'> | ||
| <Form.Label style={{ fontWeight: 'bold' }}>{t('Please comment your changes')}</Form.Label> | ||
| <Form.Control | ||
| as='textarea' | ||
| aria-label='With textarea' | ||
| placeholder='Comment your message...' | ||
| onChange={handleUserComment} | ||
| /> | ||
| </Form.Group> | ||
| </Form> | ||
| </Modal.Body> | ||
| <Modal.Footer className='justify-content-end'> | ||
| <Button className='delete-btn' variant='light' onClick={handleCloseDialog}> | ||
| {' '} | ||
| {t('Close')}{' '} | ||
| </Button> | ||
| <Button | ||
| className='login-btn' | ||
| variant='danger' | ||
| disabled={!comment} | ||
| onClick={() => handleSubmit()} | ||
| hidden={reloadPage} | ||
| > | ||
| {t('Delete Project')} | ||
| </Button> | ||
| </Modal.Footer> | ||
| </Modal> | ||
| ) | ||
| } | ||
|
|
||
| export default DeleteProjectDialog |
Oops, something went wrong.