Initial commit: Azure DevOps TUI client
A terminal-based user interface for browsing and managing Azure DevOps work items. Features include: - Browse work items with filtering by area, iteration, state, and type - View work item details with markdown rendering - Open work items in browser - Create git branches from work items - Update work item state - Keyboard-driven navigation 🤖 Generated with [Claude Code](https://claude.ai/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Samuel Enocsson
@@ -0,0 +1,251 @@
|
||||
package components
|
||||
|
||||
import (
|
||||
"fmt"
|
||||
"regexp"
|
||||
"strings"
|
||||
|
||||
"github.com/charmbracelet/bubbles/key"
|
||||
"github.com/charmbracelet/bubbles/textinput"
|
||||
tea "github.com/charmbracelet/bubbletea"
|
||||
"github.com/charmbracelet/lipgloss"
|
||||
"github.com/samuelenocsson/devops-tui/internal/models"
|
||||
"github.com/samuelenocsson/devops-tui/internal/ui/theme"
|
||||
)
|
||||
|
||||
// BranchModal is a modal for creating a branch linked to a work item
|
||||
type BranchModal struct {
|
||||
visible bool
|
||||
item *models.WorkItem
|
||||
textInput textinput.Model
|
||||
styles theme.Styles
|
||||
keys theme.KeyMap
|
||||
width int
|
||||
height int
|
||||
err error
|
||||
}
|
||||
|
||||
// NewBranchModal creates a new branch modal
|
||||
func NewBranchModal(styles theme.Styles, keys theme.KeyMap) BranchModal {
|
||||
ti := textinput.New()
|
||||
ti.Placeholder = "feature/123-task-name"
|
||||
ti.CharLimit = 100
|
||||
ti.Width = 35
|
||||
|
||||
return BranchModal{
|
||||
textInput: ti,
|
||||
styles: styles,
|
||||
keys: keys,
|
||||
}
|
||||
}
|
||||
|
||||
// Init initializes the modal
|
||||
func (m BranchModal) Init() tea.Cmd {
|
||||
return nil
|
||||
}
|
||||
|
||||
// Update handles messages
|
||||
func (m BranchModal) Update(msg tea.Msg) (BranchModal, tea.Cmd) {
|
||||
if !m.visible {
|
||||
return m, nil
|
||||
}
|
||||
|
||||
var cmd tea.Cmd
|
||||
|
||||
switch msg := msg.(type) {
|
||||
case tea.KeyMsg:
|
||||
switch {
|
||||
case key.Matches(msg, m.keys.Back):
|
||||
m.visible = false
|
||||
m.err = nil
|
||||
return m, func() tea.Msg { return ModalClosedMsg{} }
|
||||
case msg.Type == tea.KeyEnter:
|
||||
branchName := strings.TrimSpace(m.textInput.Value())
|
||||
if branchName == "" {
|
||||
m.err = fmt.Errorf("branch name cannot be empty")
|
||||
return m, nil
|
||||
}
|
||||
if !isValidBranchName(branchName) {
|
||||
m.err = fmt.Errorf("invalid branch name")
|
||||
return m, nil
|
||||
}
|
||||
m.err = nil
|
||||
return m, func() tea.Msg {
|
||||
return BranchCreateRequestMsg{
|
||||
Item: *m.item,
|
||||
BranchName: branchName,
|
||||
}
|
||||
}
|
||||
default:
|
||||
m.textInput, cmd = m.textInput.Update(msg)
|
||||
return m, cmd
|
||||
}
|
||||
}
|
||||
|
||||
m.textInput, cmd = m.textInput.Update(msg)
|
||||
return m, cmd
|
||||
}
|
||||
|
||||
// View renders the modal
|
||||
func (m BranchModal) View() string {
|
||||
if !m.visible {
|
||||
return ""
|
||||
}
|
||||
|
||||
// Modal dimensions
|
||||
modalWidth := 50
|
||||
modalHeight := 10
|
||||
|
||||
// Build content
|
||||
var b strings.Builder
|
||||
|
||||
// Title
|
||||
title := lipgloss.NewStyle().Bold(true).Render("Create Branch")
|
||||
b.WriteString(title + "\n")
|
||||
|
||||
// Item info
|
||||
if m.item != nil {
|
||||
itemInfo := lipgloss.NewStyle().
|
||||
Foreground(lipgloss.Color("#9CA3AF")).
|
||||
Render("#" + itoa(m.item.ID) + " " + truncateStr(m.item.Title, 35))
|
||||
b.WriteString(itemInfo + "\n\n")
|
||||
}
|
||||
|
||||
// Label
|
||||
labelStyle := lipgloss.NewStyle().Foreground(lipgloss.Color("#D1D5DB"))
|
||||
b.WriteString(labelStyle.Render("Branch name:") + "\n")
|
||||
|
||||
// Text input
|
||||
b.WriteString(m.textInput.View() + "\n")
|
||||
|
||||
// Error message
|
||||
if m.err != nil {
|
||||
errStyle := lipgloss.NewStyle().Foreground(lipgloss.Color("#EF4444"))
|
||||
b.WriteString(errStyle.Render(m.err.Error()) + "\n")
|
||||
} else {
|
||||
b.WriteString("\n")
|
||||
}
|
||||
|
||||
// Help text
|
||||
helpStyle := lipgloss.NewStyle().Foreground(lipgloss.Color("#6B7280"))
|
||||
b.WriteString(helpStyle.Render("Enter: create Esc: cancel"))
|
||||
|
||||
// Modal style
|
||||
modalStyle := lipgloss.NewStyle().
|
||||
Border(lipgloss.RoundedBorder()).
|
||||
BorderForeground(lipgloss.Color("#7C3AED")).
|
||||
Padding(1, 2).
|
||||
Width(modalWidth).
|
||||
Height(modalHeight).
|
||||
Background(lipgloss.Color("#1F2937"))
|
||||
|
||||
modal := modalStyle.Render(b.String())
|
||||
|
||||
// Center the modal
|
||||
return lipgloss.Place(m.width, m.height, lipgloss.Center, lipgloss.Center, modal)
|
||||
}
|
||||
|
||||
// SetVisible sets the visibility
|
||||
func (m *BranchModal) SetVisible(visible bool) {
|
||||
m.visible = visible
|
||||
m.err = nil
|
||||
if visible {
|
||||
m.textInput.Focus()
|
||||
// Generate suggested branch name from work item
|
||||
if m.item != nil {
|
||||
suggested := generateBranchName(m.item)
|
||||
m.textInput.SetValue(suggested)
|
||||
m.textInput.CursorEnd()
|
||||
}
|
||||
} else {
|
||||
m.textInput.Blur()
|
||||
}
|
||||
}
|
||||
|
||||
// IsVisible returns whether the modal is visible
|
||||
func (m *BranchModal) IsVisible() bool {
|
||||
return m.visible
|
||||
}
|
||||
|
||||
// SetItem sets the work item to link
|
||||
func (m *BranchModal) SetItem(item *models.WorkItem) {
|
||||
m.item = item
|
||||
}
|
||||
|
||||
// SetSize sets the modal container size
|
||||
func (m *BranchModal) SetSize(width, height int) {
|
||||
m.width = width
|
||||
m.height = height
|
||||
}
|
||||
|
||||
// generateBranchName generates a suggested branch name from work item
|
||||
func generateBranchName(item *models.WorkItem) string {
|
||||
// Get work item type prefix
|
||||
prefix := "feature"
|
||||
switch item.Type {
|
||||
case models.WorkItemTypeBug:
|
||||
prefix = "bugfix"
|
||||
case models.WorkItemTypeTask:
|
||||
prefix = "task"
|
||||
case models.WorkItemTypeStory:
|
||||
prefix = "feature"
|
||||
case models.WorkItemTypeEpic:
|
||||
prefix = "epic"
|
||||
}
|
||||
|
||||
// Sanitize title for branch name
|
||||
title := strings.ToLower(item.Title)
|
||||
// Replace spaces and special chars with hyphens
|
||||
re := regexp.MustCompile(`[^a-z0-9]+`)
|
||||
title = re.ReplaceAllString(title, "-")
|
||||
// Remove leading/trailing hyphens
|
||||
title = strings.Trim(title, "-")
|
||||
// Truncate to reasonable length
|
||||
if len(title) > 40 {
|
||||
title = title[:40]
|
||||
// Don't cut off in middle of a word if possible
|
||||
if lastHyphen := strings.LastIndex(title, "-"); lastHyphen > 20 {
|
||||
title = title[:lastHyphen]
|
||||
}
|
||||
}
|
||||
|
||||
return fmt.Sprintf("%s/%d-%s", prefix, item.ID, title)
|
||||
}
|
||||
|
||||
// isValidBranchName validates branch name
|
||||
func isValidBranchName(name string) bool {
|
||||
// Basic validation for git branch names
|
||||
if name == "" {
|
||||
return false
|
||||
}
|
||||
// Check for invalid characters
|
||||
invalid := regexp.MustCompile(`[\s~^:?*\[\]\\]`)
|
||||
if invalid.MatchString(name) {
|
||||
return false
|
||||
}
|
||||
// Can't start or end with /
|
||||
if strings.HasPrefix(name, "/") || strings.HasSuffix(name, "/") {
|
||||
return false
|
||||
}
|
||||
// Can't have consecutive dots
|
||||
if strings.Contains(name, "..") {
|
||||
return false
|
||||
}
|
||||
return true
|
||||
}
|
||||
|
||||
// BranchCreateRequestMsg is sent when user confirms branch creation
|
||||
type BranchCreateRequestMsg struct {
|
||||
Item models.WorkItem
|
||||
BranchName string
|
||||
}
|
||||
|
||||
// BranchCreatedMsg is sent when branch creation is complete
|
||||
type BranchCreatedMsg struct {
|
||||
BranchName string
|
||||
}
|
||||
|
||||
// BranchCreateErrorMsg is sent when branch creation fails
|
||||
type BranchCreateErrorMsg struct {
|
||||
Err error
|
||||
}
|
||||
@@ -0,0 +1,212 @@
|
||||
package components
|
||||
|
||||
import (
|
||||
"fmt"
|
||||
"strings"
|
||||
|
||||
"github.com/charmbracelet/glamour"
|
||||
"github.com/charmbracelet/lipgloss"
|
||||
"github.com/samuelenocsson/devops-tui/internal/models"
|
||||
"github.com/samuelenocsson/devops-tui/internal/ui/theme"
|
||||
)
|
||||
|
||||
// DetailsPanel shows details for a selected work item
|
||||
type DetailsPanel struct {
|
||||
item *models.WorkItem
|
||||
styles theme.Styles
|
||||
width int
|
||||
height int
|
||||
renderedDesc string
|
||||
renderedDescWidth int
|
||||
}
|
||||
|
||||
// NewDetailsPanel creates a new details panel
|
||||
func NewDetailsPanel(styles theme.Styles) DetailsPanel {
|
||||
return DetailsPanel{
|
||||
styles: styles,
|
||||
}
|
||||
}
|
||||
|
||||
// View renders the details panel
|
||||
func (d DetailsPanel) View() string {
|
||||
if d.item == nil {
|
||||
content := d.styles.Subtitle.Render("Select a work item to view details")
|
||||
return d.styles.PanelInactive.
|
||||
Width(d.width).
|
||||
Height(d.height).
|
||||
Render(content)
|
||||
}
|
||||
|
||||
var b strings.Builder
|
||||
|
||||
// Title
|
||||
title := fmt.Sprintf("#%d %s", d.item.ID, d.item.Title)
|
||||
if len(title) > d.width-6 {
|
||||
title = title[:d.width-9] + "..."
|
||||
}
|
||||
b.WriteString(d.styles.DetailTitle.Render(title))
|
||||
b.WriteString("\n\n")
|
||||
|
||||
// Metadata section with aligned columns
|
||||
typeStyle := d.styles.TypeBadge(string(d.item.Type))
|
||||
stateStyle := d.styles.StateBadge(string(d.item.State))
|
||||
|
||||
labelWidth := 10
|
||||
valueWidth := 12
|
||||
|
||||
// Type and State row
|
||||
b.WriteString(d.styles.DetailLabel.Width(labelWidth).Render("Type:"))
|
||||
b.WriteString(typeStyle.Width(valueWidth).Render(d.item.ShortType()))
|
||||
b.WriteString(d.styles.DetailLabel.Width(labelWidth).Render("State:"))
|
||||
b.WriteString(stateStyle.Render(string(d.item.State)))
|
||||
b.WriteString("\n")
|
||||
|
||||
// Assigned and Sprint row
|
||||
assignedTo := d.item.AssignedTo
|
||||
if assignedTo == "" {
|
||||
assignedTo = "Unassigned"
|
||||
}
|
||||
b.WriteString(d.styles.DetailLabel.Width(labelWidth).Render("Assigned:"))
|
||||
b.WriteString(d.styles.DetailValue.Width(valueWidth).Render(truncate(assignedTo, valueWidth)))
|
||||
b.WriteString(d.styles.DetailLabel.Width(labelWidth).Render("Sprint:"))
|
||||
b.WriteString(d.styles.DetailValue.Render(d.item.SprintName()))
|
||||
b.WriteString("\n")
|
||||
|
||||
// Area row
|
||||
b.WriteString(d.styles.DetailLabel.Width(labelWidth).Render("Area:"))
|
||||
b.WriteString(d.styles.DetailValue.Render(d.item.AreaName()))
|
||||
b.WriteString("\n")
|
||||
|
||||
// Parent (if exists)
|
||||
if d.item.ParentID > 0 {
|
||||
b.WriteString("\n")
|
||||
parentLabel := fmt.Sprintf("Parent: #%d", d.item.ParentID)
|
||||
if d.item.ParentTitle != "" {
|
||||
parentLabel += " " + d.item.ParentTitle
|
||||
}
|
||||
b.WriteString(d.styles.Subtitle.Render(parentLabel))
|
||||
b.WriteString("\n")
|
||||
}
|
||||
|
||||
// Description section
|
||||
if d.item.Description != "" {
|
||||
b.WriteString("\n")
|
||||
b.WriteString(d.styles.DetailSectionTitle.Render("─── Description ───"))
|
||||
b.WriteString("\n")
|
||||
|
||||
maxWidth := d.width - 8
|
||||
if maxWidth < 20 {
|
||||
maxWidth = 20
|
||||
}
|
||||
|
||||
// Use cached rendered description if available and width matches
|
||||
desc := d.renderedDesc
|
||||
if desc == "" || d.renderedDescWidth != maxWidth {
|
||||
desc = d.renderMarkdown(d.item.Description, maxWidth)
|
||||
}
|
||||
|
||||
// Limit description height
|
||||
lines := strings.Split(desc, "\n")
|
||||
maxLines := d.height - 12
|
||||
if maxLines < 3 {
|
||||
maxLines = 3
|
||||
}
|
||||
if len(lines) > maxLines {
|
||||
lines = lines[:maxLines]
|
||||
lines = append(lines, "...")
|
||||
}
|
||||
|
||||
b.WriteString(strings.Join(lines, "\n"))
|
||||
b.WriteString("\n")
|
||||
}
|
||||
|
||||
// Tags section
|
||||
if len(d.item.Tags) > 0 {
|
||||
b.WriteString("\n")
|
||||
b.WriteString(d.styles.DetailSectionTitle.Render("─── Tags ───"))
|
||||
b.WriteString("\n")
|
||||
|
||||
var tagStrings []string
|
||||
for _, tag := range d.item.Tags {
|
||||
tagStrings = append(tagStrings, d.styles.DetailTag.Render(tag))
|
||||
}
|
||||
b.WriteString(strings.Join(tagStrings, " "))
|
||||
}
|
||||
|
||||
content := b.String()
|
||||
return d.styles.PanelInactive.
|
||||
Width(d.width).
|
||||
Height(d.height).
|
||||
BorderForeground(lipgloss.Color("#374151")).
|
||||
Render(content)
|
||||
}
|
||||
|
||||
// SetItem sets the work item to display
|
||||
func (d *DetailsPanel) SetItem(item *models.WorkItem) {
|
||||
d.item = item
|
||||
d.renderedDesc = ""
|
||||
d.renderedDescWidth = 0
|
||||
}
|
||||
|
||||
// renderMarkdown renders markdown content and caches the result
|
||||
func (d *DetailsPanel) renderMarkdown(content string, width int) string {
|
||||
renderer, err := glamour.NewTermRenderer(
|
||||
glamour.WithStylePath("dark"),
|
||||
glamour.WithWordWrap(width),
|
||||
)
|
||||
|
||||
var result string
|
||||
if err == nil {
|
||||
rendered, renderErr := renderer.Render(content)
|
||||
if renderErr == nil {
|
||||
result = strings.TrimSpace(rendered)
|
||||
} else {
|
||||
result = wordWrap(content, width)
|
||||
}
|
||||
} else {
|
||||
result = wordWrap(content, width)
|
||||
}
|
||||
|
||||
d.renderedDesc = result
|
||||
d.renderedDescWidth = width
|
||||
return result
|
||||
}
|
||||
|
||||
// SetSize sets the size of the details panel
|
||||
func (d *DetailsPanel) SetSize(width, height int) {
|
||||
d.width = width
|
||||
d.height = height
|
||||
}
|
||||
|
||||
// Helper functions
|
||||
|
||||
func truncate(s string, maxLen int) string {
|
||||
if len(s) <= maxLen {
|
||||
return s
|
||||
}
|
||||
return s[:maxLen-3] + "..."
|
||||
}
|
||||
|
||||
func wordWrap(text string, width int) string {
|
||||
if width <= 0 {
|
||||
return text
|
||||
}
|
||||
|
||||
var result strings.Builder
|
||||
words := strings.Fields(text)
|
||||
currentLineLength := 0
|
||||
|
||||
for i, word := range words {
|
||||
if currentLineLength+len(word)+1 > width {
|
||||
result.WriteString("\n")
|
||||
currentLineLength = 0
|
||||
} else if i > 0 {
|
||||
result.WriteString(" ")
|
||||
currentLineLength++
|
||||
}
|
||||
result.WriteString(word)
|
||||
currentLineLength += len(word)
|
||||
}
|
||||
|
||||
return result.String()
|
||||
}
|
||||
@@ -0,0 +1,211 @@
|
||||
package components
|
||||
|
||||
import (
|
||||
"fmt"
|
||||
"strings"
|
||||
|
||||
"github.com/charmbracelet/bubbles/key"
|
||||
tea "github.com/charmbracelet/bubbletea"
|
||||
"github.com/charmbracelet/lipgloss"
|
||||
"github.com/samuelenocsson/devops-tui/internal/models"
|
||||
"github.com/samuelenocsson/devops-tui/internal/ui/theme"
|
||||
)
|
||||
|
||||
// DetailView is the fullscreen detail view component
|
||||
type DetailView struct {
|
||||
item *models.WorkItem
|
||||
styles theme.Styles
|
||||
keys theme.KeyMap
|
||||
width int
|
||||
height int
|
||||
scrollOffset int
|
||||
maxScroll int
|
||||
}
|
||||
|
||||
// NewDetailView creates a new detail view
|
||||
func NewDetailView(styles theme.Styles, keys theme.KeyMap) DetailView {
|
||||
return DetailView{
|
||||
styles: styles,
|
||||
keys: keys,
|
||||
}
|
||||
}
|
||||
|
||||
// Init initializes the detail view
|
||||
func (d DetailView) Init() tea.Cmd {
|
||||
return nil
|
||||
}
|
||||
|
||||
// Update handles messages for the detail view
|
||||
func (d DetailView) Update(msg tea.Msg) (DetailView, tea.Cmd) {
|
||||
switch msg := msg.(type) {
|
||||
case tea.KeyMsg:
|
||||
switch {
|
||||
case key.Matches(msg, d.keys.Back):
|
||||
return d, func() tea.Msg { return CloseDetailViewMsg{} }
|
||||
case key.Matches(msg, d.keys.Quit) && msg.String() == "q":
|
||||
return d, func() tea.Msg { return CloseDetailViewMsg{} }
|
||||
case key.Matches(msg, d.keys.Open):
|
||||
if d.item != nil {
|
||||
return d, func() tea.Msg { return OpenWorkItemMsg{Item: *d.item} }
|
||||
}
|
||||
case key.Matches(msg, d.keys.Up):
|
||||
if d.scrollOffset > 0 {
|
||||
d.scrollOffset--
|
||||
}
|
||||
case key.Matches(msg, d.keys.Down):
|
||||
if d.scrollOffset < d.maxScroll {
|
||||
d.scrollOffset++
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return d, nil
|
||||
}
|
||||
|
||||
// View renders the detail view
|
||||
func (d DetailView) View() string {
|
||||
if d.item == nil {
|
||||
return ""
|
||||
}
|
||||
|
||||
var sections []string
|
||||
|
||||
// Title bar
|
||||
title := fmt.Sprintf("#%d %s", d.item.ID, d.item.Title)
|
||||
titleBar := lipgloss.NewStyle().
|
||||
Bold(true).
|
||||
Foreground(lipgloss.Color("#F9FAFB")).
|
||||
Background(lipgloss.Color("#7C3AED")).
|
||||
Padding(0, 1).
|
||||
Width(d.width - 2).
|
||||
Render(title)
|
||||
sections = append(sections, titleBar)
|
||||
|
||||
// Metadata section
|
||||
metadataContent := d.renderMetadata()
|
||||
metadataSection := d.styles.DetailSection.
|
||||
Width(d.width - 6).
|
||||
Render("METADATA\n" + metadataContent)
|
||||
sections = append(sections, metadataSection)
|
||||
|
||||
// Parent section (if exists)
|
||||
if d.item.ParentID > 0 {
|
||||
parentContent := fmt.Sprintf("#%d", d.item.ParentID)
|
||||
if d.item.ParentTitle != "" {
|
||||
parentContent += " " + d.item.ParentTitle
|
||||
}
|
||||
parentSection := d.styles.DetailSection.
|
||||
Width(d.width - 6).
|
||||
Render("PARENT\n" + parentContent)
|
||||
sections = append(sections, parentSection)
|
||||
}
|
||||
|
||||
// Description section
|
||||
if d.item.Description != "" {
|
||||
desc := wordWrap(d.item.Description, d.width-10)
|
||||
descSection := d.styles.DetailSection.
|
||||
Width(d.width - 6).
|
||||
Render("DESCRIPTION\n" + desc)
|
||||
sections = append(sections, descSection)
|
||||
}
|
||||
|
||||
// Tags section
|
||||
if len(d.item.Tags) > 0 {
|
||||
var tagStrings []string
|
||||
for _, tag := range d.item.Tags {
|
||||
tagStrings = append(tagStrings, d.styles.DetailTag.Render(tag))
|
||||
}
|
||||
tagsSection := d.styles.DetailSection.
|
||||
Width(d.width - 6).
|
||||
Render("TAGS\n" + strings.Join(tagStrings, " "))
|
||||
sections = append(sections, tagsSection)
|
||||
}
|
||||
|
||||
// Join all sections
|
||||
content := strings.Join(sections, "\n\n")
|
||||
|
||||
// Calculate scrolling
|
||||
contentLines := strings.Split(content, "\n")
|
||||
viewableHeight := d.height - 4
|
||||
d.maxScroll = len(contentLines) - viewableHeight
|
||||
if d.maxScroll < 0 {
|
||||
d.maxScroll = 0
|
||||
}
|
||||
|
||||
// Apply scrolling
|
||||
if d.scrollOffset > 0 && d.scrollOffset < len(contentLines) {
|
||||
contentLines = contentLines[d.scrollOffset:]
|
||||
}
|
||||
if len(contentLines) > viewableHeight {
|
||||
contentLines = contentLines[:viewableHeight]
|
||||
}
|
||||
|
||||
scrolledContent := strings.Join(contentLines, "\n")
|
||||
|
||||
// Status bar
|
||||
statusBar := d.renderStatusBar()
|
||||
|
||||
// Build final view
|
||||
mainContent := d.styles.PanelActive.
|
||||
Width(d.width).
|
||||
Height(d.height - 2).
|
||||
Render(scrolledContent)
|
||||
|
||||
return lipgloss.JoinVertical(
|
||||
lipgloss.Left,
|
||||
mainContent,
|
||||
statusBar,
|
||||
)
|
||||
}
|
||||
|
||||
func (d *DetailView) renderMetadata() string {
|
||||
typeStyle := d.styles.TypeBadge(string(d.item.Type))
|
||||
stateStyle := d.styles.StateBadge(string(d.item.State))
|
||||
|
||||
labelWidth := 12
|
||||
valueWidth := 20
|
||||
|
||||
label := func(s string) string {
|
||||
return d.styles.DetailLabel.Width(labelWidth).Render(s)
|
||||
}
|
||||
value := func(s string) string {
|
||||
return d.styles.DetailValue.Width(valueWidth).Render(s)
|
||||
}
|
||||
|
||||
rows := []string{
|
||||
label("Type:") + typeStyle.Render(d.item.ShortType()) + " " + label("ID:") + value(fmt.Sprintf("#%d", d.item.ID)),
|
||||
label("State:") + stateStyle.Render(string(d.item.State)) + " " + label("Created:") + value(d.item.CreatedDate.Format("2006-01-02")),
|
||||
}
|
||||
|
||||
assignedTo := d.item.AssignedTo
|
||||
if assignedTo == "" {
|
||||
assignedTo = "Unassigned"
|
||||
}
|
||||
rows = append(rows, label("Assigned:")+value(assignedTo)+" "+label("Updated:")+value(d.item.ChangedDate.Format("2006-01-02")))
|
||||
rows = append(rows, label("Sprint:")+value(d.item.SprintName())+" "+label("Priority:")+value(fmt.Sprintf("%d", d.item.Priority)))
|
||||
rows = append(rows, label("Area:")+value(d.item.AreaName()))
|
||||
|
||||
return strings.Join(rows, "\n")
|
||||
}
|
||||
|
||||
func (d *DetailView) renderStatusBar() string {
|
||||
help := "Esc Back Enter Open in browser j/k Scroll"
|
||||
return d.styles.StatusBar.
|
||||
Width(d.width).
|
||||
Render(help)
|
||||
}
|
||||
|
||||
// SetItem sets the work item to display
|
||||
func (d *DetailView) SetItem(item *models.WorkItem) {
|
||||
d.item = item
|
||||
d.scrollOffset = 0
|
||||
}
|
||||
|
||||
// SetSize sets the size of the detail view
|
||||
func (d *DetailView) SetSize(width, height int) {
|
||||
d.width = width
|
||||
d.height = height
|
||||
}
|
||||
|
||||
// CloseDetailViewMsg is sent when the detail view should be closed
|
||||
type CloseDetailViewMsg struct{}
|
||||
@@ -0,0 +1,223 @@
|
||||
package components
|
||||
|
||||
import (
|
||||
"strings"
|
||||
|
||||
"github.com/charmbracelet/bubbles/key"
|
||||
tea "github.com/charmbracelet/bubbletea"
|
||||
"github.com/charmbracelet/lipgloss"
|
||||
"github.com/samuelenocsson/devops-tui/internal/models"
|
||||
"github.com/samuelenocsson/devops-tui/internal/ui/theme"
|
||||
)
|
||||
|
||||
const maxVisibleOptions = 6 // Max visible options per filter group
|
||||
|
||||
// FilterPanel is the filter panel component
|
||||
type FilterPanel struct {
|
||||
filterState *models.FilterState
|
||||
styles theme.Styles
|
||||
keys theme.KeyMap
|
||||
width int
|
||||
height int
|
||||
focused bool
|
||||
}
|
||||
|
||||
// NewFilterPanel creates a new filter panel
|
||||
func NewFilterPanel(filterState *models.FilterState, styles theme.Styles, keys theme.KeyMap) FilterPanel {
|
||||
return FilterPanel{
|
||||
filterState: filterState,
|
||||
styles: styles,
|
||||
keys: keys,
|
||||
}
|
||||
}
|
||||
|
||||
// Init initializes the filter panel
|
||||
func (f FilterPanel) Init() tea.Cmd {
|
||||
return nil
|
||||
}
|
||||
|
||||
// Update handles messages for the filter panel
|
||||
func (f FilterPanel) Update(msg tea.Msg) (FilterPanel, tea.Cmd) {
|
||||
if !f.focused {
|
||||
return f, nil
|
||||
}
|
||||
|
||||
switch msg := msg.(type) {
|
||||
case tea.KeyMsg:
|
||||
switch {
|
||||
case key.Matches(msg, f.keys.Up):
|
||||
if group := f.filterState.ActiveFilterGroup(); group != nil {
|
||||
group.MoveUp()
|
||||
f.adjustOffset(group)
|
||||
}
|
||||
case key.Matches(msg, f.keys.Down):
|
||||
if group := f.filterState.ActiveFilterGroup(); group != nil {
|
||||
group.MoveDown()
|
||||
f.adjustOffset(group)
|
||||
}
|
||||
case key.Matches(msg, f.keys.Top):
|
||||
if group := f.filterState.ActiveFilterGroup(); group != nil {
|
||||
group.MoveToTop()
|
||||
group.Offset = 0
|
||||
}
|
||||
case key.Matches(msg, f.keys.Bottom):
|
||||
if group := f.filterState.ActiveFilterGroup(); group != nil {
|
||||
group.MoveToBottom()
|
||||
f.adjustOffset(group)
|
||||
}
|
||||
case key.Matches(msg, f.keys.Select):
|
||||
if group := f.filterState.ActiveFilterGroup(); group != nil {
|
||||
group.SelectCurrent()
|
||||
}
|
||||
return f, func() tea.Msg { return FilterChangedMsg{} }
|
||||
case key.Matches(msg, f.keys.Left):
|
||||
f.filterState.PrevGroup()
|
||||
case key.Matches(msg, f.keys.Right):
|
||||
f.filterState.NextGroup()
|
||||
}
|
||||
}
|
||||
|
||||
return f, nil
|
||||
}
|
||||
|
||||
// adjustOffset ensures the cursor is visible within the scroll window
|
||||
func (f *FilterPanel) adjustOffset(group *models.FilterGroup) {
|
||||
if group.Cursor < group.Offset {
|
||||
group.Offset = group.Cursor
|
||||
}
|
||||
if group.Cursor >= group.Offset+maxVisibleOptions {
|
||||
group.Offset = group.Cursor - maxVisibleOptions + 1
|
||||
}
|
||||
}
|
||||
|
||||
// View renders the filter panel
|
||||
func (f FilterPanel) View() string {
|
||||
var b strings.Builder
|
||||
|
||||
for i, group := range f.filterState.Groups {
|
||||
isActiveGroup := i == f.filterState.ActiveGroup && f.focused
|
||||
|
||||
// Group title with count if scrollable
|
||||
titleStyle := f.styles.FilterGroupTitle
|
||||
if isActiveGroup {
|
||||
titleStyle = titleStyle.Foreground(lipgloss.Color("#7C3AED"))
|
||||
}
|
||||
title := group.Title
|
||||
if len(group.Options) > maxVisibleOptions {
|
||||
countStyle := lipgloss.NewStyle().Foreground(lipgloss.Color("#6B7280"))
|
||||
title += countStyle.Render(" (" + itoa(len(group.Options)) + ")")
|
||||
}
|
||||
b.WriteString(titleStyle.Render(title))
|
||||
b.WriteString("\n")
|
||||
|
||||
// Separator
|
||||
sep := strings.Repeat("─", min(f.width-4, 15))
|
||||
b.WriteString(f.styles.Subtitle.Render(sep))
|
||||
b.WriteString("\n")
|
||||
|
||||
// Scroll up indicator
|
||||
if group.Offset > 0 {
|
||||
scrollStyle := lipgloss.NewStyle().Foreground(lipgloss.Color("#6B7280"))
|
||||
b.WriteString(scrollStyle.Render(" ▲ more"))
|
||||
b.WriteString("\n")
|
||||
}
|
||||
|
||||
// Calculate visible range
|
||||
startIdx := group.Offset
|
||||
endIdx := startIdx + maxVisibleOptions
|
||||
if endIdx > len(group.Options) {
|
||||
endIdx = len(group.Options)
|
||||
}
|
||||
|
||||
// Options (only visible ones)
|
||||
for j := startIdx; j < endIdx; j++ {
|
||||
opt := group.Options[j]
|
||||
isCursor := j == group.Cursor && isActiveGroup
|
||||
|
||||
// Selection indicator
|
||||
var indicator string
|
||||
if opt.Selected {
|
||||
indicator = "●"
|
||||
} else {
|
||||
indicator = "○"
|
||||
}
|
||||
|
||||
// Cursor indicator
|
||||
var cursor string
|
||||
if isCursor {
|
||||
cursor = "▸"
|
||||
} else {
|
||||
cursor = " "
|
||||
}
|
||||
|
||||
// Style the option
|
||||
optionStyle := f.styles.FilterOption
|
||||
if opt.Selected {
|
||||
optionStyle = f.styles.FilterSelected
|
||||
}
|
||||
if isCursor {
|
||||
optionStyle = optionStyle.Bold(true).Foreground(lipgloss.Color("#7C3AED"))
|
||||
}
|
||||
|
||||
line := cursor + " " + indicator + " " + opt.Label
|
||||
b.WriteString(optionStyle.Render(line))
|
||||
b.WriteString("\n")
|
||||
}
|
||||
|
||||
// Scroll down indicator
|
||||
if endIdx < len(group.Options) {
|
||||
scrollStyle := lipgloss.NewStyle().Foreground(lipgloss.Color("#6B7280"))
|
||||
b.WriteString(scrollStyle.Render(" ▼ more"))
|
||||
b.WriteString("\n")
|
||||
}
|
||||
|
||||
// Add spacing between groups
|
||||
if i < len(f.filterState.Groups)-1 {
|
||||
b.WriteString("\n")
|
||||
}
|
||||
}
|
||||
|
||||
// Apply panel styling
|
||||
content := b.String()
|
||||
if f.focused {
|
||||
return f.styles.PanelActive.
|
||||
Width(f.width).
|
||||
Height(f.height).
|
||||
Render(content)
|
||||
}
|
||||
return f.styles.PanelInactive.
|
||||
Width(f.width).
|
||||
Height(f.height).
|
||||
Render(content)
|
||||
}
|
||||
|
||||
// SetSize sets the size of the filter panel
|
||||
func (f *FilterPanel) SetSize(width, height int) {
|
||||
f.width = width
|
||||
f.height = height
|
||||
}
|
||||
|
||||
// SetFocused sets whether the panel is focused
|
||||
func (f *FilterPanel) SetFocused(focused bool) {
|
||||
f.focused = focused
|
||||
}
|
||||
|
||||
// FilterState returns the current filter state
|
||||
func (f *FilterPanel) FilterState() *models.FilterState {
|
||||
return f.filterState
|
||||
}
|
||||
|
||||
// SetFilterState updates the filter state
|
||||
func (f *FilterPanel) SetFilterState(state *models.FilterState) {
|
||||
f.filterState = state
|
||||
}
|
||||
|
||||
// FilterChangedMsg is sent when a filter selection changes
|
||||
type FilterChangedMsg struct{}
|
||||
|
||||
func min(a, b int) int {
|
||||
if a < b {
|
||||
return a
|
||||
}
|
||||
return b
|
||||
}
|
||||
@@ -0,0 +1,173 @@
|
||||
package components
|
||||
|
||||
import (
|
||||
"strings"
|
||||
|
||||
"github.com/charmbracelet/bubbles/key"
|
||||
"github.com/charmbracelet/lipgloss"
|
||||
"github.com/samuelenocsson/devops-tui/internal/ui/theme"
|
||||
)
|
||||
|
||||
// HelpPanel displays keyboard shortcuts
|
||||
type HelpPanel struct {
|
||||
keys theme.KeyMap
|
||||
styles theme.Styles
|
||||
visible bool
|
||||
width int
|
||||
height int
|
||||
}
|
||||
|
||||
// NewHelpPanel creates a new help panel
|
||||
func NewHelpPanel(keys theme.KeyMap, styles theme.Styles) HelpPanel {
|
||||
return HelpPanel{
|
||||
keys: keys,
|
||||
styles: styles,
|
||||
}
|
||||
}
|
||||
|
||||
// View renders the help panel
|
||||
func (h HelpPanel) View() string {
|
||||
if !h.visible {
|
||||
return ""
|
||||
}
|
||||
|
||||
var b strings.Builder
|
||||
|
||||
title := lipgloss.NewStyle().
|
||||
Bold(true).
|
||||
Foreground(lipgloss.Color("#F9FAFB")).
|
||||
MarginBottom(1).
|
||||
Render("Keyboard Shortcuts")
|
||||
|
||||
b.WriteString(title)
|
||||
b.WriteString("\n\n")
|
||||
|
||||
// Group shortcuts by category
|
||||
sections := []struct {
|
||||
title string
|
||||
bindings []key.Binding
|
||||
}{
|
||||
{
|
||||
title: "Navigation",
|
||||
bindings: []key.Binding{
|
||||
h.keys.Up,
|
||||
h.keys.Down,
|
||||
h.keys.Top,
|
||||
h.keys.Bottom,
|
||||
h.keys.NextPanel,
|
||||
h.keys.PrevPanel,
|
||||
},
|
||||
},
|
||||
{
|
||||
title: "Actions",
|
||||
bindings: []key.Binding{
|
||||
h.keys.Select,
|
||||
h.keys.Open,
|
||||
h.keys.View,
|
||||
h.keys.Search,
|
||||
h.keys.Refresh,
|
||||
},
|
||||
},
|
||||
{
|
||||
title: "General",
|
||||
bindings: []key.Binding{
|
||||
h.keys.Help,
|
||||
h.keys.Back,
|
||||
h.keys.Quit,
|
||||
},
|
||||
},
|
||||
}
|
||||
|
||||
for i, section := range sections {
|
||||
// Section title
|
||||
sectionTitle := lipgloss.NewStyle().
|
||||
Bold(true).
|
||||
Foreground(lipgloss.Color("#7C3AED")).
|
||||
Render(section.title)
|
||||
b.WriteString(sectionTitle)
|
||||
b.WriteString("\n")
|
||||
|
||||
// Key bindings
|
||||
for _, binding := range section.bindings {
|
||||
keyStyle := h.styles.HelpKey.Width(12)
|
||||
descStyle := h.styles.HelpDesc
|
||||
|
||||
help := binding.Help()
|
||||
line := keyStyle.Render(help.Key) + descStyle.Render(help.Desc)
|
||||
b.WriteString(line)
|
||||
b.WriteString("\n")
|
||||
}
|
||||
|
||||
// Add spacing between sections
|
||||
if i < len(sections)-1 {
|
||||
b.WriteString("\n")
|
||||
}
|
||||
}
|
||||
|
||||
// Footer
|
||||
b.WriteString("\n")
|
||||
footer := lipgloss.NewStyle().
|
||||
Foreground(lipgloss.Color("#6B7280")).
|
||||
Italic(true).
|
||||
Render("Press ? or Esc to close")
|
||||
b.WriteString(footer)
|
||||
|
||||
content := b.String()
|
||||
|
||||
// Center the help panel
|
||||
helpWidth := 40
|
||||
helpHeight := 25
|
||||
|
||||
panel := h.styles.HelpPanel.
|
||||
Width(helpWidth).
|
||||
Height(helpHeight).
|
||||
Background(lipgloss.Color("#1F2937")).
|
||||
Render(content)
|
||||
|
||||
// Create overlay positioning
|
||||
return lipgloss.Place(
|
||||
h.width,
|
||||
h.height,
|
||||
lipgloss.Center,
|
||||
lipgloss.Center,
|
||||
panel,
|
||||
lipgloss.WithWhitespaceChars(" "),
|
||||
lipgloss.WithWhitespaceForeground(lipgloss.Color("#000000")),
|
||||
)
|
||||
}
|
||||
|
||||
// SetVisible sets whether the help panel is visible
|
||||
func (h *HelpPanel) SetVisible(visible bool) {
|
||||
h.visible = visible
|
||||
}
|
||||
|
||||
// IsVisible returns whether the help panel is visible
|
||||
func (h *HelpPanel) IsVisible() bool {
|
||||
return h.visible
|
||||
}
|
||||
|
||||
// Toggle toggles the visibility of the help panel
|
||||
func (h *HelpPanel) Toggle() {
|
||||
h.visible = !h.visible
|
||||
}
|
||||
|
||||
// SetSize sets the size of the help panel
|
||||
func (h *HelpPanel) SetSize(width, height int) {
|
||||
h.width = width
|
||||
h.height = height
|
||||
}
|
||||
|
||||
// ShortHelp returns a short help string for the status bar
|
||||
func ShortHelp(keys theme.KeyMap, styles theme.Styles) string {
|
||||
bindings := keys.ShortHelp()
|
||||
var parts []string
|
||||
|
||||
for _, b := range bindings {
|
||||
help := b.Help()
|
||||
key := styles.HelpKey.Render(help.Key)
|
||||
desc := styles.HelpDesc.Render(help.Desc)
|
||||
parts = append(parts, key+" "+desc)
|
||||
}
|
||||
|
||||
return strings.Join(parts, " ")
|
||||
}
|
||||
@@ -0,0 +1,223 @@
|
||||
package components
|
||||
|
||||
import (
|
||||
"strings"
|
||||
|
||||
"github.com/charmbracelet/bubbles/key"
|
||||
tea "github.com/charmbracelet/bubbletea"
|
||||
"github.com/charmbracelet/lipgloss"
|
||||
"github.com/samuelenocsson/devops-tui/internal/models"
|
||||
"github.com/samuelenocsson/devops-tui/internal/ui/theme"
|
||||
)
|
||||
|
||||
var defaultStates = []string{"New", "Active", "Resolved", "Closed"}
|
||||
|
||||
// StateModal is a modal for changing work item state
|
||||
type StateModal struct {
|
||||
visible bool
|
||||
item *models.WorkItem
|
||||
states []string
|
||||
statesByType map[string][]models.WorkItemStateInfo
|
||||
cursor int
|
||||
styles theme.Styles
|
||||
keys theme.KeyMap
|
||||
width int
|
||||
height int
|
||||
}
|
||||
|
||||
// NewStateModal creates a new state modal
|
||||
func NewStateModal(styles theme.Styles, keys theme.KeyMap) StateModal {
|
||||
return StateModal{
|
||||
states: defaultStates,
|
||||
styles: styles,
|
||||
keys: keys,
|
||||
}
|
||||
}
|
||||
|
||||
// SetStatesByType sets the available states per work item type
|
||||
func (m *StateModal) SetStatesByType(statesByType map[string][]models.WorkItemStateInfo) {
|
||||
m.statesByType = statesByType
|
||||
}
|
||||
|
||||
// Init initializes the modal
|
||||
func (m StateModal) Init() tea.Cmd {
|
||||
return nil
|
||||
}
|
||||
|
||||
// Update handles messages
|
||||
func (m StateModal) Update(msg tea.Msg) (StateModal, tea.Cmd) {
|
||||
if !m.visible {
|
||||
return m, nil
|
||||
}
|
||||
|
||||
switch msg := msg.(type) {
|
||||
case tea.KeyMsg:
|
||||
switch {
|
||||
case key.Matches(msg, m.keys.Up):
|
||||
if m.cursor > 0 {
|
||||
m.cursor--
|
||||
}
|
||||
case key.Matches(msg, m.keys.Down):
|
||||
if m.cursor < len(m.states)-1 {
|
||||
m.cursor++
|
||||
}
|
||||
case key.Matches(msg, m.keys.Select):
|
||||
if m.item != nil {
|
||||
newState := m.states[m.cursor]
|
||||
return m, func() tea.Msg {
|
||||
return StateChangeRequestMsg{
|
||||
Item: *m.item,
|
||||
NewState: newState,
|
||||
}
|
||||
}
|
||||
}
|
||||
case key.Matches(msg, m.keys.Back):
|
||||
m.visible = false
|
||||
return m, func() tea.Msg { return ModalClosedMsg{} }
|
||||
}
|
||||
}
|
||||
|
||||
return m, nil
|
||||
}
|
||||
|
||||
// View renders the modal
|
||||
func (m StateModal) View() string {
|
||||
if !m.visible {
|
||||
return ""
|
||||
}
|
||||
|
||||
// Modal dimensions
|
||||
modalWidth := 40
|
||||
modalHeight := len(m.states) + 6
|
||||
|
||||
// Build content
|
||||
var b strings.Builder
|
||||
|
||||
// Title
|
||||
title := "Change State"
|
||||
if m.item != nil {
|
||||
title = lipgloss.NewStyle().Bold(true).Render("Change State")
|
||||
itemInfo := lipgloss.NewStyle().
|
||||
Foreground(lipgloss.Color("#9CA3AF")).
|
||||
Render("#" + itoa(m.item.ID) + " " + truncateStr(m.item.Title, 25))
|
||||
b.WriteString(title + "\n")
|
||||
b.WriteString(itemInfo + "\n\n")
|
||||
}
|
||||
|
||||
// Current state indicator
|
||||
if m.item != nil {
|
||||
currentStyle := lipgloss.NewStyle().Foreground(lipgloss.Color("#60A5FA"))
|
||||
b.WriteString(currentStyle.Render("Current: "+string(m.item.State)) + "\n\n")
|
||||
}
|
||||
|
||||
// State options
|
||||
for i, state := range m.states {
|
||||
cursor := " "
|
||||
if i == m.cursor {
|
||||
cursor = "▸ "
|
||||
}
|
||||
|
||||
style := lipgloss.NewStyle()
|
||||
if i == m.cursor {
|
||||
style = style.Bold(true).Foreground(lipgloss.Color("#7C3AED"))
|
||||
}
|
||||
|
||||
// Highlight if this is the current state
|
||||
if m.item != nil && state == string(m.item.State) {
|
||||
style = style.Foreground(lipgloss.Color("#10B981"))
|
||||
}
|
||||
|
||||
b.WriteString(cursor + style.Render(state) + "\n")
|
||||
}
|
||||
|
||||
// Help text
|
||||
b.WriteString("\n")
|
||||
helpStyle := lipgloss.NewStyle().Foreground(lipgloss.Color("#6B7280"))
|
||||
b.WriteString(helpStyle.Render("Enter: confirm Esc: cancel"))
|
||||
|
||||
// Modal style
|
||||
modalStyle := lipgloss.NewStyle().
|
||||
Border(lipgloss.RoundedBorder()).
|
||||
BorderForeground(lipgloss.Color("#7C3AED")).
|
||||
Padding(1, 2).
|
||||
Width(modalWidth).
|
||||
Height(modalHeight).
|
||||
Background(lipgloss.Color("#1F2937"))
|
||||
|
||||
modal := modalStyle.Render(b.String())
|
||||
|
||||
// Center the modal
|
||||
return lipgloss.Place(m.width, m.height, lipgloss.Center, lipgloss.Center, modal)
|
||||
}
|
||||
|
||||
// SetVisible sets the visibility
|
||||
func (m *StateModal) SetVisible(visible bool) {
|
||||
m.visible = visible
|
||||
if visible {
|
||||
m.cursor = 0
|
||||
// Try to set cursor to current state
|
||||
if m.item != nil {
|
||||
for i, state := range m.states {
|
||||
if state == string(m.item.State) {
|
||||
m.cursor = i
|
||||
break
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// IsVisible returns whether the modal is visible
|
||||
func (m *StateModal) IsVisible() bool {
|
||||
return m.visible
|
||||
}
|
||||
|
||||
// SetItem sets the work item to modify
|
||||
func (m *StateModal) SetItem(item *models.WorkItem) {
|
||||
m.item = item
|
||||
// Update states based on work item type
|
||||
if item != nil && m.statesByType != nil {
|
||||
if states, ok := m.statesByType[string(item.Type)]; ok && len(states) > 0 {
|
||||
m.states = make([]string, len(states))
|
||||
for i, s := range states {
|
||||
m.states[i] = s.Name
|
||||
}
|
||||
return
|
||||
}
|
||||
}
|
||||
// Fallback to defaults
|
||||
m.states = defaultStates
|
||||
}
|
||||
|
||||
// SetSize sets the modal container size
|
||||
func (m *StateModal) SetSize(width, height int) {
|
||||
m.width = width
|
||||
m.height = height
|
||||
}
|
||||
|
||||
// StateChangeRequestMsg is sent when user confirms state change
|
||||
type StateChangeRequestMsg struct {
|
||||
Item models.WorkItem
|
||||
NewState string
|
||||
}
|
||||
|
||||
// StateChangedMsg is sent when state change is complete
|
||||
type StateChangedMsg struct {
|
||||
Item models.WorkItem
|
||||
}
|
||||
|
||||
// ModalClosedMsg is sent when a modal is closed
|
||||
type ModalClosedMsg struct{}
|
||||
|
||||
// Helper function
|
||||
func itoa(n int) string {
|
||||
if n == 0 {
|
||||
return "0"
|
||||
}
|
||||
var digits []byte
|
||||
for n > 0 {
|
||||
digits = append([]byte{byte('0' + n%10)}, digits...)
|
||||
n /= 10
|
||||
}
|
||||
return string(digits)
|
||||
}
|
||||
@@ -0,0 +1,367 @@
|
||||
package components
|
||||
|
||||
import (
|
||||
"fmt"
|
||||
"strings"
|
||||
|
||||
"github.com/charmbracelet/bubbles/key"
|
||||
tea "github.com/charmbracelet/bubbletea"
|
||||
"github.com/charmbracelet/lipgloss"
|
||||
"github.com/samuelenocsson/devops-tui/internal/models"
|
||||
"github.com/samuelenocsson/devops-tui/internal/ui/theme"
|
||||
)
|
||||
|
||||
// Column definitions
|
||||
type column struct {
|
||||
title string
|
||||
width int
|
||||
minWidth int
|
||||
flex bool // If true, this column takes remaining space
|
||||
}
|
||||
|
||||
// WorkItemsPanel is the work items list component
|
||||
type WorkItemsPanel struct {
|
||||
items []models.WorkItem
|
||||
cursor int
|
||||
styles theme.Styles
|
||||
keys theme.KeyMap
|
||||
width int
|
||||
height int
|
||||
focused bool
|
||||
offset int // For scrolling
|
||||
columns []column
|
||||
}
|
||||
|
||||
// NewWorkItemsPanel creates a new work items panel
|
||||
func NewWorkItemsPanel(styles theme.Styles, keys theme.KeyMap) WorkItemsPanel {
|
||||
return WorkItemsPanel{
|
||||
items: []models.WorkItem{},
|
||||
styles: styles,
|
||||
keys: keys,
|
||||
columns: []column{
|
||||
{title: "ID", width: 7, minWidth: 6},
|
||||
{title: "TYPE", width: 8, minWidth: 6},
|
||||
{title: "STATE", width: 12, minWidth: 8},
|
||||
{title: "ASSIGNED", width: 14, minWidth: 10},
|
||||
{title: "TITLE", flex: true, minWidth: 20},
|
||||
},
|
||||
}
|
||||
}
|
||||
|
||||
// Init initializes the work items panel
|
||||
func (w WorkItemsPanel) Init() tea.Cmd {
|
||||
return nil
|
||||
}
|
||||
|
||||
// Update handles messages for the work items panel
|
||||
func (w WorkItemsPanel) Update(msg tea.Msg) (WorkItemsPanel, tea.Cmd) {
|
||||
if !w.focused {
|
||||
return w, nil
|
||||
}
|
||||
|
||||
switch msg := msg.(type) {
|
||||
case tea.KeyMsg:
|
||||
switch {
|
||||
case key.Matches(msg, w.keys.Up):
|
||||
w.moveUp()
|
||||
case key.Matches(msg, w.keys.Down):
|
||||
w.moveDown()
|
||||
case key.Matches(msg, w.keys.Top):
|
||||
w.moveToTop()
|
||||
case key.Matches(msg, w.keys.Bottom):
|
||||
w.moveToBottom()
|
||||
case key.Matches(msg, w.keys.Open):
|
||||
if w.SelectedItem() != nil {
|
||||
return w, func() tea.Msg { return OpenWorkItemMsg{Item: *w.SelectedItem()} }
|
||||
}
|
||||
case key.Matches(msg, w.keys.View):
|
||||
if w.SelectedItem() != nil {
|
||||
return w, func() tea.Msg { return ViewWorkItemMsg{Item: *w.SelectedItem()} }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return w, nil
|
||||
}
|
||||
|
||||
// View renders the work items panel
|
||||
func (w WorkItemsPanel) View() string {
|
||||
var b strings.Builder
|
||||
|
||||
// Calculate column widths
|
||||
colWidths := w.calculateColumnWidths()
|
||||
|
||||
// Header
|
||||
header := w.renderHeader(colWidths)
|
||||
b.WriteString(header)
|
||||
b.WriteString("\n")
|
||||
|
||||
// Separator line
|
||||
separator := w.renderSeparator(colWidths)
|
||||
b.WriteString(separator)
|
||||
b.WriteString("\n")
|
||||
|
||||
// Items
|
||||
if len(w.items) == 0 {
|
||||
emptyMsg := w.styles.Subtitle.Render(" No work items found")
|
||||
b.WriteString(emptyMsg)
|
||||
} else {
|
||||
visibleItems := w.visibleItemCount()
|
||||
|
||||
// Render visible items
|
||||
for i := w.offset; i < len(w.items) && i < w.offset+visibleItems; i++ {
|
||||
item := w.items[i]
|
||||
isCursor := i == w.cursor
|
||||
line := w.renderItem(item, isCursor, colWidths)
|
||||
b.WriteString(line)
|
||||
if i < len(w.items)-1 && i < w.offset+visibleItems-1 {
|
||||
b.WriteString("\n")
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Apply panel styling
|
||||
content := b.String()
|
||||
if w.focused {
|
||||
return w.styles.PanelActive.
|
||||
Width(w.width).
|
||||
Height(w.height).
|
||||
Render(content)
|
||||
}
|
||||
return w.styles.PanelInactive.
|
||||
Width(w.width).
|
||||
Height(w.height).
|
||||
Render(content)
|
||||
}
|
||||
|
||||
func (w *WorkItemsPanel) calculateColumnWidths() []int {
|
||||
availableWidth := w.width - 6 // Account for borders and padding
|
||||
|
||||
// Calculate fixed columns total width
|
||||
fixedWidth := 0
|
||||
flexCount := 0
|
||||
for _, col := range w.columns {
|
||||
if col.flex {
|
||||
flexCount++
|
||||
} else {
|
||||
fixedWidth += col.width + 1 // +1 for separator
|
||||
}
|
||||
}
|
||||
|
||||
// Calculate flex column width
|
||||
flexWidth := availableWidth - fixedWidth
|
||||
if flexWidth < 20 {
|
||||
flexWidth = 20
|
||||
}
|
||||
|
||||
// Build widths array
|
||||
widths := make([]int, len(w.columns))
|
||||
for i, col := range w.columns {
|
||||
if col.flex {
|
||||
widths[i] = flexWidth / flexCount
|
||||
} else {
|
||||
widths[i] = col.width
|
||||
}
|
||||
}
|
||||
|
||||
return widths
|
||||
}
|
||||
|
||||
func (w *WorkItemsPanel) renderHeader(colWidths []int) string {
|
||||
headerStyle := lipgloss.NewStyle().
|
||||
Bold(true).
|
||||
Foreground(lipgloss.Color("#9CA3AF"))
|
||||
|
||||
var parts []string
|
||||
for i, col := range w.columns {
|
||||
width := colWidths[i]
|
||||
title := col.title
|
||||
if len(title) > width {
|
||||
title = title[:width]
|
||||
}
|
||||
parts = append(parts, headerStyle.Width(width).Render(title))
|
||||
}
|
||||
|
||||
return " " + strings.Join(parts, " ")
|
||||
}
|
||||
|
||||
func (w *WorkItemsPanel) renderSeparator(colWidths []int) string {
|
||||
sepStyle := lipgloss.NewStyle().Foreground(lipgloss.Color("#374151"))
|
||||
|
||||
// Use content width (accounting for panel padding)
|
||||
contentWidth := w.width - 4
|
||||
if contentWidth < 10 {
|
||||
contentWidth = 10
|
||||
}
|
||||
|
||||
return sepStyle.Render(strings.Repeat("─", contentWidth))
|
||||
}
|
||||
|
||||
func (w *WorkItemsPanel) renderItem(item models.WorkItem, isCursor bool, colWidths []int) string {
|
||||
// Cursor indicator
|
||||
cursor := " "
|
||||
if isCursor {
|
||||
cursor = "▸ "
|
||||
}
|
||||
|
||||
// Format values
|
||||
id := fmt.Sprintf("#%d", item.ID)
|
||||
typeStr := item.ShortType()
|
||||
stateStr := string(item.State)
|
||||
assigned := truncateStr(item.AssignedTo, colWidths[3])
|
||||
if assigned == "" {
|
||||
assigned = "-"
|
||||
}
|
||||
title := truncateStr(item.Title, colWidths[4])
|
||||
|
||||
// For cursor row, use plain text with unified background
|
||||
if isCursor {
|
||||
rowStyle := lipgloss.NewStyle().
|
||||
Bold(true).
|
||||
Foreground(lipgloss.Color("#F9FAFB")).
|
||||
Background(lipgloss.Color("#7C3AED")). // Purple highlight
|
||||
Width(w.width - 4)
|
||||
|
||||
// Build plain text cells (no individual colors)
|
||||
cells := []string{
|
||||
padRight(truncateStr(id, colWidths[0]), colWidths[0]),
|
||||
padRight(truncateStr(typeStr, colWidths[1]), colWidths[1]),
|
||||
padRight(truncateStr(stateStr, colWidths[2]), colWidths[2]),
|
||||
padRight(assigned, colWidths[3]),
|
||||
padRight(title, colWidths[4]),
|
||||
}
|
||||
row := cursor + strings.Join(cells, " ")
|
||||
return rowStyle.Render(row)
|
||||
}
|
||||
|
||||
// Non-cursor rows with individual cell colors
|
||||
idStyle := lipgloss.NewStyle().Foreground(lipgloss.Color("#60A5FA"))
|
||||
typeStyle := w.styles.TypeBadge(string(item.Type))
|
||||
stateStyle := w.styles.StateBadge(string(item.State))
|
||||
assignedStyle := lipgloss.NewStyle().Foreground(lipgloss.Color("#9CA3AF"))
|
||||
titleStyle := lipgloss.NewStyle().Foreground(lipgloss.Color("#F9FAFB"))
|
||||
|
||||
// Build cells with proper width and colors
|
||||
cells := []string{
|
||||
idStyle.Width(colWidths[0]).Render(truncateStr(id, colWidths[0])),
|
||||
typeStyle.Width(colWidths[1]).Render(truncateStr(typeStr, colWidths[1])),
|
||||
stateStyle.Width(colWidths[2]).Render(truncateStr(stateStr, colWidths[2])),
|
||||
assignedStyle.Width(colWidths[3]).Render(assigned),
|
||||
titleStyle.Width(colWidths[4]).Render(title),
|
||||
}
|
||||
|
||||
row := cursor + strings.Join(cells, " ")
|
||||
return row
|
||||
}
|
||||
|
||||
func padRight(s string, width int) string {
|
||||
if len(s) >= width {
|
||||
return s
|
||||
}
|
||||
return s + strings.Repeat(" ", width-len(s))
|
||||
}
|
||||
|
||||
func truncateStr(s string, maxLen int) string {
|
||||
if maxLen <= 0 {
|
||||
return ""
|
||||
}
|
||||
if len(s) <= maxLen {
|
||||
return s
|
||||
}
|
||||
if maxLen <= 3 {
|
||||
return s[:maxLen]
|
||||
}
|
||||
return s[:maxLen-3] + "..."
|
||||
}
|
||||
|
||||
func (w *WorkItemsPanel) visibleItemCount() int {
|
||||
visible := w.height - 5 // header, separator, borders
|
||||
if visible < 1 {
|
||||
visible = 1
|
||||
}
|
||||
return visible
|
||||
}
|
||||
|
||||
func (w *WorkItemsPanel) moveUp() {
|
||||
if w.cursor > 0 {
|
||||
w.cursor--
|
||||
}
|
||||
}
|
||||
|
||||
func (w *WorkItemsPanel) moveDown() {
|
||||
if w.cursor < len(w.items)-1 {
|
||||
w.cursor++
|
||||
}
|
||||
}
|
||||
|
||||
func (w *WorkItemsPanel) moveToTop() {
|
||||
w.cursor = 0
|
||||
w.offset = 0
|
||||
}
|
||||
|
||||
func (w *WorkItemsPanel) moveToBottom() {
|
||||
if len(w.items) > 0 {
|
||||
w.cursor = len(w.items) - 1
|
||||
}
|
||||
}
|
||||
|
||||
// SetSize sets the size of the work items panel
|
||||
func (w *WorkItemsPanel) SetSize(width, height int) {
|
||||
w.width = width
|
||||
w.height = height
|
||||
|
||||
// Adjust offset to keep cursor visible (now that we have correct height)
|
||||
visible := w.visibleItemCount()
|
||||
if w.cursor < w.offset {
|
||||
w.offset = w.cursor
|
||||
}
|
||||
if w.cursor >= w.offset+visible {
|
||||
w.offset = w.cursor - visible + 1
|
||||
}
|
||||
if w.offset < 0 {
|
||||
w.offset = 0
|
||||
}
|
||||
}
|
||||
|
||||
// SetFocused sets whether the panel is focused
|
||||
func (w *WorkItemsPanel) SetFocused(focused bool) {
|
||||
w.focused = focused
|
||||
}
|
||||
|
||||
// SetItems sets the work items
|
||||
func (w *WorkItemsPanel) SetItems(items []models.WorkItem) {
|
||||
oldLen := len(w.items)
|
||||
w.items = items
|
||||
|
||||
// Only reset position if this is new data (not just a refresh)
|
||||
if oldLen == 0 && len(items) > 0 {
|
||||
w.cursor = 0
|
||||
w.offset = 0
|
||||
}
|
||||
|
||||
// Clamp cursor to valid range
|
||||
if w.cursor >= len(items) {
|
||||
w.cursor = len(items) - 1
|
||||
}
|
||||
if w.cursor < 0 {
|
||||
w.cursor = 0
|
||||
}
|
||||
}
|
||||
|
||||
// SelectedItem returns the currently selected work item
|
||||
func (w *WorkItemsPanel) SelectedItem() *models.WorkItem {
|
||||
if w.cursor >= 0 && w.cursor < len(w.items) {
|
||||
return &w.items[w.cursor]
|
||||
}
|
||||
return nil
|
||||
}
|
||||
|
||||
// OpenWorkItemMsg is sent when a work item should be opened in browser
|
||||
type OpenWorkItemMsg struct {
|
||||
Item models.WorkItem
|
||||
}
|
||||
|
||||
// ViewWorkItemMsg is sent when a work item should be viewed in detail
|
||||
type ViewWorkItemMsg struct {
|
||||
Item models.WorkItem
|
||||
}
|
||||
Reference in New Issue
Block a user