wip on datatable integration to soarca backend

Author: jp

handlers/reporting.go

@@ -7,6 +7,7 @@ import (
 	"soarca-gui/backend"
 	"soarca-gui/utils"
 	"soarca-gui/views/components/cards"
+	"soarca-gui/views/components/table"
 	"soarca-gui/views/dashboard/reporting"
 
 	"github.com/gin-gonic/gin"
@@ -52,6 +53,29 @@ func (r *reportingHandler) ReportingIndexHandler(context *gin.Context) {
 	context.Render(http.StatusOK, render)
 }
 
+func (r *reportingHandler) ReportingTableCardHandler(context *gin.Context) {
+	reports, _ := r.backend.GetReportings()
+
+	var rows []table.ReportingDataTableRow
+
+	for _, report := range reports {
+		row := table.ReportingDataTableRow{
+			ExecutionID: report.ExecutionId,
+			StartTime:   report.Started.String(),
+			EndTime:     report.Ended.String(),
+			Link:        "",
+		}
+		rows = append(rows, row)
+	}
+	formatedTable := table.ReportingTableMeta{
+		Loaded:   true,
+		DataRows: rows,
+	}
+
+	render := utils.NewTempl(context, http.StatusOK, table.LoadReportingTableBody(formatedTable))
+	context.Render(http.StatusOK, render)
+}
+
 // func (r *reportingHandler) GetReportsHandler() ([]reporting.PlaybookExecutionReport, error) {
 // 	return []reporting.PlaybookExecutionReport{}, nil
 // }

routes/routes.go

@@ -47,7 +47,8 @@ func ReportingRoutes(backend backend.Backend, app *gin.RouterGroup) {
 	reportingRoute := app.Group("/reporting")
 	{
 		reportingRoute.GET("/", reportingHandlers.ReportingIndexHandler)
-		reportingRoute.GET("/reportingcard/:id", reportingHandlers.ReportingCardHandler)
+		reportingRoute.GET("/card/:id", reportingHandlers.ReportingCardHandler)
+		reportingRoute.GET("/table/", reportingHandlers.ReportingTableCardHandler)
 	}
 }
 

views/components/cards/reporting_card.templ

@@ -2,6 +2,10 @@ package cards
 
 import "fmt"
 
+const (
+	reportingMetaCardEndpoint = "/reporting/card/"
+)
+
 type ReportingCardData struct {
 	Loaded bool
 	Name   string
@@ -69,7 +73,7 @@ templ reportingCardUnkownComponent() {
 templ LoadReportingCard(data ReportingCardData) {
 	if !data.Loaded {
 		<div
-			hx-get={ string(templ.URL(fmt.Sprintf("/reporting/reportingcard/%s", data.ID))) }
+			hx-get={ string(templ.URL(fmt.Sprintf(reportingMetaCardEndpoint+"%s", data.ID))) }
 			hx-trigger="load"
 			hx-swap="outerHTML"
 			class="relative"

views/components/table/reporting_table.templ

@@ -7,11 +7,12 @@ import (
 )
 
 const (
-	reportingDataEndpoint = "/status/indicator/card"
+	reportingDataEndpoint = "/reporting/table"
 )
 
 type ReportingTableMeta struct {
-	Loaded bool
+	Loaded   bool
+	DataRows []ReportingDataTableRow
 }
 
 var headers = []string{"Execution ID", "Start Time", "End Time", "Status", "Link"}
@@ -24,14 +25,17 @@ type ReportingDataTableRow struct {
 	Link        string
 }
 
-templ LoadReportingTableCard(data ReportingTableMeta) {
+templ LoadReportingTableBody(data ReportingTableMeta) {
 	if !data.Loaded {
 		<div
 			hx-get={ string(templ.URL(fmt.Sprintf(reportingDataEndpoint))) }
 			hx-trigger="load"
 			hx-swap="outerHTML"
 			class="relative"
 		></div>
+		@Body()
+	} else {
+		@tableBody(data.DataRows)
 	}
 }
 
@@ -43,11 +47,18 @@ templ ReportingTableCard() {
 				<span class="text-base font-normal text-gray-500 dark:text-gray-400">Reports from API</span>
 			</div>
 		</div>
-		@ReportList2()
+		@FormatTable()
 	}
 }
 
-templ ReportingTableHeaders() {
+templ FormatTable() {
+	@Table() {
+		@reportingTableHeaders()
+		@LoadReportingTableBody(ReportingTableMeta{Loaded: false})
+	}
+}
+
+templ reportingTableHeaders() {
 	@Header() {
 		for _, header := range headers {
 			<th { Th()... }>
@@ -57,7 +68,7 @@ templ ReportingTableHeaders() {
 	}
 }
 
-templ ReportingTableDataRow(row ReportingDataTableRow) {
+templ reportingTableDataRow(row ReportingDataTableRow) {
 	<td { Td()... }>
 		{ row.ExecutionID }
 	</td>
@@ -72,12 +83,8 @@ templ ReportingTableDataRow(row ReportingDataTableRow) {
 	</td>
 }
 
-// templ tableBody(rows []reporting_models.ReportingRow) {
-// }
-templ ReportList2() {
-	@Table() {
-		@ReportingTableHeaders()
-		@Body() {
-		}
+templ tableBody(rows []ReportingDataTableRow) {
+	for _, row := range rows {
+		@reportingTableDataRow(row)
 	}
 }

views/dashboard/reporting/reporting.templ

@@ -15,7 +15,7 @@ templ ReportingIndex() {
 	@layouts.DashboardLayout() {
 		@banner()
 		@ReportingBase()
-		@table.ReportList2()
+		@table.ReportingTableCard()
 	}
 }