make issue list and issue form

pkg/web/components/issue.templ

@@ -0,0 +1,109 @@
+package components
+
+import (
+	"github.com/LazyBachelor/LazyPM/internal/models"
+	"github.com/LazyBachelor/LazyPM/pkg/web/components/base"
+)
+
+type IssueFormProps struct {
+	Action      string
+	Title       string
+	Description string
+	Status      string
+	Priority    int
+	IssueType   string
+	Class       string
+	Attrs       templ.Attributes
+}
+
+templ IssueForm(props IssueFormProps) {
+	<div class={ "w-full max-w-xs mx-auto ", props.Class }>
+		<form
+			class="form space-y-1"
+			hx-post={ props.Action }
+			hx-target="#result"
+			hx-swap="innerHTML"
+			{ props.Attrs... }
+		>
+			@base.Input(base.InputProps{
+				Name:     "title",
+				Label:    "Title",
+				Value:    props.Title,
+				Required: true,
+			})
+			@base.Textarea(base.TextareaProps{
+				Name:     "description",
+				Label:    "Description",
+				Value:    props.Description,
+				Required: true,
+			})
+			@base.Select(base.SelectProps{
+				Name:     "status",
+				Label:    "Status",
+				Required: true,
+				Options: []base.SelectOption{
+					{Label: "Open", Value: "open", Selected: props.Status == "open"},
+					{Label: "In Progress", Value: "in_progress", Selected: props.Status == "in_progress"},
+					{Label: "Closed", Value: "closed", Selected: props.Status == "closed"},
+				},
+				Size: "md",
+			})
+			@base.Select(base.SelectProps{
+				Name:     "issue_type",
+				Label:    "Issue Type",
+				Required: true,
+				Options: []base.SelectOption{
+					{Label: "Task", Value: "task", Selected: props.IssueType == "task"},
+					{Label: "Bug", Value: "bug", Selected: props.IssueType == "bug"},
+					{Label: "Feature", Value: "feature", Selected: props.IssueType == "feature"},
+					{Label: "Chore", Value: "chore", Selected: props.IssueType == "chore"},
+				},
+				Size: "md",
+			})
+			@base.Range(base.RangeProps{
+				Name:  "priority",
+				Label: "Priority",
+				Min:   0,
+				Max:   5,
+				Value: props.Priority,
+				Step:  1,
+			})
+			<button type="submit" class="btn btn-primary w-full mt-4">
+				Submit Issue
+			</button>
+		</form>
+		<div id="result"></div>
+	</div>
+}
+
+type IssueTableProps struct {
+	Issues []*models.Issue
+}
+
+templ IssueTable(props IssueTableProps) {
+	@base.Table(
+		[]templ.Component{
+			base.PlainText("ID"),
+			base.PlainText("Title"),
+			base.PlainText("Status"),
+			base.PlainText("Type"),
+			base.PlainText("Priority"),
+		},
+		[]templ.Component{
+			IssueRows(props.Issues),
+		},
+		templ.Attributes{},
+	)
+}
+
+templ IssueRows(issues []*models.Issue) {
+	for _, issue := range issues {
+		<tr>
+			<td class="px-4 py-2 border">{ issue.ID }</td>
+			<td class="px-4 py-2 border">{ issue.Title }</td>
+			<td class="px-4 py-2 border">{ issue.Status }</td>
+			<td class="px-4 py-2 border">{ issue.IssueType }</td>
+			<td class="px-4 py-2 border">{ issue.Priority }</td>
+		</tr>
+	}
+}

pkg/web/components/issue_templ.go

@@ -0,0 +1,298 @@
+// Code generated by templ - DO NOT EDIT.
+
+// templ: version: v0.3.977
+package components
+
+//lint:file-ignore SA4006 This context is only used if a nested component is present.
+
+import "github.com/a-h/templ"
+import templruntime "github.com/a-h/templ/runtime"
+
+import (
+	"github.com/LazyBachelor/LazyPM/internal/models"
+	"github.com/LazyBachelor/LazyPM/pkg/web/components/base"
+)
+
+type IssueFormProps struct {
+	Action      string
+	Title       string
+	Description string
+	Status      string
+	Priority    int
+	IssueType   string
+	Class       string
+	Attrs       templ.Attributes
+}
+
+func IssueForm(props IssueFormProps) templ.Component {
+	return templruntime.GeneratedTemplate(func(templ_7745c5c3_Input templruntime.GeneratedComponentInput) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_W, ctx := templ_7745c5c3_Input.Writer, templ_7745c5c3_Input.Context
+		if templ_7745c5c3_CtxErr := ctx.Err(); templ_7745c5c3_CtxErr != nil {
+			return templ_7745c5c3_CtxErr
+		}
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templruntime.GetBuffer(templ_7745c5c3_W)
+		if !templ_7745c5c3_IsBuffer {
+			defer func() {
+				templ_7745c5c3_BufErr := templruntime.ReleaseBuffer(templ_7745c5c3_Buffer)
+				if templ_7745c5c3_Err == nil {
+					templ_7745c5c3_Err = templ_7745c5c3_BufErr
+				}
+			}()
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var1 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var1 == nil {
+			templ_7745c5c3_Var1 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		var templ_7745c5c3_Var2 = []any{"w-full max-w-xs mx-auto ", props.Class}
+		templ_7745c5c3_Err = templ.RenderCSSItems(ctx, templ_7745c5c3_Buffer, templ_7745c5c3_Var2...)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 1, "<div class=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var3 string
+		templ_7745c5c3_Var3, templ_7745c5c3_Err = templ.JoinStringErrs(templ.CSSClasses(templ_7745c5c3_Var2).String())
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `pkg/web/components/issue.templ`, Line: 1, Col: 0}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var3))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 2, "\"><form class=\"form space-y-1\" hx-post=\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		var templ_7745c5c3_Var4 string
+		templ_7745c5c3_Var4, templ_7745c5c3_Err = templ.JoinStringErrs(props.Action)
+		if templ_7745c5c3_Err != nil {
+			return templ.Error{Err: templ_7745c5c3_Err, FileName: `pkg/web/components/issue.templ`, Line: 23, Col: 25}
+		}
+		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var4))
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 3, "\" hx-target=\"#result\" hx-swap=\"innerHTML\"")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = templ.RenderAttributes(ctx, templ_7745c5c3_Buffer, props.Attrs)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 4, ">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = base.Input(base.InputProps{
+			Name:     "title",
+			Label:    "Title",
+			Value:    props.Title,
+			Required: true,
+		}).Render(ctx, templ_7745c5c3_Buffer)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = base.Textarea(base.TextareaProps{
+			Name:     "description",
+			Label:    "Description",
+			Value:    props.Description,
+			Required: true,
+		}).Render(ctx, templ_7745c5c3_Buffer)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = base.Select(base.SelectProps{
+			Name:     "status",
+			Label:    "Status",
+			Required: true,
+			Options: []base.SelectOption{
+				{Label: "Open", Value: "open", Selected: props.Status == "open"},
+				{Label: "In Progress", Value: "in_progress", Selected: props.Status == "in_progress"},
+				{Label: "Closed", Value: "closed", Selected: props.Status == "closed"},
+			},
+			Size: "md",
+		}).Render(ctx, templ_7745c5c3_Buffer)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = base.Select(base.SelectProps{
+			Name:     "issue_type",
+			Label:    "Issue Type",
+			Required: true,
+			Options: []base.SelectOption{
+				{Label: "Task", Value: "task", Selected: props.IssueType == "task"},
+				{Label: "Bug", Value: "bug", Selected: props.IssueType == "bug"},
+				{Label: "Feature", Value: "feature", Selected: props.IssueType == "feature"},
+				{Label: "Chore", Value: "chore", Selected: props.IssueType == "chore"},
+			},
+			Size: "md",
+		}).Render(ctx, templ_7745c5c3_Buffer)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = base.Range(base.RangeProps{
+			Name:  "priority",
+			Label: "Priority",
+			Min:   0,
+			Max:   5,
+			Value: props.Priority,
+			Step:  1,
+		}).Render(ctx, templ_7745c5c3_Buffer)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 5, "<button type=\"submit\" class=\"btn btn-primary w-full mt-4\">Submit Issue</button></form><div id=\"result\"></div></div>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		return nil
+	})
+}
+
+type IssueTableProps struct {
+	Issues []*models.Issue
+}
+
+func IssueTable(props IssueTableProps) templ.Component {
+	return templruntime.GeneratedTemplate(func(templ_7745c5c3_Input templruntime.GeneratedComponentInput) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_W, ctx := templ_7745c5c3_Input.Writer, templ_7745c5c3_Input.Context
+		if templ_7745c5c3_CtxErr := ctx.Err(); templ_7745c5c3_CtxErr != nil {
+			return templ_7745c5c3_CtxErr
+		}
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templruntime.GetBuffer(templ_7745c5c3_W)
+		if !templ_7745c5c3_IsBuffer {
+			defer func() {
+				templ_7745c5c3_BufErr := templruntime.ReleaseBuffer(templ_7745c5c3_Buffer)
+				if templ_7745c5c3_Err == nil {
+					templ_7745c5c3_Err = templ_7745c5c3_BufErr
+				}
+			}()
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var5 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var5 == nil {
+			templ_7745c5c3_Var5 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		templ_7745c5c3_Err = base.Table(
+			[]templ.Component{
+				base.PlainText("ID"),
+				base.PlainText("Title"),
+				base.PlainText("Status"),
+				base.PlainText("Type"),
+				base.PlainText("Priority"),
+			},
+			[]templ.Component{
+				IssueRows(props.Issues),
+			},
+			templ.Attributes{},
+		).Render(ctx, templ_7745c5c3_Buffer)
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		return nil
+	})
+}
+
+func IssueRows(issues []*models.Issue) templ.Component {
+	return templruntime.GeneratedTemplate(func(templ_7745c5c3_Input templruntime.GeneratedComponentInput) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_W, ctx := templ_7745c5c3_Input.Writer, templ_7745c5c3_Input.Context
+		if templ_7745c5c3_CtxErr := ctx.Err(); templ_7745c5c3_CtxErr != nil {
+			return templ_7745c5c3_CtxErr
+		}
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templruntime.GetBuffer(templ_7745c5c3_W)
+		if !templ_7745c5c3_IsBuffer {
+			defer func() {
+				templ_7745c5c3_BufErr := templruntime.ReleaseBuffer(templ_7745c5c3_Buffer)
+				if templ_7745c5c3_Err == nil {
+					templ_7745c5c3_Err = templ_7745c5c3_BufErr
+				}
+			}()
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var6 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var6 == nil {
+			templ_7745c5c3_Var6 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		for _, issue := range issues {
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 6, "<tr><td class=\"px-4 py-2 border\">")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			var templ_7745c5c3_Var7 string
+			templ_7745c5c3_Var7, templ_7745c5c3_Err = templ.JoinStringErrs(issue.ID)
+			if templ_7745c5c3_Err != nil {
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `pkg/web/components/issue.templ`, Line: 102, Col: 42}
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var7))
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 7, "</td><td class=\"px-4 py-2 border\">")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			var templ_7745c5c3_Var8 string
+			templ_7745c5c3_Var8, templ_7745c5c3_Err = templ.JoinStringErrs(issue.Title)
+			if templ_7745c5c3_Err != nil {
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `pkg/web/components/issue.templ`, Line: 103, Col: 45}
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var8))
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 8, "</td><td class=\"px-4 py-2 border\">")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			var templ_7745c5c3_Var9 string
+			templ_7745c5c3_Var9, templ_7745c5c3_Err = templ.JoinStringErrs(issue.Status)
+			if templ_7745c5c3_Err != nil {
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `pkg/web/components/issue.templ`, Line: 104, Col: 46}
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var9))
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 9, "</td><td class=\"px-4 py-2 border\">")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			var templ_7745c5c3_Var10 string
+			templ_7745c5c3_Var10, templ_7745c5c3_Err = templ.JoinStringErrs(issue.IssueType)
+			if templ_7745c5c3_Err != nil {
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `pkg/web/components/issue.templ`, Line: 105, Col: 49}
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var10))
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 10, "</td><td class=\"px-4 py-2 border\">")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			var templ_7745c5c3_Var11 string
+			templ_7745c5c3_Var11, templ_7745c5c3_Err = templ.JoinStringErrs(issue.Priority)
+			if templ_7745c5c3_Err != nil {
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `pkg/web/components/issue.templ`, Line: 106, Col: 48}
+			}
+			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var11))
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 11, "</td></tr>")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+		}
+		return nil
+	})
+}
+
+var _ = templruntime.GeneratedTemplate

pkg/web/components/issuelist.templ

@@ -1,19 +0,0 @@
-package components
-
-import "github.com/LazyBachelor/LazyPM/internal/models"
-
-type IssueListProps struct {
-	Issues []*models.Issue
-}
-
-templ IssueList(props IssueListProps) {
-	<ul>
-		for _, issue := range props.Issues {
-			@IssueListItem(issue)
-		}
-	</ul>
-}
-
-templ IssueListItem(issue *models.Issue) {
-	<li>Issue ID: { issue.ID }, Title: { issue.Title } </li>
-}

pkg/web/components/issuelist_templ.go

@@ -1,111 +0,0 @@
-// Code generated by templ - DO NOT EDIT.
-
-// templ: version: v0.3.977
-package components
-
-//lint:file-ignore SA4006 This context is only used if a nested component is present.
-
-import "github.com/a-h/templ"
-import templruntime "github.com/a-h/templ/runtime"
-
-import "github.com/LazyBachelor/LazyPM/internal/models"
-
-type IssueListProps struct {
-	Issues []*models.Issue
-}
-
-func IssueList(props IssueListProps) templ.Component {
-	return templruntime.GeneratedTemplate(func(templ_7745c5c3_Input templruntime.GeneratedComponentInput) (templ_7745c5c3_Err error) {
-		templ_7745c5c3_W, ctx := templ_7745c5c3_Input.Writer, templ_7745c5c3_Input.Context
-		if templ_7745c5c3_CtxErr := ctx.Err(); templ_7745c5c3_CtxErr != nil {
-			return templ_7745c5c3_CtxErr
-		}
-		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templruntime.GetBuffer(templ_7745c5c3_W)
-		if !templ_7745c5c3_IsBuffer {
-			defer func() {
-				templ_7745c5c3_BufErr := templruntime.ReleaseBuffer(templ_7745c5c3_Buffer)
-				if templ_7745c5c3_Err == nil {
-					templ_7745c5c3_Err = templ_7745c5c3_BufErr
-				}
-			}()
-		}
-		ctx = templ.InitializeContext(ctx)
-		templ_7745c5c3_Var1 := templ.GetChildren(ctx)
-		if templ_7745c5c3_Var1 == nil {
-			templ_7745c5c3_Var1 = templ.NopComponent
-		}
-		ctx = templ.ClearChildren(ctx)
-		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 1, "<ul>")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		for _, issue := range props.Issues {
-			templ_7745c5c3_Err = IssueListItem(issue).Render(ctx, templ_7745c5c3_Buffer)
-			if templ_7745c5c3_Err != nil {
-				return templ_7745c5c3_Err
-			}
-		}
-		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 2, "</ul>")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		return nil
-	})
-}
-
-func IssueListItem(issue *models.Issue) templ.Component {
-	return templruntime.GeneratedTemplate(func(templ_7745c5c3_Input templruntime.GeneratedComponentInput) (templ_7745c5c3_Err error) {
-		templ_7745c5c3_W, ctx := templ_7745c5c3_Input.Writer, templ_7745c5c3_Input.Context
-		if templ_7745c5c3_CtxErr := ctx.Err(); templ_7745c5c3_CtxErr != nil {
-			return templ_7745c5c3_CtxErr
-		}
-		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templruntime.GetBuffer(templ_7745c5c3_W)
-		if !templ_7745c5c3_IsBuffer {
-			defer func() {
-				templ_7745c5c3_BufErr := templruntime.ReleaseBuffer(templ_7745c5c3_Buffer)
-				if templ_7745c5c3_Err == nil {
-					templ_7745c5c3_Err = templ_7745c5c3_BufErr
-				}
-			}()
-		}
-		ctx = templ.InitializeContext(ctx)
-		templ_7745c5c3_Var2 := templ.GetChildren(ctx)
-		if templ_7745c5c3_Var2 == nil {
-			templ_7745c5c3_Var2 = templ.NopComponent
-		}
-		ctx = templ.ClearChildren(ctx)
-		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 3, "<li>Issue ID: ")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		var templ_7745c5c3_Var3 string
-		templ_7745c5c3_Var3, templ_7745c5c3_Err = templ.JoinStringErrs(issue.ID)
-		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `pkg/web/components/issuelist.templ`, Line: 18, Col: 25}
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var3))
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 4, ", Title: ")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		var templ_7745c5c3_Var4 string
-		templ_7745c5c3_Var4, templ_7745c5c3_Err = templ.JoinStringErrs(issue.Title)
-		if templ_7745c5c3_Err != nil {
-			return templ.Error{Err: templ_7745c5c3_Err, FileName: `pkg/web/components/issuelist.templ`, Line: 18, Col: 49}
-		}
-		_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var4))
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 5, "</li>")
-		if templ_7745c5c3_Err != nil {
-			return templ_7745c5c3_Err
-		}
-		return nil
-	})
-}
-
-var _ = templruntime.GeneratedTemplate

pkg/web/handler/issues.go

@@ -2,6 +2,7 @@ package handler
 
 import (
 	"encoding/json"
+	"fmt"
 	"net/http"
 
 	"github.com/LazyBachelor/LazyPM/internal/models"
@@ -22,25 +23,30 @@ func CreateIssue(svc *service.Services) http.HandlerFunc {
 			return
 		}
 
-		var issue models.Issue
+		// 1. Parse Form instead of JSON
-
+		if err := r.ParseForm(); err != nil {
-		err := json.NewDecoder(r.Body).Decode(&issue)
+			http.Error(w, "Failed to parse form", http.StatusBadRequest)
-		if err != nil {
-			http.Error(w, "Invalid request payload", http.StatusBadRequest)
 			return
 		}
 
-		defer r.Body.Close()
+		// 2. Map form values to your struct manually
+		// (Or use a library like 'gorilla/schema')
+		issue := models.Issue{
+			Title:       r.FormValue("title"),
+			Description: r.FormValue("description"),
+			Status:      models.Status(r.FormValue("status")),
+			IssueType:   models.IssueType(r.FormValue("issue_type")),
+		}
 
-		err = svc.Beads.CreateIssue(r.Context(), &issue, "")
+		err := svc.Beads.CreateIssue(r.Context(), &issue, "")
 		if err != nil {
-			http.Error(w, "Failed to create issue: "+err.Error(), http.StatusBadRequest)
+			http.Error(w, "Failed to create issue: "+err.Error(), http.StatusInternalServerError)
 			return
 		}
 
-		w.Header().Set("Content-Type", "application/json")
+		// 3. HTMX usually expects HTML back, not JSON
-		w.WriteHeader(http.StatusCreated)
+		w.Header().Set("Content-Type", "text/html")
-		json.NewEncoder(w).Encode(issue)
+		fmt.Fprintf(w, "<p>Created issue: %s</p>", issue.Title)
 	}
 }
 

pkg/web/handler/pages.go

@@ -31,12 +31,10 @@ func IndexHandler(svc *service.Services) http.HandlerFunc {
 		}
 
 		props := routes.IndexProps{
-			Issues: issues,
+			IssueTable: components.IssueTableProps{
-			IssueList: components.IssueListProps{
 				Issues: issues,
 			},
 		}
-
 		routes.Index(props).Render(r.Context(), w)
 	}
 }

pkg/web/routes/index.templ

@@ -1,19 +1,28 @@
 package routes
 
 import (
-	"github.com/LazyBachelor/LazyPM/internal/models"
 	"github.com/LazyBachelor/LazyPM/pkg/web/components"
 )
 
 type IndexProps struct {
-	Issues    []*models.Issue
+	IssueTable components.IssueTableProps
-	IssueList components.IssueListProps
 }
 
 templ Index(props IndexProps) {
 	@BaseLayout() {
-		<h1>Welcome to the Beads Test Application</h1>
+		<div class="flex flex-col justify-center items-center gap-6 mb-12">
-		<p>Here are current issues:</p>
+			<h1>Create New Issue</h1>
-		@components.IssueList(props.IssueList)
+			@components.IssueForm(
+				components.IssueFormProps{
+					Action:      "/create-issue",
+					Class:       "mb-4",
+					Title:       "",
+					Description: "",
+					Status:      "open",
+					Priority:    0,
+					IssueType:   "task",
+				})
+		</div>
+		@components.IssueTable(props.IssueTable)
 	}
 }

pkg/web/routes/index_templ.go

@@ -9,13 +9,11 @@ import "github.com/a-h/templ"
 import templruntime "github.com/a-h/templ/runtime"
 
 import (
-	"github.com/LazyBachelor/LazyPM/internal/models"
 	"github.com/LazyBachelor/LazyPM/pkg/web/components"
 )
 
 type IndexProps struct {
-	Issues    []*models.Issue
+	IssueTable components.IssueTableProps
-	IssueList components.IssueListProps
 }
 
 func Index(props IndexProps) templ.Component {
@@ -51,11 +49,28 @@ func Index(props IndexProps) templ.Component {
 				}()
 			}
 			ctx = templ.InitializeContext(ctx)
-			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 1, "<h1>Welcome to the Beads Test Application</h1><p>Here are current issues:</p>")
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 1, "<div class=\"flex flex-col justify-center items-center gap-6 mb-12\"><h1>Create New Issue</h1>")
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}
-			templ_7745c5c3_Err = components.IssueList(props.IssueList).Render(ctx, templ_7745c5c3_Buffer)
+			templ_7745c5c3_Err = components.IssueForm(
+				components.IssueFormProps{
+					Action:      "/create-issue",
+					Class:       "mb-4",
+					Title:       "",
+					Description: "",
+					Status:      "open",
+					Priority:    0,
+					IssueType:   "task",
+				}).Render(ctx, templ_7745c5c3_Buffer)
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 2, "</div>")
+			if templ_7745c5c3_Err != nil {
+				return templ_7745c5c3_Err
+			}
+			templ_7745c5c3_Err = components.IssueTable(props.IssueTable).Render(ctx, templ_7745c5c3_Buffer)
 			if templ_7745c5c3_Err != nil {
 				return templ_7745c5c3_Err
 			}