65 lines
2.0 KiB
TypeScript
65 lines
2.0 KiB
TypeScript
|
'use client';
|
|||
|
|
|
|||
|
|
import clsx from 'clsx';
|
|||
|
|
import { useState } from 'react';
|
|||
|
|
|
|||
|
|
import Checkbox from '@/components/ui/Checkbox';
|
|||
|
|
import Modal, { ModalProps } from '@/components/ui/Modal';
|
|||
|
|
import TextInput from '@/components/ui/TextInput';
|
|||
|
|
import { IOperation } from '@/models/oss';
|
|||
|
|
|
|||
|
|
interface DlgDeleteOperationProps extends Pick<ModalProps, 'hideWindow'> {
|
|||
|
|
target: IOperation;
|
|||
|
|
onSubmit: (keepConstituents: boolean, deleteSchema: boolean) => void;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function DlgDeleteOperation({ hideWindow, target, onSubmit }: DlgDeleteOperationProps) {
|
|||
|
|
const [keepConstituents, setKeepConstituents] = useState(false);
|
|||
|
|
const [deleteSchema, setDeleteSchema] = useState(false);
|
|||
|
|
|
|||
|
|
function handleSubmit() {
|
|||
|
|
onSubmit(keepConstituents, deleteSchema);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return (
|
|||
|
|
<Modal
|
|||
|
|
overflowVisible
|
|||
|
|
header='Удаление операции'
|
|||
|
|
submitText='Подтвердить удаление'
|
|||
|
|
hideWindow={hideWindow}
|
|||
|
|
canSubmit={true}
|
|||
|
|
onSubmit={handleSubmit}
|
|||
|
|
className={clsx('w-[35rem]', 'pb-3 px-6 cc-column', 'select-none')}
|
|||
|
|
>
|
|||
|
|
<TextInput
|
|||
|
|
disabled
|
|||
|
|
dense
|
|||
|
|
noBorder
|
|||
|
|
id='operation_alias'
|
|||
|
|
label='Операция'
|
|||
|
|
className='w-full'
|
|||
|
|
value={target.alias}
|
|||
|
|
/>
|
|||
|
|
<Checkbox
|
|||
|
|
label='Сохранить наследованные конституенты'
|
|||
|
|
titleHtml='Наследованные конституенты <br/>превратятся в дописанные'
|
|||
|
|
value={keepConstituents}
|
|||
|
|
setValue={setKeepConstituents}
|
|||
|
|
/>
|
|||
|
|
<Checkbox
|
|||
|
|
label='Удалить схему'
|
|||
|
|
titleHtml={
|
|||
|
|
!target.is_owned || target.result === undefined
|
|||
|
|
? 'Привязанную схему нельзя удалить'
|
|||
|
|
: 'Удалить схему вместе с операцией'
|
|||
|
|
}
|
|||
|
|
value={deleteSchema}
|
|||
|
|
setValue={setDeleteSchema}
|
|||
|
|
disabled={!target.is_owned || target.result === undefined}
|
|||
|
|
/>
|
|||
|
|
</Modal>
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
export default DlgDeleteOperation;
|