yellowadmin/pp-tcms
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: indicates not saved changes on steps editor's screen

Browse Source
This commit is contained in:
Takeshi Kimata
2024-08-04 12:45:20 +09:00
parent ed99d5012f
commit be5f2840d3
2 changed files with 49 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
frontend/src/app/[locale]/projects/[projectId]/folders/[folderId]/cases/[caseId]/CaseEditor.tsx
View File

@@ -225,24 +225,27 @@ export default function CaseEditor({
</Tooltip>
<h3 className="font-bold ms-2">{testCase.title}</h3>
</div>
<Button
startContent={<Save size={16} />}
size="sm"
isDisabled={!context.isProjectDeveloper(Number(projectId))}
color="primary"
isLoading={isUpdating}
onPress={async () => {
setIsUpdating(true);
await updateCase(context.token.access_token, testCase);
if (testCase.Steps) {
await updateSteps(context.token.access_token, Number(caseId), testCase.Steps);
}
setIsUpdating(false);
setIsDirty(false);
}}
>
{isUpdating ? messages.updating : messages.update}
</Button>
<div className="flex items-center">
{isDirty && <Circle size={8} color="#525252" fill="#525252" className="me-1" />}
<Button
startContent={<Save size={16} />}
size="sm"
isDisabled={!context.isProjectDeveloper(Number(projectId))}
color="primary"
isLoading={isUpdating}
onPress={async () => {
setIsUpdating(true);
await updateCase(context.token.access_token, testCase);
if (testCase.Steps) {
await updateSteps(context.token.access_token, Number(caseId), testCase.Steps);
}
setIsUpdating(false);
setIsDirty(false);
}}
>
{isUpdating ? messages.updating : messages.update}
</Button>
</div>
</div>
<div className="p-5">
@@ -375,7 +378,7 @@ export default function CaseEditor({
</div>
) : (
<div>
<div className="flex items-center">
<div className="flex items-center mb-3">
<h6 className="font-bold">{messages.steps}</h6>
<Button
startContent={<Plus size={16} />}

53
frontend/src/app/[locale]/projects/[projectId]/folders/[folderId]/cases/[caseId]/CaseStepsEditor.tsx
View File

@@ -1,4 +1,4 @@
import { Textarea, Button, Tooltip } from '@nextui-org/react';
import { Textarea, Button, Tooltip, Avatar } from '@nextui-org/react';
import { CaseMessages, StepType } from '@/types/case';
import { Plus, Trash } from 'lucide-react';
@@ -25,32 +25,33 @@ export default function StepsEditor({ isDisabled, steps, onStepUpdate, onStepPlu
return (
<>
{filteredSteps.map((step, index) => (
<div key={index} className="flex">
<div className="bg-neutral-50 dark:bg-neutral-600 rounded-full flex items-center justify-center min-w-unit-8 w-unit-8 h-unit-8 mt-3 me-2">
<div>{step.caseSteps.stepNo}</div>
<div key={index} className="flex items-center my-1">
<Avatar className="me-2" size="sm" name={step.caseSteps.stepNo.toString()} />
<div key={step.id} className="grow flex gap-2">
<div className="w-1/2">
<Textarea
size="sm"
variant="bordered"
label={messages.detailsOfTheStep}
value={step.step}
onValueChange={(changeValue) => {
onStepUpdate(step.id, { ...step, step: changeValue, editState: 'changed' });
}}
/>
</div>
<div className="w-1/2">
<Textarea
size="sm"
variant="bordered"
label={messages.expectedResult}
value={step.result}
onValueChange={(changeValue) => {
onStepUpdate(step.id, { ...step, result: changeValue, editState: 'changed' });
}}
/>
</div>
</div>
<Textarea
size="sm"
variant="bordered"
label={messages.detailsOfTheStep}
value={step.step}
onValueChange={(changeValue) => {
onStepUpdate(step.id, { ...step, step: changeValue, editState: 'changed' });
}}
className="mt-3 me-1"
/>
<Textarea
size="sm"
variant="bordered"
label={messages.expectedResult}
value={step.result}
onValueChange={(changeValue) => {
onStepUpdate(step.id, { ...step, result: changeValue, editState: 'changed' });
}}
className="mt-3 ms-1"
/>
<div className="mt-3 ms-1">
<div className="flex flex-col">
<Tooltip content={messages.deleteThisStep} placement="left">
<Button
isIconOnly