feat: open the last locked fields for editing, keeping their history intact

Four fields were still frozen because changing them would have bypassed the
record that makes the change traceable, and a user's login data could not be
corrected at all. Locking a field is the wrong trade: a wrong value stays in
the system forever. The fix is to let the edit write the same history entry the
dedicated endpoint writes.

- A colony's apiary is editable through PATCH and writes the same
  ColonyApiaryHistory entry POST /colonies/:id/move writes, so the location
  history never skips a stand the colony was recorded on.
- A honey batch's storage container is editable through PATCH and writes the
  same HoneyBatchRelocation entry POST /honey-batches/:id/relocate writes.
- A stock item's quantity is editable and books the difference as an ADJUSTMENT
  movement, so the stored level stays the sum of its movements.
- A role's key is editable (system roles were already rejected outright by
  RolesService.update, which keeps the seed's ADMIN lookup intact).
- A user's e-mail - the login identity - is editable. A typo there previously
  locked the account out for good.
- New POST /users/:id/reset-password lets an administrator set someone else's
  password: there is no self-service reset flow, so a forgotten password was
  the one thing no edit could repair. It revokes every refresh token and clears
  the permission cache exactly as a self-service change does, refuses to act on
  your own account (that goes through /profile/password, which proves ownership
  by asking for the current one), and never writes the password to the log.

Frontend:
- Users had no edit UI at all, although PATCH /users/:id existed. New
  EditUserDialog covers name, e-mail, role and an optional new password.
- Colony, honey batch and stock item forms gained the newly editable fields,
  each with a note saying the correction is recorded as a move, a relocation
  or a stock adjustment.
- The role dialog gained the key field.

Co-Authored-By: Claude Opus 5 (1M context) <[email protected]>
This commit is contained in:
Nick SzaunigandClaude Opus 5 committed 2026-09-19 08:13:00 +02:00
1 parent bee2199647
commit b0e05daa42
28 files changed
+633 -34

No files matched your search

@@ -336,4 +336,32 @@ describe('ColoniesService', () => {
expect.objectContaining({ action: 'UPDATE' }), expect.objectContaining({ action: 'UPDATE' }),
); );
}); });
it('writes an apiary-history entry when an edit corrects the apiary', async () => {
prisma.colony.findUnique.mockResolvedValue(parentColony);
tx.colony.update.mockResolvedValue({
...parentColony,
apiaryId: 'apiary-2',
});
await service.update('colony-1', { apiaryId: 'apiary-2' }, 'user-1');
expect(tx.colonyApiaryHistory.create).toHaveBeenCalledWith({
data: {
colonyId: 'colony-1',
apiaryId: 'apiary-2',
movedByUserId: 'user-1',
notes: 'Korrektur über Volk bearbeiten',
},
});
});
it('writes no apiary-history entry when an edit leaves the apiary untouched', async () => {
prisma.colony.findUnique.mockResolvedValue(parentColony);
tx.colony.update.mockResolvedValue(parentColony);
await service.update('colony-1', { notes: 'geändert' }, 'user-1');
expect(tx.colonyApiaryHistory.create).not.toHaveBeenCalled();
});
}); });
@@ -90,9 +90,31 @@ export class ColoniesService {
actingUserId: string, actingUserId: string,
): Promise<Colony> { ): Promise<Colony> {
const before = await this.findById(id); const before = await this.findById(id);
const colony = await this.prisma.colony.update({ const movesApiary =
where: { id }, dto.apiaryId !== undefined && dto.apiaryId !== before.apiaryId;
data: { ...dto }, if (movesApiary) {
await this.assertApiaryActive(dto.apiaryId!);
}
const colony = await this.prisma.$transaction(async (tx) => {
const updated = await tx.colony.update({
where: { id },
data: { ...dto },
});
// Correcting the apiary has to leave the same trace a deliberate move
// does - otherwise the colony's location history would silently skip a
// stand it was recorded on.
if (movesApiary) {
await tx.colonyApiaryHistory.create({
data: {
colonyId: id,
apiaryId: updated.apiaryId,
movedByUserId: actingUserId,
notes: 'Korrektur über Volk bearbeiten',
},
});
}
return updated;
}); });
await this.auditLog.record({ await this.auditLog.record({
entityType: 'Colony', entityType: 'Colony',
@@ -4,13 +4,14 @@ import { ColonyStatus } from '../../../generated/prisma';
import { CreateColonyDto } from './create-colony.dto'; import { CreateColonyDto } from './create-colony.dto';
/** /**
* `apiaryId` is deliberately absent: moving a colony to another apiary runs * `apiaryId` is editable here too, not only through POST /colonies/:id/move:
* through POST /colonies/:id/move, which also writes the ColonyApiaryHistory * a colony recorded on the wrong apiary is a data-entry error and must be
* entry the traceability chain depends on. A plain PATCH would move the * correctable. The service writes the same ColonyApiaryHistory entry the move
* colony without that record. * endpoint writes, so the traceability chain stays intact either way.
*/ */
class UpdatableColonyFieldsDto extends PartialType( class UpdatableColonyFieldsDto extends PartialType(
PickType(CreateColonyDto, [ PickType(CreateColonyDto, [
'apiaryId',
'code', 'code',
'hiveType', 'hiveType',
'originText', 'originText',
@@ -4,10 +4,10 @@ import { HoneyBatchStatus } from '../../../generated/prisma';
import { CreateHoneyBatchDto } from './create-honey-batch.dto'; import { CreateHoneyBatchDto } from './create-honey-batch.dto';
/** /**
* `storageContainerId` is deliberately absent: moving a batch to another * `storageContainerId` is editable here too, not only through
* container runs through POST /honey-batches/:id/relocate, which also writes * POST /honey-batches/:id/relocate: a batch recorded in the wrong container is
* the HoneyBatchRelocation entry. A plain PATCH would move the honey without * a data-entry error and must be correctable. The service writes the same
* that record. * HoneyBatchRelocation entry the relocate endpoint writes.
*/ */
class UpdatableHoneyBatchFieldsDto extends PartialType( class UpdatableHoneyBatchFieldsDto extends PartialType(
PickType(CreateHoneyBatchDto, [ PickType(CreateHoneyBatchDto, [
@@ -16,6 +16,7 @@ class UpdatableHoneyBatchFieldsDto extends PartialType(
'honeyType', 'honeyType',
'amount', 'amount',
'waterContent', 'waterContent',
'storageContainerId',
] as const), ] as const),
) {} ) {}
@@ -354,4 +354,48 @@ describe('HoneyBatchesService', () => {
); );
}); });
}); });
describe('update', () => {
beforeEach(() => {
prisma.$transaction.mockImplementation(
async (
callback: (tx: typeof prisma) => Promise<unknown>,
): Promise<unknown> => callback(prisma),
);
});
it('records a relocation when an edit corrects the storage container', async () => {
prisma.honeyBatch.findUnique.mockResolvedValue({
...honeyBatch,
storageContainerId: 'container-1',
});
await service.update(
'batch-1',
{ storageContainerId: 'container-2' },
'user-1',
);
expect(prisma.honeyBatchRelocation.create).toHaveBeenCalledWith({
data: {
honeyBatchId: 'batch-1',
fromStorageContainerId: 'container-1',
toStorageContainerId: 'container-2',
userId: 'user-1',
notes: 'Korrektur über Honigcharge bearbeiten',
},
});
});
it('records no relocation when an edit leaves the container untouched', async () => {
prisma.honeyBatch.findUnique.mockResolvedValue({
...honeyBatch,
storageContainerId: 'container-1',
});
await service.update('batch-1', { honeyType: 'Waldhonig' }, 'user-1');
expect(prisma.honeyBatchRelocation.create).not.toHaveBeenCalled();
});
});
}); });
@@ -86,9 +86,29 @@ export class HoneyBatchesService {
async update(id: string, dto: UpdateHoneyBatchDto, actingUserId: string) { async update(id: string, dto: UpdateHoneyBatchDto, actingUserId: string) {
const before = await this.findById(id); const before = await this.findById(id);
await this.prisma.honeyBatch.update({ const movesContainer =
where: { id }, dto.storageContainerId !== undefined &&
data: { ...dto }, dto.storageContainerId !== before.storageContainerId;
await this.prisma.$transaction(async (tx) => {
await tx.honeyBatch.update({
where: { id },
data: { ...dto },
});
// Correcting the container has to leave the same trace a deliberate
// relocation does - otherwise the batch's storage history would skip a
// container it was recorded in.
if (movesContainer) {
await tx.honeyBatchRelocation.create({
data: {
honeyBatchId: id,
fromStorageContainerId: before.storageContainerId,
toStorageContainerId: dto.storageContainerId!,
userId: actingUserId,
notes: 'Korrektur über Honigcharge bearbeiten',
},
});
}
}); });
const updated = await this.findById(id); const updated = await this.findById(id);
await this.auditLog.record({ await this.auditLog.record({
@@ -15,6 +15,18 @@ import {
const CATALOG_KEYS = PERMISSION_CATALOG.map((entry) => entry.key); const CATALOG_KEYS = PERMISSION_CATALOG.map((entry) => entry.key);
export class UpdateRoleDto { export class UpdateRoleDto {
/**
* Correctable like every other field. System roles are out of reach anyway:
* RolesService.update rejects them outright, which also keeps the seed's
* lookup of the ADMIN role by key intact.
*/
@ApiPropertyOptional()
@IsOptional()
@IsString()
@MinLength(2)
@MaxLength(50)
key?: string;
@ApiPropertyOptional() @ApiPropertyOptional()
@IsOptional() @IsOptional()
@IsString() @IsString()
+1 -1
View File
@@ -158,7 +158,7 @@ export class RolesService {
const role = await this.prisma.$transaction(async (tx) => { const role = await this.prisma.$transaction(async (tx) => {
await tx.role.update({ await tx.role.update({
where: { id }, where: { id },
data: { name: dto.name, description: dto.description }, data: { key: dto.key, name: dto.name, description: dto.description },
}); });
if (dto.permissionKeys) { if (dto.permissionKeys) {
await this.replacePermissions(tx, id, dto.permissionKeys); await this.replacePermissions(tx, id, dto.permissionKeys);
@@ -1,12 +1,10 @@
import { PartialType, PickType } from '@nestjs/swagger'; import { PartialType } from '@nestjs/swagger';
import { CreateStockItemDto } from './create-stock-item.dto'; import { CreateStockItemDto } from './create-stock-item.dto';
export class UpdateStockItemDto extends PartialType( /**
PickType(CreateStockItemDto, [ * `quantity` is editable here, not only through stock movements: a stock level
'name', * typed in wrong has to be correctable directly. The service books the
'category', * difference as an ADJUSTMENT movement, so the movement history still adds up
'unit', * to the stored quantity and nothing is corrected behind its back.
'minThreshold', */
'notes', export class UpdateStockItemDto extends PartialType(CreateStockItemDto) {}
] as const),
) {}
@@ -132,4 +132,28 @@ describe('StorageService', () => {
]; ];
expect(updateArg.data.quantity.increment).toBe(-3); expect(updateArg.data.quantity.increment).toBe(-3);
}); });
it('books the difference as an ADJUSTMENT movement when the stock quantity is corrected', async () => {
prisma.stockItem.findUnique.mockResolvedValue(stockItem);
await service.updateStockItem('item-1', { quantity: 7 }, 'user-1');
expect(tx.stockMovement.create).toHaveBeenCalledWith({
data: {
stockItemId: 'item-1',
type: 'ADJUSTMENT',
quantity: -3,
userId: 'user-1',
notes: 'Korrektur über Artikel bearbeiten',
},
});
});
it('books no movement when an edit leaves the stock quantity untouched', async () => {
prisma.stockItem.findUnique.mockResolvedValue(stockItem);
await service.updateStockItem('item-1', { name: 'Futtersirup' }, 'user-1');
expect(tx.stockMovement.create).not.toHaveBeenCalled();
});
}); });
+23 -3
View File
@@ -106,9 +106,29 @@ export class StorageService {
actingUserId: string, actingUserId: string,
): Promise<StockItem> { ): Promise<StockItem> {
const before = await this.findStockItemById(id); const before = await this.findStockItemById(id);
const stockItem = await this.prisma.stockItem.update({ const correction =
where: { id }, dto.quantity === undefined ? 0 : dto.quantity - before.quantity;
data: { ...dto },
const stockItem = await this.prisma.$transaction(async (tx) => {
const updated = await tx.stockItem.update({
where: { id },
data: { ...dto },
});
// Booking the difference keeps the movement history consistent with the
// stored quantity - without it, a corrected stock level would no longer
// be the sum of its movements.
if (correction !== 0) {
await tx.stockMovement.create({
data: {
stockItemId: id,
type: 'ADJUSTMENT',
quantity: correction,
userId: actingUserId,
notes: 'Korrektur über Artikel bearbeiten',
},
});
}
return updated;
}); });
await this.auditLog.record({ await this.auditLog.record({
entityType: 'StockItem', entityType: 'StockItem',
@@ -0,0 +1,15 @@
import { ApiProperty } from '@nestjs/swagger';
import { IsString, MinLength } from 'class-validator';
/**
* An administrator setting a new password for someone else. There is no
* self-service password-reset flow, so without this a user who forgets their
* password is locked out of the account for good - the one correction the
* generic user update cannot make, since the password is never readable.
*/
export class ResetUserPasswordDto {
@ApiProperty({ minLength: 8 })
@IsString()
@MinLength(8)
password!: string;
}
@@ -1,5 +1,5 @@
import { ApiPropertyOptional } from '@nestjs/swagger'; import { ApiPropertyOptional } from '@nestjs/swagger';
import { IsOptional, IsString, MinLength } from 'class-validator'; import { IsEmail, IsOptional, IsString, MinLength } from 'class-validator';
export class UpdateUserDto { export class UpdateUserDto {
@ApiPropertyOptional() @ApiPropertyOptional()
@@ -7,6 +7,18 @@ export class UpdateUserDto {
@IsString() @IsString()
name?: string; name?: string;
/**
* The e-mail is the login identity, so changing it changes which address
* signs in as this account. It is still correctable: a typo would otherwise
* lock the account out for good, and there is no password-reset flow that a
* changed address could be abused to trigger. A duplicate is rejected by the
* unique constraint and surfaces as a 409.
*/
@ApiPropertyOptional()
@IsOptional()
@IsEmail()
email?: string;
@ApiPropertyOptional({ description: 'Id of an active Role' }) @ApiPropertyOptional({ description: 'Id of an active Role' })
@IsOptional() @IsOptional()
@IsString() @IsString()
@@ -5,6 +5,7 @@ import { CurrentUser } from '../auth/decorators/current-user.decorator';
import type { AuthenticatedUser } from '../auth/types/authenticated-user'; import type { AuthenticatedUser } from '../auth/types/authenticated-user';
import { CreateUserDto } from './dto/create-user.dto'; import { CreateUserDto } from './dto/create-user.dto';
import { UpdateUserDto } from './dto/update-user.dto'; import { UpdateUserDto } from './dto/update-user.dto';
import { ResetUserPasswordDto } from './dto/reset-user-password.dto';
import { UsersService } from './users.service'; import { UsersService } from './users.service';
@ApiTags('users') @ApiTags('users')
@@ -53,6 +54,16 @@ export class UsersController {
return this.usersService.activate(id, actor.id); return this.usersService.activate(id, actor.id);
} }
@RequirePermission('users:update')
@Post(':id/reset-password')
resetPassword(
@Param('id') id: string,
@Body() dto: ResetUserPasswordDto,
@CurrentUser() actor: AuthenticatedUser,
) {
return this.usersService.resetPassword(id, dto, actor.id);
}
@RequirePermission('users:update') @RequirePermission('users:update')
@Post(':id/mfa/reset') @Post(':id/mfa/reset')
resetMfa(@Param('id') id: string, @CurrentUser() actor: AuthenticatedUser) { resetMfa(@Param('id') id: string, @CurrentUser() actor: AuthenticatedUser) {
@@ -21,6 +21,7 @@ describe('UsersService', () => {
role: { role: {
findUnique: jest.Mock; findUnique: jest.Mock;
}; };
refreshToken: { updateMany: jest.Mock };
}; };
let auditLog: { record: jest.Mock }; let auditLog: { record: jest.Mock };
let permissionResolver: { let permissionResolver: {
@@ -77,6 +78,7 @@ describe('UsersService', () => {
role: { role: {
findUnique: jest.fn().mockResolvedValue(staffRole), findUnique: jest.fn().mockResolvedValue(staffRole),
}, },
refreshToken: { updateMany: jest.fn() },
}; };
auditLog = { record: jest.fn().mockResolvedValue(undefined) }; auditLog = { record: jest.fn().mockResolvedValue(undefined) };
permissionResolver = { permissionResolver = {
@@ -379,4 +381,53 @@ describe('UsersService', () => {
).rejects.toBeInstanceOf(ForbiddenException); ).rejects.toBeInstanceOf(ForbiddenException);
expect(prisma.user.update).not.toHaveBeenCalled(); expect(prisma.user.update).not.toHaveBeenCalled();
}); });
describe('resetPassword', () => {
it('revokes every refresh token and clears the permission cache', async () => {
prisma.user.findUnique.mockResolvedValue(existingUser);
prisma.user.update.mockResolvedValue(existingUser);
await usersService.resetPassword(
'user-1',
{ password: 'neuesPasswort1' },
'user-admin',
);
expect(prisma.refreshToken.updateMany).toHaveBeenCalledWith({
where: { userId: 'user-1', revokedAt: null },
data: { revokedAt: expect.any(Date) as Date },
});
expect(permissionResolver.invalidateUser).toHaveBeenCalledWith('user-1');
});
it('stores a hash, never the password itself', async () => {
prisma.user.findUnique.mockResolvedValue(existingUser);
prisma.user.update.mockResolvedValue(existingUser);
await usersService.resetPassword(
'user-1',
{ password: 'neuesPasswort1' },
'user-admin',
);
const [[updateArgs]] = prisma.user.update.mock.calls as [
[{ data: { passwordHash: string } }],
];
expect(updateArgs.data.passwordHash).not.toBe('neuesPasswort1');
expect(updateArgs.data.passwordHash).toMatch(/^\$2[aby]\$/);
});
it('refuses to reset your own password, which belongs to /profile/password', async () => {
prisma.user.findUnique.mockResolvedValue(existingUser);
await expect(
usersService.resetPassword(
'user-1',
{ password: 'neuesPasswort1' },
'user-1',
),
).rejects.toBeInstanceOf(ForbiddenException);
expect(prisma.user.update).not.toHaveBeenCalled();
});
});
}); });
@@ -11,6 +11,7 @@ import { PermissionResolverService } from '../auth/permissions/permission-resolv
import { Prisma } from '../../generated/prisma'; import { Prisma } from '../../generated/prisma';
import { CreateUserDto } from './dto/create-user.dto'; import { CreateUserDto } from './dto/create-user.dto';
import { UpdateUserDto } from './dto/update-user.dto'; import { UpdateUserDto } from './dto/update-user.dto';
import { ResetUserPasswordDto } from './dto/reset-user-password.dto';
const BCRYPT_SALT_ROUNDS = 12; const BCRYPT_SALT_ROUNDS = 12;
@@ -194,6 +195,7 @@ export class UsersService {
where: { id }, where: { id },
data: { data: {
name: dto.name, name: dto.name,
email: dto.email,
roleId: dto.roleId, roleId: dto.roleId,
}, },
...USER_WITH_ROLE, ...USER_WITH_ROLE,
@@ -240,6 +242,49 @@ export class UsersService {
* a stolen access token alone (no password) would be enough to strip the * a stolen access token alone (no password) would be enough to strip the
* victim's own MFA protection via this admin route. * victim's own MFA protection via this admin route.
*/ */
/**
* Sets a new password for another user. Mirrors ProfileService.changePassword
* in what it invalidates: every refresh token is revoked and the permission
* cache is cleared, so sessions opened with the old password stop working at
* once rather than living on until their access token expires.
*
* Your own password goes through /profile/password, which requires the
* current one - otherwise anyone holding users:update could silently take
* over their own account's credentials without proving they own it.
*/
async resetPassword(
id: string,
dto: ResetUserPasswordDto,
actingUserId?: string,
): Promise<UserSummary> {
if (actingUserId && id === actingUserId) {
throw new ForbiddenException(
'Use /profile/password to change your own password',
);
}
await this.findById(id);
const passwordHash = await bcrypt.hash(dto.password, BCRYPT_SALT_ROUNDS);
const user = await this.prisma.user.update({
where: { id },
data: { passwordHash, passwordChangedAt: new Date() },
...USER_WITH_ROLE,
});
await this.prisma.refreshToken.updateMany({
where: { userId: id, revokedAt: null },
data: { revokedAt: new Date() },
});
this.permissionResolver.invalidateUser(id);
// The new password never reaches the audit log - only the fact that it
// was replaced, and by whom.
await this.auditLog.record({
entityType: 'User',
entityId: id,
action: 'UPDATE',
userId: actingUserId,
});
return this.toSummary(user);
}
async resetMfa(id: string, actingUserId?: string): Promise<UserSummary> { async resetMfa(id: string, actingUserId?: string): Promise<UserSummary> {
if (actingUserId && id === actingUserId) { if (actingUserId && id === actingUserId) {
throw new ForbiddenException( throw new ForbiddenException(
@@ -2,9 +2,10 @@
import { FormEvent, useState } from "react"; import { FormEvent, useState } from "react";
import { Layers } from "lucide-react"; import { Layers } from "lucide-react";
import { useMutation, useQueryClient } from "@tanstack/react-query"; import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
import { toast } from "sonner"; import { toast } from "sonner";
import { updateColony } from "@/lib/colonies/api"; import { updateColony } from "@/lib/colonies/api";
import { fetchApiaries } from "@/lib/apiaries/api";
import { Colony, ColonyCondition, ColonyStatus, ColonyType } from "@/lib/colonies/types"; import { Colony, ColonyCondition, ColonyStatus, ColonyType } from "@/lib/colonies/types";
import { import {
COLONY_CONDITIONS, COLONY_CONDITIONS,
@@ -76,6 +77,7 @@ function ConditionSelect({
export function ColonyEditCard({ colony }: { colony: Colony }) { export function ColonyEditCard({ colony }: { colony: Colony }) {
const queryClient = useQueryClient(); const queryClient = useQueryClient();
const [apiaryId, setApiaryId] = useState(colony.apiaryId);
const [code, setCode] = useState(colony.code); const [code, setCode] = useState(colony.code);
const [status, setStatus] = useState<ColonyStatus>(colony.status); const [status, setStatus] = useState<ColonyStatus>(colony.status);
const [colonyType, setColonyType] = useState<ColonyType>(colony.colonyType); const [colonyType, setColonyType] = useState<ColonyType>(colony.colonyType);
@@ -93,9 +95,15 @@ export function ColonyEditCard({ colony }: { colony: Colony }) {
); );
const [notes, setNotes] = useState(colony.notes ?? ""); const [notes, setNotes] = useState(colony.notes ?? "");
const { data: apiaries } = useQuery({
queryKey: ["apiaries"],
queryFn: () => fetchApiaries(),
});
const updateMutation = useMutation({ const updateMutation = useMutation({
mutationFn: () => mutationFn: () =>
updateColony(colony.id, { updateColony(colony.id, {
apiaryId,
code, code,
status, status,
colonyType, colonyType,
@@ -110,8 +118,10 @@ export function ColonyEditCard({ colony }: { colony: Colony }) {
onSuccess: () => { onSuccess: () => {
void queryClient.invalidateQueries({ queryKey: ["colonies"] }); void queryClient.invalidateQueries({ queryKey: ["colonies"] });
void queryClient.invalidateQueries({ queryKey: ["colonies", colony.id] }); void queryClient.invalidateQueries({ queryKey: ["colonies", colony.id] });
void queryClient.invalidateQueries({ queryKey: ["apiaries"] });
}, },
onError: () => toast.error("Volk konnte nicht gespeichert werden"), onError: (error: Error) =>
toast.error(error.message || "Volk konnte nicht gespeichert werden"),
}); });
function handleSubmit(event: FormEvent<HTMLFormElement>) { function handleSubmit(event: FormEvent<HTMLFormElement>) {
@@ -135,6 +145,28 @@ export function ColonyEditCard({ colony }: { colony: Colony }) {
</CardHeader> </CardHeader>
<CardContent> <CardContent>
<form className="flex flex-col gap-4" onSubmit={handleSubmit}> <form className="flex flex-col gap-4" onSubmit={handleSubmit}>
<div className="flex flex-col gap-2">
<Label htmlFor="colony-apiary">Bienenstand</Label>
<Select
value={apiaryId}
onValueChange={(value) => setApiaryId(value ?? apiaryId)}
>
<SelectTrigger id="colony-apiary">
<SelectValue placeholder="Bienenstand wählen" />
</SelectTrigger>
<SelectContent>
{(apiaries ?? []).map((apiary) => (
<SelectItem key={apiary.id} value={apiary.id}>
{apiary.name}
</SelectItem>
))}
</SelectContent>
</Select>
<p className="text-xs text-muted-foreground">
Eine Korrektur wird wie ein Umsetzen in der Standort-Historie
festgehalten.
</p>
</div>
<div className="flex flex-col gap-2"> <div className="flex flex-col gap-2">
<Label htmlFor="colony-code">Volksnummer</Label> <Label htmlFor="colony-code">Volksnummer</Label>
<Input <Input
@@ -8,6 +8,7 @@ import { updateHoneyBatch } from "@/lib/honey-batches/api";
import { HoneyBatch, HoneyBatchStatus } from "@/lib/honey-batches/types"; import { HoneyBatch, HoneyBatchStatus } from "@/lib/honey-batches/types";
import { HONEY_BATCH_STATUS_LABELS } from "@/lib/honey-batches/labels"; import { HONEY_BATCH_STATUS_LABELS } from "@/lib/honey-batches/labels";
import { fetchExtractions } from "@/lib/extractions/api"; import { fetchExtractions } from "@/lib/extractions/api";
import { fetchStorageContainers } from "@/lib/storage/api";
import { Button } from "@/components/ui/button"; import { Button } from "@/components/ui/button";
import { Input } from "@/components/ui/input"; import { Input } from "@/components/ui/input";
import { Label } from "@/components/ui/label"; import { Label } from "@/components/ui/label";
@@ -33,6 +34,9 @@ export function HoneyBatchEditDialog({ honeyBatch }: { honeyBatch: HoneyBatch })
const [batchNumber, setBatchNumber] = useState(honeyBatch.batchNumber); const [batchNumber, setBatchNumber] = useState(honeyBatch.batchNumber);
const [extractionId, setExtractionId] = useState(honeyBatch.extractionId); const [extractionId, setExtractionId] = useState(honeyBatch.extractionId);
const [status, setStatus] = useState<HoneyBatchStatus>(honeyBatch.status); const [status, setStatus] = useState<HoneyBatchStatus>(honeyBatch.status);
const [storageContainerId, setStorageContainerId] = useState(
honeyBatch.storageContainerId ?? "",
);
const [honeyType, setHoneyType] = useState(honeyBatch.honeyType ?? ""); const [honeyType, setHoneyType] = useState(honeyBatch.honeyType ?? "");
const [amount, setAmount] = useState(honeyBatch.amount?.toString() ?? ""); const [amount, setAmount] = useState(honeyBatch.amount?.toString() ?? "");
const [waterContent, setWaterContent] = useState(honeyBatch.waterContent?.toString() ?? ""); const [waterContent, setWaterContent] = useState(honeyBatch.waterContent?.toString() ?? "");
@@ -41,6 +45,10 @@ export function HoneyBatchEditDialog({ honeyBatch }: { honeyBatch: HoneyBatch })
queryKey: ["extractions"], queryKey: ["extractions"],
queryFn: () => fetchExtractions(), queryFn: () => fetchExtractions(),
}); });
const { data: containers } = useQuery({
queryKey: ["storage-containers"],
queryFn: () => fetchStorageContainers(),
});
const mutation = useMutation({ const mutation = useMutation({
mutationFn: () => mutationFn: () =>
@@ -48,6 +56,7 @@ export function HoneyBatchEditDialog({ honeyBatch }: { honeyBatch: HoneyBatch })
batchNumber, batchNumber,
extractionId, extractionId,
status, status,
storageContainerId: storageContainerId || undefined,
honeyType: honeyType || undefined, honeyType: honeyType || undefined,
amount: amount ? Number(amount) : undefined, amount: amount ? Number(amount) : undefined,
waterContent: waterContent ? Number(waterContent) : undefined, waterContent: waterContent ? Number(waterContent) : undefined,
@@ -108,6 +117,29 @@ export function HoneyBatchEditDialog({ honeyBatch }: { honeyBatch: HoneyBatch })
</SelectContent> </SelectContent>
</Select> </Select>
</div> </div>
<div className="flex flex-col gap-2">
<Label htmlFor="batch-edit-container">Lagerbehälter</Label>
<Select
value={storageContainerId}
onValueChange={(value) => setStorageContainerId(value ?? "")}
>
<SelectTrigger id="batch-edit-container" className="w-full">
<SelectValue placeholder="Behälter wählen" />
</SelectTrigger>
<SelectContent>
{(containers ?? []).map((container) => (
<SelectItem key={container.id} value={container.id}>
{container.code}
{container.location ? ` · ${container.location}` : ""}
</SelectItem>
))}
</SelectContent>
</Select>
<p className="text-xs text-muted-foreground">
Eine Korrektur wird wie eine Umlagerung in der Lagerhistorie
festgehalten.
</p>
</div>
<div className="flex flex-col gap-2"> <div className="flex flex-col gap-2">
<Label htmlFor="batch-edit-status">Status</Label> <Label htmlFor="batch-edit-status">Status</Label>
<Select <Select
@@ -24,6 +24,7 @@ interface EditRoleFormProps {
function EditRoleForm({ role, onClose }: EditRoleFormProps) { function EditRoleForm({ role, onClose }: EditRoleFormProps) {
const queryClient = useQueryClient(); const queryClient = useQueryClient();
const [key, setKey] = useState(role.key);
const [name, setName] = useState(role.name); const [name, setName] = useState(role.name);
const [description, setDescription] = useState(role.description ?? ""); const [description, setDescription] = useState(role.description ?? "");
const [selected, setSelected] = useState<Set<string>>(new Set(role.permissionKeys)); const [selected, setSelected] = useState<Set<string>>(new Set(role.permissionKeys));
@@ -35,8 +36,12 @@ function EditRoleForm({ role, onClose }: EditRoleFormProps) {
}); });
const mutation = useMutation({ const mutation = useMutation({
mutationFn: (input: { name: string; description?: string; permissionKeys: string[] }) => mutationFn: (input: {
updateRole(role.id, input), key: string;
name: string;
description?: string;
permissionKeys: string[];
}) => updateRole(role.id, input),
onSuccess: () => { onSuccess: () => {
void queryClient.invalidateQueries({ queryKey: ["roles"] }); void queryClient.invalidateQueries({ queryKey: ["roles"] });
onClose(); onClose();
@@ -48,6 +53,7 @@ function EditRoleForm({ role, onClose }: EditRoleFormProps) {
event.preventDefault(); event.preventDefault();
setError(null); setError(null);
mutation.mutate({ mutation.mutate({
key,
name, name,
description: description || undefined, description: description || undefined,
permissionKeys: Array.from(selected), permissionKeys: Array.from(selected),
@@ -56,6 +62,15 @@ function EditRoleForm({ role, onClose }: EditRoleFormProps) {
return ( return (
<form className="flex flex-col gap-4" onSubmit={handleSubmit}> <form className="flex flex-col gap-4" onSubmit={handleSubmit}>
<div className="flex flex-col gap-2">
<Label htmlFor="edit-role-key">Schlüssel</Label>
<Input
id="edit-role-key"
required
value={key}
onChange={(event) => setKey(event.target.value)}
/>
</div>
<div className="flex flex-col gap-2"> <div className="flex flex-col gap-2">
<Label htmlFor="edit-role-name">Name</Label> <Label htmlFor="edit-role-name">Name</Label>
<Input <Input
@@ -0,0 +1,170 @@
"use client";
import { FormEvent, useState } from "react";
import { Pencil } from "lucide-react";
import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
import { fetchRoles } from "@/lib/roles/api";
import { resetUserPassword, updateUser } from "@/lib/users/api";
import { User } from "@/lib/users/types";
import { Button } from "@/components/ui/button";
import { Input } from "@/components/ui/input";
import { Label } from "@/components/ui/label";
import {
Select,
SelectContent,
SelectItem,
SelectTrigger,
SelectValue,
} from "@/components/ui/select";
import {
Dialog,
DialogContent,
DialogHeader,
DialogTitle,
DialogTrigger,
} from "@/components/ui/dialog";
/**
* Corrects a user's name, login address and role. The e-mail is the login
* identity, so a typo there would otherwise lock the account out permanently
* with no way back through the UI.
*
* The backend refuses a few of these on its own - changing your own role, or
* taking the last system-role user's role away - and those refusals are shown
* as they come back rather than second-guessed here.
*/
function EditUserForm({ user, onSaved }: { user: User; onSaved: () => void }) {
const queryClient = useQueryClient();
const [name, setName] = useState(user.name);
const [email, setEmail] = useState(user.email);
const [roleId, setRoleId] = useState(user.roleId);
const [newPassword, setNewPassword] = useState("");
const [error, setError] = useState<string | null>(null);
const { data: roles } = useQuery({ queryKey: ["roles"], queryFn: fetchRoles });
// A deactivated role cannot be assigned, but the one already held stays
// listed so opening the dialog does not silently reassign the user.
const selectableRoles = (roles ?? []).filter(
(role) => role.status === "ACTIVE" || role.id === user.roleId,
);
const mutation = useMutation({
mutationFn: async () => {
await updateUser(user.id, { name, email, roleId });
// Only sent when actually filled in - an empty field means "leave the
// password alone", not "clear it".
if (newPassword) {
await resetUserPassword(user.id, newPassword);
}
},
onSuccess: () => {
void queryClient.invalidateQueries({ queryKey: ["users"] });
onSaved();
},
onError: (mutationError: Error) =>
setError(
mutationError.message || "Benutzer konnte nicht gespeichert werden.",
),
});
function handleSubmit(event: FormEvent<HTMLFormElement>) {
event.preventDefault();
setError(null);
mutation.mutate();
}
return (
<form className="flex flex-col gap-4" onSubmit={handleSubmit}>
<div className="flex flex-col gap-2">
<Label htmlFor="edit-user-name">Name</Label>
<Input
id="edit-user-name"
required
value={name}
onChange={(event) => setName(event.target.value)}
/>
</div>
<div className="flex flex-col gap-2">
<Label htmlFor="edit-user-email">E-Mail</Label>
<Input
id="edit-user-email"
type="email"
required
value={email}
onChange={(event) => setEmail(event.target.value)}
/>
<p className="text-xs text-muted-foreground">
Zugleich die Anmeldeadresse - nach dem Speichern meldet sich der
Benutzer damit an.
</p>
</div>
<div className="flex flex-col gap-2">
<Label htmlFor="edit-user-role">Rolle</Label>
<Select
value={roleId}
onValueChange={(value) => setRoleId(value ?? roleId)}
>
<SelectTrigger id="edit-user-role" className="w-full">
<SelectValue placeholder="Rolle wählen" />
</SelectTrigger>
<SelectContent>
{selectableRoles.map((role) => (
<SelectItem key={role.id} value={role.id}>
{role.name}
</SelectItem>
))}
</SelectContent>
</Select>
</div>
<div className="flex flex-col gap-2">
<Label htmlFor="edit-user-password">Neues Passwort</Label>
<Input
id="edit-user-password"
type="password"
autoComplete="new-password"
minLength={8}
placeholder="Leer lassen, um es nicht zu ändern"
value={newPassword}
onChange={(event) => setNewPassword(event.target.value)}
/>
<p className="text-xs text-muted-foreground">
Setzt das Passwort neu und meldet den Benutzer auf allen Geräten ab.
Das eigene Passwort wird stattdessen im eigenen Profil geändert.
</p>
</div>
{error ? (
<p role="alert" className="text-sm text-destructive">
{error}
</p>
) : null}
<Button type="submit" disabled={mutation.isPending}>
{mutation.isPending ? "Speichert…" : "Speichern"}
</Button>
</form>
);
}
export function EditUserDialog({ user }: { user: User }) {
const [open, setOpen] = useState(false);
return (
<Dialog open={open} onOpenChange={setOpen}>
<DialogTrigger
render={
<Button variant="outline" size="sm">
<Pencil className="size-3.5" />
Bearbeiten
</Button>
}
/>
<DialogContent>
<DialogHeader>
<DialogTitle>Benutzer bearbeiten</DialogTitle>
</DialogHeader>
{open ? (
<EditUserForm user={user} onSaved={() => setOpen(false)} />
) : null}
</DialogContent>
</Dialog>
);
}
@@ -17,6 +17,7 @@ import {
TableRow, TableRow,
} from "@/components/ui/table"; } from "@/components/ui/table";
import { CreateUserDialog } from "./create-user-dialog"; import { CreateUserDialog } from "./create-user-dialog";
import { EditUserDialog } from "./edit-user-dialog";
export function UsersTab() { export function UsersTab() {
const queryClient = useQueryClient(); const queryClient = useQueryClient();
@@ -101,6 +102,7 @@ export function UsersTab() {
</TableCell> </TableCell>
<TableCell className="text-right"> <TableCell className="text-right">
<div className="flex justify-end gap-2"> <div className="flex justify-end gap-2">
<EditUserDialog user={user} />
{user.mfaEnabled ? ( {user.mfaEnabled ? (
<ConfirmDialog <ConfirmDialog
triggerLabel="MFA zurücksetzen" triggerLabel="MFA zurücksetzen"
@@ -33,6 +33,7 @@ export function EditStockItemDialog({ item }: { item: StockItem }) {
const [name, setName] = useState(item.name); const [name, setName] = useState(item.name);
const [category, setCategory] = useState<StockCategory>(item.category); const [category, setCategory] = useState<StockCategory>(item.category);
const [unit, setUnit] = useState(item.unit); const [unit, setUnit] = useState(item.unit);
const [quantity, setQuantity] = useState(item.quantity.toString());
const [minThreshold, setMinThreshold] = useState(item.minThreshold?.toString() ?? ""); const [minThreshold, setMinThreshold] = useState(item.minThreshold?.toString() ?? "");
const [notes, setNotes] = useState(item.notes ?? ""); const [notes, setNotes] = useState(item.notes ?? "");
@@ -42,11 +43,13 @@ export function EditStockItemDialog({ item }: { item: StockItem }) {
name, name,
category, category,
unit, unit,
quantity: Number(quantity),
minThreshold: minThreshold ? Number(minThreshold) : undefined, minThreshold: minThreshold ? Number(minThreshold) : undefined,
notes: notes || undefined, notes: notes || undefined,
}), }),
onSuccess: () => { onSuccess: () => {
void queryClient.invalidateQueries({ queryKey: ["stock-items"] }); void queryClient.invalidateQueries({ queryKey: ["stock-items"] });
void queryClient.invalidateQueries({ queryKey: ["stock-movements"] });
setOpen(false); setOpen(false);
}, },
onError: () => toast.error("Lagerartikel konnte nicht gespeichert werden"), onError: () => toast.error("Lagerartikel konnte nicht gespeichert werden"),
@@ -108,6 +111,22 @@ export function EditStockItemDialog({ item }: { item: StockItem }) {
onChange={(event) => setUnit(event.target.value)} onChange={(event) => setUnit(event.target.value)}
/> />
</div> </div>
<div className="flex flex-col gap-2">
<Label htmlFor="item-edit-quantity">Bestand</Label>
<Input
id="item-edit-quantity"
type="number"
inputMode="decimal"
min={0}
required
value={quantity}
onChange={(event) => setQuantity(event.target.value)}
/>
<p className="text-xs text-muted-foreground">
Eine Korrektur wird als Bestandskorrektur gebucht und bleibt in der
Bewegungshistorie sichtbar.
</p>
</div>
<div className="flex flex-col gap-2"> <div className="flex flex-col gap-2">
<Label htmlFor="item-edit-min-threshold">Mindestbestand</Label> <Label htmlFor="item-edit-min-threshold">Mindestbestand</Label>
<Input <Input
@@ -47,6 +47,8 @@ export interface CreateColonyInput {
} }
export interface UpdateColonyInput { export interface UpdateColonyInput {
/** Correcting the apiary also writes a move-history entry server-side. */
apiaryId?: string;
code?: string; code?: string;
hiveType?: string; hiveType?: string;
originText?: string; originText?: string;
@@ -95,6 +95,8 @@ export interface UpdateHoneyBatchInput {
honeyType?: string; honeyType?: string;
amount?: number; amount?: number;
waterContent?: number; waterContent?: number;
/** Correcting the container also writes a relocation entry server-side. */
storageContainerId?: string;
status?: HoneyBatchStatus; status?: HoneyBatchStatus;
} }
+1
View File
@@ -31,6 +31,7 @@ export interface CreateRoleInput {
} }
export interface UpdateRoleInput { export interface UpdateRoleInput {
key?: string;
name?: string; name?: string;
description?: string; description?: string;
permissionKeys?: string[]; permissionKeys?: string[];
@@ -59,6 +59,8 @@ export interface CreateStockItemInput {
export interface UpdateStockItemInput { export interface UpdateStockItemInput {
name?: string; name?: string;
/** Correcting the quantity books the difference as an ADJUSTMENT movement. */
quantity?: number;
category?: StockCategory; category?: StockCategory;
unit?: string; unit?: string;
minThreshold?: number; minThreshold?: number;
+18 -1
View File
@@ -1,5 +1,5 @@
import { apiFetch } from "@/lib/auth/api-client"; import { apiFetch } from "@/lib/auth/api-client";
import { CreateUserInput, User } from "./types"; import { CreateUserInput, UpdateUserInput, User } from "./types";
export function fetchUsers(): Promise<User[]> { export function fetchUsers(): Promise<User[]> {
return apiFetch<User[]>("/users"); return apiFetch<User[]>("/users");
@@ -12,6 +12,23 @@ export function createUser(input: CreateUserInput): Promise<User> {
}); });
} }
export function updateUser(id: string, input: UpdateUserInput): Promise<User> {
return apiFetch<User>(`/users/${id}`, {
method: "PATCH",
body: JSON.stringify(input),
});
}
export function resetUserPassword(
id: string,
password: string,
): Promise<User> {
return apiFetch<User>(`/users/${id}/reset-password`, {
method: "POST",
body: JSON.stringify({ password }),
});
}
export function deactivateUser(id: string): Promise<User> { export function deactivateUser(id: string): Promise<User> {
return apiFetch<User>(`/users/${id}/deactivate`, { method: "POST" }); return apiFetch<User>(`/users/${id}/deactivate`, { method: "POST" });
} }
+1
View File
@@ -20,5 +20,6 @@ export interface CreateUserInput {
export interface UpdateUserInput { export interface UpdateUserInput {
name?: string; name?: string;
email?: string;
roleId?: string; roleId?: string;
} }