Compare commits
21 Commits
1654b54a22
...
main
| Author | SHA1 | Date | |
|---|---|---|---|
| f699f57e07 | |||
| 057758b1e9 | |||
| 0e42a023fc | |||
| 28258f4c37 | |||
| 443f686c20 | |||
| b6460a3924 | |||
| 5df0146672 | |||
| f296d15446 | |||
| 5dea4c4027 | |||
| 2696195e74 | |||
| c3c64482c0 | |||
| ddd706536e | |||
| dd145db12f | |||
| 5b9e562722 | |||
| 65a6488c0b | |||
| 6570aad4a2 | |||
| 85afc3d3a3 | |||
| d78611f5f7 | |||
| aaebe888f3 | |||
| 2e62261f49 | |||
| 059d4da921 |
@ -6,11 +6,14 @@ innehåller två separata applikationer:
|
|||||||
- en backend byggd med Java 21, Spring Boot och Maven
|
- en backend byggd med Java 21, Spring Boot och Maven
|
||||||
- en frontend byggd med React, TypeScript, Vite och pnpm
|
- en frontend byggd med React, TypeScript, Vite och pnpm
|
||||||
|
|
||||||
Backend använder en lokal filbaserad H2-databas i `backend/data`. Databasschemat
|
Backend använder en lokal H2-databas i minnet. Databasschemat hanteras med
|
||||||
hanteras med Flyway. Databasfilerna är lokala och ignoreras av Git.
|
Flyway, och lokal utvecklingsdata återställs när backend startas om.
|
||||||
|
|
||||||
API:t innehåller endpoints under `/api/users` för användare och `/api/tasks` för
|
API:t innehåller endpoints under `/api/users` för användare och `/api/tasks` för
|
||||||
att skapa och lista gemensamma hushållsuppgifter.
|
att skapa, lista, redigera, tilldela, ändra status på och permanent radera
|
||||||
|
gemensamma hushållsuppgifter. Uppgiftskort kan flyttas mellan brädans
|
||||||
|
statuskolumner med drag-and-drop eller med de befintliga statusknapparna.
|
||||||
|
Redigering och radering genomförs först när backend har bekräftat operationen.
|
||||||
|
|
||||||
## Starta backend
|
## Starta backend
|
||||||
|
|
||||||
|
|||||||
@ -2,10 +2,16 @@ package se.rubble.hemhub.api;
|
|||||||
|
|
||||||
import org.springframework.http.HttpStatus;
|
import org.springframework.http.HttpStatus;
|
||||||
import org.springframework.http.ResponseEntity;
|
import org.springframework.http.ResponseEntity;
|
||||||
|
import org.springframework.web.method.annotation.MethodArgumentTypeMismatchException;
|
||||||
import org.springframework.web.bind.annotation.ExceptionHandler;
|
import org.springframework.web.bind.annotation.ExceptionHandler;
|
||||||
import org.springframework.web.bind.annotation.RestControllerAdvice;
|
import org.springframework.web.bind.annotation.RestControllerAdvice;
|
||||||
|
|
||||||
import se.rubble.hemhub.task.InvalidTaskException;
|
import se.rubble.hemhub.task.InvalidTaskException;
|
||||||
|
import se.rubble.hemhub.task.InvalidTaskAssignmentException;
|
||||||
|
import se.rubble.hemhub.task.InvalidTaskStatusException;
|
||||||
|
import se.rubble.hemhub.task.AssigneeNotFoundException;
|
||||||
|
import se.rubble.hemhub.task.TaskNotFoundException;
|
||||||
|
import se.rubble.hemhub.task.TaskRequiresAssigneeException;
|
||||||
import se.rubble.hemhub.user.InvalidUserNameException;
|
import se.rubble.hemhub.user.InvalidUserNameException;
|
||||||
import se.rubble.hemhub.user.UserNameAlreadyExistsException;
|
import se.rubble.hemhub.user.UserNameAlreadyExistsException;
|
||||||
|
|
||||||
@ -33,5 +39,47 @@ public class ApiExceptionHandler {
|
|||||||
return ResponseEntity.badRequest()
|
return ResponseEntity.badRequest()
|
||||||
.body(new ApiError("INVALID_TASK", exception.getMessage()));
|
.body(new ApiError("INVALID_TASK", exception.getMessage()));
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ExceptionHandler(InvalidTaskAssignmentException.class)
|
||||||
|
public ResponseEntity<ApiError> handleInvalidTaskAssignment(
|
||||||
|
InvalidTaskAssignmentException exception) {
|
||||||
|
return ResponseEntity.badRequest()
|
||||||
|
.body(new ApiError("INVALID_TASK_ASSIGNMENT", exception.getMessage()));
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ExceptionHandler(MethodArgumentTypeMismatchException.class)
|
||||||
|
public ResponseEntity<ApiError> handleInvalidPathParameter() {
|
||||||
|
return ResponseEntity.badRequest()
|
||||||
|
.body(new ApiError(
|
||||||
|
"INVALID_TASK_ASSIGNMENT",
|
||||||
|
"Uppgifts-id måste vara ett giltigt UUID."));
|
||||||
|
}
|
||||||
|
|
||||||
|
@ExceptionHandler(TaskNotFoundException.class)
|
||||||
|
public ResponseEntity<ApiError> handleTaskNotFound() {
|
||||||
|
return ResponseEntity.status(HttpStatus.NOT_FOUND)
|
||||||
|
.body(new ApiError("TASK_NOT_FOUND", "Uppgiften finns inte."));
|
||||||
|
}
|
||||||
|
|
||||||
|
@ExceptionHandler(AssigneeNotFoundException.class)
|
||||||
|
public ResponseEntity<ApiError> handleAssigneeNotFound() {
|
||||||
|
return ResponseEntity.status(HttpStatus.NOT_FOUND)
|
||||||
|
.body(new ApiError("USER_NOT_FOUND", "Användaren finns inte."));
|
||||||
|
}
|
||||||
|
|
||||||
|
@ExceptionHandler(InvalidTaskStatusException.class)
|
||||||
|
public ResponseEntity<ApiError> handleInvalidTaskStatus() {
|
||||||
|
return ResponseEntity.badRequest()
|
||||||
|
.body(new ApiError(
|
||||||
|
"INVALID_TASK_STATUS",
|
||||||
|
"Status måste vara WAITING, IN_PROGRESS eller COMPLETED."));
|
||||||
|
}
|
||||||
|
|
||||||
|
@ExceptionHandler(TaskRequiresAssigneeException.class)
|
||||||
|
public ResponseEntity<ApiError> handleTaskRequiresAssignee() {
|
||||||
|
return ResponseEntity.status(HttpStatus.CONFLICT)
|
||||||
|
.body(new ApiError(
|
||||||
|
"TASK_REQUIRES_ASSIGNEE",
|
||||||
|
"En pågående uppgift måste ha en ansvarig."));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
@ -0,0 +1,4 @@
|
|||||||
|
package se.rubble.hemhub.task;
|
||||||
|
|
||||||
|
public class AssigneeNotFoundException extends RuntimeException {
|
||||||
|
}
|
||||||
@ -1,5 +1,22 @@
|
|||||||
package se.rubble.hemhub.task;
|
package se.rubble.hemhub.task;
|
||||||
|
|
||||||
public record CreateTaskRequest(String title, String description) {
|
import tools.jackson.databind.JsonNode;
|
||||||
|
|
||||||
|
public record CreateTaskRequest(
|
||||||
|
String title,
|
||||||
|
String description,
|
||||||
|
JsonNode points,
|
||||||
|
JsonNode assigneeId) {
|
||||||
|
|
||||||
|
Integer integerPoints() {
|
||||||
|
if (points == null || !points.isIntegralNumber() || !points.canConvertToInt()) {
|
||||||
|
return null;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
return points.intValue();
|
||||||
|
}
|
||||||
|
|
||||||
|
UUIDValue parsedAssigneeId() {
|
||||||
|
return UUIDValue.optional(assigneeId);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
@ -0,0 +1,8 @@
|
|||||||
|
package se.rubble.hemhub.task;
|
||||||
|
|
||||||
|
public class InvalidTaskAssignmentException extends RuntimeException {
|
||||||
|
|
||||||
|
public InvalidTaskAssignmentException(String message) {
|
||||||
|
super(message);
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,4 @@
|
|||||||
|
package se.rubble.hemhub.task;
|
||||||
|
|
||||||
|
public class InvalidTaskStatusException extends RuntimeException {
|
||||||
|
}
|
||||||
@ -8,7 +8,11 @@ import jakarta.persistence.Entity;
|
|||||||
import jakarta.persistence.EnumType;
|
import jakarta.persistence.EnumType;
|
||||||
import jakarta.persistence.Enumerated;
|
import jakarta.persistence.Enumerated;
|
||||||
import jakarta.persistence.Id;
|
import jakarta.persistence.Id;
|
||||||
|
import jakarta.persistence.JoinColumn;
|
||||||
|
import jakarta.persistence.ManyToOne;
|
||||||
import jakarta.persistence.Table;
|
import jakarta.persistence.Table;
|
||||||
|
import jakarta.persistence.FetchType;
|
||||||
|
import se.rubble.hemhub.user.User;
|
||||||
|
|
||||||
@Entity
|
@Entity
|
||||||
@Table(name = "task")
|
@Table(name = "task")
|
||||||
@ -27,6 +31,13 @@ class Task {
|
|||||||
@Column(nullable = false, length = 20)
|
@Column(nullable = false, length = 20)
|
||||||
private TaskStatus status;
|
private TaskStatus status;
|
||||||
|
|
||||||
|
@Column(nullable = false)
|
||||||
|
private int points;
|
||||||
|
|
||||||
|
@ManyToOne(fetch = FetchType.LAZY)
|
||||||
|
@JoinColumn(name = "assignee_id")
|
||||||
|
private User assignee;
|
||||||
|
|
||||||
@Column(name = "created_at", nullable = false)
|
@Column(name = "created_at", nullable = false)
|
||||||
private Instant createdAt;
|
private Instant createdAt;
|
||||||
|
|
||||||
@ -38,11 +49,23 @@ class Task {
|
|||||||
String title,
|
String title,
|
||||||
String description,
|
String description,
|
||||||
TaskStatus status,
|
TaskStatus status,
|
||||||
|
int points,
|
||||||
|
User assignee,
|
||||||
Instant createdAt) {
|
Instant createdAt) {
|
||||||
|
if (points < 1 || points > 99) {
|
||||||
|
throw new InvalidTaskException(
|
||||||
|
"Poäng måste vara ett heltal mellan 1 och 99.");
|
||||||
|
}
|
||||||
|
if (status == TaskStatus.IN_PROGRESS && assignee == null) {
|
||||||
|
throw new TaskRequiresAssigneeException();
|
||||||
|
}
|
||||||
|
|
||||||
this.id = id;
|
this.id = id;
|
||||||
this.title = title;
|
this.title = title;
|
||||||
this.description = description;
|
this.description = description;
|
||||||
this.status = status;
|
this.status = status;
|
||||||
|
this.points = points;
|
||||||
|
this.assignee = assignee;
|
||||||
this.createdAt = createdAt;
|
this.createdAt = createdAt;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -62,8 +85,45 @@ class Task {
|
|||||||
return status;
|
return status;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
int getPoints() {
|
||||||
|
return points;
|
||||||
|
}
|
||||||
|
|
||||||
|
User getAssignee() {
|
||||||
|
return assignee;
|
||||||
|
}
|
||||||
|
|
||||||
|
void changeAssignee(User assignee) {
|
||||||
|
if (status == TaskStatus.IN_PROGRESS && assignee == null) {
|
||||||
|
throw new TaskRequiresAssigneeException();
|
||||||
|
}
|
||||||
|
|
||||||
|
this.assignee = assignee;
|
||||||
|
}
|
||||||
|
|
||||||
|
void changeStatus(TaskStatus targetStatus, User automaticAssignee) {
|
||||||
|
if (targetStatus == TaskStatus.IN_PROGRESS && assignee == null) {
|
||||||
|
if (automaticAssignee == null) {
|
||||||
|
throw new TaskRequiresAssigneeException();
|
||||||
|
}
|
||||||
|
assignee = automaticAssignee;
|
||||||
|
}
|
||||||
|
|
||||||
|
status = targetStatus;
|
||||||
|
}
|
||||||
|
|
||||||
|
void changeDetails(String title, String description, int points) {
|
||||||
|
if (points < 1 || points > 99) {
|
||||||
|
throw new InvalidTaskException(
|
||||||
|
"Poäng måste vara ett heltal mellan 1 och 99.");
|
||||||
|
}
|
||||||
|
|
||||||
|
this.title = title;
|
||||||
|
this.description = description;
|
||||||
|
this.points = points;
|
||||||
|
}
|
||||||
|
|
||||||
Instant getCreatedAt() {
|
Instant getCreatedAt() {
|
||||||
return createdAt;
|
return createdAt;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -1,10 +1,14 @@
|
|||||||
package se.rubble.hemhub.task;
|
package se.rubble.hemhub.task;
|
||||||
|
|
||||||
import java.util.List;
|
import java.util.List;
|
||||||
|
import java.util.UUID;
|
||||||
|
|
||||||
import org.springframework.http.HttpStatus;
|
import org.springframework.http.HttpStatus;
|
||||||
|
import org.springframework.web.bind.annotation.DeleteMapping;
|
||||||
import org.springframework.web.bind.annotation.GetMapping;
|
import org.springframework.web.bind.annotation.GetMapping;
|
||||||
import org.springframework.web.bind.annotation.PostMapping;
|
import org.springframework.web.bind.annotation.PostMapping;
|
||||||
|
import org.springframework.web.bind.annotation.PutMapping;
|
||||||
|
import org.springframework.web.bind.annotation.PathVariable;
|
||||||
import org.springframework.web.bind.annotation.RequestBody;
|
import org.springframework.web.bind.annotation.RequestBody;
|
||||||
import org.springframework.web.bind.annotation.RequestMapping;
|
import org.springframework.web.bind.annotation.RequestMapping;
|
||||||
import org.springframework.web.bind.annotation.ResponseStatus;
|
import org.springframework.web.bind.annotation.ResponseStatus;
|
||||||
@ -28,9 +32,59 @@ public class TaskController {
|
|||||||
@PostMapping
|
@PostMapping
|
||||||
@ResponseStatus(HttpStatus.CREATED)
|
@ResponseStatus(HttpStatus.CREATED)
|
||||||
public TaskResponse create(@RequestBody(required = false) CreateTaskRequest request) {
|
public TaskResponse create(@RequestBody(required = false) CreateTaskRequest request) {
|
||||||
|
UUIDValue assigneeId = request == null
|
||||||
|
? UUIDValue.optional(null)
|
||||||
|
: request.parsedAssigneeId();
|
||||||
return taskService.create(
|
return taskService.create(
|
||||||
request == null ? null : request.title(),
|
request == null ? null : request.title(),
|
||||||
request == null ? null : request.description());
|
request == null ? null : request.description(),
|
||||||
}
|
request == null ? null : request.integerPoints(),
|
||||||
|
assigneeId.value());
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@PutMapping("/{taskId}/assignee")
|
||||||
|
public TaskResponse updateAssignee(
|
||||||
|
@PathVariable UUID taskId,
|
||||||
|
@RequestBody(required = false) UpdateTaskAssigneeRequest request) {
|
||||||
|
if (request == null) {
|
||||||
|
throw new InvalidTaskAssignmentException("Fältet assigneeId måste anges.");
|
||||||
|
}
|
||||||
|
|
||||||
|
return taskService.updateAssignee(taskId, request.parsedAssigneeId().value());
|
||||||
|
}
|
||||||
|
|
||||||
|
@PutMapping("/{taskId}/status")
|
||||||
|
public TaskResponse updateStatus(
|
||||||
|
@PathVariable UUID taskId,
|
||||||
|
@RequestBody(required = false) UpdateTaskStatusRequest request) {
|
||||||
|
if (request == null) {
|
||||||
|
throw new InvalidTaskStatusException();
|
||||||
|
}
|
||||||
|
|
||||||
|
return taskService.updateStatus(
|
||||||
|
taskId,
|
||||||
|
request.parsedStatus(),
|
||||||
|
request.parsedActiveUserId().value());
|
||||||
|
}
|
||||||
|
|
||||||
|
@PutMapping("/{taskId}/details")
|
||||||
|
public TaskResponse updateDetails(
|
||||||
|
@PathVariable UUID taskId,
|
||||||
|
@RequestBody(required = false) UpdateTaskDetailsRequest request) {
|
||||||
|
if (request == null) {
|
||||||
|
throw new InvalidTaskException("Requesten måste innehålla uppgiftsdetaljer.");
|
||||||
|
}
|
||||||
|
|
||||||
|
return taskService.updateDetails(
|
||||||
|
taskId,
|
||||||
|
request.parsedTitle(),
|
||||||
|
request.parsedDescription(),
|
||||||
|
request.parsedPoints());
|
||||||
|
}
|
||||||
|
|
||||||
|
@DeleteMapping("/{taskId}")
|
||||||
|
@ResponseStatus(HttpStatus.NO_CONTENT)
|
||||||
|
public void delete(@PathVariable UUID taskId) {
|
||||||
|
taskService.delete(taskId);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
@ -0,0 +1,4 @@
|
|||||||
|
package se.rubble.hemhub.task;
|
||||||
|
|
||||||
|
public class TaskNotFoundException extends RuntimeException {
|
||||||
|
}
|
||||||
@ -4,9 +4,13 @@ import java.util.List;
|
|||||||
import java.util.UUID;
|
import java.util.UUID;
|
||||||
|
|
||||||
import org.springframework.data.jpa.repository.JpaRepository;
|
import org.springframework.data.jpa.repository.JpaRepository;
|
||||||
|
import org.springframework.data.jpa.repository.EntityGraph;
|
||||||
|
|
||||||
interface TaskRepository extends JpaRepository<Task, UUID> {
|
interface TaskRepository extends JpaRepository<Task, UUID> {
|
||||||
|
|
||||||
|
@EntityGraph(attributePaths = "assignee")
|
||||||
List<Task> findAllByOrderByCreatedAtAscIdAsc();
|
List<Task> findAllByOrderByCreatedAtAscIdAsc();
|
||||||
}
|
|
||||||
|
|
||||||
|
@EntityGraph(attributePaths = "assignee")
|
||||||
|
java.util.Optional<Task> findOneById(UUID id);
|
||||||
|
}
|
||||||
|
|||||||
@ -0,0 +1,4 @@
|
|||||||
|
package se.rubble.hemhub.task;
|
||||||
|
|
||||||
|
public class TaskRequiresAssigneeException extends RuntimeException {
|
||||||
|
}
|
||||||
@ -8,6 +8,8 @@ public record TaskResponse(
|
|||||||
String title,
|
String title,
|
||||||
String description,
|
String description,
|
||||||
TaskStatus status,
|
TaskStatus status,
|
||||||
|
int points,
|
||||||
|
AssigneeResponse assignee,
|
||||||
Instant createdAt) {
|
Instant createdAt) {
|
||||||
|
|
||||||
static TaskResponse from(Task task) {
|
static TaskResponse from(Task task) {
|
||||||
@ -16,7 +18,15 @@ public record TaskResponse(
|
|||||||
task.getTitle(),
|
task.getTitle(),
|
||||||
task.getDescription(),
|
task.getDescription(),
|
||||||
task.getStatus(),
|
task.getStatus(),
|
||||||
|
task.getPoints(),
|
||||||
|
AssigneeResponse.from(task.getAssignee()),
|
||||||
task.getCreatedAt());
|
task.getCreatedAt());
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
|
public record AssigneeResponse(UUID id, String name) {
|
||||||
|
|
||||||
|
static AssigneeResponse from(se.rubble.hemhub.user.User user) {
|
||||||
|
return user == null ? null : new AssigneeResponse(user.getId(), user.getName());
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
@ -9,19 +9,24 @@ import org.springframework.beans.factory.annotation.Autowired;
|
|||||||
import org.springframework.stereotype.Service;
|
import org.springframework.stereotype.Service;
|
||||||
import org.springframework.transaction.annotation.Transactional;
|
import org.springframework.transaction.annotation.Transactional;
|
||||||
|
|
||||||
|
import se.rubble.hemhub.user.User;
|
||||||
|
import se.rubble.hemhub.user.UserRepository;
|
||||||
|
|
||||||
@Service
|
@Service
|
||||||
class TaskService {
|
class TaskService {
|
||||||
|
|
||||||
private final TaskRepository taskRepository;
|
private final TaskRepository taskRepository;
|
||||||
|
private final UserRepository userRepository;
|
||||||
private final Clock clock;
|
private final Clock clock;
|
||||||
|
|
||||||
@Autowired
|
@Autowired
|
||||||
TaskService(TaskRepository taskRepository) {
|
TaskService(TaskRepository taskRepository, UserRepository userRepository) {
|
||||||
this(taskRepository, Clock.systemUTC());
|
this(taskRepository, userRepository, Clock.systemUTC());
|
||||||
}
|
}
|
||||||
|
|
||||||
TaskService(TaskRepository taskRepository, Clock clock) {
|
TaskService(TaskRepository taskRepository, UserRepository userRepository, Clock clock) {
|
||||||
this.taskRepository = taskRepository;
|
this.taskRepository = taskRepository;
|
||||||
|
this.userRepository = userRepository;
|
||||||
this.clock = clock;
|
this.clock = clock;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -33,41 +38,124 @@ class TaskService {
|
|||||||
}
|
}
|
||||||
|
|
||||||
@Transactional
|
@Transactional
|
||||||
TaskResponse create(String requestedTitle, String requestedDescription) {
|
TaskResponse create(
|
||||||
String title = requestedTitle == null ? "" : requestedTitle.trim();
|
String requestedTitle,
|
||||||
String description = normalizeDescription(requestedDescription);
|
String requestedDescription,
|
||||||
|
Integer requestedPoints,
|
||||||
if (title.isEmpty() || codePointLength(title) > 100) {
|
UUID requestedAssigneeId) {
|
||||||
throw new InvalidTaskException(
|
String title = validateTitle(requestedTitle);
|
||||||
"Titeln måste innehålla mellan 1 och 100 tecken.");
|
String description = validateDescription(requestedDescription);
|
||||||
}
|
int points = validatePoints(requestedPoints);
|
||||||
|
|
||||||
if (description != null && codePointLength(description) > 500) {
|
|
||||||
throw new InvalidTaskException(
|
|
||||||
"Beskrivningen får innehålla högst 500 tecken.");
|
|
||||||
}
|
|
||||||
|
|
||||||
|
User assignee = findAssignee(requestedAssigneeId);
|
||||||
Task task = new Task(
|
Task task = new Task(
|
||||||
UUID.randomUUID(),
|
UUID.randomUUID(),
|
||||||
title,
|
title,
|
||||||
description,
|
description,
|
||||||
TaskStatus.WAITING,
|
TaskStatus.WAITING,
|
||||||
|
points,
|
||||||
|
assignee,
|
||||||
Instant.now(clock));
|
Instant.now(clock));
|
||||||
|
|
||||||
return TaskResponse.from(taskRepository.save(task));
|
return TaskResponse.from(taskRepository.save(task));
|
||||||
}
|
}
|
||||||
|
|
||||||
private static String normalizeDescription(String requestedDescription) {
|
@Transactional
|
||||||
|
TaskResponse updateAssignee(UUID taskId, UUID requestedAssigneeId) {
|
||||||
|
Task task = taskRepository.findOneById(taskId)
|
||||||
|
.orElseThrow(TaskNotFoundException::new);
|
||||||
|
User assignee = findAssignee(requestedAssigneeId);
|
||||||
|
|
||||||
|
task.changeAssignee(assignee);
|
||||||
|
return TaskResponse.from(task);
|
||||||
|
}
|
||||||
|
|
||||||
|
@Transactional
|
||||||
|
TaskResponse updateStatus(
|
||||||
|
UUID taskId,
|
||||||
|
TaskStatus targetStatus,
|
||||||
|
UUID activeUserId) {
|
||||||
|
Task task = taskRepository.findOneById(taskId)
|
||||||
|
.orElseThrow(TaskNotFoundException::new);
|
||||||
|
|
||||||
|
User automaticAssignee = null;
|
||||||
|
if (targetStatus == TaskStatus.IN_PROGRESS && task.getAssignee() == null) {
|
||||||
|
if (activeUserId == null) {
|
||||||
|
throw new TaskRequiresAssigneeException();
|
||||||
|
}
|
||||||
|
automaticAssignee = findAssignee(activeUserId);
|
||||||
|
}
|
||||||
|
|
||||||
|
task.changeStatus(targetStatus, automaticAssignee);
|
||||||
|
return TaskResponse.from(task);
|
||||||
|
}
|
||||||
|
|
||||||
|
@Transactional
|
||||||
|
TaskResponse updateDetails(
|
||||||
|
UUID taskId,
|
||||||
|
String requestedTitle,
|
||||||
|
String requestedDescription,
|
||||||
|
Integer requestedPoints) {
|
||||||
|
Task task = taskRepository.findOneById(taskId)
|
||||||
|
.orElseThrow(TaskNotFoundException::new);
|
||||||
|
String title = validateTitle(requestedTitle);
|
||||||
|
String description = validateDescription(requestedDescription);
|
||||||
|
int points = validatePoints(requestedPoints);
|
||||||
|
|
||||||
|
task.changeDetails(title, description, points);
|
||||||
|
return TaskResponse.from(task);
|
||||||
|
}
|
||||||
|
|
||||||
|
@Transactional
|
||||||
|
void delete(UUID taskId) {
|
||||||
|
Task task = taskRepository.findById(taskId)
|
||||||
|
.orElseThrow(TaskNotFoundException::new);
|
||||||
|
taskRepository.delete(task);
|
||||||
|
}
|
||||||
|
|
||||||
|
private User findAssignee(UUID requestedAssigneeId) {
|
||||||
|
if (requestedAssigneeId == null) {
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
|
||||||
|
return userRepository.findById(requestedAssigneeId)
|
||||||
|
.orElseThrow(AssigneeNotFoundException::new);
|
||||||
|
}
|
||||||
|
|
||||||
|
private static String validateTitle(String requestedTitle) {
|
||||||
|
String title = requestedTitle == null ? "" : requestedTitle.trim();
|
||||||
|
if (title.isEmpty() || codePointLength(title) > 100) {
|
||||||
|
throw new InvalidTaskException(
|
||||||
|
"Titeln måste innehålla mellan 1 och 100 tecken.");
|
||||||
|
}
|
||||||
|
return title;
|
||||||
|
}
|
||||||
|
|
||||||
|
private static String validateDescription(String requestedDescription) {
|
||||||
if (requestedDescription == null) {
|
if (requestedDescription == null) {
|
||||||
return null;
|
return null;
|
||||||
}
|
}
|
||||||
|
|
||||||
String description = requestedDescription.trim();
|
String description = requestedDescription.trim();
|
||||||
return description.isEmpty() ? null : description;
|
if (description.isEmpty()) {
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
if (codePointLength(description) > 500) {
|
||||||
|
throw new InvalidTaskException(
|
||||||
|
"Beskrivningen får innehålla högst 500 tecken.");
|
||||||
|
}
|
||||||
|
return description;
|
||||||
|
}
|
||||||
|
|
||||||
|
private static int validatePoints(Integer requestedPoints) {
|
||||||
|
if (requestedPoints == null || requestedPoints < 1 || requestedPoints > 99) {
|
||||||
|
throw new InvalidTaskException(
|
||||||
|
"Poäng måste vara ett heltal mellan 1 och 99.");
|
||||||
|
}
|
||||||
|
return requestedPoints;
|
||||||
}
|
}
|
||||||
|
|
||||||
private static int codePointLength(String value) {
|
private static int codePointLength(String value) {
|
||||||
return value.codePointCount(0, value.length());
|
return value.codePointCount(0, value.length());
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
25
backend/src/main/java/se/rubble/hemhub/task/UUIDValue.java
Normal file
25
backend/src/main/java/se/rubble/hemhub/task/UUIDValue.java
Normal file
@ -0,0 +1,25 @@
|
|||||||
|
package se.rubble.hemhub.task;
|
||||||
|
|
||||||
|
import java.util.UUID;
|
||||||
|
|
||||||
|
import tools.jackson.databind.JsonNode;
|
||||||
|
import tools.jackson.databind.node.JsonNodeType;
|
||||||
|
|
||||||
|
record UUIDValue(boolean present, UUID value) {
|
||||||
|
|
||||||
|
static UUIDValue optional(JsonNode node) {
|
||||||
|
if (node == null || node.isNull()) {
|
||||||
|
return new UUIDValue(node != null, null);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (node.getNodeType() != JsonNodeType.STRING) {
|
||||||
|
throw new InvalidTaskAssignmentException("Användar-id måste vara ett giltigt UUID.");
|
||||||
|
}
|
||||||
|
|
||||||
|
try {
|
||||||
|
return new UUIDValue(true, UUID.fromString(node.stringValue()));
|
||||||
|
} catch (IllegalArgumentException exception) {
|
||||||
|
throw new InvalidTaskAssignmentException("Användar-id måste vara ett giltigt UUID.");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,16 @@
|
|||||||
|
package se.rubble.hemhub.task;
|
||||||
|
|
||||||
|
import tools.jackson.databind.JsonNode;
|
||||||
|
|
||||||
|
public record UpdateTaskAssigneeRequest(JsonNode assigneeId) {
|
||||||
|
|
||||||
|
UUIDValue parsedAssigneeId() {
|
||||||
|
UUIDValue parsed = UUIDValue.optional(assigneeId);
|
||||||
|
|
||||||
|
if (!parsed.present()) {
|
||||||
|
throw new InvalidTaskAssignmentException("Fältet assigneeId måste anges.");
|
||||||
|
}
|
||||||
|
|
||||||
|
return parsed;
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,40 @@
|
|||||||
|
package se.rubble.hemhub.task;
|
||||||
|
|
||||||
|
import tools.jackson.databind.JsonNode;
|
||||||
|
import tools.jackson.databind.node.JsonNodeType;
|
||||||
|
|
||||||
|
public record UpdateTaskDetailsRequest(
|
||||||
|
JsonNode title,
|
||||||
|
JsonNode description,
|
||||||
|
JsonNode points) {
|
||||||
|
|
||||||
|
String parsedTitle() {
|
||||||
|
if (title == null || title.getNodeType() != JsonNodeType.STRING) {
|
||||||
|
throw new InvalidTaskException(
|
||||||
|
"Titeln måste innehålla mellan 1 och 100 tecken.");
|
||||||
|
}
|
||||||
|
return title.stringValue();
|
||||||
|
}
|
||||||
|
|
||||||
|
String parsedDescription() {
|
||||||
|
if (description == null) {
|
||||||
|
throw new InvalidTaskException("Fältet description måste anges.");
|
||||||
|
}
|
||||||
|
if (description.isNull()) {
|
||||||
|
return null;
|
||||||
|
}
|
||||||
|
if (description.getNodeType() != JsonNodeType.STRING) {
|
||||||
|
throw new InvalidTaskException(
|
||||||
|
"Beskrivningen får innehålla högst 500 tecken.");
|
||||||
|
}
|
||||||
|
return description.stringValue();
|
||||||
|
}
|
||||||
|
|
||||||
|
Integer parsedPoints() {
|
||||||
|
if (points == null || !points.isIntegralNumber() || !points.canConvertToInt()) {
|
||||||
|
throw new InvalidTaskException(
|
||||||
|
"Poäng måste vara ett heltal mellan 1 och 99.");
|
||||||
|
}
|
||||||
|
return points.intValue();
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,23 @@
|
|||||||
|
package se.rubble.hemhub.task;
|
||||||
|
|
||||||
|
import tools.jackson.databind.JsonNode;
|
||||||
|
import tools.jackson.databind.node.JsonNodeType;
|
||||||
|
|
||||||
|
public record UpdateTaskStatusRequest(JsonNode status, JsonNode activeUserId) {
|
||||||
|
|
||||||
|
TaskStatus parsedStatus() {
|
||||||
|
if (status == null || status.getNodeType() != JsonNodeType.STRING) {
|
||||||
|
throw new InvalidTaskStatusException();
|
||||||
|
}
|
||||||
|
|
||||||
|
try {
|
||||||
|
return TaskStatus.valueOf(status.stringValue());
|
||||||
|
} catch (IllegalArgumentException exception) {
|
||||||
|
throw new InvalidTaskStatusException();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
UUIDValue parsedActiveUserId() {
|
||||||
|
return UUIDValue.optional(activeUserId);
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -10,7 +10,7 @@ import jakarta.persistence.Table;
|
|||||||
|
|
||||||
@Entity
|
@Entity
|
||||||
@Table(name = "app_user")
|
@Table(name = "app_user")
|
||||||
class User {
|
public class User {
|
||||||
|
|
||||||
@Id
|
@Id
|
||||||
private UUID id;
|
private UUID id;
|
||||||
@ -34,11 +34,11 @@ class User {
|
|||||||
this.createdAt = createdAt;
|
this.createdAt = createdAt;
|
||||||
}
|
}
|
||||||
|
|
||||||
UUID getId() {
|
public UUID getId() {
|
||||||
return id;
|
return id;
|
||||||
}
|
}
|
||||||
|
|
||||||
String getName() {
|
public String getName() {
|
||||||
return name;
|
return name;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -4,8 +4,7 @@ import java.util.UUID;
|
|||||||
|
|
||||||
import org.springframework.data.jpa.repository.JpaRepository;
|
import org.springframework.data.jpa.repository.JpaRepository;
|
||||||
|
|
||||||
interface UserRepository extends JpaRepository<User, UUID> {
|
public interface UserRepository extends JpaRepository<User, UUID> {
|
||||||
|
|
||||||
boolean existsByNormalizedName(String normalizedName);
|
boolean existsByNormalizedName(String normalizedName);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -1,7 +1,6 @@
|
|||||||
spring.datasource.url=jdbc:h2:file:./data/hemhub;MODE=PostgreSQL;DATABASE_TO_LOWER=TRUE;DEFAULT_NULL_ORDERING=HIGH
|
spring.datasource.url=jdbc:h2:mem:hemhub;MODE=PostgreSQL;DATABASE_TO_LOWER=TRUE;DEFAULT_NULL_ORDERING=HIGH;DB_CLOSE_DELAY=-1
|
||||||
spring.datasource.username=sa
|
spring.datasource.username=sa
|
||||||
spring.datasource.password=
|
spring.datasource.password=
|
||||||
spring.jpa.hibernate.ddl-auto=validate
|
spring.jpa.hibernate.ddl-auto=validate
|
||||||
spring.jpa.open-in-view=false
|
spring.jpa.open-in-view=false
|
||||||
spring.flyway.enabled=true
|
spring.flyway.enabled=true
|
||||||
|
|
||||||
|
|||||||
@ -0,0 +1,8 @@
|
|||||||
|
ALTER TABLE task ADD COLUMN points INTEGER;
|
||||||
|
|
||||||
|
UPDATE task SET points = 1 WHERE points IS NULL;
|
||||||
|
|
||||||
|
ALTER TABLE task ALTER COLUMN points SET NOT NULL;
|
||||||
|
|
||||||
|
ALTER TABLE task
|
||||||
|
ADD CONSTRAINT ck_task_points_range CHECK (points BETWEEN 1 AND 99);
|
||||||
@ -0,0 +1,6 @@
|
|||||||
|
ALTER TABLE task
|
||||||
|
ADD COLUMN assignee_id UUID;
|
||||||
|
|
||||||
|
ALTER TABLE task
|
||||||
|
ADD CONSTRAINT fk_task_assignee
|
||||||
|
FOREIGN KEY (assignee_id) REFERENCES app_user (id);
|
||||||
@ -9,11 +9,13 @@ import org.springframework.beans.factory.annotation.Autowired;
|
|||||||
import org.springframework.boot.test.context.SpringBootTest;
|
import org.springframework.boot.test.context.SpringBootTest;
|
||||||
import org.springframework.http.MediaType;
|
import org.springframework.http.MediaType;
|
||||||
import org.springframework.test.web.servlet.MockMvc;
|
import org.springframework.test.web.servlet.MockMvc;
|
||||||
|
import org.springframework.test.web.servlet.ResultActions;
|
||||||
import org.springframework.test.web.servlet.setup.MockMvcBuilders;
|
import org.springframework.test.web.servlet.setup.MockMvcBuilders;
|
||||||
import org.springframework.web.context.WebApplicationContext;
|
import org.springframework.web.context.WebApplicationContext;
|
||||||
|
|
||||||
import static org.springframework.test.web.servlet.request.MockMvcRequestBuilders.get;
|
import static org.springframework.test.web.servlet.request.MockMvcRequestBuilders.get;
|
||||||
import static org.springframework.test.web.servlet.request.MockMvcRequestBuilders.post;
|
import static org.springframework.test.web.servlet.request.MockMvcRequestBuilders.post;
|
||||||
|
import static org.springframework.test.web.servlet.request.MockMvcRequestBuilders.put;
|
||||||
import static org.springframework.test.web.servlet.result.MockMvcResultMatchers.jsonPath;
|
import static org.springframework.test.web.servlet.result.MockMvcResultMatchers.jsonPath;
|
||||||
import static org.springframework.test.web.servlet.result.MockMvcResultMatchers.status;
|
import static org.springframework.test.web.servlet.result.MockMvcResultMatchers.status;
|
||||||
|
|
||||||
@ -41,7 +43,8 @@ class TaskApiTest {
|
|||||||
.content("""
|
.content("""
|
||||||
{
|
{
|
||||||
"title": " Dammsuga ",
|
"title": " Dammsuga ",
|
||||||
"description": " Bottenvåningen "
|
"description": " Bottenvåningen ",
|
||||||
|
"points": 7
|
||||||
}
|
}
|
||||||
"""))
|
"""))
|
||||||
.andExpect(status().isCreated())
|
.andExpect(status().isCreated())
|
||||||
@ -49,7 +52,74 @@ class TaskApiTest {
|
|||||||
.andExpect(jsonPath("$.title").value("Dammsuga"))
|
.andExpect(jsonPath("$.title").value("Dammsuga"))
|
||||||
.andExpect(jsonPath("$.description").value("Bottenvåningen"))
|
.andExpect(jsonPath("$.description").value("Bottenvåningen"))
|
||||||
.andExpect(jsonPath("$.status").value("WAITING"))
|
.andExpect(jsonPath("$.status").value("WAITING"))
|
||||||
|
.andExpect(jsonPath("$.points").value(7))
|
||||||
|
.andExpect(jsonPath("$.assignee").value((Object) null))
|
||||||
.andExpect(jsonPath("$.createdAt").isString());
|
.andExpect(jsonPath("$.createdAt").isString());
|
||||||
|
|
||||||
|
mockMvc.perform(get("/api/tasks"))
|
||||||
|
.andExpect(status().isOk())
|
||||||
|
.andExpect(jsonPath("$[0].points").value(7));
|
||||||
|
}
|
||||||
|
|
||||||
|
@Test
|
||||||
|
void createsUnassignedTaskWhenAssigneeIsExplicitlyNull() throws Exception {
|
||||||
|
mockMvc.perform(post("/api/tasks")
|
||||||
|
.contentType(MediaType.APPLICATION_JSON)
|
||||||
|
.content("""
|
||||||
|
{"title": "Dammsuga", "points": 1, "assigneeId": null}
|
||||||
|
"""))
|
||||||
|
.andExpect(status().isCreated())
|
||||||
|
.andExpect(jsonPath("$.assignee").value((Object) null));
|
||||||
|
}
|
||||||
|
|
||||||
|
@Test
|
||||||
|
void createsAndListsTaskWithAssignee() throws Exception {
|
||||||
|
UUID userId = createUser("Anna");
|
||||||
|
|
||||||
|
mockMvc.perform(post("/api/tasks")
|
||||||
|
.contentType(MediaType.APPLICATION_JSON)
|
||||||
|
.content("""
|
||||||
|
{
|
||||||
|
"title": "Dammsuga",
|
||||||
|
"points": 7,
|
||||||
|
"assigneeId": "%s"
|
||||||
|
}
|
||||||
|
""".formatted(userId)))
|
||||||
|
.andExpect(status().isCreated())
|
||||||
|
.andExpect(jsonPath("$.assignee.id").value(userId.toString()))
|
||||||
|
.andExpect(jsonPath("$.assignee.name").value("Anna"));
|
||||||
|
|
||||||
|
mockMvc.perform(get("/api/tasks"))
|
||||||
|
.andExpect(status().isOk())
|
||||||
|
.andExpect(jsonPath("$[0].assignee.id").value(userId.toString()))
|
||||||
|
.andExpect(jsonPath("$[0].assignee.name").value("Anna"));
|
||||||
|
}
|
||||||
|
|
||||||
|
@Test
|
||||||
|
void rejectsUnknownAssigneeWhenCreatingTask() throws Exception {
|
||||||
|
mockMvc.perform(post("/api/tasks")
|
||||||
|
.contentType(MediaType.APPLICATION_JSON)
|
||||||
|
.content("""
|
||||||
|
{
|
||||||
|
"title": "Dammsuga",
|
||||||
|
"points": 7,
|
||||||
|
"assigneeId": "00000000-0000-0000-0000-000000000099"
|
||||||
|
}
|
||||||
|
"""))
|
||||||
|
.andExpect(status().isNotFound())
|
||||||
|
.andExpect(jsonPath("$.code").value("USER_NOT_FOUND"));
|
||||||
|
|
||||||
|
mockMvc.perform(post("/api/tasks")
|
||||||
|
.contentType(MediaType.APPLICATION_JSON)
|
||||||
|
.content("""
|
||||||
|
{
|
||||||
|
"title": "Dammsuga",
|
||||||
|
"points": 7,
|
||||||
|
"assigneeId": "inte-ett-uuid"
|
||||||
|
}
|
||||||
|
"""))
|
||||||
|
.andExpect(status().isBadRequest())
|
||||||
|
.andExpect(jsonPath("$.code").value("INVALID_TASK_ASSIGNMENT"));
|
||||||
}
|
}
|
||||||
|
|
||||||
@Test
|
@Test
|
||||||
@ -57,7 +127,7 @@ class TaskApiTest {
|
|||||||
mockMvc.perform(post("/api/tasks")
|
mockMvc.perform(post("/api/tasks")
|
||||||
.contentType(MediaType.APPLICATION_JSON)
|
.contentType(MediaType.APPLICATION_JSON)
|
||||||
.content("""
|
.content("""
|
||||||
{"title": "Dammsuga", "description": " "}
|
{"title": "Dammsuga", "description": " ", "points": 1}
|
||||||
"""))
|
"""))
|
||||||
.andExpect(status().isCreated())
|
.andExpect(status().isCreated())
|
||||||
.andExpect(jsonPath("$.description").value((Object) null));
|
.andExpect(jsonPath("$.description").value((Object) null));
|
||||||
@ -66,18 +136,58 @@ class TaskApiTest {
|
|||||||
@Test
|
@Test
|
||||||
void rejectsBlankAndTooLongTitles() throws Exception {
|
void rejectsBlankAndTooLongTitles() throws Exception {
|
||||||
assertInvalidTask("""
|
assertInvalidTask("""
|
||||||
{"title": " "}
|
{"title": " ", "points": 1}
|
||||||
""");
|
""");
|
||||||
assertInvalidTask("{\"title\": \"%s\"}".formatted("a".repeat(101)));
|
assertInvalidTask(
|
||||||
|
"{\"title\": \"%s\", \"points\": 1}".formatted("a".repeat(101)));
|
||||||
}
|
}
|
||||||
|
|
||||||
@Test
|
@Test
|
||||||
void rejectsTooLongDescription() throws Exception {
|
void rejectsTooLongDescription() throws Exception {
|
||||||
assertInvalidTask("""
|
assertInvalidTask("""
|
||||||
{"title": "Dammsuga", "description": "%s"}
|
{"title": "Dammsuga", "description": "%s", "points": 1}
|
||||||
""".formatted("a".repeat(501)));
|
""".formatted("a".repeat(501)));
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@Test
|
||||||
|
void acceptsPointBoundaries() throws Exception {
|
||||||
|
createTaskWithPoints(1)
|
||||||
|
.andExpect(status().isCreated())
|
||||||
|
.andExpect(jsonPath("$.points").value(1));
|
||||||
|
createTaskWithPoints(99)
|
||||||
|
.andExpect(status().isCreated())
|
||||||
|
.andExpect(jsonPath("$.points").value(99));
|
||||||
|
}
|
||||||
|
|
||||||
|
@Test
|
||||||
|
void rejectsMissingNullAndOutOfRangePoints() throws Exception {
|
||||||
|
assertInvalidTask("""
|
||||||
|
{"title": "Saknas"}
|
||||||
|
""");
|
||||||
|
assertInvalidTask("""
|
||||||
|
{"title": "Null", "points": null}
|
||||||
|
""");
|
||||||
|
assertInvalidTask("""
|
||||||
|
{"title": "Noll", "points": 0}
|
||||||
|
""");
|
||||||
|
assertInvalidTask("""
|
||||||
|
{"title": "Negativ", "points": -1}
|
||||||
|
""");
|
||||||
|
assertInvalidTask("""
|
||||||
|
{"title": "För stor", "points": 100}
|
||||||
|
""");
|
||||||
|
}
|
||||||
|
|
||||||
|
@Test
|
||||||
|
void rejectsNonIntegerPoints() throws Exception {
|
||||||
|
assertInvalidTask("""
|
||||||
|
{"title": "Decimal", "points": 1.5}
|
||||||
|
""");
|
||||||
|
assertInvalidTask("""
|
||||||
|
{"title": "Text", "points": "sju"}
|
||||||
|
""");
|
||||||
|
}
|
||||||
|
|
||||||
@Test
|
@Test
|
||||||
void listsTasksOldestFirstWithIdAsTieBreaker() throws Exception {
|
void listsTasksOldestFirstWithIdAsTieBreaker() throws Exception {
|
||||||
Instant older = Instant.parse("2026-07-24T10:00:00Z");
|
Instant older = Instant.parse("2026-07-24T10:00:00Z");
|
||||||
@ -86,17 +196,96 @@ class TaskApiTest {
|
|||||||
UUID secondId = UUID.fromString("00000000-0000-0000-0000-000000000002");
|
UUID secondId = UUID.fromString("00000000-0000-0000-0000-000000000002");
|
||||||
UUID newestId = UUID.fromString("00000000-0000-0000-0000-000000000003");
|
UUID newestId = UUID.fromString("00000000-0000-0000-0000-000000000003");
|
||||||
|
|
||||||
taskRepository.save(new Task(newestId, "Nyast", null, TaskStatus.WAITING, newer));
|
taskRepository.save(new Task(
|
||||||
taskRepository.save(new Task(secondId, "Andra", null, TaskStatus.IN_PROGRESS, older));
|
newestId, "Nyast", null, TaskStatus.WAITING, 3, null, newer));
|
||||||
taskRepository.save(new Task(firstId, "Första", null, TaskStatus.COMPLETED, older));
|
taskRepository.save(new Task(
|
||||||
|
secondId, "Andra", null, TaskStatus.WAITING, 2, null, older));
|
||||||
|
taskRepository.save(new Task(
|
||||||
|
firstId, "Första", null, TaskStatus.COMPLETED, 1, null, older));
|
||||||
|
|
||||||
mockMvc.perform(get("/api/tasks"))
|
mockMvc.perform(get("/api/tasks"))
|
||||||
.andExpect(status().isOk())
|
.andExpect(status().isOk())
|
||||||
.andExpect(jsonPath("$[0].title").value("Första"))
|
.andExpect(jsonPath("$[0].title").value("Första"))
|
||||||
|
.andExpect(jsonPath("$[0].points").value(1))
|
||||||
.andExpect(jsonPath("$[1].title").value("Andra"))
|
.andExpect(jsonPath("$[1].title").value("Andra"))
|
||||||
.andExpect(jsonPath("$[2].title").value("Nyast"));
|
.andExpect(jsonPath("$[2].title").value("Nyast"));
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@Test
|
||||||
|
void assignsChangesAndRemovesAssigneeWithoutChangingOtherTaskFields() throws Exception {
|
||||||
|
UUID firstUserId = createUser("Bo");
|
||||||
|
UUID secondUserId = createUser("Cecilia");
|
||||||
|
String taskId = createTask("Dammsuga", "Bottenvåningen", 7, null);
|
||||||
|
|
||||||
|
updateAssignee(taskId, """
|
||||||
|
{"assigneeId": "%s"}
|
||||||
|
""".formatted(firstUserId))
|
||||||
|
.andExpect(status().isOk())
|
||||||
|
.andExpect(jsonPath("$.assignee.id").value(firstUserId.toString()))
|
||||||
|
.andExpect(jsonPath("$.status").value("WAITING"))
|
||||||
|
.andExpect(jsonPath("$.title").value("Dammsuga"))
|
||||||
|
.andExpect(jsonPath("$.description").value("Bottenvåningen"))
|
||||||
|
.andExpect(jsonPath("$.points").value(7));
|
||||||
|
|
||||||
|
updateAssignee(taskId, """
|
||||||
|
{"assigneeId": "%s"}
|
||||||
|
""".formatted(secondUserId))
|
||||||
|
.andExpect(status().isOk())
|
||||||
|
.andExpect(jsonPath("$.assignee.id").value(secondUserId.toString()));
|
||||||
|
|
||||||
|
updateAssignee(taskId, """
|
||||||
|
{"assigneeId": null}
|
||||||
|
""")
|
||||||
|
.andExpect(status().isOk())
|
||||||
|
.andExpect(jsonPath("$.assignee").value((Object) null))
|
||||||
|
.andExpect(jsonPath("$.status").value("WAITING"))
|
||||||
|
.andExpect(jsonPath("$.title").value("Dammsuga"))
|
||||||
|
.andExpect(jsonPath("$.description").value("Bottenvåningen"))
|
||||||
|
.andExpect(jsonPath("$.points").value(7));
|
||||||
|
}
|
||||||
|
|
||||||
|
@Test
|
||||||
|
void rejectsMissingAssigneeFieldAndInvalidUuid() throws Exception {
|
||||||
|
String taskId = createTask("Dammsuga", null, 1, null);
|
||||||
|
|
||||||
|
updateAssignee(taskId, "{}")
|
||||||
|
.andExpect(status().isBadRequest())
|
||||||
|
.andExpect(jsonPath("$.code").value("INVALID_TASK_ASSIGNMENT"));
|
||||||
|
updateAssignee(taskId, """
|
||||||
|
{"assigneeId": "inte-ett-uuid"}
|
||||||
|
""")
|
||||||
|
.andExpect(status().isBadRequest())
|
||||||
|
.andExpect(jsonPath("$.code").value("INVALID_TASK_ASSIGNMENT"));
|
||||||
|
updateAssignee("inte-ett-uuid", """
|
||||||
|
{"assigneeId": null}
|
||||||
|
""")
|
||||||
|
.andExpect(status().isBadRequest())
|
||||||
|
.andExpect(jsonPath("$.code").value("INVALID_TASK_ASSIGNMENT"));
|
||||||
|
}
|
||||||
|
|
||||||
|
@Test
|
||||||
|
void returnsNotFoundForUnknownTaskAndUnknownAssignee() throws Exception {
|
||||||
|
String taskId = createTask("Dammsuga", null, 1, null);
|
||||||
|
|
||||||
|
updateAssignee("00000000-0000-0000-0000-000000000099", """
|
||||||
|
{"assigneeId": null}
|
||||||
|
""")
|
||||||
|
.andExpect(status().isNotFound())
|
||||||
|
.andExpect(jsonPath("$.code").value("TASK_NOT_FOUND"));
|
||||||
|
updateAssignee(taskId, """
|
||||||
|
{"assigneeId": "00000000-0000-0000-0000-000000000099"}
|
||||||
|
""")
|
||||||
|
.andExpect(status().isNotFound())
|
||||||
|
.andExpect(jsonPath("$.code").value("USER_NOT_FOUND"));
|
||||||
|
}
|
||||||
|
|
||||||
|
private ResultActions createTaskWithPoints(int points) throws Exception {
|
||||||
|
return mockMvc.perform(post("/api/tasks")
|
||||||
|
.contentType(MediaType.APPLICATION_JSON)
|
||||||
|
.content("{\"title\": \"Uppgift %d\", \"points\": %d}"
|
||||||
|
.formatted(points, points)));
|
||||||
|
}
|
||||||
|
|
||||||
private void assertInvalidTask(String body) throws Exception {
|
private void assertInvalidTask(String body) throws Exception {
|
||||||
mockMvc.perform(post("/api/tasks")
|
mockMvc.perform(post("/api/tasks")
|
||||||
.contentType(MediaType.APPLICATION_JSON)
|
.contentType(MediaType.APPLICATION_JSON)
|
||||||
@ -104,4 +293,50 @@ class TaskApiTest {
|
|||||||
.andExpect(status().isBadRequest())
|
.andExpect(status().isBadRequest())
|
||||||
.andExpect(jsonPath("$.code").value("INVALID_TASK"));
|
.andExpect(jsonPath("$.code").value("INVALID_TASK"));
|
||||||
}
|
}
|
||||||
|
|
||||||
|
private UUID createUser(String name) throws Exception {
|
||||||
|
String response = mockMvc.perform(post("/api/users")
|
||||||
|
.contentType(MediaType.APPLICATION_JSON)
|
||||||
|
.content("""
|
||||||
|
{"name": "%s"}
|
||||||
|
""".formatted(name)))
|
||||||
|
.andExpect(status().isCreated())
|
||||||
|
.andReturn()
|
||||||
|
.getResponse()
|
||||||
|
.getContentAsString();
|
||||||
|
|
||||||
|
String id = com.jayway.jsonpath.JsonPath.read(response, "$.id");
|
||||||
|
return UUID.fromString(id);
|
||||||
|
}
|
||||||
|
|
||||||
|
private String createTask(
|
||||||
|
String title,
|
||||||
|
String description,
|
||||||
|
int points,
|
||||||
|
UUID assigneeId) throws Exception {
|
||||||
|
String descriptionJson = description == null ? "null" : "\"%s\"".formatted(description);
|
||||||
|
String assigneeJson = assigneeId == null ? "null" : "\"%s\"".formatted(assigneeId);
|
||||||
|
String response = mockMvc.perform(post("/api/tasks")
|
||||||
|
.contentType(MediaType.APPLICATION_JSON)
|
||||||
|
.content("""
|
||||||
|
{
|
||||||
|
"title": "%s",
|
||||||
|
"description": %s,
|
||||||
|
"points": %d,
|
||||||
|
"assigneeId": %s
|
||||||
|
}
|
||||||
|
""".formatted(title, descriptionJson, points, assigneeJson)))
|
||||||
|
.andExpect(status().isCreated())
|
||||||
|
.andReturn()
|
||||||
|
.getResponse()
|
||||||
|
.getContentAsString();
|
||||||
|
|
||||||
|
return com.jayway.jsonpath.JsonPath.read(response, "$.id");
|
||||||
|
}
|
||||||
|
|
||||||
|
private ResultActions updateAssignee(String taskId, String body) throws Exception {
|
||||||
|
return mockMvc.perform(put("/api/tasks/{taskId}/assignee", taskId)
|
||||||
|
.contentType(MediaType.APPLICATION_JSON)
|
||||||
|
.content(body));
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -0,0 +1,128 @@
|
|||||||
|
package se.rubble.hemhub.task;
|
||||||
|
|
||||||
|
import java.time.Instant;
|
||||||
|
import java.util.UUID;
|
||||||
|
|
||||||
|
import org.junit.jupiter.api.BeforeEach;
|
||||||
|
import org.junit.jupiter.api.Test;
|
||||||
|
import org.junit.jupiter.params.ParameterizedTest;
|
||||||
|
import org.junit.jupiter.params.provider.EnumSource;
|
||||||
|
import org.springframework.beans.factory.annotation.Autowired;
|
||||||
|
import org.springframework.boot.test.context.SpringBootTest;
|
||||||
|
import org.springframework.http.MediaType;
|
||||||
|
import org.springframework.test.web.servlet.MockMvc;
|
||||||
|
import org.springframework.test.web.servlet.setup.MockMvcBuilders;
|
||||||
|
import org.springframework.web.context.WebApplicationContext;
|
||||||
|
|
||||||
|
import se.rubble.hemhub.user.User;
|
||||||
|
import se.rubble.hemhub.user.UserRepository;
|
||||||
|
|
||||||
|
import static org.springframework.test.web.servlet.request.MockMvcRequestBuilders.delete;
|
||||||
|
import static org.springframework.test.web.servlet.request.MockMvcRequestBuilders.get;
|
||||||
|
import static org.springframework.test.web.servlet.request.MockMvcRequestBuilders.post;
|
||||||
|
import static org.springframework.test.web.servlet.result.MockMvcResultMatchers.content;
|
||||||
|
import static org.springframework.test.web.servlet.result.MockMvcResultMatchers.jsonPath;
|
||||||
|
import static org.springframework.test.web.servlet.result.MockMvcResultMatchers.status;
|
||||||
|
|
||||||
|
@SpringBootTest
|
||||||
|
class TaskDeletionApiTest {
|
||||||
|
|
||||||
|
@Autowired
|
||||||
|
private WebApplicationContext context;
|
||||||
|
|
||||||
|
@Autowired
|
||||||
|
private TaskRepository taskRepository;
|
||||||
|
|
||||||
|
@Autowired
|
||||||
|
private UserRepository userRepository;
|
||||||
|
|
||||||
|
private MockMvc mockMvc;
|
||||||
|
|
||||||
|
@BeforeEach
|
||||||
|
void setUp() {
|
||||||
|
taskRepository.deleteAll();
|
||||||
|
userRepository.deleteAll();
|
||||||
|
mockMvc = MockMvcBuilders.webAppContextSetup(context).build();
|
||||||
|
}
|
||||||
|
|
||||||
|
@ParameterizedTest
|
||||||
|
@EnumSource(TaskStatus.class)
|
||||||
|
void deletesTaskInEveryStatus(TaskStatus statusValue) throws Exception {
|
||||||
|
User assignee = createUser();
|
||||||
|
Task task = saveTask(statusValue, assignee);
|
||||||
|
|
||||||
|
mockMvc.perform(delete("/api/tasks/{taskId}", task.getId()))
|
||||||
|
.andExpect(status().isNoContent())
|
||||||
|
.andExpect(content().string(""));
|
||||||
|
|
||||||
|
mockMvc.perform(get("/api/tasks"))
|
||||||
|
.andExpect(status().isOk())
|
||||||
|
.andExpect(jsonPath("$").isEmpty());
|
||||||
|
org.junit.jupiter.api.Assertions.assertTrue(userRepository.existsById(assignee.getId()));
|
||||||
|
}
|
||||||
|
|
||||||
|
@Test
|
||||||
|
void deletesOnlyRequestedTask() throws Exception {
|
||||||
|
User assignee = createUser();
|
||||||
|
Task deleted = saveTask(TaskStatus.WAITING, assignee);
|
||||||
|
Task remaining = saveTask(TaskStatus.COMPLETED, null);
|
||||||
|
|
||||||
|
mockMvc.perform(delete("/api/tasks/{taskId}", deleted.getId()))
|
||||||
|
.andExpect(status().isNoContent());
|
||||||
|
|
||||||
|
mockMvc.perform(get("/api/tasks"))
|
||||||
|
.andExpect(status().isOk())
|
||||||
|
.andExpect(jsonPath("$.length()").value(1))
|
||||||
|
.andExpect(jsonPath("$[0].id").value(remaining.getId().toString()))
|
||||||
|
.andExpect(jsonPath("$[0].status").value("COMPLETED"));
|
||||||
|
org.junit.jupiter.api.Assertions.assertTrue(userRepository.existsById(assignee.getId()));
|
||||||
|
}
|
||||||
|
|
||||||
|
@Test
|
||||||
|
void returnsNotFoundForUnknownAndAlreadyDeletedTask() throws Exception {
|
||||||
|
Task task = saveTask(TaskStatus.WAITING, null);
|
||||||
|
|
||||||
|
mockMvc.perform(delete("/api/tasks/{taskId}", task.getId()))
|
||||||
|
.andExpect(status().isNoContent());
|
||||||
|
mockMvc.perform(delete("/api/tasks/{taskId}", task.getId()))
|
||||||
|
.andExpect(status().isNotFound())
|
||||||
|
.andExpect(jsonPath("$.code").value("TASK_NOT_FOUND"));
|
||||||
|
mockMvc.perform(delete(
|
||||||
|
"/api/tasks/{taskId}",
|
||||||
|
"00000000-0000-0000-0000-000000000099"))
|
||||||
|
.andExpect(status().isNotFound())
|
||||||
|
.andExpect(jsonPath("$.code").value("TASK_NOT_FOUND"));
|
||||||
|
}
|
||||||
|
|
||||||
|
@Test
|
||||||
|
void keepsExistingBadRequestForInvalidUuid() throws Exception {
|
||||||
|
mockMvc.perform(delete("/api/tasks/{taskId}", "inte-ett-uuid"))
|
||||||
|
.andExpect(status().isBadRequest())
|
||||||
|
.andExpect(jsonPath("$.code").value("INVALID_TASK_ASSIGNMENT"));
|
||||||
|
}
|
||||||
|
|
||||||
|
private User createUser() throws Exception {
|
||||||
|
String response = mockMvc.perform(post("/api/users")
|
||||||
|
.contentType(MediaType.APPLICATION_JSON)
|
||||||
|
.content("""
|
||||||
|
{"name": "Urban"}
|
||||||
|
"""))
|
||||||
|
.andExpect(status().isCreated())
|
||||||
|
.andReturn()
|
||||||
|
.getResponse()
|
||||||
|
.getContentAsString();
|
||||||
|
String id = com.jayway.jsonpath.JsonPath.read(response, "$.id");
|
||||||
|
return userRepository.findById(UUID.fromString(id)).orElseThrow();
|
||||||
|
}
|
||||||
|
|
||||||
|
private Task saveTask(TaskStatus statusValue, User assignee) {
|
||||||
|
return taskRepository.save(new Task(
|
||||||
|
UUID.randomUUID(),
|
||||||
|
"Dammsuga",
|
||||||
|
"Bottenvåningen",
|
||||||
|
statusValue,
|
||||||
|
7,
|
||||||
|
assignee,
|
||||||
|
Instant.parse("2026-07-28T09:00:00Z")));
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,245 @@
|
|||||||
|
package se.rubble.hemhub.task;
|
||||||
|
|
||||||
|
import java.time.Instant;
|
||||||
|
import java.util.UUID;
|
||||||
|
import java.util.stream.Stream;
|
||||||
|
|
||||||
|
import org.junit.jupiter.api.BeforeEach;
|
||||||
|
import org.junit.jupiter.api.Test;
|
||||||
|
import org.junit.jupiter.params.ParameterizedTest;
|
||||||
|
import org.junit.jupiter.params.provider.Arguments;
|
||||||
|
import org.junit.jupiter.params.provider.EnumSource;
|
||||||
|
import org.junit.jupiter.params.provider.MethodSource;
|
||||||
|
import org.springframework.beans.factory.annotation.Autowired;
|
||||||
|
import org.springframework.boot.test.context.SpringBootTest;
|
||||||
|
import org.springframework.http.MediaType;
|
||||||
|
import org.springframework.test.web.servlet.MockMvc;
|
||||||
|
import org.springframework.test.web.servlet.setup.MockMvcBuilders;
|
||||||
|
import org.springframework.web.context.WebApplicationContext;
|
||||||
|
|
||||||
|
import se.rubble.hemhub.user.User;
|
||||||
|
import se.rubble.hemhub.user.UserRepository;
|
||||||
|
|
||||||
|
import static org.junit.jupiter.api.Assertions.assertEquals;
|
||||||
|
import static org.junit.jupiter.api.Assertions.assertTrue;
|
||||||
|
import static org.springframework.test.web.servlet.request.MockMvcRequestBuilders.get;
|
||||||
|
import static org.springframework.test.web.servlet.request.MockMvcRequestBuilders.post;
|
||||||
|
import static org.springframework.test.web.servlet.request.MockMvcRequestBuilders.put;
|
||||||
|
import static org.springframework.test.web.servlet.result.MockMvcResultMatchers.jsonPath;
|
||||||
|
import static org.springframework.test.web.servlet.result.MockMvcResultMatchers.status;
|
||||||
|
|
||||||
|
@SpringBootTest
|
||||||
|
class TaskEditingApiTest {
|
||||||
|
|
||||||
|
private static final Instant CREATED_AT = Instant.parse("2026-07-27T09:00:00Z");
|
||||||
|
|
||||||
|
@Autowired
|
||||||
|
private WebApplicationContext context;
|
||||||
|
|
||||||
|
@Autowired
|
||||||
|
private TaskRepository taskRepository;
|
||||||
|
|
||||||
|
@Autowired
|
||||||
|
private UserRepository userRepository;
|
||||||
|
|
||||||
|
private MockMvc mockMvc;
|
||||||
|
|
||||||
|
@BeforeEach
|
||||||
|
void setUp() {
|
||||||
|
taskRepository.deleteAll();
|
||||||
|
userRepository.deleteAll();
|
||||||
|
mockMvc = MockMvcBuilders.webAppContextSetup(context).build();
|
||||||
|
}
|
||||||
|
|
||||||
|
@ParameterizedTest
|
||||||
|
@EnumSource(TaskStatus.class)
|
||||||
|
void updatesDetailsInEveryStatusAndPreservesOtherFields(TaskStatus statusValue) throws Exception {
|
||||||
|
User assignee = createUser();
|
||||||
|
Task task = saveTask(statusValue, assignee, "Före", "Gammal", 3);
|
||||||
|
|
||||||
|
mockMvc.perform(put("/api/tasks/{taskId}/details", task.getId())
|
||||||
|
.contentType(MediaType.APPLICATION_JSON)
|
||||||
|
.content("""
|
||||||
|
{
|
||||||
|
"title": " Efter ",
|
||||||
|
"description": " Ny beskrivning ",
|
||||||
|
"points": 7
|
||||||
|
}
|
||||||
|
"""))
|
||||||
|
.andExpect(status().isOk())
|
||||||
|
.andExpect(jsonPath("$.id").value(task.getId().toString()))
|
||||||
|
.andExpect(jsonPath("$.title").value("Efter"))
|
||||||
|
.andExpect(jsonPath("$.description").value("Ny beskrivning"))
|
||||||
|
.andExpect(jsonPath("$.points").value(7))
|
||||||
|
.andExpect(jsonPath("$.status").value(statusValue.name()))
|
||||||
|
.andExpect(jsonPath("$.assignee.id").value(assignee.getId().toString()))
|
||||||
|
.andExpect(jsonPath("$.assignee.name").value(assignee.getName()))
|
||||||
|
.andExpect(jsonPath("$.createdAt").value(CREATED_AT.toString()));
|
||||||
|
|
||||||
|
Task updated = taskRepository.findOneById(task.getId()).orElseThrow();
|
||||||
|
assertEquals(statusValue, updated.getStatus());
|
||||||
|
assertEquals(assignee.getId(), updated.getAssignee().getId());
|
||||||
|
assertEquals(CREATED_AT, updated.getCreatedAt());
|
||||||
|
assertTrue(userRepository.existsById(assignee.getId()));
|
||||||
|
}
|
||||||
|
|
||||||
|
@Test
|
||||||
|
void acceptsBoundariesBlankDescriptionAndUnchangedValues() throws Exception {
|
||||||
|
String title = "å".repeat(100);
|
||||||
|
String description = "å".repeat(500);
|
||||||
|
Task task = saveTask(TaskStatus.WAITING, null, title, description, 1);
|
||||||
|
|
||||||
|
updateDetails(task.getId(), title, description, 99)
|
||||||
|
.andExpect(status().isOk())
|
||||||
|
.andExpect(jsonPath("$.title").value(title))
|
||||||
|
.andExpect(jsonPath("$.description").value(description))
|
||||||
|
.andExpect(jsonPath("$.points").value(99));
|
||||||
|
|
||||||
|
updateDetails(task.getId(), title, " ", 1)
|
||||||
|
.andExpect(status().isOk())
|
||||||
|
.andExpect(jsonPath("$.description").doesNotExist())
|
||||||
|
.andExpect(jsonPath("$.points").value(1));
|
||||||
|
|
||||||
|
updateDetails(task.getId(), title, null, 1)
|
||||||
|
.andExpect(status().isOk())
|
||||||
|
.andExpect(jsonPath("$.description").doesNotExist());
|
||||||
|
}
|
||||||
|
|
||||||
|
@ParameterizedTest(name = "{1}")
|
||||||
|
@MethodSource("invalidRequests")
|
||||||
|
void rejectsInvalidOrIncompleteRequests(String request, String description) throws Exception {
|
||||||
|
Task task = saveTask(TaskStatus.WAITING, null, "Före", null, 3);
|
||||||
|
|
||||||
|
mockMvc.perform(put("/api/tasks/{taskId}/details", task.getId())
|
||||||
|
.contentType(MediaType.APPLICATION_JSON)
|
||||||
|
.content(request))
|
||||||
|
.andExpect(status().isBadRequest())
|
||||||
|
.andExpect(jsonPath("$.code").value("INVALID_TASK"));
|
||||||
|
}
|
||||||
|
|
||||||
|
@Test
|
||||||
|
void returnsNotFoundAndKeepsOtherTaskUnchanged() throws Exception {
|
||||||
|
Task otherTask = saveTask(TaskStatus.COMPLETED, null, "Annan", "Oförändrad", 9);
|
||||||
|
UUID unknownId = UUID.randomUUID();
|
||||||
|
|
||||||
|
updateDetails(unknownId, "Ny", null, 4)
|
||||||
|
.andExpect(status().isNotFound())
|
||||||
|
.andExpect(jsonPath("$.code").value("TASK_NOT_FOUND"));
|
||||||
|
|
||||||
|
mockMvc.perform(get("/api/tasks"))
|
||||||
|
.andExpect(status().isOk())
|
||||||
|
.andExpect(jsonPath("$.length()").value(1))
|
||||||
|
.andExpect(jsonPath("$[0].id").value(otherTask.getId().toString()))
|
||||||
|
.andExpect(jsonPath("$[0].title").value("Annan"))
|
||||||
|
.andExpect(jsonPath("$[0].description").value("Oförändrad"))
|
||||||
|
.andExpect(jsonPath("$[0].points").value(9));
|
||||||
|
}
|
||||||
|
|
||||||
|
@Test
|
||||||
|
void keepsExistingBadRequestForInvalidUuid() throws Exception {
|
||||||
|
mockMvc.perform(put("/api/tasks/{taskId}/details", "inte-ett-uuid")
|
||||||
|
.contentType(MediaType.APPLICATION_JSON)
|
||||||
|
.content("""
|
||||||
|
{"title": "Ny", "description": null, "points": 4}
|
||||||
|
"""))
|
||||||
|
.andExpect(status().isBadRequest())
|
||||||
|
.andExpect(jsonPath("$.code").value("INVALID_TASK_ASSIGNMENT"));
|
||||||
|
}
|
||||||
|
|
||||||
|
private org.springframework.test.web.servlet.ResultActions updateDetails(
|
||||||
|
UUID taskId,
|
||||||
|
String title,
|
||||||
|
String description,
|
||||||
|
int points) throws Exception {
|
||||||
|
return mockMvc.perform(put("/api/tasks/{taskId}/details", taskId)
|
||||||
|
.contentType(MediaType.APPLICATION_JSON)
|
||||||
|
.content("""
|
||||||
|
{
|
||||||
|
"title": %s,
|
||||||
|
"description": %s,
|
||||||
|
"points": %d
|
||||||
|
}
|
||||||
|
""".formatted(jsonString(title), jsonString(description), points)));
|
||||||
|
}
|
||||||
|
|
||||||
|
private User createUser() throws Exception {
|
||||||
|
String response = mockMvc.perform(post("/api/users")
|
||||||
|
.contentType(MediaType.APPLICATION_JSON)
|
||||||
|
.content("""
|
||||||
|
{"name": "Urban"}
|
||||||
|
"""))
|
||||||
|
.andExpect(status().isCreated())
|
||||||
|
.andReturn()
|
||||||
|
.getResponse()
|
||||||
|
.getContentAsString();
|
||||||
|
String id = com.jayway.jsonpath.JsonPath.read(response, "$.id");
|
||||||
|
return userRepository.findById(UUID.fromString(id)).orElseThrow();
|
||||||
|
}
|
||||||
|
|
||||||
|
private Task saveTask(
|
||||||
|
TaskStatus statusValue,
|
||||||
|
User assignee,
|
||||||
|
String title,
|
||||||
|
String description,
|
||||||
|
int points) {
|
||||||
|
return taskRepository.save(new Task(
|
||||||
|
UUID.randomUUID(),
|
||||||
|
title,
|
||||||
|
description,
|
||||||
|
statusValue,
|
||||||
|
points,
|
||||||
|
assignee,
|
||||||
|
CREATED_AT));
|
||||||
|
}
|
||||||
|
|
||||||
|
private static Stream<Arguments> invalidRequests() {
|
||||||
|
return Stream.of(
|
||||||
|
Arguments.of("{}", "alla fält saknas"),
|
||||||
|
Arguments.of("""
|
||||||
|
{"description": null, "points": 1}
|
||||||
|
""", "titel saknas"),
|
||||||
|
Arguments.of("""
|
||||||
|
{"title": null, "description": null, "points": 1}
|
||||||
|
""", "titel är null"),
|
||||||
|
Arguments.of("""
|
||||||
|
{"title": " ", "description": null, "points": 1}
|
||||||
|
""", "titel är blank"),
|
||||||
|
Arguments.of("""
|
||||||
|
{"title": "%s", "description": null, "points": 1}
|
||||||
|
""".formatted("a".repeat(101)), "titel är för lång"),
|
||||||
|
Arguments.of("""
|
||||||
|
{"title": "Titel", "description": "%s", "points": 1}
|
||||||
|
""".formatted("a".repeat(501)), "beskrivning är för lång"),
|
||||||
|
Arguments.of("""
|
||||||
|
{"title": "Titel", "points": 1}
|
||||||
|
""", "beskrivning saknas"),
|
||||||
|
Arguments.of("""
|
||||||
|
{"title": "Titel", "description": null}
|
||||||
|
""", "poäng saknas"),
|
||||||
|
Arguments.of("""
|
||||||
|
{"title": "Titel", "description": null, "points": null}
|
||||||
|
""", "poäng är null"),
|
||||||
|
Arguments.of("""
|
||||||
|
{"title": "Titel", "description": null, "points": "7"}
|
||||||
|
""", "poäng är text"),
|
||||||
|
Arguments.of("""
|
||||||
|
{"title": "Titel", "description": null, "points": 1.5}
|
||||||
|
""", "poäng är decimal"),
|
||||||
|
Arguments.of("""
|
||||||
|
{"title": "Titel", "description": null, "points": 0}
|
||||||
|
""", "poäng är noll"),
|
||||||
|
Arguments.of("""
|
||||||
|
{"title": "Titel", "description": null, "points": -1}
|
||||||
|
""", "poäng är negativ"),
|
||||||
|
Arguments.of("""
|
||||||
|
{"title": "Titel", "description": null, "points": 100}
|
||||||
|
""", "poäng är för hög"));
|
||||||
|
}
|
||||||
|
|
||||||
|
private static String jsonString(String value) {
|
||||||
|
if (value == null) {
|
||||||
|
return "null";
|
||||||
|
}
|
||||||
|
return "\"" + value.replace("\\", "\\\\").replace("\"", "\\\"") + "\"";
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,255 @@
|
|||||||
|
package se.rubble.hemhub.task;
|
||||||
|
|
||||||
|
import java.time.Instant;
|
||||||
|
import java.util.UUID;
|
||||||
|
|
||||||
|
import org.junit.jupiter.api.BeforeEach;
|
||||||
|
import org.junit.jupiter.api.Test;
|
||||||
|
import org.junit.jupiter.params.ParameterizedTest;
|
||||||
|
import org.junit.jupiter.params.provider.CsvSource;
|
||||||
|
import org.junit.jupiter.params.provider.EnumSource;
|
||||||
|
import org.springframework.beans.factory.annotation.Autowired;
|
||||||
|
import org.springframework.boot.test.context.SpringBootTest;
|
||||||
|
import org.springframework.http.MediaType;
|
||||||
|
import org.springframework.test.web.servlet.MockMvc;
|
||||||
|
import org.springframework.test.web.servlet.ResultActions;
|
||||||
|
import org.springframework.test.web.servlet.setup.MockMvcBuilders;
|
||||||
|
import org.springframework.web.context.WebApplicationContext;
|
||||||
|
|
||||||
|
import se.rubble.hemhub.user.User;
|
||||||
|
import se.rubble.hemhub.user.UserRepository;
|
||||||
|
|
||||||
|
import static org.springframework.test.web.servlet.request.MockMvcRequestBuilders.post;
|
||||||
|
import static org.springframework.test.web.servlet.request.MockMvcRequestBuilders.put;
|
||||||
|
import static org.springframework.test.web.servlet.result.MockMvcResultMatchers.jsonPath;
|
||||||
|
import static org.springframework.test.web.servlet.result.MockMvcResultMatchers.status;
|
||||||
|
|
||||||
|
@SpringBootTest
|
||||||
|
class TaskStatusApiTest {
|
||||||
|
|
||||||
|
private static final Instant CREATED_AT = Instant.parse("2026-07-27T10:15:30Z");
|
||||||
|
|
||||||
|
@Autowired
|
||||||
|
private WebApplicationContext context;
|
||||||
|
|
||||||
|
@Autowired
|
||||||
|
private TaskRepository taskRepository;
|
||||||
|
|
||||||
|
@Autowired
|
||||||
|
private UserRepository userRepository;
|
||||||
|
|
||||||
|
private MockMvc mockMvc;
|
||||||
|
|
||||||
|
@BeforeEach
|
||||||
|
void setUp() {
|
||||||
|
taskRepository.deleteAll();
|
||||||
|
mockMvc = MockMvcBuilders.webAppContextSetup(context).build();
|
||||||
|
}
|
||||||
|
|
||||||
|
@ParameterizedTest
|
||||||
|
@CsvSource({
|
||||||
|
"WAITING, IN_PROGRESS",
|
||||||
|
"WAITING, COMPLETED",
|
||||||
|
"IN_PROGRESS, WAITING",
|
||||||
|
"IN_PROGRESS, COMPLETED",
|
||||||
|
"COMPLETED, WAITING",
|
||||||
|
"COMPLETED, IN_PROGRESS"
|
||||||
|
})
|
||||||
|
void allowsEveryDirectStatusTransition(TaskStatus initial, TaskStatus target)
|
||||||
|
throws Exception {
|
||||||
|
User assignee = createUser();
|
||||||
|
Task task = saveTask(initial, assignee);
|
||||||
|
|
||||||
|
updateStatus(task.getId(), target, assignee.getId())
|
||||||
|
.andExpect(status().isOk())
|
||||||
|
.andExpect(jsonPath("$.status").value(target.name()))
|
||||||
|
.andExpect(jsonPath("$.title").value("Dammsuga"))
|
||||||
|
.andExpect(jsonPath("$.description").value("Bottenvåningen"))
|
||||||
|
.andExpect(jsonPath("$.points").value(7))
|
||||||
|
.andExpect(jsonPath("$.createdAt").value(CREATED_AT.toString()))
|
||||||
|
.andExpect(jsonPath("$.assignee.id").value(assignee.getId().toString()));
|
||||||
|
}
|
||||||
|
|
||||||
|
@ParameterizedTest
|
||||||
|
@EnumSource(TaskStatus.class)
|
||||||
|
void acceptsCurrentStatusAsIdempotentTarget(TaskStatus statusValue) throws Exception {
|
||||||
|
User assignee = createUser();
|
||||||
|
Task task = saveTask(statusValue, assignee);
|
||||||
|
|
||||||
|
updateStatus(task.getId(), statusValue, null)
|
||||||
|
.andExpect(status().isOk())
|
||||||
|
.andExpect(jsonPath("$.status").value(statusValue.name()))
|
||||||
|
.andExpect(jsonPath("$.assignee.id").value(assignee.getId().toString()));
|
||||||
|
}
|
||||||
|
|
||||||
|
@Test
|
||||||
|
void automaticallyAssignsActiveUserWhenUnassignedTaskStarts() throws Exception {
|
||||||
|
User activeUser = createUser();
|
||||||
|
Task task = saveTask(TaskStatus.WAITING, null);
|
||||||
|
|
||||||
|
updateStatus(task.getId(), TaskStatus.IN_PROGRESS, activeUser.getId())
|
||||||
|
.andExpect(status().isOk())
|
||||||
|
.andExpect(jsonPath("$.status").value("IN_PROGRESS"))
|
||||||
|
.andExpect(jsonPath("$.assignee.id").value(activeUser.getId().toString()))
|
||||||
|
.andExpect(jsonPath("$.assignee.name").value(activeUser.getName()));
|
||||||
|
}
|
||||||
|
|
||||||
|
@Test
|
||||||
|
void keepsExistingAssigneeAndDoesNotResolveActiveUser() throws Exception {
|
||||||
|
User assignee = createUser();
|
||||||
|
Task task = saveTask(TaskStatus.WAITING, assignee);
|
||||||
|
|
||||||
|
updateStatus(
|
||||||
|
task.getId(),
|
||||||
|
TaskStatus.IN_PROGRESS,
|
||||||
|
UUID.fromString("00000000-0000-0000-0000-000000000099"))
|
||||||
|
.andExpect(status().isOk())
|
||||||
|
.andExpect(jsonPath("$.assignee.id").value(assignee.getId().toString()));
|
||||||
|
}
|
||||||
|
|
||||||
|
@Test
|
||||||
|
void requiresValidActiveUserWhenUnassignedTaskStarts() throws Exception {
|
||||||
|
Task task = saveTask(TaskStatus.COMPLETED, null);
|
||||||
|
|
||||||
|
updateStatus(task.getId(), TaskStatus.IN_PROGRESS, null)
|
||||||
|
.andExpect(status().isConflict())
|
||||||
|
.andExpect(jsonPath("$.code").value("TASK_REQUIRES_ASSIGNEE"));
|
||||||
|
|
||||||
|
updateStatus(
|
||||||
|
task.getId(),
|
||||||
|
TaskStatus.IN_PROGRESS,
|
||||||
|
UUID.fromString("00000000-0000-0000-0000-000000000099"))
|
||||||
|
.andExpect(status().isNotFound())
|
||||||
|
.andExpect(jsonPath("$.code").value("USER_NOT_FOUND"));
|
||||||
|
}
|
||||||
|
|
||||||
|
@ParameterizedTest
|
||||||
|
@EnumSource(TaskStatus.class)
|
||||||
|
void allowsAssigningAndChangingAssigneeInEveryStatus(TaskStatus statusValue)
|
||||||
|
throws Exception {
|
||||||
|
User first = createUser();
|
||||||
|
User second = createUser();
|
||||||
|
Task task = saveTask(statusValue, first);
|
||||||
|
|
||||||
|
updateAssignee(task.getId(), second.getId())
|
||||||
|
.andExpect(status().isOk())
|
||||||
|
.andExpect(jsonPath("$.status").value(statusValue.name()))
|
||||||
|
.andExpect(jsonPath("$.assignee.id").value(second.getId().toString()));
|
||||||
|
}
|
||||||
|
|
||||||
|
@ParameterizedTest
|
||||||
|
@EnumSource(value = TaskStatus.class, names = {"WAITING", "COMPLETED"})
|
||||||
|
void allowsRemovingAssigneeOutsideInProgress(TaskStatus statusValue) throws Exception {
|
||||||
|
Task task = saveTask(statusValue, createUser());
|
||||||
|
|
||||||
|
removeAssignee(task.getId())
|
||||||
|
.andExpect(status().isOk())
|
||||||
|
.andExpect(jsonPath("$.status").value(statusValue.name()))
|
||||||
|
.andExpect(jsonPath("$.assignee").value((Object) null));
|
||||||
|
}
|
||||||
|
|
||||||
|
@Test
|
||||||
|
void rejectsRemovingAssigneeFromInProgressTask() throws Exception {
|
||||||
|
User assignee = createUser();
|
||||||
|
Task task = saveTask(TaskStatus.IN_PROGRESS, assignee);
|
||||||
|
|
||||||
|
removeAssignee(task.getId())
|
||||||
|
.andExpect(status().isConflict())
|
||||||
|
.andExpect(jsonPath("$.code").value("TASK_REQUIRES_ASSIGNEE"))
|
||||||
|
.andExpect(jsonPath("$.message")
|
||||||
|
.value("En pågående uppgift måste ha en ansvarig."));
|
||||||
|
}
|
||||||
|
|
||||||
|
@Test
|
||||||
|
void validatesStatusRequestAndTaskId() throws Exception {
|
||||||
|
Task task = saveTask(TaskStatus.WAITING, null);
|
||||||
|
|
||||||
|
rawStatusUpdate(task.getId().toString(), "{}")
|
||||||
|
.andExpect(status().isBadRequest())
|
||||||
|
.andExpect(jsonPath("$.code").value("INVALID_TASK_STATUS"));
|
||||||
|
rawStatusUpdate(task.getId().toString(), """
|
||||||
|
{"status": null}
|
||||||
|
""")
|
||||||
|
.andExpect(status().isBadRequest())
|
||||||
|
.andExpect(jsonPath("$.code").value("INVALID_TASK_STATUS"));
|
||||||
|
rawStatusUpdate(task.getId().toString(), """
|
||||||
|
{"status": "UNKNOWN"}
|
||||||
|
""")
|
||||||
|
.andExpect(status().isBadRequest())
|
||||||
|
.andExpect(jsonPath("$.code").value("INVALID_TASK_STATUS"));
|
||||||
|
rawStatusUpdate(task.getId().toString(), """
|
||||||
|
{"status": "IN_PROGRESS", "activeUserId": "inte-ett-uuid"}
|
||||||
|
""")
|
||||||
|
.andExpect(status().isBadRequest())
|
||||||
|
.andExpect(jsonPath("$.code").value("INVALID_TASK_ASSIGNMENT"));
|
||||||
|
rawStatusUpdate(task.getId().toString(), "{")
|
||||||
|
.andExpect(status().isBadRequest());
|
||||||
|
rawStatusUpdate("00000000-0000-0000-0000-000000000099", """
|
||||||
|
{"status": "WAITING"}
|
||||||
|
""")
|
||||||
|
.andExpect(status().isNotFound())
|
||||||
|
.andExpect(jsonPath("$.code").value("TASK_NOT_FOUND"));
|
||||||
|
}
|
||||||
|
|
||||||
|
private User createUser() throws Exception {
|
||||||
|
String name = "U" + UUID.randomUUID();
|
||||||
|
String response = mockMvc.perform(post("/api/users")
|
||||||
|
.contentType(MediaType.APPLICATION_JSON)
|
||||||
|
.content("""
|
||||||
|
{"name": "%s"}
|
||||||
|
""".formatted(name)))
|
||||||
|
.andExpect(status().isCreated())
|
||||||
|
.andReturn()
|
||||||
|
.getResponse()
|
||||||
|
.getContentAsString();
|
||||||
|
String id = com.jayway.jsonpath.JsonPath.read(response, "$.id");
|
||||||
|
return userRepository.findById(UUID.fromString(id)).orElseThrow();
|
||||||
|
}
|
||||||
|
|
||||||
|
private Task saveTask(TaskStatus statusValue, User assignee) {
|
||||||
|
return taskRepository.save(new Task(
|
||||||
|
UUID.randomUUID(),
|
||||||
|
"Dammsuga",
|
||||||
|
"Bottenvåningen",
|
||||||
|
statusValue,
|
||||||
|
7,
|
||||||
|
assignee,
|
||||||
|
CREATED_AT));
|
||||||
|
}
|
||||||
|
|
||||||
|
private ResultActions updateStatus(
|
||||||
|
UUID taskId,
|
||||||
|
TaskStatus target,
|
||||||
|
UUID activeUserId) throws Exception {
|
||||||
|
String activeUserJson = activeUserId == null
|
||||||
|
? ""
|
||||||
|
: ", \"activeUserId\": \"%s\"".formatted(activeUserId);
|
||||||
|
return rawStatusUpdate(
|
||||||
|
taskId.toString(),
|
||||||
|
"""
|
||||||
|
{"status": "%s"%s}
|
||||||
|
""".formatted(target.name(), activeUserJson));
|
||||||
|
}
|
||||||
|
|
||||||
|
private ResultActions rawStatusUpdate(String taskId, String body) throws Exception {
|
||||||
|
return mockMvc.perform(put("/api/tasks/{taskId}/status", taskId)
|
||||||
|
.contentType(MediaType.APPLICATION_JSON)
|
||||||
|
.content(body));
|
||||||
|
}
|
||||||
|
|
||||||
|
private ResultActions updateAssignee(UUID taskId, UUID assigneeId) throws Exception {
|
||||||
|
return mockMvc.perform(put("/api/tasks/{taskId}/assignee", taskId)
|
||||||
|
.contentType(MediaType.APPLICATION_JSON)
|
||||||
|
.content("""
|
||||||
|
{"assigneeId": "%s"}
|
||||||
|
""".formatted(assigneeId)));
|
||||||
|
}
|
||||||
|
|
||||||
|
private ResultActions removeAssignee(UUID taskId) throws Exception {
|
||||||
|
return mockMvc.perform(put("/api/tasks/{taskId}/assignee", taskId)
|
||||||
|
.contentType(MediaType.APPLICATION_JSON)
|
||||||
|
.content("""
|
||||||
|
{"assigneeId": null}
|
||||||
|
"""));
|
||||||
|
}
|
||||||
|
}
|
||||||
62
backend/src/test/java/se/rubble/hemhub/task/TaskTest.java
Normal file
62
backend/src/test/java/se/rubble/hemhub/task/TaskTest.java
Normal file
@ -0,0 +1,62 @@
|
|||||||
|
package se.rubble.hemhub.task;
|
||||||
|
|
||||||
|
import java.time.Instant;
|
||||||
|
import java.util.UUID;
|
||||||
|
|
||||||
|
import org.junit.jupiter.api.Test;
|
||||||
|
|
||||||
|
import static org.junit.jupiter.api.Assertions.assertEquals;
|
||||||
|
import static org.junit.jupiter.api.Assertions.assertThrows;
|
||||||
|
|
||||||
|
class TaskTest {
|
||||||
|
|
||||||
|
@Test
|
||||||
|
void rejectsPointsOutsideAllowedRange() {
|
||||||
|
assertThrows(InvalidTaskException.class, () -> taskWithPoints(0));
|
||||||
|
assertThrows(InvalidTaskException.class, () -> taskWithPoints(100));
|
||||||
|
}
|
||||||
|
|
||||||
|
@Test
|
||||||
|
void rejectsInProgressTaskWithoutAssignee() {
|
||||||
|
assertThrows(
|
||||||
|
TaskRequiresAssigneeException.class,
|
||||||
|
() -> new Task(
|
||||||
|
UUID.randomUUID(),
|
||||||
|
"Dammsuga",
|
||||||
|
null,
|
||||||
|
TaskStatus.IN_PROGRESS,
|
||||||
|
3,
|
||||||
|
null,
|
||||||
|
Instant.parse("2026-07-26T12:00:00Z")));
|
||||||
|
}
|
||||||
|
|
||||||
|
@Test
|
||||||
|
void changesOnlyEditableDetailsAndProtectsPointsInvariant() {
|
||||||
|
Task task = taskWithPoints(3);
|
||||||
|
UUID id = task.getId();
|
||||||
|
TaskStatus status = task.getStatus();
|
||||||
|
Instant createdAt = task.getCreatedAt();
|
||||||
|
|
||||||
|
task.changeDetails("Ny titel", "Ny beskrivning", 7);
|
||||||
|
|
||||||
|
assertEquals(id, task.getId());
|
||||||
|
assertEquals("Ny titel", task.getTitle());
|
||||||
|
assertEquals("Ny beskrivning", task.getDescription());
|
||||||
|
assertEquals(7, task.getPoints());
|
||||||
|
assertEquals(status, task.getStatus());
|
||||||
|
assertEquals(createdAt, task.getCreatedAt());
|
||||||
|
assertThrows(InvalidTaskException.class, () -> task.changeDetails("Titel", null, 0));
|
||||||
|
assertThrows(InvalidTaskException.class, () -> task.changeDetails("Titel", null, 100));
|
||||||
|
}
|
||||||
|
|
||||||
|
private Task taskWithPoints(int points) {
|
||||||
|
return new Task(
|
||||||
|
UUID.randomUUID(),
|
||||||
|
"Dammsuga",
|
||||||
|
null,
|
||||||
|
TaskStatus.WAITING,
|
||||||
|
points,
|
||||||
|
null,
|
||||||
|
Instant.parse("2026-07-26T12:00:00Z"));
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -23,12 +23,17 @@ byggprocess.
|
|||||||
|
|
||||||
### Frontend
|
### Frontend
|
||||||
|
|
||||||
Frontend finns i `frontend/` och använder React 19, TypeScript, Vite och pnpm.
|
Frontend finns i `frontend/` och använder React 19, TypeScript, Vite, pnpm och
|
||||||
Den ansvarar för:
|
dnd-kit-ekosystemets aktuella React-adapter. Den ansvarar för:
|
||||||
|
|
||||||
- hämtning och presentation av användare och uppgifter;
|
- hämtning och presentation av användare och uppgifter;
|
||||||
- lokalt val av aktiv användare;
|
- lokalt val av aktiv användare;
|
||||||
- formulär för att skapa användare och uppgifter;
|
- formulär för att skapa användare och uppgifter;
|
||||||
|
- serverbekräftad redigering av uppgifters titel, beskrivning och poäng;
|
||||||
|
- val och visning av ansvarig användare på uppgifter;
|
||||||
|
- serverbekräftade statusändringar genom knappar på uppgiftskorten;
|
||||||
|
- optimistiska statusflyttar genom drag-and-drop mellan brädans kolumner;
|
||||||
|
- bekräftad och serverbekräftad permanent radering av uppgifter;
|
||||||
- klientnära validering och begripliga felmeddelanden;
|
- klientnära validering och begripliga felmeddelanden;
|
||||||
- uppgiftsbrädan med kolumnerna Väntande, Pågående och Klart.
|
- uppgiftsbrädan med kolumnerna Väntande, Pågående och Klart.
|
||||||
|
|
||||||
@ -60,12 +65,16 @@ Aktuella endpoints:
|
|||||||
- `POST /api/users`
|
- `POST /api/users`
|
||||||
- `GET /api/tasks`
|
- `GET /api/tasks`
|
||||||
- `POST /api/tasks`
|
- `POST /api/tasks`
|
||||||
|
- `PUT /api/tasks/{taskId}/assignee`
|
||||||
|
- `PUT /api/tasks/{taskId}/status`
|
||||||
|
- `PUT /api/tasks/{taskId}/details`
|
||||||
|
- `DELETE /api/tasks/{taskId}`
|
||||||
|
|
||||||
### Databas och migreringar
|
### Databas och migreringar
|
||||||
|
|
||||||
Lokal körning använder en filbaserad H2-databas under `backend/data`. Katalogen
|
Lokal körning använder en H2-databas i minnet. Databasen finns under
|
||||||
ignoreras av Git. Automatiska backendtester använder en separat H2-databas i
|
backendprocessens livstid och lokal utvecklingsdata återställs när backend
|
||||||
minnet.
|
startas om. Automatiska backendtester använder en separat H2-databas i minnet.
|
||||||
|
|
||||||
Båda anslutningarna använder H2:s `MODE=PostgreSQL`,
|
Båda anslutningarna använder H2:s `MODE=PostgreSQL`,
|
||||||
`DATABASE_TO_LOWER=TRUE` och `DEFAULT_NULL_ORDERING=HIGH`. Det är en verifierbar
|
`DATABASE_TO_LOWER=TRUE` och `DEFAULT_NULL_ORDERING=HIGH`. Det är en verifierbar
|
||||||
@ -76,6 +85,8 @@ Flyway kör migreringarna:
|
|||||||
|
|
||||||
- `V1__create_users.sql`
|
- `V1__create_users.sql`
|
||||||
- `V2__create_tasks.sql`
|
- `V2__create_tasks.sql`
|
||||||
|
- `V3__add_task_points.sql`
|
||||||
|
- `V4__add_task_assignee.sql`
|
||||||
|
|
||||||
Hibernate är konfigurerat med `ddl-auto=validate`; Flyway skapar schemat och
|
Hibernate är konfigurerat med `ddl-auto=validate`; Flyway skapar schemat och
|
||||||
Hibernate validerar entiteterna mot det.
|
Hibernate validerar entiteterna mot det.
|
||||||
@ -102,11 +113,29 @@ En uppgift lagras i tabellen `task` med:
|
|||||||
- `title`: obligatorisk titel, högst 100 tecken;
|
- `title`: obligatorisk titel, högst 100 tecken;
|
||||||
- `description`: valfri beskrivning, högst 500 tecken;
|
- `description`: valfri beskrivning, högst 500 tecken;
|
||||||
- `status`: `WAITING`, `IN_PROGRESS` eller `COMPLETED`;
|
- `status`: `WAITING`, `IN_PROGRESS` eller `COMPLETED`;
|
||||||
|
- `points`: obligatoriskt heltal mellan 1 och 99;
|
||||||
|
- `assignee_id`: nullable främmande nyckel till `app_user`;
|
||||||
- `created_at`: en `Instant`, lagrad som `TIMESTAMP WITH TIME ZONE`.
|
- `created_at`: en `Instant`, lagrad som `TIMESTAMP WITH TIME ZONE`.
|
||||||
|
|
||||||
Status lagras som enumens textvärde genom `EnumType.STRING`. Nya uppgifter får
|
Status lagras som enumens textvärde genom `EnumType.STRING`. Nya uppgifter får
|
||||||
alltid status `WAITING`. Det finns ingen relation mellan uppgifter och
|
alltid status `WAITING`. Poängintervallet skyddas i backend och med en
|
||||||
användare; alla aktiva användare ser samma uppgiftslista.
|
databasconstraint. En uppgift kan vara otilldelad eller referera till exakt en
|
||||||
|
ansvarig användare. Relationen hämtas tillsammans med uppgifterna när de listas,
|
||||||
|
så API-responsen kan innehålla ansvarigs `id` och `name` utan separata
|
||||||
|
frontend-anrop. Alla aktiva användare ser samma uppgiftslista.
|
||||||
|
|
||||||
|
Ansvarig är valfri vid skapande. Tilldelnings-API:t kan tilldela eller byta
|
||||||
|
ansvarig i samtliga statusar. Ansvarig kan tas bort i `WAITING` och `COMPLETED`,
|
||||||
|
men inte i `IN_PROGRESS`. Tilldelning ändrar aldrig uppgiftens status.
|
||||||
|
|
||||||
|
Alla direkta statusövergångar är tillåtna och samma målstatus är idempotent.
|
||||||
|
`IN_PROGRESS` kräver en ansvarig. När en otilldelad uppgift påbörjas skickar
|
||||||
|
frontend aktiv användares id, och backend tilldelar användaren och ändrar status
|
||||||
|
i samma transaktion. En befintlig ansvarig byts aldrig av statusoperationen.
|
||||||
|
|
||||||
|
Uppgifter raderas fysiskt genom task-repositoryt. Det finns ingen
|
||||||
|
mjukraderingsflagga, papperskorg eller återställningsmodell. Radering av en
|
||||||
|
uppgift påverkar inte dess ansvariga användare.
|
||||||
|
|
||||||
### Aktiv användare
|
### Aktiv användare
|
||||||
|
|
||||||
@ -121,12 +150,25 @@ lokalt per browser och utgör inte autentisering eller behörighetskontroll.
|
|||||||
### Felhantering
|
### Felhantering
|
||||||
|
|
||||||
Backend använder ett litet gemensamt JSON-format med `code` och `message`.
|
Backend använder ett litet gemensamt JSON-format med `code` och `message`.
|
||||||
`ApiExceptionHandler` översätter kända valideringsfel till `400 Bad Request`
|
`ApiExceptionHandler` översätter kända valideringsfel till `400 Bad Request`,
|
||||||
och dubbletter av användarnamn till `409 Conflict`.
|
saknade uppgifter eller användare till `404 Not Found` och dubbletter eller
|
||||||
|
otillåtna tilldelningsändringar till `409 Conflict`.
|
||||||
|
|
||||||
Frontend skiljer mellan fel vid hämtning och skapande. Hämtfel kan
|
Frontend skiljer mellan fel vid hämtning och skapande. Hämtfel kan
|
||||||
återförsökas. Formulärfel visas nära formuläret och inmatningen behålls vid
|
återförsökas. Formulärfel visas nära formuläret och inmatningen behålls vid
|
||||||
misslyckade API-anrop.
|
misslyckade API-anrop. Status- och tilldelningsfel visas lokalt på berört kort;
|
||||||
|
statusknappar och tilldelning uppdateras först med backendens bekräftade
|
||||||
|
respons. Drag-and-drop flyttar kortet optimistiskt men återställer hela den
|
||||||
|
tidigare uppgiften vid fel. Vid framgång ersätts alltid det lokala värdet med
|
||||||
|
backendens fullständiga respons. Status- och tilldelningsanrop delar låsning per
|
||||||
|
task-id, så det berörda kortet blockeras utan att resten av brädan låses.
|
||||||
|
Drag-and-drop återanvänder backendens befintliga status-API oförändrat.
|
||||||
|
|
||||||
|
Radering är serverbekräftad och använder samma låsning per task-id. Kortet och
|
||||||
|
bekräftelsedialogen ligger kvar tills backend svarar. Vid `204 No Content`
|
||||||
|
tas kortet bort lokalt. Ett `404`-svar tas endast som bekräftelse på att kortet
|
||||||
|
redan saknas när felkoden är `TASK_NOT_FOUND`; övriga fel behåller kortet och
|
||||||
|
dialogen för ett nytt försök.
|
||||||
|
|
||||||
### Teststrategi
|
### Teststrategi
|
||||||
|
|
||||||
@ -138,7 +180,9 @@ Backend har JUnit 5-tester:
|
|||||||
|
|
||||||
Frontend använder Vitest, jsdom och React Testing Library. `fetch` och
|
Frontend använder Vitest, jsdom och React Testing Library. `fetch` och
|
||||||
`localStorage` ersätts i testerna, så frontendtesterna kräver inte en körande
|
`localStorage` ersätts i testerna, så frontendtesterna kräver inte en körande
|
||||||
backend. Produktionsbygget kör TypeScript-kompilering följt av Vite.
|
backend. Drag-and-drop-adaptern översätter bibliotekshändelser till task-id och
|
||||||
|
status, så stateflöden kan testas utan att simulera fysisk layout i jsdom.
|
||||||
|
Produktionsbygget kör TypeScript-kompilering följt av Vite.
|
||||||
|
|
||||||
### Produktionsdeployment
|
### Produktionsdeployment
|
||||||
|
|
||||||
|
|||||||
@ -1,76 +0,0 @@
|
|||||||
# Feature 0 – Projektgrund
|
|
||||||
|
|
||||||
## Status
|
|
||||||
|
|
||||||
Färdig och mergad till `main`.
|
|
||||||
|
|
||||||
## Bakgrund
|
|
||||||
|
|
||||||
HemHub behövde en minimal projektgrund för inkrementell utveckling av en
|
|
||||||
webbapplikation med separat frontend och backend.
|
|
||||||
|
|
||||||
## Mål
|
|
||||||
|
|
||||||
Skapa körbara React- och Spring Boot-applikationer, koppla ihop dem lokalt och
|
|
||||||
etablera grundläggande tester och dokumentation.
|
|
||||||
|
|
||||||
## Omfattning
|
|
||||||
|
|
||||||
- monorepo med `backend/` och `frontend/`;
|
|
||||||
- Java 21, Spring Boot och Maven Wrapper;
|
|
||||||
- React, TypeScript, Vite och pnpm;
|
|
||||||
- health-endpoint och en tillfällig frontendstatus;
|
|
||||||
- Vite-proxy och grundtester;
|
|
||||||
- `README.md`, `AGENTS.md` och `.gitignore`.
|
|
||||||
|
|
||||||
## Avgränsningar
|
|
||||||
|
|
||||||
Feature 0 införde ingen databas, domänmodell, autentisering, deployment,
|
|
||||||
containerkonfiguration eller produktionskonfiguration.
|
|
||||||
|
|
||||||
## Beslut
|
|
||||||
|
|
||||||
Frontend och backend skapades som separata applikationer i samma repository.
|
|
||||||
Frontend använder relativa `/api`-adresser, och Vite proxar dem lokalt till
|
|
||||||
backend på port 8080. Ingen generell CORS-konfiguration infördes.
|
|
||||||
|
|
||||||
## Implementerad lösning
|
|
||||||
|
|
||||||
Backend skapades med Spring Boot 4.1.0, Java 21, Spring Web och Maven Wrapper.
|
|
||||||
Frontend skapades med React 19, TypeScript, Vite och pnpm.
|
|
||||||
|
|
||||||
Den ursprungliga startsidan anropade health-endpointen och visade backendstatus
|
|
||||||
eller ett anslutningsfel. Senare features har ersatt denna startsida, men
|
|
||||||
health-endpointen och dess test finns kvar.
|
|
||||||
|
|
||||||
## API-förändringar
|
|
||||||
|
|
||||||
`GET /api/health` infördes och returnerar:
|
|
||||||
|
|
||||||
```json
|
|
||||||
{"status":"UP"}
|
|
||||||
```
|
|
||||||
|
|
||||||
## Databasförändringar
|
|
||||||
|
|
||||||
Inga.
|
|
||||||
|
|
||||||
## Frontendförändringar
|
|
||||||
|
|
||||||
En minimal startsida visade rubriken HemHub, att frontend hade startat och
|
|
||||||
resultatet från `/api/health`. Vite konfigurerades att proxya `/api` till
|
|
||||||
`http://localhost:8080`.
|
|
||||||
|
|
||||||
## Tester och verifiering
|
|
||||||
|
|
||||||
Ett MockMvc-test verifierar status 200 och `status: UP`. Det ursprungliga
|
|
||||||
frontendtestet verifierade rubriken HemHub med mockat API-anrop.
|
|
||||||
|
|
||||||
## Kända begränsningar
|
|
||||||
|
|
||||||
Projektgrunden innehöll ingen användar- eller uppgiftsfunktionalitet. Den
|
|
||||||
ursprungliga health-vyn är inte längre appens aktiva vy.
|
|
||||||
|
|
||||||
## Relaterade commits
|
|
||||||
|
|
||||||
- `9957383e88b08dc006d2eaeb2a513c7769bd5705` – `Initialize HemHub project foundation`
|
|
||||||
@ -1,99 +0,0 @@
|
|||||||
# Feature 1 – Användarval
|
|
||||||
|
|
||||||
## Status
|
|
||||||
|
|
||||||
Färdig och mergad till `main`.
|
|
||||||
|
|
||||||
## Bakgrund
|
|
||||||
|
|
||||||
HemHub behövde centralt lagrade användare och ett enkelt sätt att välja vem som
|
|
||||||
använder applikationen, utan att införa autentisering.
|
|
||||||
|
|
||||||
## Mål
|
|
||||||
|
|
||||||
Göra det möjligt att lista och skapa användare, välja en aktiv användare,
|
|
||||||
återanvända valet i samma browser och lämna den aktiva vyn.
|
|
||||||
|
|
||||||
## Omfattning
|
|
||||||
|
|
||||||
- persistens, API och validering för användare;
|
|
||||||
- startflöden för tom och befintlig användarlista;
|
|
||||||
- lokalt lagrad aktiv användare;
|
|
||||||
- användarval, skapande och felhantering;
|
|
||||||
- automatiserade backend- och frontendtester.
|
|
||||||
|
|
||||||
## Avgränsningar
|
|
||||||
|
|
||||||
Ingen autentisering, lösenord, roll, behörighet, e-post, avatar,
|
|
||||||
hushållsrelation, redigering eller radering infördes.
|
|
||||||
|
|
||||||
## Beslut
|
|
||||||
|
|
||||||
Backend är slutlig auktoritet för namnvalidering. Namn normaliseras separat för
|
|
||||||
skiftlägesokänslig unikhet. Frontend lagrar endast UUID under
|
|
||||||
`hemhub.activeUserId` och verifierar det mot den hämtade användarlistan.
|
|
||||||
|
|
||||||
## Implementerad lösning
|
|
||||||
|
|
||||||
Vid appstart hämtar frontend alltid användarna. En tom lista leder direkt till
|
|
||||||
formuläret Skapa användare. Om användare finns men inget giltigt lokalt val
|
|
||||||
finns visas Vem är du?.
|
|
||||||
|
|
||||||
Val eller lyckat skapande sparar användarens id och aktiverar användaren. Ett
|
|
||||||
ogiltigt lagrat id rensas utan tekniskt fel. Feature 1:s tillfälliga startsida
|
|
||||||
och kontrollen Byt användare ersattes i Feature 2 av uppgiftsbrädan och
|
|
||||||
kontrollen Logga ut; lagringsmekanismen är oförändrad.
|
|
||||||
|
|
||||||
## API-förändringar
|
|
||||||
|
|
||||||
- `GET /api/users` returnerar alla användare.
|
|
||||||
- `POST /api/users` skapar en användare och returnerar `201 Created`.
|
|
||||||
|
|
||||||
API-responsen innehåller `id`, `name` och `createdAt`. `normalizedName` exponeras
|
|
||||||
inte.
|
|
||||||
|
|
||||||
Tomt namn eller namn längre än 50 Unicode-kodpunkter ger `400` med
|
|
||||||
`INVALID_USER_NAME`. Ett dubblettnamn utan hänsyn till stora och små bokstäver
|
|
||||||
ger `409` med `USER_NAME_ALREADY_EXISTS`.
|
|
||||||
|
|
||||||
## Databasförändringar
|
|
||||||
|
|
||||||
Flyway-migreringen `V1__create_users.sql` skapade tabellen `app_user`:
|
|
||||||
|
|
||||||
- UUID som primärnyckel;
|
|
||||||
- `name VARCHAR(50)`;
|
|
||||||
- unikt `normalized_name VARCHAR(150)`;
|
|
||||||
- `created_at TIMESTAMP WITH TIME ZONE`.
|
|
||||||
|
|
||||||
Lokalt används filbaserad H2 och i tester H2 in-memory. Backend genererar UUID
|
|
||||||
och `createdAt` med en UTC-klocka.
|
|
||||||
|
|
||||||
## Frontendförändringar
|
|
||||||
|
|
||||||
Frontend fick laddnings-, fel-, användarvals- och användarskapandevyer.
|
|
||||||
Skapandeformuläret trimmar namnet, gör en enkel längdkontroll, blockerar
|
|
||||||
dubbelsubmit och behåller inmatningen vid fel.
|
|
||||||
|
|
||||||
Nuvarande utloggning tar bort `hemhub.activeUserId`, rensar aktiv användare och
|
|
||||||
visar Vem är du? även om endast en användare finns.
|
|
||||||
|
|
||||||
## Tester och verifiering
|
|
||||||
|
|
||||||
Backendens integrationstester verifierar tom lista, skapande och listning,
|
|
||||||
trimning, ogiltiga namn, skiftlägesokänsliga dubbletter och alfabetisk
|
|
||||||
sortering.
|
|
||||||
|
|
||||||
Frontendtesterna verifierar tom lista, användarval, automatisk aktivering efter
|
|
||||||
skapande, bevarad inmatning vid fel, hämtfel med återförsök, ogiltigt lagrat id
|
|
||||||
och utloggning. API-anropen mockas.
|
|
||||||
|
|
||||||
## Kända begränsningar
|
|
||||||
|
|
||||||
Aktiv användare är ett lokalt gränssnittsval, inte säker autentisering. Valet
|
|
||||||
synkroniseras inte mellan browsers eller enheter. Användare kan inte redigeras
|
|
||||||
eller raderas.
|
|
||||||
|
|
||||||
## Relaterade commits
|
|
||||||
|
|
||||||
- `1ec7a729085d456d3185a1c74d02f99f40de0e8d` – `feat: add user selection flow`
|
|
||||||
- `050f248857a01db2dc236a0ca35982fd70dab3d6` – merge till `main`
|
|
||||||
@ -1,108 +0,0 @@
|
|||||||
# Feature 2 – Skapa uppgifter
|
|
||||||
|
|
||||||
## Status
|
|
||||||
|
|
||||||
Färdig och mergad till `main`.
|
|
||||||
|
|
||||||
## Bakgrund
|
|
||||||
|
|
||||||
Efter införandet av aktiv användare behövde HemHub en första gemensam
|
|
||||||
uppgiftsmodell och en enkel bräda för att skapa och visa uppgifter.
|
|
||||||
|
|
||||||
## Mål
|
|
||||||
|
|
||||||
Låta en aktiv användare se tre statuskolumner, skapa en uppgift med titel och
|
|
||||||
valfri beskrivning samt se den sparade uppgiften efter omladdning.
|
|
||||||
|
|
||||||
## Omfattning
|
|
||||||
|
|
||||||
- persistent uppgiftsmodell och Flyway-migrering;
|
|
||||||
- API för att skapa och lista uppgifter;
|
|
||||||
- bräda med Väntande, Pågående och Klart;
|
|
||||||
- modal för att skapa uppgifter;
|
|
||||||
- laddnings-, validerings- och felhantering;
|
|
||||||
- automatiserade backend- och frontendtester.
|
|
||||||
|
|
||||||
## Avgränsningar
|
|
||||||
|
|
||||||
Ingen ändring av status, drag-and-drop, tilldelning, användarrelation, poäng,
|
|
||||||
deadline, återkommande uppgift, redigering, radering, sökning, filtrering eller
|
|
||||||
paginering infördes.
|
|
||||||
|
|
||||||
## Beslut
|
|
||||||
|
|
||||||
Alla användare ser samma uppgifter; uppgiftsmodellen har ingen relation till en
|
|
||||||
användare. Backend väljer alltid status `WAITING` vid skapande. Listningen
|
|
||||||
sorteras i backend efter `createdAt ASC, id ASC`, och frontend bevarar den
|
|
||||||
ordningen.
|
|
||||||
|
|
||||||
## Implementerad lösning
|
|
||||||
|
|
||||||
JPA-entiteten `Task` innehåller UUID, titel, valfri beskrivning, status och
|
|
||||||
skapandetid. Backend genererar UUID och `createdAt` med en UTC-klocka.
|
|
||||||
|
|
||||||
Frontend visar uppgiftsbrädan när ett giltigt aktivt användarval finns. Uppgifter
|
|
||||||
hämtas vid montering, grupperas efter status och visas med endast titel och
|
|
||||||
eventuell beskrivning. Tomma kolumner saknar tomlägestext.
|
|
||||||
|
|
||||||
## API-förändringar
|
|
||||||
|
|
||||||
- `GET /api/tasks` returnerar samtliga uppgifter, äldst först och med UUID som
|
|
||||||
sekundär sorteringsnyckel.
|
|
||||||
- `POST /api/tasks` skapar en uppgift och returnerar `201 Created`.
|
|
||||||
|
|
||||||
Titel trimmas, är obligatorisk och får omfatta högst 100 Unicode-kodpunkter.
|
|
||||||
Beskrivning trimmas, får omfatta högst 500 Unicode-kodpunkter och lagras som
|
|
||||||
`null` om den är tom. Ogiltiga anrop ger `400` med felkoden `INVALID_TASK`.
|
|
||||||
|
|
||||||
## Databasförändringar
|
|
||||||
|
|
||||||
Flyway-migreringen `V2__create_tasks.sql` skapade tabellen `task`:
|
|
||||||
|
|
||||||
- `id UUID PRIMARY KEY`;
|
|
||||||
- `title VARCHAR(100) NOT NULL`;
|
|
||||||
- `description VARCHAR(500)`;
|
|
||||||
- `status VARCHAR(20) NOT NULL`;
|
|
||||||
- `created_at TIMESTAMP WITH TIME ZONE NOT NULL`.
|
|
||||||
|
|
||||||
Status lagras som text genom `@Enumerated(EnumType.STRING)`. Databasen har ingen
|
|
||||||
check constraint för enumvärden.
|
|
||||||
|
|
||||||
## Frontendförändringar
|
|
||||||
|
|
||||||
Feature 1:s tillfälliga aktiva vy ersattes med uppgiftsbrädan. Sidhuvudet visar
|
|
||||||
aktiv användares namn, Logga ut och Ny uppgift.
|
|
||||||
|
|
||||||
Skapandemodalen innehåller titel och valfri beskrivning. Titelfältet får fokus
|
|
||||||
när modalen öppnas. När inget submit-anrop pågår kan den stängas med kryss,
|
|
||||||
Escape eller klick på bakgrunden. Normal stängning avmonterar komponenten och
|
|
||||||
nollställer därmed formuläret.
|
|
||||||
|
|
||||||
Vid submit gör frontend samma grundläggande längdkontroller, skickar trimmade
|
|
||||||
värden och blockerar uppenbara dubbelsubmit. Vid fel stannar modalen öppen med
|
|
||||||
bevarad inmatning. Vid framgång läggs API-svaret sist i den befintliga listan,
|
|
||||||
vilket placerar den nya `WAITING`-uppgiften längst ned i Väntande utan att
|
|
||||||
sortera om backendens ordning.
|
|
||||||
|
|
||||||
## Tester och verifiering
|
|
||||||
|
|
||||||
Backendens integrationstester verifierar skapande, `WAITING`, trimning, tom
|
|
||||||
beskrivning som `null`, längdvalidering samt sorteringen `createdAt ASC, id ASC`.
|
|
||||||
|
|
||||||
Frontendtesterna verifierar bräda och statusgruppering, tomma kolumner,
|
|
||||||
modalöppning och fokus, skapande, ordning efter skapande, bevarad formulärdata
|
|
||||||
vid API-fel samt utloggning. Parametriserade testfall verifierar också stängning
|
|
||||||
med kryss, Escape och bakgrundsklick samt att formuläret är rensat när modalen
|
|
||||||
öppnas igen.
|
|
||||||
|
|
||||||
## Kända begränsningar
|
|
||||||
|
|
||||||
Statusvärden utöver `WAITING` kan visas om de redan finns i databasen, men inget
|
|
||||||
nuvarande API eller gränssnitt kan flytta en uppgift mellan kolumnerna. Det
|
|
||||||
finns ingen koppling mellan uppgifter och skapande eller aktiv användare.
|
|
||||||
Modalen har ingen fokusfälla eller explicit fokusåterställning.
|
|
||||||
|
|
||||||
## Relaterade commits
|
|
||||||
|
|
||||||
- `3f152eecccdd88f840066543bf9321b81b4cead8` – `feat: add task creation board`
|
|
||||||
- `2f7b99fb21c57c2e9c5f019a2b5073458e41c939` – merge till `main`
|
|
||||||
@ -1,439 +0,0 @@
|
|||||||
# Feature 3 – Uppgiftspoäng
|
|
||||||
|
|
||||||
## Status
|
|
||||||
|
|
||||||
Planerad.
|
|
||||||
|
|
||||||
## Bakgrund
|
|
||||||
|
|
||||||
HemHub ska på sikt kunna använda spelifiering för att uppmuntra
|
|
||||||
familjemedlemmar att utföra uppgifter. Exempel på framtida funktioner kan vara
|
|
||||||
mål, achievements och belöningar baserade på hur många poäng en användare
|
|
||||||
samlar under en viss period.
|
|
||||||
|
|
||||||
Feature 3 inför den grundläggande poänginformationen på uppgiften. Funktionen
|
|
||||||
registrerar endast uppgiftens poängvärde. Intjäning av poäng och övrig
|
|
||||||
spelifiering införs i senare features.
|
|
||||||
|
|
||||||
## Mål
|
|
||||||
|
|
||||||
Feature 3 ska:
|
|
||||||
|
|
||||||
- lägga till ett obligatoriskt poängvärde på varje uppgift;
|
|
||||||
- låta användaren ange poäng när en uppgift skapas;
|
|
||||||
- visa poängen på uppgiftskortet;
|
|
||||||
- validera poängen konsekvent i frontend och backend;
|
|
||||||
- dokumentera hur lokal utvecklingsdata hanteras.
|
|
||||||
|
|
||||||
## Betydelsen av poäng
|
|
||||||
|
|
||||||
Poängen uttrycker uppgiftens samlade värde utifrån hur:
|
|
||||||
|
|
||||||
- tidskrävande uppgiften är;
|
|
||||||
- besvärlig uppgiften är;
|
|
||||||
- viktig uppgiften är.
|
|
||||||
|
|
||||||
När poängintjäning införs i en senare feature ska samma värde motsvara hur många
|
|
||||||
poäng användaren får när uppgiften slutförs.
|
|
||||||
|
|
||||||
Poängen är inte en exakt tidsuppskattning. En snabb men viktig uppgift kan
|
|
||||||
därför ha ett högre poängvärde än en längre men mindre betydelsefull uppgift.
|
|
||||||
|
|
||||||
Feature 3 registrerar endast poängvärdet. Den ska inte registrera:
|
|
||||||
|
|
||||||
- vem som har tjänat poängen;
|
|
||||||
- om poängen har delats ut;
|
|
||||||
- när poängen har tjänats in;
|
|
||||||
- någon historik över poäng.
|
|
||||||
|
|
||||||
## Poängskala
|
|
||||||
|
|
||||||
Poäng ska vara ett heltal mellan 1 och 99, inklusive gränsvärdena.
|
|
||||||
|
|
||||||
Alla heltal i intervallet är tillåtna. Feature 3 inför inte någon fast skala med
|
|
||||||
fördefinierade steg.
|
|
||||||
|
|
||||||
Giltiga exempel:
|
|
||||||
|
|
||||||
- 1
|
|
||||||
- 7
|
|
||||||
- 25
|
|
||||||
- 99
|
|
||||||
|
|
||||||
Ogiltiga exempel:
|
|
||||||
|
|
||||||
- inget värde;
|
|
||||||
- `null`;
|
|
||||||
- 0;
|
|
||||||
- negativa tal;
|
|
||||||
- 100 eller högre;
|
|
||||||
- decimaltal;
|
|
||||||
- text som inte kan tolkas som ett heltal.
|
|
||||||
|
|
||||||
En fast poängskala kan införas senare om erfarenhet från användningen visar att
|
|
||||||
det är lämpligt.
|
|
||||||
|
|
||||||
## Avgränsning
|
|
||||||
|
|
||||||
Feature 3 omfattar endast:
|
|
||||||
|
|
||||||
- uppgiftens titel;
|
|
||||||
- uppgiftens valfria beskrivning;
|
|
||||||
- uppgiftens obligatoriska poängvärde;
|
|
||||||
- visning av poäng på uppgiftskortet.
|
|
||||||
|
|
||||||
Feature 3 ska inte införa:
|
|
||||||
|
|
||||||
- tilldelning av uppgifter;
|
|
||||||
- ändring av uppgiftsstatus;
|
|
||||||
- drag-and-drop;
|
|
||||||
- redigering av befintliga uppgifter;
|
|
||||||
- radering av uppgifter;
|
|
||||||
- deadlines;
|
|
||||||
- återkommande uppgifter;
|
|
||||||
- poänghistorik;
|
|
||||||
- användares poängsaldo;
|
|
||||||
- topplistor;
|
|
||||||
- statistik;
|
|
||||||
- mål;
|
|
||||||
- achievements;
|
|
||||||
- belöningar;
|
|
||||||
- automatisk utdelning av poäng när en uppgift slutförs.
|
|
||||||
|
|
||||||
Dessa funktioner hanteras i senare features enligt roadmapen.
|
|
||||||
|
|
||||||
## Användarflöde
|
|
||||||
|
|
||||||
När användaren öppnar dialogen för att skapa en uppgift ska formuläret
|
|
||||||
innehålla:
|
|
||||||
|
|
||||||
- titel;
|
|
||||||
- beskrivning;
|
|
||||||
- poäng.
|
|
||||||
|
|
||||||
Poängfältet ska initialt innehålla värdet `1`.
|
|
||||||
|
|
||||||
Användaren kan behålla standardvärdet eller ange ett annat heltal mellan 1 och
|
|
||||||
99.
|
|
||||||
|
|
||||||
När uppgiften skapas ska frontend alltid skicka poängvärdet uttryckligen till
|
|
||||||
backend. Backend ska inte själv fylla i ett saknat värde.
|
|
||||||
|
|
||||||
Efter att en uppgift har skapats framgångsrikt ska formuläret återställas.
|
|
||||||
Poängfältet ska då återgå till `1`.
|
|
||||||
|
|
||||||
Om dialogen stängs och senare öppnas igen ska poängfältet också börja på `1`.
|
|
||||||
|
|
||||||
## Skapandedialog
|
|
||||||
|
|
||||||
Poäng ska anges med ett vanligt numeriskt inmatningsfält.
|
|
||||||
|
|
||||||
Fältet ska ha:
|
|
||||||
|
|
||||||
- etiketten `Poäng`;
|
|
||||||
- initialt värde `1`;
|
|
||||||
- minsta värde `1`;
|
|
||||||
- högsta värde `99`;
|
|
||||||
- heltalssteg.
|
|
||||||
|
|
||||||
En kort hjälptext kan visas:
|
|
||||||
|
|
||||||
> 1–99 poäng beroende på hur tidskrävande, besvärlig eller viktig uppgiften är.
|
|
||||||
|
|
||||||
Fältet får tillfälligt vara tomt medan användaren redigerar värdet. Frontend ska
|
|
||||||
inte automatiskt återställa värdet till `1` medan användaren skriver.
|
|
||||||
|
|
||||||
Validering ska främst ske när användaren försöker skicka formuläret. Avancerad
|
|
||||||
validering vid varje tangenttryckning ingår inte i denna feature.
|
|
||||||
|
|
||||||
## Frontendvalidering
|
|
||||||
|
|
||||||
Frontend ska blockera skapandeanropet om poängen inte är ett heltal mellan 1 och
|
|
||||||
99.
|
|
||||||
|
|
||||||
Vid ett ogiltigt värde ska följande meddelande visas:
|
|
||||||
|
|
||||||
> Poäng måste vara ett heltal mellan 1 och 99.
|
|
||||||
|
|
||||||
Samma meddelande kan användas för:
|
|
||||||
|
|
||||||
- tomt värde;
|
|
||||||
- värde under 1;
|
|
||||||
- värde över 99;
|
|
||||||
- decimaltal;
|
|
||||||
- annat ogiltigt innehåll.
|
|
||||||
|
|
||||||
HTML-fältets attribut för minsta värde, högsta värde och heltalssteg får användas
|
|
||||||
som stöd, men formulärlogiken ska också kontrollera värdet explicit.
|
|
||||||
|
|
||||||
Backend är alltid den slutliga garanten för valideringsreglerna.
|
|
||||||
|
|
||||||
## Visning på uppgiftskortet
|
|
||||||
|
|
||||||
Uppgiftens poäng ska visas på uppgiftskortet som en kompakt och dynamisk badge.
|
|
||||||
|
|
||||||
Badgen ska:
|
|
||||||
|
|
||||||
- renderas som en vanlig React- och HTML-komponent;
|
|
||||||
- använda text och CSS;
|
|
||||||
- läsa värdet från uppgiftens `points`;
|
|
||||||
- visa värdet i formatet `{points} p`.
|
|
||||||
|
|
||||||
Exempel:
|
|
||||||
|
|
||||||
- `1 p`
|
|
||||||
- `7 p`
|
|
||||||
- `99 p`
|
|
||||||
|
|
||||||
Ingen genererad bild eller statisk grafik ska användas för själva poängvärdet.
|
|
||||||
|
|
||||||
Placering och visuell utformning ska följa projektets befintliga skärmbilder och
|
|
||||||
nuvarande kortdesign. Poängindikatorn ska ligga i kortets metadataområde på
|
|
||||||
motsvarande plats som poängindikatorn i designreferensen.
|
|
||||||
|
|
||||||
Mindre justeringar får göras för att passa den faktiska kortimplementationen.
|
|
||||||
Feature 3 ska däremot inte införa en ny övergripande design för uppgiftskortet.
|
|
||||||
|
|
||||||
## API
|
|
||||||
|
|
||||||
Fältnamnet ska vara `points` genomgående i API, backend och frontend.
|
|
||||||
|
|
||||||
### Skapa uppgift
|
|
||||||
|
|
||||||
Requesten för att skapa en uppgift ska innehålla:
|
|
||||||
|
|
||||||
```json
|
|
||||||
{
|
|
||||||
"title": "Töm diskmaskinen",
|
|
||||||
"description": "Ställ in allt i rätt skåp",
|
|
||||||
"points": 3
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
`points` är obligatoriskt.
|
|
||||||
|
|
||||||
Backend ska inte tolka ett saknat värde som `1`.
|
|
||||||
|
|
||||||
### Uppgiftssvar
|
|
||||||
|
|
||||||
API-svar som innehåller en uppgift ska också innehålla `points`.
|
|
||||||
|
|
||||||
Exempel:
|
|
||||||
|
|
||||||
```json
|
|
||||||
{
|
|
||||||
"id": "00000000-0000-0000-0000-000000000000",
|
|
||||||
"title": "Töm diskmaskinen",
|
|
||||||
"description": "Ställ in allt i rätt skåp",
|
|
||||||
"status": "WAITING",
|
|
||||||
"points": 3,
|
|
||||||
"createdAt": "2026-07-26T12:00:00Z"
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
Det gäller både:
|
|
||||||
|
|
||||||
- svaret efter att en uppgift skapats;
|
|
||||||
- listning av uppgifter.
|
|
||||||
|
|
||||||
Det exakta API-formatet ska i övrigt följa den befintliga implementationen.
|
|
||||||
|
|
||||||
## Backendregler
|
|
||||||
|
|
||||||
En uppgift får aldrig existera med ett poängvärde utanför intervallet 1–99.
|
|
||||||
|
|
||||||
Regeln ska skyddas genom hela backend, inte bara i HTTP-lagret.
|
|
||||||
|
|
||||||
Beroende på repositoryts befintliga struktur ska valideringen tillämpas på
|
|
||||||
relevanta nivåer, exempelvis:
|
|
||||||
|
|
||||||
- requestvalidering;
|
|
||||||
- applikations- eller domänlogik;
|
|
||||||
- entitetsmodell;
|
|
||||||
- databasens schema.
|
|
||||||
|
|
||||||
Implementation ska följa projektets etablerade kodstruktur och inte introducera
|
|
||||||
ett nytt arkitekturmönster enbart för denna feature.
|
|
||||||
|
|
||||||
## Felhantering
|
|
||||||
|
|
||||||
Ett ogiltigt eller saknat `points` ska ge:
|
|
||||||
|
|
||||||
```text
|
|
||||||
400 Bad Request
|
|
||||||
```
|
|
||||||
|
|
||||||
Backend ska använda projektets befintliga felformat och befintliga
|
|
||||||
felhantering.
|
|
||||||
|
|
||||||
Feature 3 ska inte introducera en separat felmodell endast för poäng.
|
|
||||||
|
|
||||||
Backend får ge mer precisa valideringsdetaljer för exempelvis:
|
|
||||||
|
|
||||||
- saknat värde;
|
|
||||||
- `null`;
|
|
||||||
- värde under 1;
|
|
||||||
- värde över 99.
|
|
||||||
|
|
||||||
Frontend behöver inte återge varje backenddetalj separat, utan kan visa det
|
|
||||||
gemensamma användarmeddelandet:
|
|
||||||
|
|
||||||
> Poäng måste vara ett heltal mellan 1 och 99.
|
|
||||||
|
|
||||||
Vid andra eller oväntade backendfel ska frontend fortsätta använda projektets
|
|
||||||
befintliga generella felhantering.
|
|
||||||
|
|
||||||
## Databas
|
|
||||||
|
|
||||||
Databasschemat ska innehålla ett obligatoriskt heltalsfält för uppgiftens poäng.
|
|
||||||
|
|
||||||
Det logiska slutläget är:
|
|
||||||
|
|
||||||
```text
|
|
||||||
points INTEGER NOT NULL
|
|
||||||
```
|
|
||||||
|
|
||||||
Databasen ska, om den befintliga schemahanteringen stödjer det, även skydda
|
|
||||||
intervallet 1–99 med en motsvarande constraint.
|
|
||||||
|
|
||||||
Databasen ska inte ha ett permanent defaultvärde för nya uppgifter. Nya
|
|
||||||
uppgifter ska alltid få ett uttryckligt poängvärde från applikationen.
|
|
||||||
|
|
||||||
Det förvalda värdet `1` är ett frontendbeteende och inte ett sätt för backend
|
|
||||||
eller databasen att tyst komplettera ofullständiga anrop.
|
|
||||||
|
|
||||||
## Lokal utvecklingsdatabas
|
|
||||||
|
|
||||||
Den lokala utvecklingsdatabasen ska vara en in-memory H2-databas.
|
|
||||||
|
|
||||||
Databasen och dess innehåll ska återställas när backend startas om.
|
|
||||||
|
|
||||||
Lokal utvecklingsdata betraktas därför som tillfällig. Användare och uppgifter
|
|
||||||
som skapats manuellt under utveckling behöver inte bevaras mellan starter.
|
|
||||||
|
|
||||||
Detta innebär att Feature 3 inte behöver migrera verkliga befintliga
|
|
||||||
utvecklingsposter. En ny databas skapas direkt med det obligatoriska
|
|
||||||
poängfältet.
|
|
||||||
|
|
||||||
Codex ska kontrollera repositoryts faktiska konfiguration. Om H2 för närvarande
|
|
||||||
är filbaserad ska den ändras till in-memory och relevant
|
|
||||||
utvecklingsdokumentation ska uppdateras.
|
|
||||||
|
|
||||||
## Schemahantering och framtida migrering
|
|
||||||
|
|
||||||
Att lokal utvecklingsdata inte bevaras innebär inte att framtida
|
|
||||||
produktionsdata kan återställas vid varje release.
|
|
||||||
|
|
||||||
När HemHub börjar använda en beständig Postgres-databas med data som ska bevaras
|
|
||||||
måste schemaändringar hanteras med kontrollerade migreringar.
|
|
||||||
|
|
||||||
Feature 3 behöver inte införa eller färdigställa hela den framtida
|
|
||||||
produktionsstrategin om den ännu inte finns i repositoryt.
|
|
||||||
|
|
||||||
Projektet använder redan Flyway och versionshanterade migreringar. Feature 3 ska
|
|
||||||
därför lägga till en ny Flyway-migrering för poängfältet och inte ändra tidigare
|
|
||||||
migreringar. Hibernate ska fortsatt validera schemat i stället för att skapa
|
|
||||||
det.
|
|
||||||
|
|
||||||
Bytet till in-memory H2 innebär att befintliga lokala utvecklingsposter inte
|
|
||||||
behöver bevaras eller fyllas på med poäng. Själva schemaändringen ska ändå
|
|
||||||
hanteras som en kontrollerad migrering så att migrationshistoriken förblir
|
|
||||||
sammanhängande inför framtida beständig data.
|
|
||||||
|
|
||||||
Repositoryts faktiska arkitektur och dokumentation har företräde.
|
|
||||||
|
|
||||||
## Backendtester
|
|
||||||
|
|
||||||
Feature 3 ska minst verifiera att:
|
|
||||||
|
|
||||||
- en uppgift kan skapas med ett giltigt `points`;
|
|
||||||
- det skapade API-svaret innehåller samma `points`;
|
|
||||||
- listning av uppgifter innehåller `points`;
|
|
||||||
- gränsvärdet `1` accepteras;
|
|
||||||
- gränsvärdet `99` accepteras;
|
|
||||||
- saknat `points` ger `400 Bad Request`;
|
|
||||||
- `points: null` ger `400 Bad Request`;
|
|
||||||
- `points: 0` ger `400 Bad Request`;
|
|
||||||
- negativa värden ger `400 Bad Request`;
|
|
||||||
- `points: 100` ger `400 Bad Request`.
|
|
||||||
|
|
||||||
Testerna ska följa befintlig teststil och utöka nuvarande tester där det är
|
|
||||||
lämpligt.
|
|
||||||
|
|
||||||
## Frontendtester
|
|
||||||
|
|
||||||
Feature 3 ska minst verifiera att:
|
|
||||||
|
|
||||||
- skapandedialogen öppnas med poängvärdet `1`;
|
|
||||||
- ett giltigt poängvärde skickas i create-anropet;
|
|
||||||
- tomt poängfält blockerar submit;
|
|
||||||
- ett värde under 1 blockerar submit;
|
|
||||||
- ett värde över 99 blockerar submit;
|
|
||||||
- ett ogiltigt värde visar felmeddelandet;
|
|
||||||
- formuläret återställs till poängvärdet `1` efter lyckad skapning;
|
|
||||||
- ett uppgiftskort visar uppgiftens dynamiska poängbadge;
|
|
||||||
- badgen visar värdet från uppgiftsdata, exempelvis `7 p`.
|
|
||||||
|
|
||||||
Testerna ska inte vara beroende av en viss pixelplacering eller detaljerad CSS.
|
|
||||||
|
|
||||||
## Manuell verifiering
|
|
||||||
|
|
||||||
Följande ska verifieras manuellt:
|
|
||||||
|
|
||||||
1. Starta frontend och backend enligt projektets utvecklingsinstruktioner.
|
|
||||||
2. Skapa en uppgift utan att ändra poängfältet.
|
|
||||||
3. Verifiera att uppgiften får `1 p`.
|
|
||||||
4. Skapa en uppgift med ett mellanvärde, exempelvis `7`.
|
|
||||||
5. Verifiera att uppgiften får `7 p`.
|
|
||||||
6. Skapa en uppgift med `99`.
|
|
||||||
7. Verifiera att uppgiften får `99 p`.
|
|
||||||
8. Försök skapa en uppgift med tomt poängfält.
|
|
||||||
9. Verifiera att anropet blockeras och att rätt felmeddelande visas.
|
|
||||||
10. Försök använda värdena `0` och `100`.
|
|
||||||
11. Verifiera att båda avvisas.
|
|
||||||
12. Kontrollera att poängbadgen följer projektets designreferens och fungerar
|
|
||||||
med ett- och tvåsiffriga värden.
|
|
||||||
13. Starta om backend.
|
|
||||||
14. Verifiera att den lokala utvecklingsdatan inte finns kvar.
|
|
||||||
|
|
||||||
## Acceptanskriterier
|
|
||||||
|
|
||||||
Feature 3 är klar när:
|
|
||||||
|
|
||||||
- varje ny uppgift har ett obligatoriskt `points`;
|
|
||||||
- `points` är ett heltal mellan 1 och 99;
|
|
||||||
- frontendens standardvärde är `1`;
|
|
||||||
- frontend alltid skickar `points` uttryckligen;
|
|
||||||
- backend avvisar saknat eller ogiltigt `points`;
|
|
||||||
- backend fyller inte automatiskt i ett saknat värde;
|
|
||||||
- uppgiftens poäng returneras av API:t;
|
|
||||||
- uppgiftens poäng visas dynamiskt på uppgiftskortet;
|
|
||||||
- frontend- och backendtester täcker centrala giltiga och ogiltiga fall;
|
|
||||||
- lokal H2 körs som in-memory och återställs vid omstart;
|
|
||||||
- relevant dokumentation är uppdaterad;
|
|
||||||
- Feature 3 inte inför funktionalitet som hör till senare features.
|
|
||||||
|
|
||||||
## Implementationsprinciper
|
|
||||||
|
|
||||||
När Feature 3 senare implementeras ska Codex först läsa:
|
|
||||||
|
|
||||||
```text
|
|
||||||
AGENTS.md
|
|
||||||
README.md
|
|
||||||
docs/architecture.md
|
|
||||||
docs/development.md
|
|
||||||
docs/roadmap.md
|
|
||||||
docs/decisions/
|
|
||||||
docs/features/
|
|
||||||
```
|
|
||||||
|
|
||||||
Codex ska även läsa relevant backendkod, frontendkod och befintliga tester innan
|
|
||||||
ändringar görs.
|
|
||||||
|
|
||||||
Repositoryts faktiska kod och dokumentation har företräde framför antaganden i
|
|
||||||
denna featurebeskrivning.
|
|
||||||
|
|
||||||
Dokumentation, implementation och tester ska uppdateras tillsammans.
|
|
||||||
|
|
||||||
Codex ska inte committa, pusha, skapa pull request eller merga utan uttrycklig
|
|
||||||
instruktion.
|
|
||||||
470
docs/features/completed-features-summary.md
Normal file
470
docs/features/completed-features-summary.md
Normal file
@ -0,0 +1,470 @@
|
|||||||
|
# HemHub – Sammanfattning av färdiga features
|
||||||
|
|
||||||
|
Detta dokument sammanfattar de features som är färdiga, verifierade och mergade till `main`.
|
||||||
|
|
||||||
|
Syftet är att ge ChatGPT, Codex och andra arbetsdialoger en kompakt överblick över projektets historik utan att samtliga fullständiga featuredokument behöver finnas som aktiva projektkällor.
|
||||||
|
|
||||||
|
De fullständiga och bindande historiska dokumenten finns fortsatt under:
|
||||||
|
|
||||||
|
```text
|
||||||
|
docs/features/
|
||||||
|
```
|
||||||
|
|
||||||
|
Repositoryts aktuella kod, tester, `docs/architecture.md`, `docs/roadmap.md`, relevanta ADR:er och respektive fullständiga featuredokument har alltid företräde framför denna sammanfattning.
|
||||||
|
|
||||||
|
## Aktuellt läge
|
||||||
|
|
||||||
|
Feature 0–8 är färdiga, verifierade och mergade till `main`.
|
||||||
|
|
||||||
|
Nästa planerade produktfeature är:
|
||||||
|
|
||||||
|
```text
|
||||||
|
Feature 9 – Deadline
|
||||||
|
```
|
||||||
|
|
||||||
|
Den aktuella applikationen har:
|
||||||
|
|
||||||
|
- React/Vite-frontend och Spring Boot-backend i ett monorepo;
|
||||||
|
- centralt lagrade användare och ett lokalt browserval av aktiv användare;
|
||||||
|
- en gemensam Kanban-bräda med Väntande, Pågående och Klart;
|
||||||
|
- uppgifter med titel, valfri beskrivning, poäng, status och valfri ansvarig;
|
||||||
|
- skapande, tilldelning, statusändring, drag-and-drop, permanent radering och redigering;
|
||||||
|
- låsning och felhantering per task-id;
|
||||||
|
- serverbekräftade uppdateringar för tilldelning, statusknappar, radering och redigering;
|
||||||
|
- optimistisk drag-and-drop med full rollback.
|
||||||
|
|
||||||
|
Aktiv användare är ett lokalt gränssnittsval och inte autentisering eller behörighetskontroll.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Feature 0 – Projektgrund
|
||||||
|
|
||||||
|
**Status:** Färdig och mergad till `main`.
|
||||||
|
|
||||||
|
### Resultat
|
||||||
|
|
||||||
|
- Monorepo med `backend/`, `frontend/` och `docs/`.
|
||||||
|
- Backend med Java 21, Spring Boot, Maven Wrapper och Spring Web.
|
||||||
|
- Frontend med React, TypeScript, Vite och pnpm.
|
||||||
|
- Health-endpoint: `GET /api/health`.
|
||||||
|
- Vite-proxy från `/api` till lokal backend på port 8080.
|
||||||
|
- Grundläggande backend- och frontendtester.
|
||||||
|
- Inledande `README.md`, `AGENTS.md` och `.gitignore`.
|
||||||
|
|
||||||
|
### Viktiga beslut
|
||||||
|
|
||||||
|
- Frontend och backend är separata applikationer i samma repository.
|
||||||
|
- Frontend använder relativa `/api`-adresser.
|
||||||
|
- Ingen generell CORS-konfiguration infördes.
|
||||||
|
|
||||||
|
### Begränsningar
|
||||||
|
|
||||||
|
Ingen databas, domänmodell, autentisering, deployment eller containerkonfiguration infördes.
|
||||||
|
|
||||||
|
### Relaterade commits
|
||||||
|
|
||||||
|
- Feature-commit: `9957383e88b08dc006d2eaeb2a513c7769bd5705`
|
||||||
|
|
||||||
|
Fullständig historik: `docs/features/000-project-foundation.md`.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Feature 1 – Användarval
|
||||||
|
|
||||||
|
**Status:** Färdig och mergad till `main`.
|
||||||
|
|
||||||
|
### Resultat
|
||||||
|
|
||||||
|
- Centralt lagrade användare.
|
||||||
|
- API: `GET /api/users` och `POST /api/users`.
|
||||||
|
- UUID som användar-id.
|
||||||
|
- Namn trimmas och valideras.
|
||||||
|
- Skiftlägesokänslig unikhet genom internt normaliserat namn.
|
||||||
|
- Frontendflöden för användarval, skapande, laddning, fel och utloggning.
|
||||||
|
- Aktiv användares UUID lagras under `hemhub.activeUserId`.
|
||||||
|
|
||||||
|
### Viktiga beslut
|
||||||
|
|
||||||
|
- Backend är slutlig auktoritet för namnvalidering.
|
||||||
|
- Endast användar-id lagras lokalt.
|
||||||
|
- Id:t verifieras mot backendens användarlista vid appstart.
|
||||||
|
- Ogiltigt lagrat id tas bort.
|
||||||
|
- `Logga ut` rensar valet och visar användarvalet igen.
|
||||||
|
- Lösningen är inte autentisering.
|
||||||
|
|
||||||
|
### Databas
|
||||||
|
|
||||||
|
Flyway-migreringen `V1__create_users.sql` skapade `app_user`.
|
||||||
|
|
||||||
|
### Relaterade commits
|
||||||
|
|
||||||
|
- Feature-commit: `1ec7a729085d456d3185a1c74d02f99f40de0e8d`
|
||||||
|
- Merge-commit: `050f248857a01db2dc236a0ca35982fd70dab3d6`
|
||||||
|
|
||||||
|
Fullständig historik: `docs/features/001-user-selection.md`.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Feature 2 – Skapa uppgifter
|
||||||
|
|
||||||
|
**Status:** Färdig och mergad till `main`.
|
||||||
|
|
||||||
|
### Resultat
|
||||||
|
|
||||||
|
- Persistent uppgiftsmodell.
|
||||||
|
- API: `GET /api/tasks` och `POST /api/tasks`.
|
||||||
|
- Kanban-bräda med `WAITING`, `IN_PROGRESS` och `COMPLETED`.
|
||||||
|
- Modal för att skapa uppgifter.
|
||||||
|
- Ursprungliga fält: UUID, titel, valfri beskrivning, status och skapandetid.
|
||||||
|
- Nya uppgifter får alltid status `WAITING`.
|
||||||
|
- Listningen sorteras efter `createdAt ASC, id ASC`.
|
||||||
|
|
||||||
|
### Validering
|
||||||
|
|
||||||
|
- Titel är obligatorisk, trimmas och får vara högst 100 Unicode-kodpunkter.
|
||||||
|
- Beskrivning är valfri, trimmas, får vara högst 500 Unicode-kodpunkter och lagras som `null` när den är tom.
|
||||||
|
|
||||||
|
### Frontendbeteende
|
||||||
|
|
||||||
|
- Titelfältet får fokus när modalen öppnas.
|
||||||
|
- Modalen kan före submit stängas med kryss, Escape eller bakgrundsklick.
|
||||||
|
- Dubbelsubmit blockeras.
|
||||||
|
- Inmatning behålls vid API-fel.
|
||||||
|
- Serverresponsen läggs sist i befintlig lista.
|
||||||
|
|
||||||
|
### Databas
|
||||||
|
|
||||||
|
Flyway-migreringen `V2__create_tasks.sql` skapade `task`.
|
||||||
|
|
||||||
|
### Relaterade commits
|
||||||
|
|
||||||
|
- Feature-commit: `3f152eecccdd88f840066543bf9321b81b4cead8`
|
||||||
|
- Merge-commit: `2f7b99fb21c57c2e9c5f019a2b5073458e41c939`
|
||||||
|
|
||||||
|
Fullständig historik: `docs/features/002-task-creation.md`.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Feature 3 – Uppgiftspoäng
|
||||||
|
|
||||||
|
**Status:** Färdig och mergad till `main`.
|
||||||
|
|
||||||
|
### Resultat
|
||||||
|
|
||||||
|
- Obligatoriskt fält `points` på varje uppgift.
|
||||||
|
- Tillåtna värden är heltal 1–99.
|
||||||
|
- Skapandemodalen använder standardvärdet `1`.
|
||||||
|
- Frontend skickar alltid poäng uttryckligen.
|
||||||
|
- Backend fyller inte automatiskt i saknade poäng.
|
||||||
|
- Uppgiftskort visar `{points} p`.
|
||||||
|
|
||||||
|
### Databas
|
||||||
|
|
||||||
|
- Flyway-migreringen `V3__add_task_points.sql`.
|
||||||
|
- `points INTEGER NOT NULL`.
|
||||||
|
- Constraint för intervallet 1–99.
|
||||||
|
- Inget permanent databasdefaultvärde.
|
||||||
|
|
||||||
|
### Viktiga beslut
|
||||||
|
|
||||||
|
Poäng uttrycker uppgiftens samlade värde utifrån hur tidskrävande, besvärlig eller viktig den är.
|
||||||
|
|
||||||
|
Ingen poänghistorik, summering eller utdelning infördes.
|
||||||
|
|
||||||
|
Lokal utveckling ändrades till H2 in-memory och utvecklingsdata återställs vid omstart.
|
||||||
|
|
||||||
|
### Relaterade commits
|
||||||
|
|
||||||
|
- Feature-commit: `059d4da9214969ed3e28592178160da6de614b4d`
|
||||||
|
- Merge-commit: `2e62261f49bb3142e28882483e41e0250ab11c5f`
|
||||||
|
|
||||||
|
Fullständig historik: `docs/features/003-task-points.md`.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Feature 4 – Tilldelning av uppgifter
|
||||||
|
|
||||||
|
**Status:** Färdig och mergad till `main`.
|
||||||
|
|
||||||
|
### Resultat
|
||||||
|
|
||||||
|
- En uppgift kan vara otilldelad eller ha exakt en ansvarig.
|
||||||
|
- Valfri ansvarig vid skapande.
|
||||||
|
- API: `PUT /api/tasks/{taskId}/assignee`.
|
||||||
|
- Task-responsen innehåller `assignee: null` eller `{id, name}`.
|
||||||
|
- Frontend visar och ändrar ansvarig på kortet.
|
||||||
|
- Serverresponsen ersätter den lokala uppgiften utan omsortering.
|
||||||
|
|
||||||
|
### Viktiga beslut
|
||||||
|
|
||||||
|
- Högst en ansvarig.
|
||||||
|
- Ingen förvald ansvarig vid skapande.
|
||||||
|
- Aktiv användare är inte behörighetsgrund.
|
||||||
|
- Tilldelning ändrar inte status.
|
||||||
|
|
||||||
|
Feature 5 utvidgade senare de statusberoende tilldelningsreglerna.
|
||||||
|
|
||||||
|
### Databas
|
||||||
|
|
||||||
|
`V4__add_task_assignee.sql` lade till nullable `assignee_id` med främmande nyckel till `app_user`.
|
||||||
|
|
||||||
|
JPA-relationen är lazy `ManyToOne`, och entity graph används för att hämta ansvarig med uppgiften.
|
||||||
|
|
||||||
|
### Relaterade commits
|
||||||
|
|
||||||
|
- Feature-commit: `aaebe888f3bae43b3413e9fa3893fec90afac8b4`
|
||||||
|
- Merge-commit: `d78611f5f77374228f1f69b66734931a988f8355`
|
||||||
|
|
||||||
|
Fullständig historik: `docs/features/004-task-assignment.md`.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Feature 5 – Statusändring och statusregler
|
||||||
|
|
||||||
|
**Status:** Färdig och mergad till `main`.
|
||||||
|
|
||||||
|
### Resultat
|
||||||
|
|
||||||
|
- API: `PUT /api/tasks/{taskId}/status`.
|
||||||
|
- Alla direkta övergångar mellan `WAITING`, `IN_PROGRESS` och `COMPLETED`.
|
||||||
|
- Samma målstatus är giltig och idempotent.
|
||||||
|
- Knappbaserat statusflöde på korten.
|
||||||
|
- Serverbekräftad uppdatering och låsning per task-id.
|
||||||
|
|
||||||
|
### Status- och tilldelningsregler
|
||||||
|
|
||||||
|
- `IN_PROGRESS` måste ha ansvarig.
|
||||||
|
- `WAITING` och `COMPLETED` får vara otilldelade.
|
||||||
|
- Tilldelnings-API:t får tilldela eller byta ansvarig i alla statusar.
|
||||||
|
- Ansvarig får tas bort i `WAITING` och `COMPLETED`, men inte i `IN_PROGRESS`.
|
||||||
|
- Tilldelning ändrar aldrig status.
|
||||||
|
- När en otilldelad uppgift påbörjas skickar frontend aktiv användares id.
|
||||||
|
- Backend tilldelar användaren och ändrar status i samma transaktion.
|
||||||
|
- Befintlig ansvarig byts aldrig av statusoperationen.
|
||||||
|
|
||||||
|
### Centrala felkoder
|
||||||
|
|
||||||
|
- `TASK_NOT_FOUND`
|
||||||
|
- `INVALID_TASK_STATUS`
|
||||||
|
- `USER_NOT_FOUND`
|
||||||
|
- `TASK_REQUIRES_ASSIGNEE`
|
||||||
|
|
||||||
|
### Relaterade commits
|
||||||
|
|
||||||
|
- Feature-commit: `65a6488c0b268f49b1361591f025bdea8d67f754`
|
||||||
|
|
||||||
|
Fullständig historik: `docs/features/005-task-status.md`.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Feature 6 – Drag-and-drop
|
||||||
|
|
||||||
|
**Status:** Färdig och mergad till `main`.
|
||||||
|
|
||||||
|
### Resultat
|
||||||
|
|
||||||
|
- Drag-and-drop mellan statuskolumner.
|
||||||
|
- Återanvänder Feature 5:s status-API.
|
||||||
|
- Frontend använder `@dnd-kit/react` och `@dnd-kit/dom`.
|
||||||
|
- Ingen sortering inom kolumner och ingen persistent kortordning.
|
||||||
|
- Dragbiblioteket är avgränsat i `TaskDragAndDrop.tsx`.
|
||||||
|
|
||||||
|
### Uppdateringsstrategi
|
||||||
|
|
||||||
|
Drag-and-drop är optimistiskt:
|
||||||
|
|
||||||
|
1. hela tidigare task-versionen sparas;
|
||||||
|
2. kortet flyttas direkt;
|
||||||
|
3. kortet låses och tonas ned;
|
||||||
|
4. statusanropet skickas;
|
||||||
|
5. serverresponsen ersätter det optimistiska värdet;
|
||||||
|
6. vid fel återställs hela tidigare task-versionen.
|
||||||
|
|
||||||
|
Rollback omfattar hela uppgiften eftersom flytt till `IN_PROGRESS` även kan innebära optimistisk tilldelning till aktiv användare.
|
||||||
|
|
||||||
|
Statusknapparna förblev serverbekräftade.
|
||||||
|
|
||||||
|
### Interaktion
|
||||||
|
|
||||||
|
- Drop i samma kolumn är no-op.
|
||||||
|
- Avbruten dragning eller ogiltigt mål är no-op.
|
||||||
|
- Kortets icke-interaktiva yta är dragyta.
|
||||||
|
- Knappar och andra interaktiva kontroller startar inte drag.
|
||||||
|
- Låsning sker per task-id.
|
||||||
|
- Andra kort förblir interaktiva.
|
||||||
|
|
||||||
|
### Relaterade commits
|
||||||
|
|
||||||
|
- Feature-commit: `c3c64482c062f144fd6cb6036e3c9db0afa5ec1e`
|
||||||
|
- Merge-commit: `2696195e741c155a197ae9838d1938bdf2148cc2`
|
||||||
|
|
||||||
|
Fullständig historik: `docs/features/006-task-drag-and-drop.md`.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Feature 7 – Radera uppgift
|
||||||
|
|
||||||
|
**Status:** Färdig och mergad till `main`.
|
||||||
|
|
||||||
|
### Resultat
|
||||||
|
|
||||||
|
- Permanent fysisk radering.
|
||||||
|
- API: `DELETE /api/tasks/{taskId}`.
|
||||||
|
- Lyckad radering ger `204 No Content`.
|
||||||
|
- Okänd eller redan raderad uppgift ger `404 TASK_NOT_FOUND`.
|
||||||
|
- Uppgifter får raderas i alla statusar.
|
||||||
|
- Aktiv användare och ansvarig påverkar inte möjligheten att radera.
|
||||||
|
|
||||||
|
### Frontendflöde
|
||||||
|
|
||||||
|
- Diskret inline-SVG-sopkorg i kortets åtgärdsområde.
|
||||||
|
- Separat bekräftelsemodal.
|
||||||
|
- Radering är serverbekräftad.
|
||||||
|
- Kort och modal ligger kvar under anropet.
|
||||||
|
- Samtliga stängningsvägar blockeras under anropet.
|
||||||
|
- Kortet tas bort först efter `204`.
|
||||||
|
- Vanliga fel behåller kort och dialog.
|
||||||
|
- Strukturerat `404 TASK_NOT_FOUND` tar bort ett inaktuellt lokalt kort.
|
||||||
|
|
||||||
|
### Viktiga beslut
|
||||||
|
|
||||||
|
- Ingen mjuk radering.
|
||||||
|
- Ingen papperskorg, återställning, undo eller arkivering.
|
||||||
|
- Ingen Flyway-migrering behövdes.
|
||||||
|
- Samma låsning per task-id används för status, tilldelning, drag och radering.
|
||||||
|
|
||||||
|
### Relaterade commits
|
||||||
|
|
||||||
|
- Feature-commit: `f296d15`
|
||||||
|
- Merge-commit: `5df0146`
|
||||||
|
|
||||||
|
Fullständig historik: `docs/features/007-task-deletion.md`.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Feature 8 – Redigera uppgift
|
||||||
|
|
||||||
|
**Status:** Färdig och mergad till `main`.
|
||||||
|
|
||||||
|
### Resultat
|
||||||
|
|
||||||
|
- Redigering av titel, beskrivning och poäng.
|
||||||
|
- Separat redigeringsmodal.
|
||||||
|
- Synlig inline-SVG-redigeringsknapp bredvid sopkorgen.
|
||||||
|
- API: `PUT /api/tasks/{taskId}/details`.
|
||||||
|
- Requesten innehåller alltid hela den redigerbara fältuppsättningen.
|
||||||
|
- Lyckad uppdatering ger `200 OK` med fullständig task-respons.
|
||||||
|
|
||||||
|
### Avgränsning
|
||||||
|
|
||||||
|
Redigeringsflödet ändrar inte id, status, ansvarig eller skapandetid.
|
||||||
|
|
||||||
|
Status och ansvarig hanteras fortsatt genom sina specialiserade API:er.
|
||||||
|
|
||||||
|
### Frontendflöde
|
||||||
|
|
||||||
|
- Aktuella värden fylls i när modalen öppnas.
|
||||||
|
- `null`-beskrivning visas som tom sträng.
|
||||||
|
- Titelfältet får initialt fokus.
|
||||||
|
- Osparade ändringar kastas utan extra bekräftelse.
|
||||||
|
- Redigeringen är serverbekräftad.
|
||||||
|
- Gamla kortvärden ligger kvar under anropet.
|
||||||
|
- Modalen och kortet låses under save.
|
||||||
|
- Serverresponsen ersätter uppgiften på befintlig plats.
|
||||||
|
- Kolumn och ordning behålls.
|
||||||
|
- Vanliga fel behåller modal och inmatning.
|
||||||
|
- Strukturerat `404 TASK_NOT_FOUND` tar bort ett inaktuellt lokalt kort.
|
||||||
|
|
||||||
|
### Backendregler
|
||||||
|
|
||||||
|
- Samma validering som vid skapande.
|
||||||
|
- Samma värden accepteras idempotent.
|
||||||
|
- Redigering tillåts i alla statusar.
|
||||||
|
- Ingen `updatedAt`.
|
||||||
|
- Ingen Flyway-migrering behövdes.
|
||||||
|
|
||||||
|
### Verifierad begränsning
|
||||||
|
|
||||||
|
H2:s `VARCHAR` räknar UTF-16-kodenheter för vissa tecken utanför BMP. Applikationen validerar enligt Unicode-kodpunkter, men H2 kan därför avvisa vissa gränsfall med astrala tecken. Detta ska verifieras mot PostgreSQL när produktionsdatabasen införs.
|
||||||
|
|
||||||
|
### Relaterade commits
|
||||||
|
|
||||||
|
- Feature-commit: `443f686`
|
||||||
|
- Merge-commit: `28258f4`
|
||||||
|
|
||||||
|
Fullständig historik: `docs/features/008-task-editing.md`.
|
||||||
|
|
||||||
|
---
|
||||||
|
|
||||||
|
## Tvärgående beslut efter Feature 8
|
||||||
|
|
||||||
|
### API och backend
|
||||||
|
|
||||||
|
- Backend är slutlig garant för affärsregler och validering.
|
||||||
|
- Task-operationer är avgränsade till skapande, detaljredigering, tilldelning, statusändring och radering.
|
||||||
|
- Serverns fullständiga task-respons är slutlig sanning.
|
||||||
|
- Kända fel använder gemensamt format med `code` och `message`.
|
||||||
|
|
||||||
|
### Frontend-state
|
||||||
|
|
||||||
|
- React-komponenter hanterar lokalt state.
|
||||||
|
- Ingen router eller separat global state-lösning används.
|
||||||
|
- Operationer låses per task-id.
|
||||||
|
- Andra kort förblir interaktiva när ett kort har ett pågående anrop.
|
||||||
|
- Statusknappar, tilldelning, radering och redigering är serverbekräftade.
|
||||||
|
- Drag-and-drop är optimistiskt med full rollback.
|
||||||
|
|
||||||
|
### Databas
|
||||||
|
|
||||||
|
Aktuella Flyway-migreringar:
|
||||||
|
|
||||||
|
```text
|
||||||
|
V1__create_users.sql
|
||||||
|
V2__create_tasks.sql
|
||||||
|
V3__add_task_points.sql
|
||||||
|
V4__add_task_assignee.sql
|
||||||
|
```
|
||||||
|
|
||||||
|
Lokal utveckling och automatiska tester använder H2 in-memory i PostgreSQL-kompatibilitetsläge.
|
||||||
|
|
||||||
|
PostgreSQL är planerad produktionsdatabas men ännu inte implementerad eller verifierad.
|
||||||
|
|
||||||
|
### Deployment
|
||||||
|
|
||||||
|
Planerad men ännu inte implementerad riktning:
|
||||||
|
|
||||||
|
- PostgreSQL;
|
||||||
|
- separata Docker-images för frontend och backend;
|
||||||
|
- Drone för bygge och publicering;
|
||||||
|
- privat registry;
|
||||||
|
- Watchtower för uppdatering;
|
||||||
|
- Nginx som möjlig reverse proxy;
|
||||||
|
- drift på Ubuntu-servern Biff.
|
||||||
|
|
||||||
|
### Utvecklingsprocess
|
||||||
|
|
||||||
|
- En kortlivad branch per feature.
|
||||||
|
- Branch skapas från uppdaterad `main`.
|
||||||
|
- Kod, tester och relevant dokumentation uppdateras tillsammans.
|
||||||
|
- Commit och push sker först efter uttrycklig instruktion.
|
||||||
|
- Merge sker efter automatisk och relevant manuell verifiering.
|
||||||
|
- Dokumentationen ska räcka för att förstå projektet utan tidigare dialoger eller raderade branches.
|
||||||
|
|
||||||
|
## Nästa feature
|
||||||
|
|
||||||
|
```text
|
||||||
|
Feature 9 – Deadline
|
||||||
|
```
|
||||||
|
|
||||||
|
Roadmapens nuvarande mål:
|
||||||
|
|
||||||
|
- valfri deadline;
|
||||||
|
- beslutad representation av datum och eventuell tid;
|
||||||
|
- visning på uppgiftskort;
|
||||||
|
- markering av försenade uppgifter.
|
||||||
|
|
||||||
|
Öppna frågor:
|
||||||
|
|
||||||
|
- datum utan tid eller datum och tid;
|
||||||
|
- tidszonshantering;
|
||||||
|
- definition av försenad uppgift.
|
||||||
121
docs/roadmap.md
121
docs/roadmap.md
@ -34,20 +34,29 @@ Följande statusvärden används:
|
|||||||
|
|
||||||
## Nuvarande läge
|
## Nuvarande läge
|
||||||
|
|
||||||
Feature 0–2 är klara. Den aktuella applikationen har:
|
Feature 0–8 är klara och finns på `main`. Den aktuella applikationen har:
|
||||||
|
|
||||||
- ett monorepo med separat React/Vite-frontend och Spring Boot-backend;
|
- ett monorepo med separat React/Vite-frontend och Spring Boot-backend;
|
||||||
- centralt lagrade användare och ett lokalt browserval av aktiv användare;
|
- centralt lagrade användare och ett lokalt browserval av aktiv användare;
|
||||||
- gemensamma uppgifter med titel, valfri beskrivning och status;
|
- gemensamma uppgifter med titel, valfri beskrivning, status och poäng;
|
||||||
- skapande och listning av uppgifter;
|
- skapande och listning av uppgifter;
|
||||||
|
- valfri tilldelning av högst en ansvarig användare per uppgift;
|
||||||
|
- tilldelning och byte av ansvarig i samtliga statusar;
|
||||||
|
- borttagning av ansvarig i `WAITING` och `COMPLETED`;
|
||||||
|
- backendstyrda statusändringar mellan `WAITING`, `IN_PROGRESS` och `COMPLETED`;
|
||||||
|
- automatisk tilldelning till aktiv användare när en otilldelad uppgift påbörjas;
|
||||||
|
- drag-and-drop mellan statuskolumner med optimistisk flytt och rollback;
|
||||||
|
- serverbekräftad permanent radering med bekräftelsedialog;
|
||||||
|
- serverbekräftad redigering av titel, beskrivning och poäng;
|
||||||
- en bräda med Väntande, Pågående och Klart;
|
- en bräda med Väntande, Pågående och Klart;
|
||||||
- nya uppgifter som alltid skapas med status `WAITING`.
|
- nya uppgifter som alltid skapas med status `WAITING`.
|
||||||
|
|
||||||
Det finns ännu inga poäng, uppgiftstilldelningar, statusändringar,
|
Tilldelning och status är separata egenskaper; tilldelningsflödet ändrar inte
|
||||||
drag-and-drop, redigeringar, raderingar, deadlines eller återkommande uppgifter.
|
uppgiftens status. Alla direkta statusövergångar är tillåtna och
|
||||||
Nuvarande användarval är inte autentisering.
|
`IN_PROGRESS` kräver ansvarig. Det finns ännu ingen deadline eller återkommande
|
||||||
|
uppgift. Nuvarande användarval är inte autentisering.
|
||||||
|
|
||||||
**Feature 3 – Uppgiftspoäng är nästa planerade produktfeature.**
|
**Feature 9 – Deadline är nästa planerade produktfeature.**
|
||||||
|
|
||||||
## Featureöversikt
|
## Featureöversikt
|
||||||
|
|
||||||
@ -56,12 +65,12 @@ Nuvarande användarval är inte autentisering.
|
|||||||
| 0 – Projektgrund | Klar | – | Körbar frontend, backend och lokal API-koppling |
|
| 0 – Projektgrund | Klar | – | Körbar frontend, backend och lokal API-koppling |
|
||||||
| 1 – Användarval | Klar | 0 | Centrala användare och lokalt aktivt användar-id |
|
| 1 – Användarval | Klar | 0 | Centrala användare och lokalt aktivt användar-id |
|
||||||
| 2 – Skapa uppgifter | Klar | 0–1 | Gemensamma uppgifter och trekolumnsbräda |
|
| 2 – Skapa uppgifter | Klar | 0–1 | Gemensamma uppgifter och trekolumnsbräda |
|
||||||
| 3 – Uppgiftspoäng | Planerad | 2 | Poäng på uppgifter |
|
| 3 – Uppgiftspoäng | Klar | 2 | Poäng på uppgifter |
|
||||||
| 4 – Tilldelning | Planerad | 1–2 | Valfri ansvarig användare |
|
| 4 – Tilldelning | Klar | 1–2 | Valfri ansvarig användare |
|
||||||
| 5 – Statusändring | Planerad | 4 | Backendstyrda statusövergångar |
|
| 5 – Statusändring | Klar | 4 | Backendstyrda statusövergångar |
|
||||||
| 6 – Drag-and-drop | Planerad | 5 | Kortflytt via status-API |
|
| 6 – Drag-and-drop | Klar | 5 | Kortflytt via status-API |
|
||||||
| 7 – Radera uppgift | Planerad | 2 | Bekräftad radering |
|
| 7 – Radera uppgift | Klar | 2 | Bekräftad permanent radering |
|
||||||
| 8 – Redigera uppgift | Planerad | 3 | Titel, beskrivning och poäng |
|
| 8 – Redigera uppgift | Klar | 3 | Titel, beskrivning och poäng |
|
||||||
| 9 – Deadline | Planerad | 2 | Valfri deadline och förseningsmarkering |
|
| 9 – Deadline | Planerad | 2 | Valfri deadline och förseningsmarkering |
|
||||||
| 10 – Sökning och filtrering | Planerad | 2; 4 för ansvarig; 9 för deadline | Sökning och filter på brädan |
|
| 10 – Sökning och filtrering | Planerad | 2; 4 för ansvarig; 9 för deadline | Sökning och filter på brädan |
|
||||||
| 11 – Design av återkommande uppgifter | Planerad | 3–5, 9 | Beslut och plan, ingen produktionskod |
|
| 11 – Design av återkommande uppgifter | Planerad | 3–5, 9 | Beslut och plan, ingen produktionskod |
|
||||||
@ -109,7 +118,7 @@ interaktiv brädhantering införs.
|
|||||||
|
|
||||||
### Feature 3 – Uppgiftspoäng
|
### Feature 3 – Uppgiftspoäng
|
||||||
|
|
||||||
**Status:** Planerad
|
**Status:** Klar
|
||||||
|
|
||||||
**Beroenden:** Feature 2
|
**Beroenden:** Feature 2
|
||||||
|
|
||||||
@ -124,14 +133,13 @@ interaktiv brädhantering införs.
|
|||||||
Feature 3 ligger först eftersom poäng blir ett centralt uppgiftsfält som senare
|
Feature 3 ligger först eftersom poäng blir ett centralt uppgiftsfält som senare
|
||||||
ska kunna redigeras och historikföras.
|
ska kunna redigeras och historikföras.
|
||||||
|
|
||||||
**Öppna frågor:**
|
Poängskalan är beslutad till alla heltal mellan 1 och 99. V3-migreringen ger
|
||||||
|
eventuella befintliga uppgifter värdet `1` innan kolumnen görs obligatorisk;
|
||||||
- exakt poängskala;
|
databasen har inget permanent defaultvärde.
|
||||||
- standardvärde för befintliga uppgifter.
|
|
||||||
|
|
||||||
### Feature 4 – Tilldelning av uppgifter
|
### Feature 4 – Tilldelning av uppgifter
|
||||||
|
|
||||||
**Status:** Planerad
|
**Status:** Klar
|
||||||
|
|
||||||
**Beroenden:** Feature 1 och Feature 2
|
**Beroenden:** Feature 1 och Feature 2
|
||||||
|
|
||||||
@ -142,17 +150,14 @@ ska kunna redigeras och historikföras.
|
|||||||
- visa ansvarig på uppgiftskort;
|
- visa ansvarig på uppgiftskort;
|
||||||
- kunna ändra ansvarig på en befintlig uppgift.
|
- kunna ändra ansvarig på en befintlig uppgift.
|
||||||
|
|
||||||
En väntande uppgift får vara tilldelad eller otilldelad. Tilldelning införs före
|
En väntande uppgift får vara tilldelad eller otilldelad och har högst en
|
||||||
statusändring eftersom en pågående uppgift senare måste ha en ansvarig.
|
ansvarig. Tilldelning införs före statusändring eftersom en pågående uppgift
|
||||||
|
senare måste ha en ansvarig. Hur borttagna användare ska hanteras är fortsatt
|
||||||
**Öppna frågor:**
|
öppet tills användarradering införs.
|
||||||
|
|
||||||
- om en uppgift ska ha endast en ansvarig;
|
|
||||||
- hur borttagna användare ska hanteras när användarradering införs.
|
|
||||||
|
|
||||||
### Feature 5 – Statusändring och statusregler
|
### Feature 5 – Statusändring och statusregler
|
||||||
|
|
||||||
**Status:** Planerad
|
**Status:** Klar
|
||||||
|
|
||||||
**Beroenden:** Feature 4
|
**Beroenden:** Feature 4
|
||||||
|
|
||||||
@ -165,17 +170,17 @@ statusändring eftersom en pågående uppgift senare måste ha en ansvarig.
|
|||||||
|
|
||||||
`IN_PROGRESS` kräver en ansvarig användare. Statusflödet införs före
|
`IN_PROGRESS` kräver en ansvarig användare. Statusflödet införs före
|
||||||
drag-and-drop så att affärsregeln och API:t kan verifieras utan att samtidigt
|
drag-and-drop så att affärsregeln och API:t kan verifieras utan att samtidigt
|
||||||
bygga en komplex interaktion.
|
bygga en komplex interaktion. Feature 5 återanvänder Feature 4:s
|
||||||
|
tilldelningsmodell och särskilda API för ansvarig; statusändring sker i ett
|
||||||
|
separat statusflöde.
|
||||||
|
|
||||||
**Öppna frågor:**
|
En otilldelad uppgift som sätts till `IN_PROGRESS` tilldelas automatiskt den
|
||||||
|
aktiva browseranvändaren. En befintlig ansvarig behålls. Ansvarig kan bytas men
|
||||||
- vad som sker när en otilldelad uppgift sätts till `IN_PROGRESS`;
|
inte tas bort medan uppgiften är pågående.
|
||||||
- om aktiv användare ska föreslås automatiskt;
|
|
||||||
- vad som sker om ansvarig tas bort från en pågående uppgift.
|
|
||||||
|
|
||||||
### Feature 6 – Drag-and-drop
|
### Feature 6 – Drag-and-drop
|
||||||
|
|
||||||
**Status:** Planerad
|
**Status:** Klar
|
||||||
|
|
||||||
**Beroenden:** Feature 5
|
**Beroenden:** Feature 5
|
||||||
|
|
||||||
@ -189,10 +194,13 @@ bygga en komplex interaktion.
|
|||||||
Drag-and-drop kommer efter det enklare statusflödet för att återanvända
|
Drag-and-drop kommer efter det enklare statusflödet för att återanvända
|
||||||
verifierade backendregler.
|
verifierade backendregler.
|
||||||
|
|
||||||
**Öppna frågor:**
|
Drag-and-drop använder en kontrollerad optimistisk flytt. Vid fel återställs
|
||||||
|
hela den tidigare task-versionen. En otilldelad uppgift som dras till Pågående
|
||||||
- optimistisk eller serverbekräftad uppdatering;
|
använder Feature 5:s befintliga automatiska tilldelning till aktiv användare.
|
||||||
- exakt tilldelningsflöde vid flytt till Pågående.
|
Serverns fullständiga task-respons ersätter alltid det optimistiska värdet.
|
||||||
|
Statusknapparna förblir tills vidare serverbekräftade. Implementation och
|
||||||
|
automatisk samt manuell verifiering är genomförda, och featuren är mergad till
|
||||||
|
`main`.
|
||||||
|
|
||||||
## Fas 2 – Hantering av uppgifter
|
## Fas 2 – Hantering av uppgifter
|
||||||
|
|
||||||
@ -201,7 +209,7 @@ modellen och statusreglerna finns.
|
|||||||
|
|
||||||
### Feature 7 – Radera uppgift
|
### Feature 7 – Radera uppgift
|
||||||
|
|
||||||
**Status:** Planerad
|
**Status:** Klar
|
||||||
|
|
||||||
**Beroenden:** Feature 2
|
**Beroenden:** Feature 2
|
||||||
|
|
||||||
@ -214,13 +222,17 @@ modellen och statusreglerna finns.
|
|||||||
Radering hålls separat från redigering så att databorttagning och dess
|
Radering hålls separat från redigering så att databorttagning och dess
|
||||||
konsekvenser kan verifieras isolerat.
|
konsekvenser kan verifieras isolerat.
|
||||||
|
|
||||||
**Öppen fråga:**
|
Feature 7 använder permanent fysisk radering genom
|
||||||
|
`DELETE /api/tasks/{taskId}`. En bekräftelsemodal visas före anropet och
|
||||||
- permanent radering eller mjuk radering.
|
frontend behåller kortet tills backend har bekräftat raderingen. Operationen
|
||||||
|
använder samma låsning per task-id som status, tilldelning och drag-and-drop.
|
||||||
|
Ett `404 TASK_NOT_FOUND` tar bort ett känt inaktuellt lokalt kort.
|
||||||
|
Implementation samt automatisk och manuell verifiering är genomförda, och
|
||||||
|
featuren är mergad till `main`.
|
||||||
|
|
||||||
### Feature 8 – Redigera uppgift
|
### Feature 8 – Redigera uppgift
|
||||||
|
|
||||||
**Status:** Planerad
|
**Status:** Klar
|
||||||
|
|
||||||
**Beroenden:** Feature 3
|
**Beroenden:** Feature 3
|
||||||
|
|
||||||
@ -234,6 +246,12 @@ Featuren ligger efter poäng för att redigeringsflödet ska omfatta den då
|
|||||||
aktuella uppgiftsmodellen. Ansvarig ska fortsatt ändras genom
|
aktuella uppgiftsmodellen. Ansvarig ska fortsatt ändras genom
|
||||||
tilldelningsflödet från Feature 4 och status genom statusflödet från Feature 5.
|
tilldelningsflödet från Feature 4 och status genom statusflödet från Feature 5.
|
||||||
|
|
||||||
|
Den implementerade lösningen använder `PUT /api/tasks/{taskId}/details` och
|
||||||
|
uppdaterar endast titel, beskrivning och poäng. Frontend använder en separat
|
||||||
|
redigeringsmodal och serverbekräftad uppdatering genom den gemensamma låsningen
|
||||||
|
per task-id. Implementation, automatiska kontroller och manuell
|
||||||
|
browserverifiering är genomförda, och featuren är mergad till `main`.
|
||||||
|
|
||||||
### Feature 9 – Deadline
|
### Feature 9 – Deadline
|
||||||
|
|
||||||
**Status:** Planerad
|
**Status:** Planerad
|
||||||
@ -422,9 +440,6 @@ Nuvarande aktiva användarval är uttryckligen inte autentisering.
|
|||||||
|
|
||||||
## Öppna tvärgående frågor
|
## Öppna tvärgående frågor
|
||||||
|
|
||||||
- Vilken poängskala ska användas och vilket standardvärde får befintliga
|
|
||||||
uppgifter?
|
|
||||||
- Ska uppgifter raderas permanent eller mjukt?
|
|
||||||
- Hur ska datum, tider och tidszoner representeras?
|
- Hur ska datum, tider och tidszoner representeras?
|
||||||
- Ska H2 behållas för lokal utveckling efter PostgreSQL-införandet?
|
- Ska H2 behållas för lokal utveckling efter PostgreSQL-införandet?
|
||||||
- Hur ska användare senare kunna redigeras eller raderas, särskilt när de är
|
- Hur ska användare senare kunna redigeras eller raderas, särskilt när de är
|
||||||
@ -435,5 +450,21 @@ Nuvarande aktiva användarval är uttryckligen inte autentisering.
|
|||||||
|
|
||||||
## Ändringshistorik
|
## Ändringshistorik
|
||||||
|
|
||||||
|
- 2026-07-28: Feature 8 verifierades och mergades. Serverbekräftad redigering
|
||||||
|
av titel, beskrivning och poäng infördes, och Feature 9 blev nästa planerade
|
||||||
|
produktfeature.
|
||||||
|
- 2026-07-27: Feature 8 implementerades och verifierades automatiskt på
|
||||||
|
feature-branchen. Manuell verifiering och merge återstår.
|
||||||
|
- 2026-07-27: Feature 7 verifierades och mergades. Permanent,
|
||||||
|
serverbekräftad radering infördes, och Feature 8 blev nästa planerade
|
||||||
|
produktfeature.
|
||||||
|
- 2026-07-27: Feature 6 verifierades och mergades. Optimistisk drag-and-drop
|
||||||
|
med full rollback infördes, och Feature 7 blev nästa planerade
|
||||||
|
produktfeature.
|
||||||
|
- 2026-07-27: Feature 5 verifierades och mergades. Backendstyrda
|
||||||
|
statusövergångar, automatisk tilldelning vid påbörjande och statusberoende
|
||||||
|
tilldelningsregler infördes. Feature 6 blev nästa planerade produktfeature.
|
||||||
|
- 2026-07-26: Feature 3 och Feature 4 markerades som klara efter verifiering och
|
||||||
|
merge. Feature 5 blev nästa planerade produktfeature.
|
||||||
- 2026-07-26: Roadmapen etablerades. Feature 0–2 markerades som klara, Feature
|
- 2026-07-26: Roadmapen etablerades. Feature 0–2 markerades som klara, Feature
|
||||||
3–16 planerades och Feature 17 markerades som villkorad.
|
3–16 planerades och Feature 17 markerades som villkorad.
|
||||||
|
|||||||
@ -9,6 +9,8 @@
|
|||||||
"test": "vitest run"
|
"test": "vitest run"
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
|
"@dnd-kit/dom": "0.5.0",
|
||||||
|
"@dnd-kit/react": "0.5.0",
|
||||||
"react": "19.2.8",
|
"react": "19.2.8",
|
||||||
"react-dom": "19.2.8"
|
"react-dom": "19.2.8"
|
||||||
},
|
},
|
||||||
|
|||||||
74
frontend/pnpm-lock.yaml
generated
74
frontend/pnpm-lock.yaml
generated
@ -8,6 +8,12 @@ importers:
|
|||||||
|
|
||||||
.:
|
.:
|
||||||
dependencies:
|
dependencies:
|
||||||
|
'@dnd-kit/dom':
|
||||||
|
specifier: 0.5.0
|
||||||
|
version: 0.5.0
|
||||||
|
'@dnd-kit/react':
|
||||||
|
specifier: 0.5.0
|
||||||
|
version: 0.5.0(react-dom@19.2.8(react@19.2.8))(react@19.2.8)
|
||||||
react:
|
react:
|
||||||
specifier: 19.2.8
|
specifier: 19.2.8
|
||||||
version: 19.2.8
|
version: 19.2.8
|
||||||
@ -115,6 +121,27 @@ packages:
|
|||||||
resolution: {integrity: sha512-QxULHAm7cNu72w97JUNCBFODFaXpbDg+dP8b/oWFAZ2MTRppA3U00Y2L1HqaS4J6yBqxwa/Y3nMBaxVKbB/NsA==}
|
resolution: {integrity: sha512-QxULHAm7cNu72w97JUNCBFODFaXpbDg+dP8b/oWFAZ2MTRppA3U00Y2L1HqaS4J6yBqxwa/Y3nMBaxVKbB/NsA==}
|
||||||
engines: {node: '>=20.19.0'}
|
engines: {node: '>=20.19.0'}
|
||||||
|
|
||||||
|
'@dnd-kit/abstract@0.5.0':
|
||||||
|
resolution: {integrity: sha512-hi13iMJgjPX/KDYVKg5VeDIhmYiV6buc9bAX+tCLYf4QdyYjPbsXjn2sPo6m7fQ6SGJBEFgHJ2PemeKDUbwBaA==}
|
||||||
|
|
||||||
|
'@dnd-kit/collision@0.5.0':
|
||||||
|
resolution: {integrity: sha512-xUqRn3lS7oqLkT0AnnHS/STh/Czvwe1UapZFYiLbsUGxopMsQd4teaPCzPouOThoMdGEe+dHWjfqJl6t9iG4mQ==}
|
||||||
|
|
||||||
|
'@dnd-kit/dom@0.5.0':
|
||||||
|
resolution: {integrity: sha512-f2xFJp5SYQ8EW/Fbtaa8iBb66hpkWc7qa8vU826KW11/tb44sH+AisZnGtwOOTWTQ0GraqBDr5ixTErww+eKXw==}
|
||||||
|
|
||||||
|
'@dnd-kit/geometry@0.5.0':
|
||||||
|
resolution: {integrity: sha512-ubHQS1CiSDH8ssYH2xG5BnpwPSFP1tStXXjug7/Ba6qnQdu/EUH47l6QXKIksQnnanfVfDf0aGeevRxgZlj28A==}
|
||||||
|
|
||||||
|
'@dnd-kit/react@0.5.0':
|
||||||
|
resolution: {integrity: sha512-abQPLI8lmfVE+v/n+pqy5WFxrw6T2Yg0UQZsL78dp5DKci7dKTVDjvLWqvass+XTFtzJmsZEjk1NdqE6xG8Jiw==}
|
||||||
|
peerDependencies:
|
||||||
|
react: ^18.0.0 || ^19.0.0
|
||||||
|
react-dom: ^18.0.0 || ^19.0.0
|
||||||
|
|
||||||
|
'@dnd-kit/state@0.5.0':
|
||||||
|
resolution: {integrity: sha512-y7XbabQqjF58Lk8YmDQuR8l6QjN+Kh4qlGEjUvHuIeasLk1QP+9L5diXS98VMxQIivyMmUtX2//f+3N7qPJX4w==}
|
||||||
|
|
||||||
'@emnapi/core@1.11.1':
|
'@emnapi/core@1.11.1':
|
||||||
resolution: {integrity: sha512-RSvbQmHzdKzNsLYa/wHrbc3KN4sYLKAdPZxqiM2HATqv/SBk2/ENSHpvXGaLOMcsAyz0poEGqkmmKYG3OWiJEQ==}
|
resolution: {integrity: sha512-RSvbQmHzdKzNsLYa/wHrbc3KN4sYLKAdPZxqiM2HATqv/SBk2/ENSHpvXGaLOMcsAyz0poEGqkmmKYG3OWiJEQ==}
|
||||||
|
|
||||||
@ -145,6 +172,9 @@ packages:
|
|||||||
'@oxc-project/types@0.139.0':
|
'@oxc-project/types@0.139.0':
|
||||||
resolution: {integrity: sha512-r9gHphtCs+1M7J0pw6Sn/hh/Wpa/iQrOOkrNAlVLF/gHq+/CJmHIWKKUUhdWjcD6CIa8idarspCsASiXCXvFUw==}
|
resolution: {integrity: sha512-r9gHphtCs+1M7J0pw6Sn/hh/Wpa/iQrOOkrNAlVLF/gHq+/CJmHIWKKUUhdWjcD6CIa8idarspCsASiXCXvFUw==}
|
||||||
|
|
||||||
|
'@preact/signals-core@1.14.4':
|
||||||
|
resolution: {integrity: sha512-HNB6HYeYKhQbJ1aKl+YRjrS4+QWHLKX6qKoUsfS/m0vqzsVaEBiZiaKbG/e+NKk2ch5ALQr/ihWaMHxiCuuWHA==}
|
||||||
|
|
||||||
'@rolldown/binding-android-arm64@1.1.5':
|
'@rolldown/binding-android-arm64@1.1.5':
|
||||||
resolution: {integrity: sha512-lZg8fqIv2v7FF237bwMgzGZEJvGL79/s5knJ/i6FmsGF4XXlzccZ4jb+TrFIxtSSxFtIpdsgrPZeMk1I9AFcyQ==}
|
resolution: {integrity: sha512-lZg8fqIv2v7FF237bwMgzGZEJvGL79/s5knJ/i6FmsGF4XXlzccZ4jb+TrFIxtSSxFtIpdsgrPZeMk1I9AFcyQ==}
|
||||||
engines: {node: ^20.19.0 || >=22.12.0}
|
engines: {node: ^20.19.0 || >=22.12.0}
|
||||||
@ -961,6 +991,45 @@ snapshots:
|
|||||||
|
|
||||||
'@csstools/css-tokenizer@4.0.0': {}
|
'@csstools/css-tokenizer@4.0.0': {}
|
||||||
|
|
||||||
|
'@dnd-kit/abstract@0.5.0':
|
||||||
|
dependencies:
|
||||||
|
'@dnd-kit/geometry': 0.5.0
|
||||||
|
'@dnd-kit/state': 0.5.0
|
||||||
|
tslib: 2.8.1
|
||||||
|
|
||||||
|
'@dnd-kit/collision@0.5.0':
|
||||||
|
dependencies:
|
||||||
|
'@dnd-kit/abstract': 0.5.0
|
||||||
|
'@dnd-kit/geometry': 0.5.0
|
||||||
|
tslib: 2.8.1
|
||||||
|
|
||||||
|
'@dnd-kit/dom@0.5.0':
|
||||||
|
dependencies:
|
||||||
|
'@dnd-kit/abstract': 0.5.0
|
||||||
|
'@dnd-kit/collision': 0.5.0
|
||||||
|
'@dnd-kit/geometry': 0.5.0
|
||||||
|
'@dnd-kit/state': 0.5.0
|
||||||
|
tslib: 2.8.1
|
||||||
|
|
||||||
|
'@dnd-kit/geometry@0.5.0':
|
||||||
|
dependencies:
|
||||||
|
'@dnd-kit/state': 0.5.0
|
||||||
|
tslib: 2.8.1
|
||||||
|
|
||||||
|
'@dnd-kit/react@0.5.0(react-dom@19.2.8(react@19.2.8))(react@19.2.8)':
|
||||||
|
dependencies:
|
||||||
|
'@dnd-kit/abstract': 0.5.0
|
||||||
|
'@dnd-kit/dom': 0.5.0
|
||||||
|
'@dnd-kit/state': 0.5.0
|
||||||
|
react: 19.2.8
|
||||||
|
react-dom: 19.2.8(react@19.2.8)
|
||||||
|
tslib: 2.8.1
|
||||||
|
|
||||||
|
'@dnd-kit/state@0.5.0':
|
||||||
|
dependencies:
|
||||||
|
'@preact/signals-core': 1.14.4
|
||||||
|
tslib: 2.8.1
|
||||||
|
|
||||||
'@emnapi/core@1.11.1':
|
'@emnapi/core@1.11.1':
|
||||||
dependencies:
|
dependencies:
|
||||||
'@emnapi/wasi-threads': 1.2.2
|
'@emnapi/wasi-threads': 1.2.2
|
||||||
@ -990,6 +1059,8 @@ snapshots:
|
|||||||
|
|
||||||
'@oxc-project/types@0.139.0': {}
|
'@oxc-project/types@0.139.0': {}
|
||||||
|
|
||||||
|
'@preact/signals-core@1.14.4': {}
|
||||||
|
|
||||||
'@rolldown/binding-android-arm64@1.1.5':
|
'@rolldown/binding-android-arm64@1.1.5':
|
||||||
optional: true
|
optional: true
|
||||||
|
|
||||||
@ -1476,8 +1547,7 @@ snapshots:
|
|||||||
dependencies:
|
dependencies:
|
||||||
punycode: 2.3.1
|
punycode: 2.3.1
|
||||||
|
|
||||||
tslib@2.8.1:
|
tslib@2.8.1: {}
|
||||||
optional: true
|
|
||||||
|
|
||||||
typescript@7.0.2:
|
typescript@7.0.2:
|
||||||
optionalDependencies:
|
optionalDependencies:
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
@ -79,7 +79,14 @@ function App() {
|
|||||||
}
|
}
|
||||||
|
|
||||||
if (activeUser) {
|
if (activeUser) {
|
||||||
return <TaskBoard activeUserName={activeUser.name} onLogOut={logOut} />
|
return (
|
||||||
|
<TaskBoard
|
||||||
|
activeUserId={activeUser.id}
|
||||||
|
activeUserName={activeUser.name}
|
||||||
|
users={users}
|
||||||
|
onLogOut={logOut}
|
||||||
|
/>
|
||||||
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
if (showCreateUser) {
|
if (showCreateUser) {
|
||||||
|
|||||||
@ -1,21 +1,43 @@
|
|||||||
import { FormEvent, MouseEvent, useEffect, useRef, useState } from 'react'
|
import { FormEvent, MouseEvent, useEffect, useRef, useState } from 'react'
|
||||||
|
import {
|
||||||
|
TaskDragDropProvider,
|
||||||
|
TaskStatus,
|
||||||
|
useTaskColumnDropTarget,
|
||||||
|
useTaskDraggable,
|
||||||
|
} from './TaskDragAndDrop'
|
||||||
|
|
||||||
type TaskStatus = 'WAITING' | 'IN_PROGRESS' | 'COMPLETED'
|
type UserSummary = {
|
||||||
|
id: string
|
||||||
|
name: string
|
||||||
|
}
|
||||||
|
|
||||||
|
type Assignee = UserSummary
|
||||||
|
|
||||||
type Task = {
|
type Task = {
|
||||||
id: string
|
id: string
|
||||||
title: string
|
title: string
|
||||||
description: string | null
|
description: string | null
|
||||||
status: TaskStatus
|
status: TaskStatus
|
||||||
|
points: number
|
||||||
|
assignee: Assignee | null
|
||||||
createdAt: string
|
createdAt: string
|
||||||
}
|
}
|
||||||
|
|
||||||
type ApiError = {
|
type ApiError = {
|
||||||
|
code?: string
|
||||||
message?: string
|
message?: string
|
||||||
}
|
}
|
||||||
|
|
||||||
|
type TaskDetails = {
|
||||||
|
title: string
|
||||||
|
description: string | null
|
||||||
|
points: number
|
||||||
|
}
|
||||||
|
|
||||||
type TaskBoardProps = {
|
type TaskBoardProps = {
|
||||||
|
activeUserId: string
|
||||||
activeUserName: string
|
activeUserName: string
|
||||||
|
users: UserSummary[]
|
||||||
onLogOut: () => void
|
onLogOut: () => void
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -25,10 +47,18 @@ const columns: { status: TaskStatus; title: string }[] = [
|
|||||||
{ status: 'COMPLETED', title: 'Klart' },
|
{ status: 'COMPLETED', title: 'Klart' },
|
||||||
]
|
]
|
||||||
|
|
||||||
function TaskBoard({ activeUserName, onLogOut }: TaskBoardProps) {
|
function TaskBoard({ activeUserId, activeUserName, users, onLogOut }: TaskBoardProps) {
|
||||||
const [tasks, setTasks] = useState<Task[]>([])
|
const [tasks, setTasks] = useState<Task[]>([])
|
||||||
const [loadState, setLoadState] = useState<'loading' | 'ready' | 'error'>('loading')
|
const [loadState, setLoadState] = useState<'loading' | 'ready' | 'error'>('loading')
|
||||||
const [showCreateTask, setShowCreateTask] = useState(false)
|
const [showCreateTask, setShowCreateTask] = useState(false)
|
||||||
|
const [editingTask, setEditingTask] = useState<Task | null>(null)
|
||||||
|
const [editError, setEditError] = useState('')
|
||||||
|
const [deletingTask, setDeletingTask] = useState<Task | null>(null)
|
||||||
|
const [deleteError, setDeleteError] = useState('')
|
||||||
|
const [editingAssigneeTaskId, setEditingAssigneeTaskId] = useState<string | null>(null)
|
||||||
|
const [pendingTaskIds, setPendingTaskIds] = useState<Set<string>>(new Set())
|
||||||
|
const [taskErrors, setTaskErrors] = useState<Record<string, string>>({})
|
||||||
|
const pendingTaskIdsRef = useRef(new Set<string>())
|
||||||
|
|
||||||
const loadTasks = async () => {
|
const loadTasks = async () => {
|
||||||
setLoadState('loading')
|
setLoadState('loading')
|
||||||
@ -51,6 +81,232 @@ function TaskBoard({ activeUserName, onLogOut }: TaskBoardProps) {
|
|||||||
void loadTasks()
|
void loadTasks()
|
||||||
}, [])
|
}, [])
|
||||||
|
|
||||||
|
const beginTaskRequest = (taskId: string) => {
|
||||||
|
if (pendingTaskIdsRef.current.has(taskId)) {
|
||||||
|
return false
|
||||||
|
}
|
||||||
|
|
||||||
|
pendingTaskIdsRef.current.add(taskId)
|
||||||
|
setPendingTaskIds(new Set(pendingTaskIdsRef.current))
|
||||||
|
setTaskErrors((current) => ({ ...current, [taskId]: '' }))
|
||||||
|
return true
|
||||||
|
}
|
||||||
|
|
||||||
|
const finishTaskRequest = (taskId: string) => {
|
||||||
|
pendingTaskIdsRef.current.delete(taskId)
|
||||||
|
setPendingTaskIds(new Set(pendingTaskIdsRef.current))
|
||||||
|
}
|
||||||
|
|
||||||
|
const replaceTask = (updatedTask: Task) => {
|
||||||
|
setTasks((current) =>
|
||||||
|
current.map((task) => (task.id === updatedTask.id ? updatedTask : task)),
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
const updateAssignee = async (task: Task, assigneeId: string) => {
|
||||||
|
if (!beginTaskRequest(task.id)) {
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
try {
|
||||||
|
const response = await fetch(`/api/tasks/${task.id}/assignee`, {
|
||||||
|
method: 'PUT',
|
||||||
|
headers: { 'Content-Type': 'application/json' },
|
||||||
|
body: JSON.stringify({ assigneeId: assigneeId || null }),
|
||||||
|
})
|
||||||
|
|
||||||
|
if (!response.ok) {
|
||||||
|
const apiError = (await response.json().catch(() => ({}))) as ApiError
|
||||||
|
setTaskErrors((current) => ({
|
||||||
|
...current,
|
||||||
|
[task.id]: apiError.message ?? 'Det gick inte att ändra ansvarig. Försök igen.',
|
||||||
|
}))
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
const updatedTask = (await response.json()) as Task
|
||||||
|
replaceTask(updatedTask)
|
||||||
|
setEditingAssigneeTaskId(null)
|
||||||
|
} catch {
|
||||||
|
setTaskErrors((current) => ({
|
||||||
|
...current,
|
||||||
|
[task.id]: 'Det gick inte att ändra ansvarig. Försök igen.',
|
||||||
|
}))
|
||||||
|
} finally {
|
||||||
|
finishTaskRequest(task.id)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const updateStatus = async (
|
||||||
|
task: Task,
|
||||||
|
status: TaskStatus,
|
||||||
|
presentation: 'server-confirmed' | 'optimistic',
|
||||||
|
) => {
|
||||||
|
if (!beginTaskRequest(task.id)) {
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
const previousTask = task
|
||||||
|
if (presentation === 'optimistic') {
|
||||||
|
replaceTask({
|
||||||
|
...task,
|
||||||
|
status,
|
||||||
|
assignee:
|
||||||
|
status === 'IN_PROGRESS' && !task.assignee
|
||||||
|
? { id: activeUserId, name: activeUserName }
|
||||||
|
: task.assignee,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
try {
|
||||||
|
const response = await fetch(`/api/tasks/${task.id}/status`, {
|
||||||
|
method: 'PUT',
|
||||||
|
headers: { 'Content-Type': 'application/json' },
|
||||||
|
body: JSON.stringify({
|
||||||
|
status,
|
||||||
|
...(status === 'IN_PROGRESS' ? { activeUserId } : {}),
|
||||||
|
}),
|
||||||
|
})
|
||||||
|
|
||||||
|
if (!response.ok) {
|
||||||
|
const apiError = (await response.json().catch(() => ({}))) as ApiError
|
||||||
|
if (presentation === 'optimistic') {
|
||||||
|
replaceTask(previousTask)
|
||||||
|
}
|
||||||
|
setTaskErrors((current) => ({
|
||||||
|
...current,
|
||||||
|
[task.id]: apiError.message ?? 'Det gick inte att ändra status. Försök igen.',
|
||||||
|
}))
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
replaceTask((await response.json()) as Task)
|
||||||
|
setEditingAssigneeTaskId(null)
|
||||||
|
} catch {
|
||||||
|
if (presentation === 'optimistic') {
|
||||||
|
replaceTask(previousTask)
|
||||||
|
}
|
||||||
|
setTaskErrors((current) => ({
|
||||||
|
...current,
|
||||||
|
[task.id]: 'Det gick inte att ändra status. Försök igen.',
|
||||||
|
}))
|
||||||
|
} finally {
|
||||||
|
finishTaskRequest(task.id)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const dropTask = (taskId: string, status: TaskStatus) => {
|
||||||
|
const task = tasks.find((candidate) => candidate.id === taskId)
|
||||||
|
|
||||||
|
if (!task || task.status === status) {
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
void updateStatus(task, status, 'optimistic')
|
||||||
|
}
|
||||||
|
|
||||||
|
const openEditTask = (task: Task) => {
|
||||||
|
if (pendingTaskIdsRef.current.has(task.id)) {
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
setEditError('')
|
||||||
|
setEditingTask(task)
|
||||||
|
}
|
||||||
|
|
||||||
|
const closeEditTask = () => {
|
||||||
|
if (editingTask && pendingTaskIdsRef.current.has(editingTask.id)) {
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
setEditError('')
|
||||||
|
setEditingTask(null)
|
||||||
|
}
|
||||||
|
|
||||||
|
const updateDetails = async (task: Task, details: TaskDetails) => {
|
||||||
|
if (!beginTaskRequest(task.id)) {
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
setEditError('')
|
||||||
|
|
||||||
|
try {
|
||||||
|
const response = await fetch(`/api/tasks/${task.id}/details`, {
|
||||||
|
method: 'PUT',
|
||||||
|
headers: { 'Content-Type': 'application/json' },
|
||||||
|
body: JSON.stringify(details),
|
||||||
|
})
|
||||||
|
|
||||||
|
if (!response.ok) {
|
||||||
|
const apiError = (await response.json().catch(() => ({}))) as ApiError
|
||||||
|
if (response.status === 404 && apiError.code === 'TASK_NOT_FOUND') {
|
||||||
|
setTasks((current) => current.filter((candidate) => candidate.id !== task.id))
|
||||||
|
setEditingTask(null)
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
setEditError(apiError.message ?? 'Det gick inte att spara ändringarna. Försök igen.')
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
replaceTask((await response.json()) as Task)
|
||||||
|
setEditingTask(null)
|
||||||
|
} catch {
|
||||||
|
setEditError('Det gick inte att spara ändringarna. Försök igen.')
|
||||||
|
} finally {
|
||||||
|
finishTaskRequest(task.id)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const openDeleteTask = (task: Task) => {
|
||||||
|
if (pendingTaskIdsRef.current.has(task.id)) {
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
setDeleteError('')
|
||||||
|
setDeletingTask(task)
|
||||||
|
}
|
||||||
|
|
||||||
|
const closeDeleteTask = () => {
|
||||||
|
if (deletingTask && pendingTaskIdsRef.current.has(deletingTask.id)) {
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
setDeleteError('')
|
||||||
|
setDeletingTask(null)
|
||||||
|
}
|
||||||
|
|
||||||
|
const deleteTask = async (task: Task) => {
|
||||||
|
if (!beginTaskRequest(task.id)) {
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
setDeleteError('')
|
||||||
|
|
||||||
|
try {
|
||||||
|
const response = await fetch(`/api/tasks/${task.id}`, { method: 'DELETE' })
|
||||||
|
|
||||||
|
if (response.status === 204) {
|
||||||
|
setTasks((current) => current.filter((candidate) => candidate.id !== task.id))
|
||||||
|
setDeletingTask(null)
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
const apiError = (await response.json().catch(() => ({}))) as ApiError
|
||||||
|
if (response.status === 404 && apiError.code === 'TASK_NOT_FOUND') {
|
||||||
|
setTasks((current) => current.filter((candidate) => candidate.id !== task.id))
|
||||||
|
setDeletingTask(null)
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
setDeleteError('Det gick inte att radera uppgiften. Försök igen.')
|
||||||
|
} catch {
|
||||||
|
setDeleteError('Det gick inte att radera uppgiften. Försök igen.')
|
||||||
|
} finally {
|
||||||
|
finishTaskRequest(task.id)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<main className="task-app">
|
<main className="task-app">
|
||||||
<header className="app-header">
|
<header className="app-header">
|
||||||
@ -83,26 +339,31 @@ function TaskBoard({ activeUserName, onLogOut }: TaskBoardProps) {
|
|||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<TaskDragDropProvider onTaskDrop={dropTask}>
|
||||||
<section className="board" aria-label="Uppgiftsbräda">
|
<section className="board" aria-label="Uppgiftsbräda">
|
||||||
{columns.map((column) => (
|
{columns.map((column) => (
|
||||||
<section className="board-column" key={column.status} aria-labelledby={column.status}>
|
<TaskColumn
|
||||||
<h2 id={column.status}>{column.title}</h2>
|
column={column}
|
||||||
<div className="task-list">
|
tasks={tasks.filter((task) => task.status === column.status)}
|
||||||
{tasks
|
users={users}
|
||||||
.filter((task) => task.status === column.status)
|
editingAssigneeTaskId={editingAssigneeTaskId}
|
||||||
.map((task) => (
|
pendingTaskIds={pendingTaskIds}
|
||||||
<article className="task-card" key={task.id}>
|
taskErrors={taskErrors}
|
||||||
<h3>{task.title}</h3>
|
onEditAssignee={setEditingAssigneeTaskId}
|
||||||
{task.description && <p>{task.description}</p>}
|
onChangeAssignee={(task, assigneeId) => void updateAssignee(task, assigneeId)}
|
||||||
</article>
|
onChangeStatus={(task, status) =>
|
||||||
))}
|
void updateStatus(task, status, 'server-confirmed')
|
||||||
</div>
|
}
|
||||||
</section>
|
onEdit={openEditTask}
|
||||||
|
onDelete={openDeleteTask}
|
||||||
|
/>
|
||||||
))}
|
))}
|
||||||
</section>
|
</section>
|
||||||
|
</TaskDragDropProvider>
|
||||||
|
|
||||||
{showCreateTask && (
|
{showCreateTask && (
|
||||||
<CreateTaskModal
|
<CreateTaskModal
|
||||||
|
users={users}
|
||||||
onClose={() => setShowCreateTask(false)}
|
onClose={() => setShowCreateTask(false)}
|
||||||
onCreated={(task) => {
|
onCreated={(task) => {
|
||||||
setTasks((currentTasks) => [...currentTasks, task])
|
setTasks((currentTasks) => [...currentTasks, task])
|
||||||
@ -110,18 +371,557 @@ function TaskBoard({ activeUserName, onLogOut }: TaskBoardProps) {
|
|||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
|
{editingTask && (
|
||||||
|
<EditTaskModal
|
||||||
|
task={editingTask}
|
||||||
|
pending={pendingTaskIds.has(editingTask.id)}
|
||||||
|
error={editError}
|
||||||
|
onClose={closeEditTask}
|
||||||
|
onSave={(details) => void updateDetails(editingTask, details)}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
|
||||||
|
{deletingTask && (
|
||||||
|
<DeleteTaskModal
|
||||||
|
task={deletingTask}
|
||||||
|
pending={pendingTaskIds.has(deletingTask.id)}
|
||||||
|
error={deleteError}
|
||||||
|
onClose={closeDeleteTask}
|
||||||
|
onConfirm={() => void deleteTask(deletingTask)}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
</main>
|
</main>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
type TaskColumnProps = {
|
||||||
|
column: { status: TaskStatus; title: string }
|
||||||
|
tasks: Task[]
|
||||||
|
users: UserSummary[]
|
||||||
|
editingAssigneeTaskId: string | null
|
||||||
|
pendingTaskIds: Set<string>
|
||||||
|
taskErrors: Record<string, string>
|
||||||
|
onEditAssignee: (taskId: string) => void
|
||||||
|
onChangeAssignee: (task: Task, assigneeId: string) => void
|
||||||
|
onChangeStatus: (task: Task, status: TaskStatus) => void
|
||||||
|
onEdit: (task: Task) => void
|
||||||
|
onDelete: (task: Task) => void
|
||||||
|
}
|
||||||
|
|
||||||
|
function TaskColumn({
|
||||||
|
column,
|
||||||
|
tasks,
|
||||||
|
users,
|
||||||
|
editingAssigneeTaskId,
|
||||||
|
pendingTaskIds,
|
||||||
|
taskErrors,
|
||||||
|
onEditAssignee,
|
||||||
|
onChangeAssignee,
|
||||||
|
onChangeStatus,
|
||||||
|
onEdit,
|
||||||
|
onDelete,
|
||||||
|
}: TaskColumnProps) {
|
||||||
|
const { ref, isDropTarget } = useTaskColumnDropTarget(column.status)
|
||||||
|
|
||||||
|
return (
|
||||||
|
<section
|
||||||
|
ref={ref}
|
||||||
|
className={`board-column${isDropTarget ? ' board-column-drop-target' : ''}`}
|
||||||
|
aria-labelledby={column.status}
|
||||||
|
>
|
||||||
|
<h2 id={column.status}>{column.title}</h2>
|
||||||
|
<div className="task-list">
|
||||||
|
{tasks.map((task) => (
|
||||||
|
<TaskCard
|
||||||
|
key={task.id}
|
||||||
|
task={task}
|
||||||
|
users={users}
|
||||||
|
editingAssignee={editingAssigneeTaskId === task.id}
|
||||||
|
pending={pendingTaskIds.has(task.id)}
|
||||||
|
error={taskErrors[task.id]}
|
||||||
|
onEditAssignee={() => onEditAssignee(task.id)}
|
||||||
|
onChangeAssignee={(assigneeId) => onChangeAssignee(task, assigneeId)}
|
||||||
|
onChangeStatus={(status) => onChangeStatus(task, status)}
|
||||||
|
onEdit={() => onEdit(task)}
|
||||||
|
onDelete={() => onDelete(task)}
|
||||||
|
/>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
type TaskCardProps = {
|
||||||
|
task: Task
|
||||||
|
users: UserSummary[]
|
||||||
|
editingAssignee: boolean
|
||||||
|
pending: boolean
|
||||||
|
error?: string
|
||||||
|
onEditAssignee: () => void
|
||||||
|
onChangeAssignee: (assigneeId: string) => void
|
||||||
|
onChangeStatus: (status: TaskStatus) => void
|
||||||
|
onEdit: () => void
|
||||||
|
onDelete: () => void
|
||||||
|
}
|
||||||
|
|
||||||
|
function TaskCard({
|
||||||
|
task,
|
||||||
|
users,
|
||||||
|
editingAssignee,
|
||||||
|
pending,
|
||||||
|
error,
|
||||||
|
onEditAssignee,
|
||||||
|
onChangeAssignee,
|
||||||
|
onChangeStatus,
|
||||||
|
onEdit,
|
||||||
|
onDelete,
|
||||||
|
}: TaskCardProps) {
|
||||||
|
const { ref, isDragging } = useTaskDraggable(task.id, pending)
|
||||||
|
|
||||||
|
return (
|
||||||
|
<article
|
||||||
|
ref={ref}
|
||||||
|
role="article"
|
||||||
|
className={`task-card${pending ? ' task-card-pending' : ''}${
|
||||||
|
isDragging ? ' task-card-dragging' : ''
|
||||||
|
}`}
|
||||||
|
aria-busy={pending || undefined}
|
||||||
|
>
|
||||||
|
<div className="task-card-header">
|
||||||
|
<h3>{task.title}</h3>
|
||||||
|
<div className="task-card-actions">
|
||||||
|
<span className="points-badge">{task.points} p</span>
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
className="task-edit-button"
|
||||||
|
aria-label={`Redigera ${task.title}`}
|
||||||
|
disabled={pending}
|
||||||
|
onPointerDown={(event) => event.stopPropagation()}
|
||||||
|
onClick={onEdit}
|
||||||
|
>
|
||||||
|
<EditIcon />
|
||||||
|
</button>
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
className="task-delete-button"
|
||||||
|
aria-label={`Radera ${task.title}`}
|
||||||
|
disabled={pending}
|
||||||
|
onPointerDown={(event) => event.stopPropagation()}
|
||||||
|
onClick={onDelete}
|
||||||
|
>
|
||||||
|
<TrashIcon />
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{task.description && <p>{task.description}</p>}
|
||||||
|
<AssigneeControl
|
||||||
|
task={task}
|
||||||
|
users={users}
|
||||||
|
editing={editingAssignee}
|
||||||
|
pending={pending}
|
||||||
|
onEdit={onEditAssignee}
|
||||||
|
onChange={onChangeAssignee}
|
||||||
|
/>
|
||||||
|
<TaskStatusControls task={task} disabled={pending} onChange={onChangeStatus} />
|
||||||
|
{error && (
|
||||||
|
<p className="task-error error" role="alert">
|
||||||
|
{error}
|
||||||
|
</p>
|
||||||
|
)}
|
||||||
|
</article>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
function EditIcon() {
|
||||||
|
return (
|
||||||
|
<svg
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
width="19"
|
||||||
|
height="19"
|
||||||
|
aria-hidden="true"
|
||||||
|
focusable="false"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="m4 20 4.5-1 10-10a2.1 2.1 0 0 0-3-3l-10 10L4 20Zm10-12 3 3"
|
||||||
|
fill="none"
|
||||||
|
stroke="currentColor"
|
||||||
|
strokeWidth="1.8"
|
||||||
|
strokeLinecap="round"
|
||||||
|
strokeLinejoin="round"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
function TrashIcon() {
|
||||||
|
return (
|
||||||
|
<svg
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
width="19"
|
||||||
|
height="19"
|
||||||
|
aria-hidden="true"
|
||||||
|
focusable="false"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
d="M4 7h16M9 7V4h6v3m-8 0 1 13h8l1-13M10 11v5m4-5v5"
|
||||||
|
fill="none"
|
||||||
|
stroke="currentColor"
|
||||||
|
strokeWidth="1.8"
|
||||||
|
strokeLinecap="round"
|
||||||
|
strokeLinejoin="round"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
type EditTaskModalProps = {
|
||||||
|
task: Task
|
||||||
|
pending: boolean
|
||||||
|
error: string
|
||||||
|
onClose: () => void
|
||||||
|
onSave: (details: TaskDetails) => void
|
||||||
|
}
|
||||||
|
|
||||||
|
function EditTaskModal({ task, pending, error, onClose, onSave }: EditTaskModalProps) {
|
||||||
|
const [title, setTitle] = useState(task.title)
|
||||||
|
const [description, setDescription] = useState(task.description ?? '')
|
||||||
|
const [points, setPoints] = useState(String(task.points))
|
||||||
|
const [validationError, setValidationError] = useState('')
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
const closeOnEscape = (event: KeyboardEvent) => {
|
||||||
|
if (event.key === 'Escape' && !pending) {
|
||||||
|
onClose()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
window.addEventListener('keydown', closeOnEscape)
|
||||||
|
return () => window.removeEventListener('keydown', closeOnEscape)
|
||||||
|
}, [onClose, pending])
|
||||||
|
|
||||||
|
const closeFromBackdrop = (event: MouseEvent<HTMLDivElement>) => {
|
||||||
|
if (event.target === event.currentTarget && !pending) {
|
||||||
|
onClose()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
const submit = (event: FormEvent<HTMLFormElement>) => {
|
||||||
|
event.preventDefault()
|
||||||
|
if (pending) {
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
const trimmedTitle = title.trim()
|
||||||
|
const trimmedDescription = description.trim()
|
||||||
|
const numericPoints = Number(points)
|
||||||
|
|
||||||
|
if (!trimmedTitle || [...trimmedTitle].length > 100) {
|
||||||
|
setValidationError('Titeln måste innehålla mellan 1 och 100 tecken.')
|
||||||
|
return
|
||||||
|
}
|
||||||
|
if ([...trimmedDescription].length > 500) {
|
||||||
|
setValidationError('Beskrivningen får innehålla högst 500 tecken.')
|
||||||
|
return
|
||||||
|
}
|
||||||
|
if (
|
||||||
|
!points.trim() ||
|
||||||
|
!Number.isInteger(numericPoints) ||
|
||||||
|
numericPoints < 1 ||
|
||||||
|
numericPoints > 99
|
||||||
|
) {
|
||||||
|
setValidationError('Poäng måste vara ett heltal mellan 1 och 99.')
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
setValidationError('')
|
||||||
|
onSave({
|
||||||
|
title: trimmedTitle,
|
||||||
|
description: trimmedDescription || null,
|
||||||
|
points: numericPoints,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className="modal-backdrop" onMouseDown={closeFromBackdrop}>
|
||||||
|
<section
|
||||||
|
className="modal edit-task-modal"
|
||||||
|
role="dialog"
|
||||||
|
aria-modal="true"
|
||||||
|
aria-labelledby="edit-task-title"
|
||||||
|
>
|
||||||
|
<div className="modal-header">
|
||||||
|
<h2 id="edit-task-title">Redigera uppgift</h2>
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
className="close-button"
|
||||||
|
aria-label="Stäng"
|
||||||
|
disabled={pending}
|
||||||
|
onClick={onClose}
|
||||||
|
>
|
||||||
|
×
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<form noValidate onSubmit={submit}>
|
||||||
|
<label htmlFor="edit-task-title-field">Titel</label>
|
||||||
|
<input
|
||||||
|
id="edit-task-title-field"
|
||||||
|
autoFocus
|
||||||
|
value={title}
|
||||||
|
disabled={pending}
|
||||||
|
onChange={(event) => setTitle(event.target.value)}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<label htmlFor="edit-task-description">Beskrivning (valfri)</label>
|
||||||
|
<textarea
|
||||||
|
id="edit-task-description"
|
||||||
|
rows={5}
|
||||||
|
value={description}
|
||||||
|
disabled={pending}
|
||||||
|
onChange={(event) => setDescription(event.target.value)}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<label htmlFor="edit-task-points">Poäng</label>
|
||||||
|
<input
|
||||||
|
id="edit-task-points"
|
||||||
|
type="number"
|
||||||
|
min="1"
|
||||||
|
max="99"
|
||||||
|
step="1"
|
||||||
|
value={points}
|
||||||
|
disabled={pending}
|
||||||
|
onChange={(event) => setPoints(event.target.value)}
|
||||||
|
/>
|
||||||
|
|
||||||
|
{(validationError || error) && (
|
||||||
|
<p className="error" role="alert">
|
||||||
|
{validationError || error}
|
||||||
|
</p>
|
||||||
|
)}
|
||||||
|
|
||||||
|
<div className="edit-task-actions">
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
className="secondary compact"
|
||||||
|
disabled={pending}
|
||||||
|
onClick={onClose}
|
||||||
|
>
|
||||||
|
Avbryt
|
||||||
|
</button>
|
||||||
|
<button type="submit" disabled={pending}>
|
||||||
|
{pending ? 'Sparar…' : 'Spara'}
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
type DeleteTaskModalProps = {
|
||||||
|
task: Task
|
||||||
|
pending: boolean
|
||||||
|
error: string
|
||||||
|
onClose: () => void
|
||||||
|
onConfirm: () => void
|
||||||
|
}
|
||||||
|
|
||||||
|
function DeleteTaskModal({
|
||||||
|
task,
|
||||||
|
pending,
|
||||||
|
error,
|
||||||
|
onClose,
|
||||||
|
onConfirm,
|
||||||
|
}: DeleteTaskModalProps) {
|
||||||
|
useEffect(() => {
|
||||||
|
const closeOnEscape = (event: KeyboardEvent) => {
|
||||||
|
if (event.key === 'Escape' && !pending) {
|
||||||
|
onClose()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
window.addEventListener('keydown', closeOnEscape)
|
||||||
|
return () => window.removeEventListener('keydown', closeOnEscape)
|
||||||
|
}, [onClose, pending])
|
||||||
|
|
||||||
|
const closeFromBackdrop = (event: MouseEvent<HTMLDivElement>) => {
|
||||||
|
if (event.target === event.currentTarget && !pending) {
|
||||||
|
onClose()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className="modal-backdrop" onMouseDown={closeFromBackdrop}>
|
||||||
|
<section
|
||||||
|
className="modal delete-task-modal"
|
||||||
|
role="dialog"
|
||||||
|
aria-modal="true"
|
||||||
|
aria-labelledby="delete-task-title"
|
||||||
|
>
|
||||||
|
<div className="modal-header">
|
||||||
|
<h2 id="delete-task-title">Radera uppgift?</h2>
|
||||||
|
</div>
|
||||||
|
<p>
|
||||||
|
Är du säker på att du vill radera <strong>{task.title}</strong>? Uppgiften
|
||||||
|
raderas permanent och kan inte återställas.
|
||||||
|
</p>
|
||||||
|
{error && (
|
||||||
|
<p className="error" role="alert">
|
||||||
|
{error}
|
||||||
|
</p>
|
||||||
|
)}
|
||||||
|
<div className="delete-task-actions">
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
className="secondary compact"
|
||||||
|
autoFocus
|
||||||
|
disabled={pending}
|
||||||
|
onClick={onClose}
|
||||||
|
>
|
||||||
|
Avbryt
|
||||||
|
</button>
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
className="danger"
|
||||||
|
disabled={pending}
|
||||||
|
onClick={onConfirm}
|
||||||
|
>
|
||||||
|
Radera
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
type AssigneeControlProps = {
|
||||||
|
task: Task
|
||||||
|
users: UserSummary[]
|
||||||
|
editing: boolean
|
||||||
|
pending: boolean
|
||||||
|
onEdit: () => void
|
||||||
|
onChange: (assigneeId: string) => void
|
||||||
|
}
|
||||||
|
|
||||||
|
function UserIcon() {
|
||||||
|
return (
|
||||||
|
<svg
|
||||||
|
className="user-icon"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
width="18"
|
||||||
|
height="18"
|
||||||
|
aria-hidden="true"
|
||||||
|
>
|
||||||
|
<circle cx="12" cy="8" r="3.5" fill="none" stroke="currentColor" strokeWidth="1.8" />
|
||||||
|
<path
|
||||||
|
d="M5 20c.5-4 3-6 7-6s6.5 2 7 6"
|
||||||
|
fill="none"
|
||||||
|
stroke="currentColor"
|
||||||
|
strokeWidth="1.8"
|
||||||
|
strokeLinecap="round"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
function AssigneeControl({
|
||||||
|
task,
|
||||||
|
users,
|
||||||
|
editing,
|
||||||
|
pending,
|
||||||
|
onEdit,
|
||||||
|
onChange,
|
||||||
|
}: AssigneeControlProps) {
|
||||||
|
const displayName =
|
||||||
|
task.assignee?.name ?? (task.status === 'WAITING' ? 'Ta uppgift' : 'Otilldelad')
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className="task-assignment">
|
||||||
|
{editing ? (
|
||||||
|
<label className="assignee-select-label">
|
||||||
|
<span className="visually-hidden">Ansvarig för {task.title}</span>
|
||||||
|
<UserIcon />
|
||||||
|
<select
|
||||||
|
aria-label={`Ansvarig för ${task.title}`}
|
||||||
|
value={task.assignee?.id ?? ''}
|
||||||
|
disabled={pending}
|
||||||
|
autoFocus
|
||||||
|
onChange={(event) => onChange(event.target.value)}
|
||||||
|
>
|
||||||
|
{task.status !== 'IN_PROGRESS' && <option value="">Ingen</option>}
|
||||||
|
{users.map((user) => (
|
||||||
|
<option key={user.id} value={user.id}>
|
||||||
|
{user.name}
|
||||||
|
</option>
|
||||||
|
))}
|
||||||
|
</select>
|
||||||
|
</label>
|
||||||
|
) : (
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
className="task-assignee task-assignee-button"
|
||||||
|
disabled={pending}
|
||||||
|
onClick={onEdit}
|
||||||
|
aria-label={`Ändra ansvarig för ${task.title}`}
|
||||||
|
>
|
||||||
|
<UserIcon />
|
||||||
|
<span>{displayName}</span>
|
||||||
|
</button>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
type TaskStatusControlsProps = {
|
||||||
|
task: Task
|
||||||
|
disabled: boolean
|
||||||
|
onChange: (status: TaskStatus) => void
|
||||||
|
}
|
||||||
|
|
||||||
|
const statusActions: Record<TaskStatus, { label: string; target: TaskStatus }[]> = {
|
||||||
|
WAITING: [
|
||||||
|
{ label: 'Påbörja', target: 'IN_PROGRESS' },
|
||||||
|
{ label: 'Markera klar', target: 'COMPLETED' },
|
||||||
|
],
|
||||||
|
IN_PROGRESS: [
|
||||||
|
{ label: 'Till Väntande', target: 'WAITING' },
|
||||||
|
{ label: 'Markera klar', target: 'COMPLETED' },
|
||||||
|
],
|
||||||
|
COMPLETED: [
|
||||||
|
{ label: 'Till Väntande', target: 'WAITING' },
|
||||||
|
{ label: 'Påbörja igen', target: 'IN_PROGRESS' },
|
||||||
|
],
|
||||||
|
}
|
||||||
|
|
||||||
|
function TaskStatusControls({ task, disabled, onChange }: TaskStatusControlsProps) {
|
||||||
|
return (
|
||||||
|
<div className="task-status-actions" aria-label={`Ändra status för ${task.title}`}>
|
||||||
|
{statusActions[task.status].map((action) => (
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
className="status-button"
|
||||||
|
key={action.target}
|
||||||
|
disabled={disabled}
|
||||||
|
onClick={() => onChange(action.target)}
|
||||||
|
>
|
||||||
|
{action.label}
|
||||||
|
</button>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
type CreateTaskModalProps = {
|
type CreateTaskModalProps = {
|
||||||
|
users: UserSummary[]
|
||||||
onClose: () => void
|
onClose: () => void
|
||||||
onCreated: (task: Task) => void
|
onCreated: (task: Task) => void
|
||||||
}
|
}
|
||||||
|
|
||||||
function CreateTaskModal({ onClose, onCreated }: CreateTaskModalProps) {
|
function CreateTaskModal({ users, onClose, onCreated }: CreateTaskModalProps) {
|
||||||
const [title, setTitle] = useState('')
|
const [title, setTitle] = useState('')
|
||||||
const [description, setDescription] = useState('')
|
const [description, setDescription] = useState('')
|
||||||
|
const [points, setPoints] = useState('1')
|
||||||
|
const [assigneeId, setAssigneeId] = useState('')
|
||||||
const [error, setError] = useState('')
|
const [error, setError] = useState('')
|
||||||
const [isSubmitting, setIsSubmitting] = useState(false)
|
const [isSubmitting, setIsSubmitting] = useState(false)
|
||||||
const isSubmittingRef = useRef(false)
|
const isSubmittingRef = useRef(false)
|
||||||
@ -152,6 +952,7 @@ function CreateTaskModal({ onClose, onCreated }: CreateTaskModalProps) {
|
|||||||
|
|
||||||
const trimmedTitle = title.trim()
|
const trimmedTitle = title.trim()
|
||||||
const trimmedDescription = description.trim()
|
const trimmedDescription = description.trim()
|
||||||
|
const numericPoints = Number(points)
|
||||||
|
|
||||||
if (!trimmedTitle || [...trimmedTitle].length > 100) {
|
if (!trimmedTitle || [...trimmedTitle].length > 100) {
|
||||||
setError('Titeln måste innehålla mellan 1 och 100 tecken.')
|
setError('Titeln måste innehålla mellan 1 och 100 tecken.')
|
||||||
@ -163,6 +964,16 @@ function CreateTaskModal({ onClose, onCreated }: CreateTaskModalProps) {
|
|||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|
||||||
|
if (
|
||||||
|
!points.trim() ||
|
||||||
|
!Number.isInteger(numericPoints) ||
|
||||||
|
numericPoints < 1 ||
|
||||||
|
numericPoints > 99
|
||||||
|
) {
|
||||||
|
setError('Poäng måste vara ett heltal mellan 1 och 99.')
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
setError('')
|
setError('')
|
||||||
isSubmittingRef.current = true
|
isSubmittingRef.current = true
|
||||||
setIsSubmitting(true)
|
setIsSubmitting(true)
|
||||||
@ -174,6 +985,8 @@ function CreateTaskModal({ onClose, onCreated }: CreateTaskModalProps) {
|
|||||||
body: JSON.stringify({
|
body: JSON.stringify({
|
||||||
title: trimmedTitle,
|
title: trimmedTitle,
|
||||||
description: trimmedDescription || null,
|
description: trimmedDescription || null,
|
||||||
|
points: numericPoints,
|
||||||
|
assigneeId: assigneeId || null,
|
||||||
}),
|
}),
|
||||||
})
|
})
|
||||||
|
|
||||||
@ -212,7 +1025,7 @@ function CreateTaskModal({ onClose, onCreated }: CreateTaskModalProps) {
|
|||||||
×
|
×
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<form onSubmit={(event) => void submit(event)}>
|
<form noValidate onSubmit={(event) => void submit(event)}>
|
||||||
<label htmlFor="task-title">Titel</label>
|
<label htmlFor="task-title">Titel</label>
|
||||||
<input
|
<input
|
||||||
id="task-title"
|
id="task-title"
|
||||||
@ -231,6 +1044,39 @@ function CreateTaskModal({ onClose, onCreated }: CreateTaskModalProps) {
|
|||||||
onChange={(event) => setDescription(event.target.value)}
|
onChange={(event) => setDescription(event.target.value)}
|
||||||
/>
|
/>
|
||||||
|
|
||||||
|
<label htmlFor="task-points">Poäng</label>
|
||||||
|
<input
|
||||||
|
id="task-points"
|
||||||
|
type="number"
|
||||||
|
min="1"
|
||||||
|
max="99"
|
||||||
|
step="1"
|
||||||
|
value={points}
|
||||||
|
disabled={isSubmitting}
|
||||||
|
aria-describedby="task-points-help"
|
||||||
|
onChange={(event) => setPoints(event.target.value)}
|
||||||
|
/>
|
||||||
|
<p id="task-points-help" className="field-help">
|
||||||
|
1–99 poäng beroende på hur tidskrävande, besvärlig eller viktig uppgiften är.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<label className="field-label-uppercase" htmlFor="task-assignee">
|
||||||
|
Tilldela
|
||||||
|
</label>
|
||||||
|
<select
|
||||||
|
id="task-assignee"
|
||||||
|
value={assigneeId}
|
||||||
|
disabled={isSubmitting}
|
||||||
|
onChange={(event) => setAssigneeId(event.target.value)}
|
||||||
|
>
|
||||||
|
<option value="">Ingen</option>
|
||||||
|
{users.map((user) => (
|
||||||
|
<option key={user.id} value={user.id}>
|
||||||
|
{user.name}
|
||||||
|
</option>
|
||||||
|
))}
|
||||||
|
</select>
|
||||||
|
|
||||||
{error && (
|
{error && (
|
||||||
<p className="error" role="alert">
|
<p className="error" role="alert">
|
||||||
{error}
|
{error}
|
||||||
|
|||||||
18
frontend/src/TaskDragAndDrop.test.ts
Normal file
18
frontend/src/TaskDragAndDrop.test.ts
Normal file
@ -0,0 +1,18 @@
|
|||||||
|
import { expect, test } from 'vitest'
|
||||||
|
import { resolveTaskDrop } from './TaskDragAndDrop'
|
||||||
|
|
||||||
|
test.each(['WAITING', 'IN_PROGRESS', 'COMPLETED'] as const)(
|
||||||
|
'mappar målkolumnen %s till motsvarande status',
|
||||||
|
(status) => {
|
||||||
|
expect(resolveTaskDrop('task-1', status, false)).toEqual({
|
||||||
|
taskId: 'task-1',
|
||||||
|
targetStatus: status,
|
||||||
|
})
|
||||||
|
},
|
||||||
|
)
|
||||||
|
|
||||||
|
test('avbruten dragning och ogiltig målkolumn är no-op', () => {
|
||||||
|
expect(resolveTaskDrop('task-1', 'WAITING', true)).toBeNull()
|
||||||
|
expect(resolveTaskDrop('task-1', undefined, false)).toBeNull()
|
||||||
|
expect(resolveTaskDrop('task-1', 'UNKNOWN', false)).toBeNull()
|
||||||
|
})
|
||||||
90
frontend/src/TaskDragAndDrop.tsx
Normal file
90
frontend/src/TaskDragAndDrop.tsx
Normal file
@ -0,0 +1,90 @@
|
|||||||
|
import { ReactNode } from 'react'
|
||||||
|
import { DragDropProvider, useDraggable, useDroppable } from '@dnd-kit/react'
|
||||||
|
import { PointerActivationConstraints, PointerSensor } from '@dnd-kit/dom'
|
||||||
|
|
||||||
|
export type TaskStatus = 'WAITING' | 'IN_PROGRESS' | 'COMPLETED'
|
||||||
|
|
||||||
|
type TaskDragDropProviderProps = {
|
||||||
|
children: ReactNode
|
||||||
|
onTaskDrop: (taskId: string, targetStatus: TaskStatus) => void
|
||||||
|
}
|
||||||
|
|
||||||
|
const taskStatuses = new Set<TaskStatus>(['WAITING', 'IN_PROGRESS', 'COMPLETED'])
|
||||||
|
|
||||||
|
const pointerSensor = PointerSensor.configure({
|
||||||
|
activationConstraints(event) {
|
||||||
|
if (event.pointerType === 'touch') {
|
||||||
|
return [new PointerActivationConstraints.Delay({ value: 250, tolerance: 8 })]
|
||||||
|
}
|
||||||
|
|
||||||
|
return [new PointerActivationConstraints.Distance({ value: 6 })]
|
||||||
|
},
|
||||||
|
})
|
||||||
|
|
||||||
|
export function resolveTaskDrop(
|
||||||
|
sourceId: string | number | undefined,
|
||||||
|
targetId: string | number | undefined,
|
||||||
|
canceled: boolean,
|
||||||
|
) {
|
||||||
|
if (
|
||||||
|
canceled ||
|
||||||
|
sourceId === undefined ||
|
||||||
|
typeof targetId !== 'string' ||
|
||||||
|
!taskStatuses.has(targetId as TaskStatus)
|
||||||
|
) {
|
||||||
|
return null
|
||||||
|
}
|
||||||
|
|
||||||
|
return {
|
||||||
|
taskId: String(sourceId),
|
||||||
|
targetStatus: targetId as TaskStatus,
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export function TaskDragDropProvider({
|
||||||
|
children,
|
||||||
|
onTaskDrop,
|
||||||
|
}: TaskDragDropProviderProps) {
|
||||||
|
return (
|
||||||
|
<DragDropProvider
|
||||||
|
sensors={(defaults) => [
|
||||||
|
...defaults.filter((sensor) => sensor !== PointerSensor),
|
||||||
|
pointerSensor,
|
||||||
|
]}
|
||||||
|
onDragEnd={(event) => {
|
||||||
|
const drop = resolveTaskDrop(
|
||||||
|
event.operation.source?.id,
|
||||||
|
event.operation.target?.id,
|
||||||
|
event.canceled,
|
||||||
|
)
|
||||||
|
|
||||||
|
if (!drop) {
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
onTaskDrop(drop.taskId, drop.targetStatus)
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{children}
|
||||||
|
</DragDropProvider>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
export function useTaskDraggable(taskId: string, disabled: boolean) {
|
||||||
|
const { ref, isDragging } = useDraggable({
|
||||||
|
id: taskId,
|
||||||
|
type: 'task',
|
||||||
|
disabled,
|
||||||
|
})
|
||||||
|
|
||||||
|
return { ref, isDragging }
|
||||||
|
}
|
||||||
|
|
||||||
|
export function useTaskColumnDropTarget(status: TaskStatus) {
|
||||||
|
const { ref, isDropTarget } = useDroppable({
|
||||||
|
id: status,
|
||||||
|
accept: 'task',
|
||||||
|
})
|
||||||
|
|
||||||
|
return { ref, isDropTarget }
|
||||||
|
}
|
||||||
@ -23,6 +23,7 @@ h1 {
|
|||||||
|
|
||||||
button,
|
button,
|
||||||
input,
|
input,
|
||||||
|
select,
|
||||||
textarea {
|
textarea {
|
||||||
font: inherit;
|
font: inherit;
|
||||||
}
|
}
|
||||||
@ -38,6 +39,7 @@ button {
|
|||||||
|
|
||||||
button:disabled,
|
button:disabled,
|
||||||
input:disabled,
|
input:disabled,
|
||||||
|
select:disabled,
|
||||||
textarea:disabled {
|
textarea:disabled {
|
||||||
cursor: not-allowed;
|
cursor: not-allowed;
|
||||||
opacity: 0.65;
|
opacity: 0.65;
|
||||||
@ -70,6 +72,15 @@ input {
|
|||||||
border-radius: 0.4rem;
|
border-radius: 0.4rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
select {
|
||||||
|
box-sizing: border-box;
|
||||||
|
width: 100%;
|
||||||
|
padding: 0.6rem;
|
||||||
|
border: 1px solid #9ca3af;
|
||||||
|
border-radius: 0.4rem;
|
||||||
|
background: white;
|
||||||
|
}
|
||||||
|
|
||||||
textarea {
|
textarea {
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@ -147,8 +158,15 @@ textarea {
|
|||||||
.board-column {
|
.board-column {
|
||||||
min-height: 20rem;
|
min-height: 20rem;
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
|
border: 1px solid transparent;
|
||||||
border-radius: 0.75rem;
|
border-radius: 0.75rem;
|
||||||
background: #e5e7eb;
|
background: #e5e7eb;
|
||||||
|
transition: border-color 120ms ease, background-color 120ms ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.board-column-drop-target {
|
||||||
|
border-color: #93c5fd;
|
||||||
|
background: #e0e7ff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.board-column h2 {
|
.board-column h2 {
|
||||||
@ -169,17 +187,161 @@ textarea {
|
|||||||
box-shadow: 0 0.125rem 0.4rem rgb(0 0 0 / 8%);
|
box-shadow: 0 0.125rem 0.4rem rgb(0 0 0 / 8%);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.task-card-pending {
|
||||||
|
opacity: 0.65;
|
||||||
|
}
|
||||||
|
|
||||||
|
.task-card-dragging {
|
||||||
|
cursor: grabbing;
|
||||||
|
}
|
||||||
|
|
||||||
.task-card h3,
|
.task-card h3,
|
||||||
.task-card p {
|
.task-card p {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.task-assignment {
|
||||||
|
margin-top: 0.9rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.task-assignee {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 0.4rem;
|
||||||
|
color: #475569;
|
||||||
|
font-size: 0.9rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.task-assignee-button {
|
||||||
|
padding: 0.25rem 0;
|
||||||
|
color: #2563eb;
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.user-icon {
|
||||||
|
flex: 0 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.assignee-select-label {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 0.4rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.assignee-select-label select {
|
||||||
|
width: auto;
|
||||||
|
min-width: 9rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.field-label-uppercase {
|
||||||
|
color: #64748b;
|
||||||
|
font-size: 0.8rem;
|
||||||
|
font-weight: 700;
|
||||||
|
letter-spacing: 0.08em;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
|
||||||
|
.visually-hidden {
|
||||||
|
position: absolute;
|
||||||
|
width: 1px;
|
||||||
|
height: 1px;
|
||||||
|
padding: 0;
|
||||||
|
margin: -1px;
|
||||||
|
overflow: hidden;
|
||||||
|
clip: rect(0, 0, 0, 0);
|
||||||
|
white-space: nowrap;
|
||||||
|
border: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.task-card-header {
|
||||||
|
display: flex;
|
||||||
|
align-items: flex-start;
|
||||||
|
justify-content: space-between;
|
||||||
|
gap: 0.75rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.task-card-actions {
|
||||||
|
display: flex;
|
||||||
|
flex: 0 0 auto;
|
||||||
|
align-items: center;
|
||||||
|
gap: 0.35rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.task-edit-button,
|
||||||
|
.task-delete-button {
|
||||||
|
display: inline-grid;
|
||||||
|
width: 2.5rem;
|
||||||
|
height: 2.5rem;
|
||||||
|
padding: 0;
|
||||||
|
place-items: center;
|
||||||
|
color: #64748b;
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.task-edit-button:hover,
|
||||||
|
.task-edit-button:focus-visible {
|
||||||
|
color: #1d4ed8;
|
||||||
|
background: #dbeafe;
|
||||||
|
}
|
||||||
|
|
||||||
|
.task-edit-button:focus-visible {
|
||||||
|
outline: 2px solid #2563eb;
|
||||||
|
outline-offset: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.task-delete-button:hover,
|
||||||
|
.task-delete-button:focus-visible {
|
||||||
|
color: #991b1b;
|
||||||
|
background: #fee2e2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.task-delete-button:focus-visible {
|
||||||
|
outline: 2px solid #dc2626;
|
||||||
|
outline-offset: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.points-badge {
|
||||||
|
flex: 0 0 auto;
|
||||||
|
padding: 0.2rem 0.5rem;
|
||||||
|
border-radius: 999px;
|
||||||
|
color: #1e3a8a;
|
||||||
|
background: #dbeafe;
|
||||||
|
font-size: 0.8rem;
|
||||||
|
font-weight: 700;
|
||||||
|
line-height: 1.25;
|
||||||
|
}
|
||||||
|
|
||||||
.task-card p {
|
.task-card p {
|
||||||
margin-top: 0.5rem;
|
margin-top: 0.5rem;
|
||||||
color: #475569;
|
color: #475569;
|
||||||
white-space: pre-wrap;
|
white-space: pre-wrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.task-status-actions {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
gap: 0.5rem;
|
||||||
|
margin-top: 0.9rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status-button {
|
||||||
|
padding: 0.4rem 0.65rem;
|
||||||
|
color: #1e3a8a;
|
||||||
|
background: #dbeafe;
|
||||||
|
font-size: 0.85rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.task-error {
|
||||||
|
margin-top: 0.6rem;
|
||||||
|
font-size: 0.85rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.field-help {
|
||||||
|
margin: -0.25rem 0 0;
|
||||||
|
color: #64748b;
|
||||||
|
font-size: 0.85rem;
|
||||||
|
}
|
||||||
|
|
||||||
.modal-backdrop {
|
.modal-backdrop {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
inset: 0;
|
inset: 0;
|
||||||
@ -205,6 +367,40 @@ textarea {
|
|||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.delete-task-modal p {
|
||||||
|
margin: 0 0 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.edit-task-actions {
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-end;
|
||||||
|
gap: 0.75rem;
|
||||||
|
margin-top: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.edit-task-actions .secondary {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.delete-task-actions {
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-end;
|
||||||
|
gap: 0.75rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.delete-task-actions .secondary {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.danger {
|
||||||
|
background: #b91c1c;
|
||||||
|
}
|
||||||
|
|
||||||
|
.danger:hover,
|
||||||
|
.danger:focus-visible {
|
||||||
|
background: #991b1b;
|
||||||
|
}
|
||||||
|
|
||||||
.close-button {
|
.close-button {
|
||||||
padding: 0.2rem 0.55rem;
|
padding: 0.2rem 0.55rem;
|
||||||
color: #475569;
|
color: #475569;
|
||||||
|
|||||||
@ -1,5 +1,15 @@
|
|||||||
import '@testing-library/jest-dom/vitest'
|
import '@testing-library/jest-dom/vitest'
|
||||||
|
|
||||||
|
class ResizeObserverStub implements ResizeObserver {
|
||||||
|
observe() {}
|
||||||
|
|
||||||
|
unobserve() {}
|
||||||
|
|
||||||
|
disconnect() {}
|
||||||
|
}
|
||||||
|
|
||||||
|
globalThis.ResizeObserver = ResizeObserverStub
|
||||||
|
|
||||||
const storedValues = new Map<string, string>()
|
const storedValues = new Map<string, string>()
|
||||||
|
|
||||||
Object.defineProperty(window, 'localStorage', {
|
Object.defineProperty(window, 'localStorage', {
|
||||||
|
|||||||
Reference in New Issue
Block a user