mattnite
/
forgejo-tickets
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: mattnite:fbe593b131fa9ca15d03b37357d09ddb6c4ab952
Branches Tags
mattnite:main
..
compare: mattnite:a59088dc3583dd13cf08083b843aa8bbfb157236
Branches Tags
mattnite:main

No commits in common. "fbe593b131fa9ca15d03b37357d09ddb6c4ab952" and "a59088dc3583dd13cf08083b843aa8bbfb157236" have entirely different histories.
fbe593b131 ... a59088dc35

10 changed files with 21 additions and 619 deletions
Show Stats Expand all files Collapse all files

2
internal/forgejo/client.go
View File

@ -636,7 +636,7 @@ func (c *Client) EditIssue(owner, repo string, number int64, req EditIssueReques
}
defer resp.Body.Close()
if resp.StatusCode != http.StatusOK && resp.StatusCode != http.StatusCreated {
if resp.StatusCode != http.StatusOK {
respBody, _ := io.ReadAll(resp.Body)
return fmt.Errorf("forgejo API returned %d: %s", resp.StatusCode, string(respBody))
}

88
internal/handlers/admin/tickets.go
View File

@ -4,7 +4,6 @@ import (
"fmt"
"net/http"
"sort"
"strconv"
"strings"
"time"
@ -36,15 +35,6 @@ type ticketListRow struct {
func (h *TicketHandler) List(c *gin.Context) {
statusFilter := c.Query("status")
priorityFilter := c.Query("priority")
productFilter := c.Query("product")
reporterFilter := c.Query("reporter")
page, _ := strconv.Atoi(c.DefaultQuery("page", "1"))
if page < 1 {
page = 1
}
const pageSize = 20
// Load all ticket mappings with User and Repo joins
type ticketMapping struct {
@ -63,6 +53,7 @@ func (h *TicketHandler) List(c *gin.Context) {
Joins("JOIN repos ON repos.id = tickets.repo_id").
Joins("JOIN users ON users.id = tickets.user_id").
Order("tickets.created_at DESC").
Limit(100).
Scan(&mappings).Error; err != nil {
log.Error().Err(err).Msg("list tickets error")
h.deps.Renderer.RenderError(c.Writer, c.Request, http.StatusInternalServerError, "Failed to load tickets")
@ -92,7 +83,7 @@ func (h *TicketHandler) List(c *gin.Context) {
apiState = "open"
}
// Fetch issues from Forgejo per repo and build all rows
// Fetch issues from Forgejo per repo and match
var tickets []ticketListRow
for _, group := range repoGroups {
issues, err := h.deps.ForgejoClient.ListIssues(group.owner, group.repo, apiState, "")
@ -123,11 +114,17 @@ func (h *TicketHandler) List(c *gin.Context) {
if !ok {
continue
}
status := forgejo.DeriveStatus(issue)
// Apply client-side status filter
if statusFilter != "" && status != statusFilter {
continue
}
tickets = append(tickets, ticketListRow{
ID: m.ID,
Title: issue.Title,
Status: forgejo.DeriveStatus(issue),
Status: status,
Priority: forgejo.DerivePriority(issue),
Pinned: issue.PinOrder > 0,
RepoName: m.RepoName,
@ -140,47 +137,6 @@ func (h *TicketHandler) List(c *gin.Context) {
}
}
// Collect unique product names and reporter names before filtering
productSet := map[string]bool{}
reporterSet := map[string]bool{}
for _, t := range tickets {
if t.RepoName != "" {
productSet[t.RepoName] = true
}
if t.UserName != "" {
reporterSet[t.UserName] = true
}
}
var products []string
for p := range productSet {
products = append(products, p)
}
sort.Strings(products)
var reporters []string
for r := range reporterSet {
reporters = append(reporters, r)
}
sort.Strings(reporters)
// Apply in-memory filters
filtered := tickets[:0]
for _, t := range tickets {
if statusFilter != "" && t.Status != statusFilter {
continue
}
if priorityFilter != "" && t.Priority != priorityFilter {
continue
}
if productFilter != "" && t.RepoName != productFilter {
continue
}
if reporterFilter != "" && t.UserName != reporterFilter {
continue
}
filtered = append(filtered, t)
}
tickets = filtered
// Sort: pinned first, then by created date
sort.SliceStable(tickets, func(i, j int) bool {
if tickets[i].Pinned != tickets[j].Pinned {
@ -189,31 +145,9 @@ func (h *TicketHandler) List(c *gin.Context) {
return false
})
// Paginate
totalPages := (len(tickets) + pageSize - 1) / pageSize
if totalPages < 1 {
totalPages = 1
}
if page > totalPages {
page = totalPages
}
start := (page - 1) * pageSize
end := start + pageSize
if end > len(tickets) {
end = len(tickets)
}
tickets = tickets[start:end]
h.deps.Renderer.Render(c.Writer, c.Request, "admin/tickets/list", map[string]interface{}{
"Tickets": tickets,
"StatusFilter": statusFilter,
"PriorityFilter": priorityFilter,
"ProductFilter": productFilter,
"ReporterFilter": reporterFilter,
"Products": products,
"Reporters": reporters,
"Page": page,
"TotalPages": totalPages,
"Tickets": tickets,
"StatusFilter": statusFilter,
})
}

79
internal/handlers/public/tickets.go
View File

@ -25,18 +25,8 @@ type TicketHandler struct {
func (h *TicketHandler) List(c *gin.Context) {
user := auth.CurrentUser(c)
statusFilter := c.Query("status")
priorityFilter := c.Query("priority")
productFilter := c.Query("product")
page, _ := strconv.Atoi(c.DefaultQuery("page", "1"))
if page < 1 {
page = 1
}
const pageSize = 20
var tickets []models.Ticket
if err := h.deps.DB.Preload("Repo").Where("user_id = ?", user.ID).Order("created_at DESC").Find(&tickets).Error; err != nil {
if err := h.deps.DB.Preload("Repo").Where("user_id = ?", user.ID).Order("created_at DESC").Limit(50).Find(&tickets).Error; err != nil {
log.Error().Err(err).Msg("list tickets error")
h.deps.Renderer.RenderError(c.Writer, c.Request, http.StatusInternalServerError, "Failed to load tickets")
return
@ -44,10 +34,7 @@ func (h *TicketHandler) List(c *gin.Context) {
if len(tickets) == 0 {
h.deps.Renderer.Render(c.Writer, c.Request, "tickets/list", map[string]interface{}{
"Tickets": []map[string]interface{}{},
"StatusFilter": statusFilter,
"PriorityFilter": priorityFilter,
"ProductFilter": productFilter,
"Tickets": []map[string]interface{}{},
})
return
}
@ -65,14 +52,6 @@ func (h *TicketHandler) List(c *gin.Context) {
repoMap[t.RepoID].tickets = append(repoMap[t.RepoID].tickets, t)
}
// Determine Forgejo API state filter
apiState := "all"
if statusFilter == "closed" {
apiState = "closed"
} else if statusFilter == "open" || statusFilter == "in_progress" {
apiState = "open"
}
// Fetch issues from Forgejo per repo and build view models
type ticketView struct {
ID uuid.UUID
@ -87,7 +66,7 @@ func (h *TicketHandler) List(c *gin.Context) {
var views []ticketView
for _, group := range repoMap {
issues, err := h.deps.ForgejoClient.ListIssues(group.repo.ForgejoOwner, group.repo.ForgejoRepo, apiState, "")
issues, err := h.deps.ForgejoClient.ListIssues(group.repo.ForgejoOwner, group.repo.ForgejoRepo, "all", "")
if err != nil {
log.Error().Err(err).Str("repo", group.repo.Name).Msg("forgejo list issues error")
// Show tickets with unknown status on API failure
@ -124,35 +103,6 @@ func (h *TicketHandler) List(c *gin.Context) {
}
}
// Collect unique product names before filtering
productSet := map[string]bool{}
for _, v := range views {
if v.RepoName != "" {
productSet[v.RepoName] = true
}
}
var products []string
for p := range productSet {
products = append(products, p)
}
sort.Strings(products)
// Apply in-memory filters
filtered := views[:0]
for _, v := range views {
if statusFilter != "" && v.Status != statusFilter {
continue
}
if priorityFilter != "" && v.Priority != priorityFilter {
continue
}
if productFilter != "" && v.RepoName != productFilter {
continue
}
filtered = append(filtered, v)
}
views = filtered
// Sort: pinned first, then by created date
sort.SliceStable(views, func(i, j int) bool {
if views[i].Pinned != views[j].Pinned {
@ -161,29 +111,8 @@ func (h *TicketHandler) List(c *gin.Context) {
return false // preserve existing order for non-pinned
})
// Paginate
totalPages := (len(views) + pageSize - 1) / pageSize
if totalPages < 1 {
totalPages = 1
}
if page > totalPages {
page = totalPages
}
start := (page - 1) * pageSize
end := start + pageSize
if end > len(views) {
end = len(views)
}
views = views[start:end]
h.deps.Renderer.Render(c.Writer, c.Request, "tickets/list", map[string]interface{}{
"Tickets": views,
"StatusFilter": statusFilter,
"PriorityFilter": priorityFilter,
"ProductFilter": productFilter,
"Products": products,
"Page": page,
"TotalPages": totalPages,
"Tickets": views,
})
}

44
internal/templates/funcs.go
View File

@ -3,7 +3,6 @@ package templates
import (
"fmt"
"html/template"
"net/url"
"strings"
"time"
@ -88,48 +87,5 @@ func templateFuncs() template.FuncMap {
}
return dict
},
"add": func(a, b int) int {
return a + b
},
"sub": func(a, b int) int {
return a - b
},
"filterURL": func(baseURL string, params map[string]interface{}, setKey, setValue string) string {
u, err := url.Parse(baseURL)
if err != nil {
return baseURL
}
q := url.Values{}
for k, v := range params {
if k == "page" {
continue
}
if s, ok := v.(string); ok && s != "" {
q.Set(k, s)
}
}
if setValue != "" {
q.Set(setKey, setValue)
} else {
q.Del(setKey)
}
u.RawQuery = q.Encode()
return u.String()
},
"pageURL": func(baseURL string, params map[string]interface{}, page int) string {
u, err := url.Parse(baseURL)
if err != nil {
return baseURL
}
q := u.Query()
for k, v := range params {
if s, ok := v.(string); ok && s != "" {
q.Set(k, s)
}
}
q.Set("page", fmt.Sprintf("%d", page))
u.RawQuery = q.Encode()
return u.String()
},
}
}

297
internal/templates/render_test.go
View File

@ -1,297 +0,0 @@
package templates
import (
"bytes"
"os"
"path/filepath"
"testing"
"time"
"github.com/google/uuid"
"github.com/mattnite/forgejo-tickets/internal/models"
)
// TestAllTemplatesExecute parses every template and executes it with
// representative data wrapped in PageData, exactly as the real Renderer does.
// This catches errors like accessing a field on PageData that only exists in
// the Data map (e.g. $.ProductFilter instead of using a captured variable).
func TestAllTemplatesExecute(t *testing.T) {
now := time.Now()
dueDate := now.Add(24 * time.Hour)
testUser := &models.User{
ID: uuid.New(),
Email: "test@example.com",
Name: "Test User",
Role: "customer",
}
adminUser := &models.User{
ID: uuid.New(),
Email: "admin@example.com",
Name: "Admin",
Role: "admin",
}
repo := models.Repo{
ID: uuid.New(),
Name: "Test Product",
Slug: "test-product",
ForgejoOwner: "owner",
ForgejoRepo: "repo",
}
ticketID := uuid.New()
// Each entry maps a template name to data that exercises all template paths,
// including {{range}} loops that re-scope the dot.
cases := map[string]struct {
data interface{}
user *models.User
}{
"home": {data: nil, user: nil},
"login": {data: map[string]interface{}{
"GoogleEnabled": true,
"MicrosoftEnabled": false,
"AppleEnabled": false,
"Error": "",
"Email": "test@example.com",
}},
"register": {data: map[string]interface{}{
"Name": "Test",
"Email": "test@example.com",
"Error": "",
}},
"forgot-password": {data: nil},
"reset-password": {data: map[string]interface{}{
"Token": "abc123",
"Error": "",
}},
"change-password": {data: map[string]interface{}{
"HasPassword": true,
"Error": "",
}, user: testUser},
"tickets/list": {data: map[string]interface{}{
"Tickets": []map[string]interface{}{
{
"ID": ticketID,
"Title": "Test Ticket",
"Status": "open",
"Priority": "high",
"Pinned": false,
"RepoName": "Test Product",
"DueDate": &dueDate,
"CreatedAt": now,
},
},
"StatusFilter": "open",
"PriorityFilter": "",
"ProductFilter": "Test Product",
"Products": []string{"Test Product", "Other Product"},
"Page": 1,
"TotalPages": 2,
}, user: testUser},
"tickets/new": {data: map[string]interface{}{
"Repos": []models.Repo{repo},
"Error": "",
"Title": "",
"Description": "",
"RepoID": "",
}, user: testUser},
"tickets/detail": {data: map[string]interface{}{
"Ticket": map[string]interface{}{
"ID": ticketID,
"Title": "Test Ticket",
"Description": "A test description",
"Status": "open",
"Priority": "high",
"Pinned": false,
"Assignees": "Dev User",
"DueDate": &dueDate,
"Attachments": []map[string]interface{}{
{"ID": int64(1), "Name": "file.txt", "Size": int64(1024)},
},
"CreatedAt": now,
},
"Repo": repo,
"Timeline": []map[string]interface{}{
{
"Type": "comment",
"Body": "A comment",
"AuthorName": "Dev",
"IsTeam": true,
"EventText": "",
"CreatedAt": now,
"Attachments": []map[string]interface{}{
{"ID": int64(2), "Name": "img.png"},
},
"CommentID": int64(100),
},
{
"Type": "status_change",
"Body": "",
"AuthorName": "Dev",
"IsTeam": true,
"EventText": "changed status to open",
"CreatedAt": now,
"Attachments": []map[string]interface{}{},
"CommentID": int64(0),
},
},
"RelatedIssues": []map[string]interface{}{
{"Number": int64(5), "Title": "Related", "IsVisible": true, "DisplayText": "Related", "TicketID": uuid.New().String()},
},
"Mentions": map[string]string{"dev": "Dev User"},
}, user: testUser},
"admin/dashboard": {data: map[string]interface{}{
"UserCount": int64(10),
"TotalTickets": int64(50),
"OpenTickets": int64(20),
"InProgressTickets": int64(15),
"ClosedTickets": int64(15),
}, user: adminUser},
"admin/users/list": {data: map[string]interface{}{
"Users": []models.User{*adminUser},
}, user: adminUser},
"admin/users/new": {data: map[string]interface{}{
"Error": "",
"Name": "",
"Email": "",
}, user: adminUser},
"admin/users/pending": {data: map[string]interface{}{
"Users": []models.User{{
ID: uuid.New(),
Email: "pending@example.com",
Name: "Pending User",
Role: "customer",
}},
}, user: adminUser},
"admin/users/detail": {data: map[string]interface{}{
"User": *testUser,
"Tickets": []map[string]interface{}{},
"AllRepos": []models.Repo{repo},
"AssignedRepoIDs": map[string]bool{
repo.ID.String(): true,
},
}, user: adminUser},
"admin/repos/list": {data: map[string]interface{}{
"Repos": []models.Repo{repo},
"BaseURL": "https://example.com",
}, user: adminUser},
"admin/repos/new": {data: map[string]interface{}{
"Error": "",
"Name": "",
"Slug": "",
"ForgejoOwner": "",
"ForgejoRepo": "",
}, user: adminUser},
"admin/repos/edit": {data: map[string]interface{}{
"Repo": repo,
"BaseURL": "https://example.com",
"ForgejoURL": "https://forgejo.example.com",
"RepoPermErr": "",
}, user: adminUser},
"admin/tickets/list": {data: map[string]interface{}{
"Tickets": []map[string]interface{}{
{
"ID": ticketID,
"Title": "Test Ticket",
"Status": "open",
"Priority": "high",
"Pinned": false,
"RepoName": "Test Product",
"UserName": "Test User",
"DueDate": &dueDate,
"CreatedAt": now,
},
},
"StatusFilter": "",
"PriorityFilter": "",
"ProductFilter": "Test Product",
"ReporterFilter": "Test User",
"Products": []string{"Test Product", "Other Product"},
"Reporters": []string{"Test User", "Other User"},
"Page": 1,
"TotalPages": 1,
}, user: adminUser},
"admin/tickets/detail": {data: map[string]interface{}{
"Ticket": map[string]interface{}{
"ID": ticketID,
"Title": "Test Ticket",
"Description": "A test description",
"Status": "open",
"Priority": "high",
"Pinned": false,
"Assignees": "Dev User",
"DueDate": &dueDate,
"Attachments": []map[string]interface{}{},
"ForgejoIssueNumber": int64(1),
"CreatedAt": now,
},
"User": *testUser,
"Repo": repo,
"Timeline": []map[string]interface{}{
{
"Type": "comment",
"Body": "A comment",
"AuthorName": "Dev",
"IsTeam": true,
"EventText": "",
"CreatedAt": now,
"Attachments": []map[string]interface{}{},
"CommentID": int64(100),
},
},
"RelatedIssues": []map[string]interface{}{},
"Mentions": map[string]string{},
}, user: adminUser},
}
// NewRenderer expects web/templates relative to cwd; chdir to project root.
if err := os.Chdir(filepath.Join("..", "..")); err != nil {
t.Fatalf("chdir to project root: %v", err)
}
r, err := NewRenderer()
if err != nil {
t.Fatalf("NewRenderer: %v", err)
}
for name, tc := range cases {
t.Run(name, func(t *testing.T) {
pd := PageData{
User: tc.user,
CSRFToken: "test-csrf-token",
Data: tc.data,
}
tmpl, ok := r.templates[name]
if !ok {
t.Fatalf("template %q not found", name)
}
var buf bytes.Buffer
if err := tmpl.Execute(&buf, pd); err != nil {
t.Errorf("template %q execution failed: %v", name, err)
}
})
}
}

7
web/static/js/filters.js
View File

@ -1,7 +0,0 @@
document.addEventListener('DOMContentLoaded', function () {
document.querySelectorAll('select[data-filter-nav]').forEach(function (sel) {
sel.addEventListener('change', function () {
window.location.href = this.value;
});
});
});

1
web/templates/layouts/admin.html
View File

@ -14,6 +14,5 @@
{{block "content" .}}{{end}}
</main>
</div>
<script src="/static/js/filters.js"></script>
</body>
</html>

1
web/templates/layouts/base.html
View File

@ -15,7 +15,6 @@
</main>
</div>
<span class="hidden ring-blue-400 bg-blue-50 border-blue-400 hover:text-red-500"></span>
<script src="/static/js/filters.js"></script>
<script>
if (document.querySelector('pre.mermaid')) {
var s = document.createElement('script');

68
web/templates/pages/admin/tickets/list.html
View File

@ -4,50 +4,11 @@
<h1 class="text-2xl font-bold text-gray-900 mb-6">All Tickets</h1>
{{with .Data}}
{{$filters := dict "status" .StatusFilter "priority" .PriorityFilter "product" .ProductFilter "reporter" .ReporterFilter}}
{{$productFilter := .ProductFilter}}
{{$reporterFilter := .ReporterFilter}}
<div class="flex items-center gap-4 mb-4">
<div class="flex items-center gap-1.5">
<label class="text-xs font-medium text-gray-500 uppercase">Status</label>
<select data-filter-nav class="rounded-md border-gray-300 text-sm py-1.5 pr-8">
<option value="{{filterURL "/admin/tickets" $filters "status" ""}}" {{if not .StatusFilter}}selected{{end}}>All</option>
<option value="{{filterURL "/admin/tickets" $filters "status" "open"}}" {{if eq .StatusFilter "open"}}selected{{end}}>Open</option>
<option value="{{filterURL "/admin/tickets" $filters "status" "in_progress"}}" {{if eq .StatusFilter "in_progress"}}selected{{end}}>In Progress</option>
<option value="{{filterURL "/admin/tickets" $filters "status" "closed"}}" {{if eq .StatusFilter "closed"}}selected{{end}}>Closed</option>
</select>
</div>
<div class="flex items-center gap-1.5">
<label class="text-xs font-medium text-gray-500 uppercase">Priority</label>
<select data-filter-nav class="rounded-md border-gray-300 text-sm py-1.5 pr-8">
<option value="{{filterURL "/admin/tickets" $filters "priority" ""}}" {{if not .PriorityFilter}}selected{{end}}>All</option>
<option value="{{filterURL "/admin/tickets" $filters "priority" "high"}}" {{if eq .PriorityFilter "high"}}selected{{end}}>High</option>
<option value="{{filterURL "/admin/tickets" $filters "priority" "medium"}}" {{if eq .PriorityFilter "medium"}}selected{{end}}>Medium</option>
<option value="{{filterURL "/admin/tickets" $filters "priority" "low"}}" {{if eq .PriorityFilter "low"}}selected{{end}}>Low</option>
</select>
</div>
{{if .Products}}
<div class="flex items-center gap-1.5">
<label class="text-xs font-medium text-gray-500 uppercase">Product</label>
<select data-filter-nav class="rounded-md border-gray-300 text-sm py-1.5 pr-8">
<option value="{{filterURL "/admin/tickets" $filters "product" ""}}" {{if not .ProductFilter}}selected{{end}}>All</option>
{{range .Products}}
<option value="{{filterURL "/admin/tickets" $filters "product" .}}" {{if eq $productFilter .}}selected{{end}}>{{.}}</option>
{{end}}
</select>
</div>
{{end}}
{{if .Reporters}}
<div class="flex items-center gap-1.5">
<label class="text-xs font-medium text-gray-500 uppercase">Reporter</label>
<select data-filter-nav class="rounded-md border-gray-300 text-sm py-1.5 pr-8">
<option value="{{filterURL "/admin/tickets" $filters "reporter" ""}}" {{if not .ReporterFilter}}selected{{end}}>All</option>
{{range .Reporters}}
<option value="{{filterURL "/admin/tickets" $filters "reporter" .}}" {{if eq $reporterFilter .}}selected{{end}}>{{.}}</option>
{{end}}
</select>
</div>
{{end}}
<div class="mb-4 flex gap-2">
<a href="/admin/tickets" class="rounded-md px-3 py-1.5 text-sm font-medium {{if not .StatusFilter}}bg-gray-900 text-white{{else}}bg-white text-gray-700 ring-1 ring-gray-300 hover:bg-gray-50{{end}}">All</a>
<a href="/admin/tickets?status=open" class="rounded-md px-3 py-1.5 text-sm font-medium {{if eq .StatusFilter "open"}}bg-gray-900 text-white{{else}}bg-white text-gray-700 ring-1 ring-gray-300 hover:bg-gray-50{{end}}">Open</a>
<a href="/admin/tickets?status=in_progress" class="rounded-md px-3 py-1.5 text-sm font-medium {{if eq .StatusFilter "in_progress"}}bg-gray-900 text-white{{else}}bg-white text-gray-700 ring-1 ring-gray-300 hover:bg-gray-50{{end}}">In Progress</a>
<a href="/admin/tickets?status=closed" class="rounded-md px-3 py-1.5 text-sm font-medium {{if eq .StatusFilter "closed"}}bg-gray-900 text-white{{else}}bg-white text-gray-700 ring-1 ring-gray-300 hover:bg-gray-50{{end}}">Closed</a>
</div>
{{if .Tickets}}
@ -84,27 +45,8 @@
</tbody>
</table>
</div>
{{if gt .TotalPages 1}}
<nav class="flex items-center justify-between mt-4 px-1">
<div>
{{if gt .Page 1}}
<a href="{{pageURL "/admin/tickets" $filters (sub .Page 1)}}" class="rounded-md px-3 py-1.5 text-sm font-medium bg-white text-gray-700 ring-1 ring-gray-300 hover:bg-gray-50">Previous</a>
{{end}}
</div>
<span class="text-sm text-gray-500">Page {{.Page}} of {{.TotalPages}}</span>
<div>
{{if lt .Page .TotalPages}}
<a href="{{pageURL "/admin/tickets" $filters (add .Page 1)}}" class="rounded-md px-3 py-1.5 text-sm font-medium bg-white text-gray-700 ring-1 ring-gray-300 hover:bg-gray-50">Next</a>
{{end}}
</div>
</nav>
{{end}}
{{else}}
{{if or .StatusFilter .PriorityFilter .ProductFilter .ReporterFilter}}
<p class="text-sm text-gray-500">No tickets match the current filters.</p>
{{else}}
<p class="text-sm text-gray-500">No tickets found.</p>
{{end}}
{{end}}
{{end}}
{{end}}

53
web/templates/pages/tickets/list.html
View File

@ -7,40 +7,6 @@
</div>
{{with .Data}}
{{$filters := dict "status" .StatusFilter "priority" .PriorityFilter "product" .ProductFilter}}
{{$productFilter := .ProductFilter}}
<div class="flex items-center gap-4 mb-4">
<div class="flex items-center gap-1.5">
<label class="text-xs font-medium text-gray-500 uppercase">Status</label>
<select data-filter-nav class="rounded-md border-gray-300 text-sm py-1.5 pr-8">
<option value="{{filterURL "/tickets" $filters "status" ""}}" {{if not .StatusFilter}}selected{{end}}>All</option>
<option value="{{filterURL "/tickets" $filters "status" "open"}}" {{if eq .StatusFilter "open"}}selected{{end}}>Open</option>
<option value="{{filterURL "/tickets" $filters "status" "in_progress"}}" {{if eq .StatusFilter "in_progress"}}selected{{end}}>In Progress</option>
<option value="{{filterURL "/tickets" $filters "status" "closed"}}" {{if eq .StatusFilter "closed"}}selected{{end}}>Closed</option>
</select>
</div>
<div class="flex items-center gap-1.5">
<label class="text-xs font-medium text-gray-500 uppercase">Priority</label>
<select data-filter-nav class="rounded-md border-gray-300 text-sm py-1.5 pr-8">
<option value="{{filterURL "/tickets" $filters "priority" ""}}" {{if not .PriorityFilter}}selected{{end}}>All</option>
<option value="{{filterURL "/tickets" $filters "priority" "high"}}" {{if eq .PriorityFilter "high"}}selected{{end}}>High</option>
<option value="{{filterURL "/tickets" $filters "priority" "medium"}}" {{if eq .PriorityFilter "medium"}}selected{{end}}>Medium</option>
<option value="{{filterURL "/tickets" $filters "priority" "low"}}" {{if eq .PriorityFilter "low"}}selected{{end}}>Low</option>
</select>
</div>
{{if .Products}}
<div class="flex items-center gap-1.5">
<label class="text-xs font-medium text-gray-500 uppercase">Product</label>
<select data-filter-nav class="rounded-md border-gray-300 text-sm py-1.5 pr-8">
<option value="{{filterURL "/tickets" $filters "product" ""}}" {{if not .ProductFilter}}selected{{end}}>All</option>
{{range .Products}}
<option value="{{filterURL "/tickets" $filters "product" .}}" {{if eq $productFilter .}}selected{{end}}>{{.}}</option>
{{end}}
</select>
</div>
{{end}}
</div>
{{if .Tickets}}
<div class="overflow-hidden bg-white shadow ring-1 ring-gray-200 rounded-lg">
<table class="min-w-full divide-y divide-gray-200">
@ -73,29 +39,10 @@
</tbody>
</table>
</div>
{{if gt .TotalPages 1}}
<nav class="flex items-center justify-between mt-4 px-1">
<div>
{{if gt .Page 1}}
<a href="{{pageURL "/tickets" $filters (sub .Page 1)}}" class="rounded-md px-3 py-1.5 text-sm font-medium bg-white text-gray-700 ring-1 ring-gray-300 hover:bg-gray-50">Previous</a>
{{end}}
</div>
<span class="text-sm text-gray-500">Page {{.Page}} of {{.TotalPages}}</span>
<div>
{{if lt .Page .TotalPages}}
<a href="{{pageURL "/tickets" $filters (add .Page 1)}}" class="rounded-md px-3 py-1.5 text-sm font-medium bg-white text-gray-700 ring-1 ring-gray-300 hover:bg-gray-50">Next</a>
{{end}}
</div>
</nav>
{{end}}
{{else}}
<div class="text-center py-12 bg-white rounded-lg shadow ring-1 ring-gray-200">
{{if or .StatusFilter .PriorityFilter .ProductFilter}}
<p class="text-gray-500">No tickets match the current filters.</p>
{{else}}
<p class="text-gray-500">No tickets yet.</p>
<a href="/tickets/new" class="mt-4 inline-block text-sm font-medium text-blue-600 hover:text-blue-500">Create your first ticket</a>
{{end}}
</div>
{{end}}
{{end}}