refactor(tui): move shared components (help bar, issue list, modals, etc.) into components folder. Also added kanban board view.

pkg/tui/views/kanban/view.go

@@ -0,0 +1,96 @@
+package kanban
+
+import (
+	"github.com/LazyBachelor/LazyPM/pkg/tui/components"
+	"github.com/LazyBachelor/LazyPM/pkg/tui/styles"
+	"github.com/charmbracelet/lipgloss"
+)
+
+func (m *Model) View() string {
+	if m.width == 0 || m.height == 0 {
+		// if there is no space just print a loading message
+		return "Loading..."
+	}
+
+	m.helpBar.SetWidth(m.width)
+
+	header := m.header.View(m.width)
+	headerHeight := m.header.Height()
+
+	footer := components.RenderFooter(m.width, &m.helpBar, m.currentFeedback)
+	footerHeight := lipgloss.Height(footer)
+
+	contentHeight := m.height - headerHeight - footerHeight
+	totalContentWidth := m.width - 1
+	colWidth := totalContentWidth / 3
+	if colWidth < 20 {
+		colWidth = 20
+	}
+
+	// Leave some space for the detail view below the board.
+	boardHeight := contentHeight / 2
+	if boardHeight < 5 {
+		boardHeight = contentHeight
+	}
+
+	m.todoList.SetSize(colWidth, boardHeight-1)
+	m.inProgList.SetSize(colWidth, boardHeight-1)
+	m.doneList.SetSize(colWidth, boardHeight-1)
+
+	// Only highlight the selected row in the focused column.
+	m.todoList.SetHighlightSelected(!m.focusOnDetail && m.focusedColumn == 0)
+	m.inProgList.SetHighlightSelected(!m.focusOnDetail && m.focusedColumn == 1)
+	m.doneList.SetHighlightSelected(!m.focusOnDetail && m.focusedColumn == 2)
+
+	// Detail view takes full width below the board.
+	m.issueDetail.SetSize(totalContentWidth, contentHeight-boardHeight)
+
+	todoLabel := styles.LabelStyle.Render("To Do")
+	inProgLabel := styles.LabelStyle.Render("In Progress")
+	doneLabel := styles.LabelStyle.Render("Done")
+
+	highlight := lipgloss.NewStyle().Foreground(styles.Primary).Bold(true)
+	switch m.focusedColumn {
+	case 0:
+		todoLabel = highlight.Render("To Do ▶")
+	case 1:
+		inProgLabel = highlight.Render("In Progress ▶")
+	case 2:
+		doneLabel = highlight.Render("Done ▶")
+	}
+
+	todoCol := lipgloss.JoinVertical(lipgloss.Left, todoLabel, m.todoList.View())
+	inProgCol := lipgloss.JoinVertical(lipgloss.Left, inProgLabel, m.inProgList.View())
+	doneCol := lipgloss.JoinVertical(lipgloss.Left, doneLabel, m.doneList.View())
+
+	board := lipgloss.JoinHorizontal(lipgloss.Left, todoCol, inProgCol, doneCol)
+	content := lipgloss.JoinVertical(lipgloss.Left, board, m.issueDetail.View())
+
+	mainView := lipgloss.JoinVertical(lipgloss.Left, header, content, footer)
+
+	return components.RenderModals(
+		m.width,
+		m.height,
+		m.editingTitle,
+		m.titleInput.View(),
+		m.editingDescription,
+		m.descriptionInput.View(),
+		m.creatingIssue,
+		m.createTitleInput.View(),
+		m.confirmingDelete,
+		m.deleteConfirmID,
+		m.choosingStatus,
+		m.statusIssueID,
+		m.choosingPriority,
+		m.priorityIssueID,
+		m.choosingType,
+		m.typeIssueID,
+		mainView,
+	)
+
+}
+
+func (m *Model) footer() string {
+	// Kept for backwards compatibility; delegate to the shared helper.
+	return components.RenderFooter(m.width, &m.helpBar, m.currentFeedback)
+}