feat(runs_list): add button delete workflow run

models/actions/run.go

@@ -435,3 +435,23 @@ func UpdateRun(ctx context.Context, run *ActionRun, cols ...string) error {
 }
 
 type ActionRunIndex db.ResourceIndex
+
+// DeleteRunByID delete action_run and action_run_job.
+func DeleteRunByID(ctx context.Context, id int64) error {
+	ctx, committer, err := db.TxContext(ctx)
+	if err != nil {
+		return err
+	}
+	defer committer.Close()
+	_, err = db.GetEngine(ctx).Where("id=?", id).Delete(ActionRun{})
+	if err != nil {
+		return err
+	}
+
+	_, err = db.GetEngine(ctx).Where("run_id=?", id).Delete(ActionRunJob{})
+	if err != nil {
+		return err
+	}
+
+	return committer.Commit()
+}

routers/web/repo/actions/actions.go

@@ -6,8 +6,10 @@ package actions
 import (
 	"bytes"
 	stdCtx "context"
+	"fmt"
 	"net/http"
 	"slices"
+	"strconv"
 	"strings"
 
 	actions_model "code.gitea.io/gitea/models/actions"
@@ -424,3 +426,30 @@ func decodeNode(node yaml.Node, out any) bool {
 	}
 	return true
 }
+
+func DeleteRun(ctx *context.Context) {
+	actionRunIDStr := ctx.PathParam("id")
+	if len(actionRunIDStr) < 1 {
+		ctx.ServerError("missing action_run.id for delete action run", nil)
+		return
+	}
+	actionRunID, err := strconv.ParseInt(actionRunIDStr, 10, 64)
+	if err != nil {
+		ctx.ServerError("failed to casting action_run.id string to int64", err)
+		return
+	}
+
+	actionRun, err := actions_model.GetRunByID(ctx, actionRunID)
+	if err != nil {
+		ctx.ServerError("failed to get action_run", err)
+		return
+	}
+	err = actions_model.DeleteRunByID(ctx, actionRun.ID)
+	if err != nil {
+		ctx.ServerError("failed to delete action_run", err)
+		return
+	}
+	ctx.JSON(http.StatusOK, map[string]any{
+		"redirect": fmt.Sprintf("%s/actions", ctx.Repo.RepoLink),
+	})
+}

routers/web/web.go

@@ -1434,6 +1434,8 @@ func registerRoutes(m *web.Router) {
 		m.Group("/workflows/{workflow_name}", func() {
 			m.Get("/badge.svg", actions.GetWorkflowBadge)
 		})
+
+		m.Delete("/runs/{id}", reqRepoActionsReader, actions.DeleteRun)
 	}, optSignIn, context.RepoAssignment, repo.MustBeNotEmpty, reqRepoActionsReader, actions.MustEnableActions)
 	// end "/{username}/{reponame}/actions"
 

templates/repo/actions/runs_list.tmpl

@@ -35,9 +35,25 @@
 				<div class="run-list-item-right">
 					<div class="run-list-meta">{{svg "octicon-calendar" 16}}{{DateUtils.TimeSince .Updated}}</div>
 					<div class="run-list-meta">{{svg "octicon-stopwatch" 16}}{{.Duration}}</div>
+					{{if and (ne .Status 6) (ne .Status 5)}}
+						<div class="run-list-meta">
+							<button class="ui red tiny button delete-button name" data-modal-id="modal-delete-workflow" data-url="actions/runs/{{.ID}}" data-name="Delete workflow run {{.ID}}" data-method="delete" name="Delete Workflow {{.ID}}">Delete Workflow</button>
+						</div>
+					{{end}}
 				</div>
 			</div>
 		</div>
 	{{end}}
 </div>
+
+<div class="ui g-modal-confirm delete modal" id="modal-delete-workflow">
+	<div class="header">
+		<i class="trash icon"></i>
+		<span class="name"></span>
+	</div>
+	<div class="content">
+		<p>Are you sure you want to permanently delete this workflow run? This action cannot be undone.</p>
+	</div>
+	{{template "base/modal_actions_confirm" .}}
+</div>
 {{template "base/paginate" .}}

web_src/js/features/common-button.ts

@@ -1,4 +1,4 @@
-import {POST} from '../modules/fetch.ts';
+import {DELETE, POST} from '../modules/fetch.ts';
 import {addDelegatedEventListener, hideElem, queryElems, showElem, toggleElem} from '../utils/dom.ts';
 import {fomanticQuery} from '../modules/fomantic/base.ts';
 import {camelize} from 'vue';
@@ -62,7 +62,10 @@ export function initGlobalDeleteButton(): void {
             }
           }
 
-          const response = await POST(btn.getAttribute('data-url'), {data: postData});
+          const method = btn.getAttribute('data-method')?.toUpperCase() || 'POST';
+          const response = method === 'DELETE' ?
+            await DELETE(btn.getAttribute('data-url')) :
+            await POST(btn.getAttribute('data-url'), {data: postData});
           if (response.ok) {
             const data = await response.json();
             window.location.href = data.redirect;