926290f69e
* tests: add various e2e tests for MPR and measurements wip add cypress config feat: add mode and extension for testing add hp applied through search params add MPR tests apply review comments add more e2e tests update yarn lock * fix unit tests failing
84 lines
2.1 KiB
TypeScript
84 lines
2.1 KiB
TypeScript
import React from 'react';
|
|
import { Input, Dialog } from '@ohif/ui';
|
|
|
|
/**
|
|
*
|
|
* @param {*} data
|
|
* @param {*} data.text
|
|
* @param {*} data.label
|
|
* @param {*} event
|
|
* @param {*} callback
|
|
* @param {*} isArrowAnnotateInputDialog
|
|
*/
|
|
function callInputDialog(
|
|
uiDialogService,
|
|
data,
|
|
callback,
|
|
isArrowAnnotateInputDialog = true
|
|
) {
|
|
const dialogId = 'enter-annotation';
|
|
const label = data
|
|
? isArrowAnnotateInputDialog
|
|
? data.text
|
|
: data.label
|
|
: '';
|
|
|
|
const onSubmitHandler = ({ action, value }) => {
|
|
switch (action.id) {
|
|
case 'save':
|
|
callback(value.label, action.id);
|
|
break;
|
|
case 'cancel':
|
|
callback('', action.id);
|
|
break;
|
|
}
|
|
uiDialogService.dismiss({ id: dialogId });
|
|
};
|
|
|
|
if (uiDialogService) {
|
|
uiDialogService.create({
|
|
id: dialogId,
|
|
centralize: true,
|
|
isDraggable: false,
|
|
showOverlay: true,
|
|
content: Dialog,
|
|
contentProps: {
|
|
title: 'Enter your annotation',
|
|
value: { label },
|
|
noCloseButton: true,
|
|
onClose: () => uiDialogService.dismiss({ id: dialogId }),
|
|
actions: [
|
|
{ id: 'cancel', text: 'Cancel', type: 'primary' },
|
|
{ id: 'save', text: 'Save', type: 'secondary' },
|
|
],
|
|
onSubmit: onSubmitHandler,
|
|
body: ({ value, setValue }) => {
|
|
return (
|
|
<div className="p-4 bg-primary-dark">
|
|
<Input
|
|
autoFocus
|
|
className="mt-2 bg-black border-primary-main"
|
|
type="text"
|
|
id="annotation"
|
|
containerClassName="mr-2"
|
|
value={value.label}
|
|
onChange={event => {
|
|
event.persist();
|
|
setValue(value => ({ ...value, label: event.target.value }));
|
|
}}
|
|
onKeyPress={event => {
|
|
if (event.key === 'Enter') {
|
|
onSubmitHandler({ value, action: { id: 'save' } });
|
|
}
|
|
}}
|
|
/>
|
|
</div>
|
|
);
|
|
},
|
|
},
|
|
});
|
|
}
|
|
}
|
|
|
|
export default callInputDialog;
|