Extract StatusManager, dedupe ColumnChange type, add useDialog composable

- Pull the status-management feature (drag reorder, add, delete with
  reassignment) out of ProjectConfigureView into its own StatusManager
  component. It fetches its own status list independently, so the view
  is left with just page chrome and the rename form (316 -> 106 lines).
- Define ColumnChange once in lib/cardOrder.ts instead of duplicating
  the same type in AppSidebar.vue and ProjectView.vue.
- Add composables/useDialog.ts for the Escape-to-close + focus-on-open
  behaviour shared by every confirm/reassign modal (and, without a
  focus target, plain dropdown menus). Used by ProjectManageMenu's
  delete-confirmation modal + its own menu, and StatusManager's
  reassignment modal.
This commit is contained in:
2026-09-04 23:35:33 +01:00
parent a3462af005
commit 83471e55d4
7 changed files with 280 additions and 242 deletions
+8
View File
@@ -1,6 +1,14 @@
import { apiRequest } from './api'
import type { Card } from '../types'
/** A vuedraggable @change payload -- shared by every column that can be a
* drag source/target (a project's kanban columns, the sidebar's inbox). */
export type ColumnChange = {
added?: { element: Card; newIndex: number }
removed?: { element: Card; oldIndex: number }
moved?: { element: Card; oldIndex: number; newIndex: number }
}
/**
* Set the contents and order of one column -- the inbox (both null) or a
* project's status (both set). Shared by the sidebar's inbox list and a