feat: initial commit

internal/http/handler/webui/issue/component/issue_page.templ

@@ -0,0 +1,116 @@
+package component
+
+import (
+	"forge.cadoles.com/wpetit/clearcase/internal/core/model"
+	"forge.cadoles.com/wpetit/clearcase/internal/http/form"
+	common "forge.cadoles.com/wpetit/clearcase/internal/http/handler/webui/common/component"
+)
+
+type IssuePageVModel struct {
+	SummaryForm       *form.Form
+	IssueForm         *form.Form
+	Projects          []*model.Project
+	SelectedProjectID string
+}
+
+func NewIssueSummaryForm() *form.Form {
+	return form.New(
+		form.NewField(
+			"project",
+			form.Attrs{},
+			form.NonEmpty("This field should not be empty"),
+		),
+		form.NewField(
+			"summary",
+			form.Attrs{
+				"type":        "textarea",
+				"rows":        "20",
+				"placeholder": "Write a rapid description of the issue here...",
+			},
+			form.NonEmpty("This field should not be empty"),
+		),
+	)
+}
+
+func NewIssueForm() *form.Form {
+	return form.New(
+		form.NewField(
+			"content",
+			form.Attrs{
+				"type": "textarea",
+				"rows": "25",
+			},
+			form.NonEmpty("This field should not be empty"),
+		),
+	)
+}
+
+templ IssuePage(vmodel IssuePageVModel) {
+	@common.Page(common.WithTitle("New issue")) {
+		<div class="container is-fluid">
+			<section class="section">
+				<div class="buttons is-right">
+					<a class="button is-medium" href={ common.BaseURL(ctx, common.WithPath("/auth/logout")) }>Logout</a>
+				</div>
+				<div class="columns">
+					<div class="column">
+						<form id="summary-form" action={ common.CurrentURL(ctx) } method="post" hx-disabled-elt="#summary-form textarea, #summary-form select, #summary-form button" hx-indicator="#generation-progress">
+							<div class="level">
+								<div class="level-left">
+									<h2 class="title is-size-2 level-item">Describe your request</h2>
+								</div>
+								<div class="level-right">
+									<div class="buttons is-right level-item">
+										<button type="submit" class="button is-primary is-large">
+											<span class="icon">
+												<i class="fa fa-robot"></i>
+											</span>
+											<span>Generate</span>
+										</button>
+									</div>
+								</div>
+							</div>
+							<progress id="generation-progress" class="htmx-indicator progress"></progress>
+							@common.FormSelect(
+								vmodel.SummaryForm, "issue-project", "project", "Project",
+								common.WithOptions(projectsToOptions(vmodel.Projects)...),
+								common.WithAttrs(
+									"hx-get", string(common.CurrentURL(ctx, common.WithoutValues("project", "*"))),
+									"hx-target", "body",
+									"hx-push-url", "true",
+								),
+							)
+							@common.FormTextarea(vmodel.SummaryForm, "issue-summary", "summary", "Summary")
+						</form>
+					</div>
+					<div class="column">
+						<div class="level">
+							<div class="level-left">
+								<h2 class="title is-size-2">Generated issue</h2>
+							</div>
+							<div class="level-right">
+								<div class="buttons is-right">
+									<button disabled type="submit" class="button is-primary is-large">
+										<span class="icon">
+											<i class="fa fa-rocket"></i>
+										</span>
+										<span>Create issue</span>
+									</button>
+								</div>
+							</div>
+						</div>
+						@common.FormTextarea(vmodel.IssueForm, "issue-content", "content", "")
+					</div>
+				</div>
+			</section>
+		</div>
+	}
+}
+
+func projectsToOptions(projects []*model.Project) []string {
+	options := make([]string, 0, len(projects)*2)
+	for _, p := range projects {
+		options = append(options, p.Label, p.ID)
+	}
+	return options
+}