feat(runs_list): add button delete workflow run

models/actions/run.go

@@ -435,3 +435,60 @@ func UpdateRun(ctx context.Context, run *ActionRun, cols ...string) error {
 }
 
 type ActionRunIndex db.ResourceIndex
+
+// DeleteRunByIDs delete action_run and action_run_job.
+func DeleteRunByIDs(ctx context.Context, ids []int64) error {
+	ctx, committer, err := db.TxContext(ctx)
+	if err != nil {
+		return err
+	}
+	defer committer.Close()
+
+	_, err = db.GetEngine(ctx).
+		Table("action_task").
+		Join("INNER", "action_task_step", "action_task.id = action_task_step.task_id").
+		In("action_task.job_id", ids).
+		Delete(ActionTaskStep{})
+	if err != nil {
+		return err
+	}
+
+	_, err = db.GetEngine(ctx).
+		Table("action_task").
+		Join("INNER", "action_task_output", "action_task.id = action_task_output.task_id").
+		In("action_task.job_id", ids).
+		Delete(ActionTaskOutput{})
+	if err != nil {
+		return err
+	}
+
+	_, err = db.GetEngine(ctx).In("job_id", ids).Delete(ActionTask{})
+	if err != nil {
+		return err
+	}
+
+	_, err = db.GetEngine(ctx).In("run_id", ids).Delete(ActionRunJob{})
+	if err != nil {
+		return err
+	}
+
+	_, err = db.GetEngine(ctx).In("id", ids).Delete(ActionRun{})
+	if err != nil {
+		return err
+	}
+
+	return committer.Commit()
+}
+
+func GetRunsByIDs(ctx context.Context, ids []int64) ([]*ActionRun, error) {
+	var runs []*ActionRun
+	err := db.GetEngine(ctx).In("id", ids).Find(&runs)
+	if err != nil {
+		return nil, err
+	}
+	if len(runs) < 1 {
+		return nil, fmt.Errorf("run with ids %d: %w", ids, util.ErrNotExist)
+	}
+
+	return runs, nil
+}

routers/web/repo/actions/actions.go

@@ -18,6 +18,7 @@ import (
 	"code.gitea.io/gitea/modules/actions"
 	"code.gitea.io/gitea/modules/container"
 	"code.gitea.io/gitea/modules/git"
+	"code.gitea.io/gitea/modules/json"
 	"code.gitea.io/gitea/modules/log"
 	"code.gitea.io/gitea/modules/optional"
 	"code.gitea.io/gitea/modules/setting"
@@ -312,6 +313,7 @@ func prepareWorkflowList(ctx *context.Context, workflows []Workflow) {
 	pager.AddParamFromRequest(ctx.Req)
 	ctx.Data["Page"] = pager
 	ctx.Data["HasWorkflowsOrRuns"] = len(workflows) > 0 || len(runs) > 0
+	ctx.Data["IsRepoAdmin"] = ctx.IsSigned && (ctx.Repo.IsAdmin() || ctx.Doer.IsAdmin)
 }
 
 // loadIsRefDeleted loads the IsRefDeleted field for each run in the list.
@@ -424,3 +426,39 @@ func decodeNode(node yaml.Node, out any) bool {
 	}
 	return true
 }
+
+func DeleteRuns(ctx *context.Context) {
+	rd := ctx.Req.Body
+	defer rd.Close()
+
+	req := DeleteRunsRequest{}
+	if err := json.NewDecoder(rd).Decode(&req); err != nil {
+		ctx.ServerError("failed to decode request body into delte runs request", err)
+		return
+	}
+	if len(req.ActionIDs) < 1 {
+		ctx.ServerError("missing action_run.id for delete action run", nil)
+		return
+	}
+
+	actionRun, err := actions_model.GetRunsByIDs(ctx, req.ActionIDs)
+	if err != nil {
+		ctx.ServerError("failed to get action_run", err)
+		return
+	}
+
+	if len(actionRun) != len(req.ActionIDs) {
+		ctx.ServerError("action ids not match with request", nil)
+	}
+
+	err = actions_model.DeleteRunByIDs(ctx, req.ActionIDs)
+	if err != nil {
+		ctx.ServerError("failed to delete action_run", err)
+		return
+	}
+	ctx.Status(http.StatusNoContent)
+}
+
+type DeleteRunsRequest struct {
+	ActionIDs []int64 `json:"actionIds"`
+}

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.Post("/runs/delete", reqRepoActionsWriter, actions.DeleteRuns)
 	}, optSignIn, context.RepoAssignment, repo.MustBeNotEmpty, reqRepoActionsReader, actions.MustEnableActions)
 	// end "/{username}/{reponame}/actions"
 

templates/repo/actions/list.tmpl

@@ -25,7 +25,19 @@
 				</div>
 			</div>
 			<div class="twelve wide column content">
-				<div class="ui secondary filter menu tw-justify-end tw-flex tw-items-center">
+				<div id="action-filter" class="ui secondary filter menu tw-flex tw-items-center tw-justify-between">
+					<!-- Checkbox -->
+					<div class="action-list-toolbar-left">
+						<input type="checkbox" autocomplete="off" class="action-checkbox-all tw-mr-4 tw-ml-4" title="{{ctx.Locale.Tr "repo.issues.action_check_all"}}">
+					</div>
+					<div class="tw-flex tw-items-center">
+						{{if $.IsRepoAdmin}}
+							<div id="action-delete" class="ui jump item tw-hidden">
+								<button class="ui red button action-action" data-action="delete" data-url="{{$.RepoLink}}/actions/runs/delete" data-action-delete-confirm="{{ctx.Locale.Tr "confirm_delete_selected"}}">
+									{{ctx.Locale.Tr "repo.issues.delete"}}
+								</button>
+							</div>
+						{{end}}
 					<!-- Actor -->
 					<div class="ui{{if not .Actors}} disabled{{end}} dropdown jump item">
 						<span class="text">{{ctx.Locale.Tr "actions.runs.actor"}}</span>
@@ -63,6 +75,7 @@
 								</a>
 							{{end}}
 						</div>
+						</div>
 					</div>
 
 					{{if .AllowDisableOrEnableWorkflow}}

templates/repo/actions/runs_list.tmpl

@@ -1,4 +1,4 @@
-<div class="flex-list run-list">
+<div id="action-actions" class="flex-list run-list">
 	{{if not .Runs}}
 	<div class="empty-placeholder">
 		{{svg "octicon-no-entry" 48}}
@@ -7,6 +7,7 @@
 	{{end}}
 	{{range .Runs}}
 		<div class="flex-item tw-items-center">
+			<input type="checkbox" autocomplete="off" class="action-checkbox tw-mr-4 tw-ml-4" data-action-id={{.ID}} aria-label="{{ctx.Locale.Tr "repo.issues.action_check"}} &quot;{{.Title}}&quot;"{{if or (eq .Status 6) (eq .Status 5)}}disabled{{end}}>
 			<div class="flex-item-leading">
 				{{template "repo/actions/status" (dict "status" .Status.String)}}
 			</div>

web_src/js/features/repo-action-list.ts

@@ -0,0 +1,97 @@
+import {queryElems, toggleElem} from '../utils/dom.ts';
+import {confirmModal} from './comp/ConfirmModal.ts';
+import {showErrorToast} from '../modules/toast.ts';
+import {POST} from '../modules/fetch.ts';
+
+function initRepoActionListCheckboxes() {
+  const actionListSelectAll = document.querySelector<HTMLInputElement>('.action-checkbox-all');
+  if (!actionListSelectAll) return; // logged out state
+  const issueCheckboxes = document.querySelectorAll<HTMLInputElement>('.action-checkbox:not([disabled])');
+  const actionDelete = document.querySelector('#action-delete');
+  const syncIssueSelectionState = () => {
+    const enabledCheckboxes = Array.from(issueCheckboxes).filter((el) => !el.disabled);
+    const checkedCheckboxes = enabledCheckboxes.filter((el) => el.checked);
+    const anyChecked = Boolean(checkedCheckboxes.length);
+    const allChecked = anyChecked && checkedCheckboxes.length === enabledCheckboxes.length;
+
+    if (allChecked) {
+      actionListSelectAll.checked = true;
+      actionListSelectAll.indeterminate = false;
+    } else if (anyChecked) {
+      actionListSelectAll.checked = false;
+      actionListSelectAll.indeterminate = true;
+    } else {
+      actionListSelectAll.checked = false;
+      actionListSelectAll.indeterminate = false;
+    }
+    if (actionDelete) {
+      toggleElem('#action-delete', anyChecked);
+    }
+  };
+
+  for (const el of issueCheckboxes) {
+    el.addEventListener('change', syncIssueSelectionState);
+  }
+
+  actionListSelectAll.addEventListener('change', () => {
+    for (const el of issueCheckboxes) {
+      if (!el.disabled) {
+        el.checked = actionListSelectAll.checked;
+      }
+    }
+    syncIssueSelectionState();
+  });
+
+  queryElems(document, '.action-action', (el) => el.addEventListener('click',
+    async (e: MouseEvent) => {
+      e.preventDefault();
+
+      const action = el.getAttribute('data-action');
+      const url = el.getAttribute('data-url');
+      const actionIDList: number[] = [];
+      const radix = 10;
+      for (const el of document.querySelectorAll<HTMLInputElement>('.action-checkbox:checked:not([disabled])')) {
+        const id = el.getAttribute('data-action-id');
+        if (id) {
+          actionIDList.push(parseInt(id, radix));
+        }
+      }
+      if (actionIDList.length < 1) return;
+
+      // for delete
+      if (action === 'delete') {
+        const confirmText = el.getAttribute('data-action-delete-confirm');
+        if (!await confirmModal({content: confirmText, confirmButtonColor: 'red'})) {
+          return;
+        }
+      }
+
+      try {
+        await deleteActions(url, actionIDList);
+        window.location.reload();
+      } catch (err) {
+        showErrorToast(err.responseJSON?.error ?? err.message);
+      }
+    },
+  ));
+}
+
+async function deleteActions(url: string, actionIds: number[]) {
+  try {
+    const response = await POST(url, {
+      data: {
+        actionIds,
+      },
+    });
+    if (!response.ok) {
+      throw new Error('failed to delete actions');
+    }
+  } catch (error) {
+    console.error(error);
+  }
+}
+export function initRepoActionList() {
+  if (document.querySelector('.page-content.repository.actions')) {
+    initRepoActionListCheckboxes();
+  }
+}

web_src/js/index.ts

@@ -86,6 +86,7 @@ import {
   initGlobalEnterQuickSubmit,
   initGlobalFormDirtyLeaveConfirm,
 } from './features/common-form.ts';
+import {initRepoActionList} from './features/repo-action-list.ts';
 
 initGiteaFomantic();
 initDirAuto();
@@ -214,5 +215,6 @@ onDomReady(() => {
     initColorPickers,
 
     initOAuth2SettingsDisableCheckbox,
+    initRepoActionList,
   ]);
 });