feat: Rework how selected actions to perform pause,resume work and add a bulk-delete option by hemanth5544 · Pull Request #6676 · louislam/uptime-kuma

hemanth5544 · 2026-01-11T16:55:29Z

Summary

This pull request adds a Delete action to the existing multi-select actions menu.

Currently, when multiple items are selected, only Pause and Resume actions are available. Adding Delete will make it easier to perform bulk deletions when needed.

Related issue: Delete monitors with selected options #6641 — Delete monitors with selected options :contentReference[oaicite:0]{index=0}

📑 Related Issues / Pull Requests

The related feature-request issue where this idea was proposed:

Delete monitors with selected options #6641: Users requested adding a delete option to multi-select actions. :contentReference[oaicite:1]{index=1}

🔖 Feature Description

Currently, Uptime Kuma supports only Pause and Resume actions when multiple monitors are selected.
Adding a Delete action will allow users to remove multiple monitors at once, improving usability and workflow.

✔️ Solution

The Delete option has been implemented alongside the existing pause/resume actions in the side menu bar when multiple items are selected.

❓ Alternatives

No alternative solutions have been proposed so far.

📝 Additional Context

No additional context.

Please follow this checklist to avoid unnecessary back and forth (click to expand)

⚠️ If there are breaking changes, they are clearly documented.
🧠 Any use of LLMs/AI has been disclosed and reviewed.
🔍 UI changes follow the project’s visual style guidelines.
🛠️ Code has been self-reviewed and tested.
📝 Code is well-commented where necessary.
🤖 Automated tests have been added or updated where appropriate.
📄 Documentation has been updated (if applicable).
🧰 Dependency updates are listed and explained.
⚠️ CI checks are passing.

github-actions · 2026-01-11T16:55:38Z

Hello! Thank you for your contribution 👋

As this is your first contribution, please be sure to check out our
Pull Request guidelines.

In particular:

Mark your PR as Draft while you’re still making changes
Mark it as Ready for review once it’s fully ready 🟢

If you have any design or process questions, feel free to ask them right here in this pull request - unclear documentation is a bug too.

Thanks for lending a paw to Uptime Kuma 🐻

Copilot

Pull request overview

This pull request adds a Delete action to the multi-select actions menu for monitors, enabling users to delete multiple monitors at once. The PR restructures the monitor list header layout to accommodate the new action dropdown.

Changes:

Added a Delete option to the Actions dropdown menu alongside existing Pause and Resume actions
Reorganized the header layout with a checkbox for selection mode, filter controls, and an Actions dropdown button
Added confirmation dialog and success/error handling for bulk deletion operations
Added toast notifications for pause, resume, and delete operations showing the count of affected monitors

Reviewed changes

Copilot reviewed 3 out of 3 changed files in this pull request and generated 3 comments.

File	Description
src/lang/en.json	Added new translation keys for Actions menu, confirmation messages, and operation success messages
src/components/MonitorListFilter.vue	Removed clear filters button from filter component (likely moved elsewhere in the layout)
src/components/MonitorList.vue	Added Delete action to dropdown menu, reorganized header layout, implemented bulk deletion logic with confirmation and toast notifications

src/components/MonitorList.vue

CommanderStorm

Nice progress.

I think there is some light refactiring which is still nessesary before this is mergable.

On mobile, this breaks particularly nastily with the search bar being moved far of the screen.
Apparently, my screenshottting tool does not currently work, otherwise I would attach a screenshot here

On mobile, we should scale like this (open to oppinons):

search bar
select + filter
if selected: actions

I know this is a bit of a refactoring, but the following would also work and is less of a refactoring:

select + filter
search bar
if selected: actions

src/components/MonitorList.vue

src/lang/en.json

CommanderStorm · 2026-01-12T06:00:04Z

src/lang/en.json

    "auto-select": "Auto Select",
    "Select": "Select",
+    "Actions": "Actions",
    "selectedMonitorCount": "Selected: {0}",


I think this looks nicer, what do you think?

Maybe we could also reclaim the space this uses and move this into the "Actions button" -> renmae it to "modify {count} monitors"

Suggested change

"selectedMonitorCount": "Selected: {0}",

"selectedMonitorCount": "{0} selected",

src/components/MonitorList.vue

…nto actions

…into actions

hemanth5544 · 2026-01-12T08:05:17Z

CommanderStorm

I have 2-3 remaining comments.
Most are just code suggestions, so should be fairly simple to apply.

I think the @media adjustments need slight tuning up, but otherwise LGTM.

src/components/MonitorList.vue

CommanderStorm · 2026-01-12T08:39:57Z

src/components/MonitorList.vue

+                this.$root.toastSuccess(this.$tc("deletedMonitorsMsg", successCount));
+            }
+            if (errorCount > 0) {
+                this.$root.toastError(this.$t("bulkDeleteErrorMsg", [errorCount]));


Suggested change

this.$root.toastError(this.$t("bulkDeleteErrorMsg", [errorCount]));

this.$root.toastError(this.$tc("bulkDeleteErrorMsg", errorCount));

CommanderStorm · 2026-01-12T08:40:20Z

src/lang/en.json

+    "deletedMonitorsMsg": "Deleted {n} monitor | Deleted {n} monitors",
+    "noMonitorsPausedMsg": "No monitors paused (none were active)",
+    "noMonitorsResumedMsg": "No monitors resumed (none were inactive)",
+    "bulkDeleteErrorMsg": "Failed to delete {0} monitor(s)",


I think you missed this one

Suggested change

"bulkDeleteErrorMsg": "Failed to delete {0} monitor(s)",

"bulkDeleteErrorMsg": "Failed to delete {n} monitor | Failed to delete {n} monitors",

CommanderStorm · 2026-01-12T08:42:53Z

src/lang/en.json

    "Select": "Select",
-    "selectedMonitorCount": "Selected: {0}",
+    "Actions": "Actions",
+    "selectedMonitorCount": "selected: {n} | selected: {n}",


🤔 You did not comment on the previos suggestion, is this here better?

I am very open to a "No, I don't think so".
I just would like to know your oppinon.

Not sure if a language translates this differntly, but fair to change it like this

Suggested change

"selectedMonitorCount": "selected: {n} | selected: {n}",

"selectedMonitorCount": "{n} selected | {n} selected",

yeah sorry i missed that i think it was suggestion from your side yeah this message LGTM so, i modified this

src/lang/en.json

CommanderStorm · 2026-01-12T09:16:44Z

src/components/MonitorList.vue

+    gap: 8px;
+    padding: 10px;
+
+    @media (max-width: 550px) {


due to how our UI does responsivitiy, I think the flat 550 you used here is a bit too flat after checking it out

I think this works in these fairly specific ranges only, so adusting the added media queries as such should do the trick

550..769

1150..1199

1500...

CommanderStorm · 2026-01-12T09:21:55Z

src/components/MonitorList.vue

+        max-width: 100%;
+        width: 100%;


This seems to not be working to 100%, since the outer form is limiting this elements size.

Could you also add the max-width to the outer form?
This is a really nice touch.

CommanderStorm · 2026-01-12T09:25:08Z

src/components/MonitorList.vue

+                        v-model="selectAll"
+                        class="form-check-input"
+                        type="checkbox"
+                        :aria-label="$t('selectAllMonitors')"


Suggested change

:aria-label="$t('selectAllMonitors')"

:aria-label="selectAll ? $t('selectAllMonitorsAria') : $t('deselectAllMonitorsAria')"

CommanderStorm · 2026-01-12T09:26:35Z

src/lang/en.json

+    "Actions": "Actions",
+    "selectedMonitorCount": "selected: {n} | selected: {n}",
+    "selectMonitorMsg": "Select monitors to perform actions",
+    "selectAllMonitors": "Select/Deselect all monitors",


Lets be just slightly more helpfull to our visually impaired users 😉

(I am sure this would be fairly badly translated as well)

Suggested change

"selectAllMonitors": "Select/Deselect all monitors",

"selectAllMonitorsAria": "Select all monitors",

"deselectAllMonitorsAria": "Deselect all monitors",

CommanderStorm · 2026-01-12T09:29:06Z

src/components/MonitorList.vue

+                        :aria-label="$t('Select')"
+                    />
+                    <input
+                        v-if="selectMode"


Suggested change

v-if="selectMode"

v-else

…into actions

hemanth5544 · 2026-01-12T10:42:23Z

once check this changes i cahnged the @media specs and checked the suggested changes 🙂

CommanderStorm

Those @media ranges don't seem to work entirely well.
I think inverting them fixes the issue, lets see

src/components/MonitorList.vue

hemanth5544 added 3 commits January 11, 2026 22:11

keywords

64f9b96

added tools in actions

ec4f7e4

removed the filter count

9269b61

Copilot AI review requested due to automatic review settings January 11, 2026 16:55

Copilot started reviewing on behalf of hemanth5544 January 11, 2026 16:55 View session

[autofix.ci] apply automated fixes

1a924b5

hemanth5544 changed the title ~~Actions~~ feat: Actions added to perform pause,resume and delete along Jan 11, 2026

Copilot AI reviewed Jan 11, 2026

View reviewed changes

src/components/MonitorList.vue Outdated Show resolved Hide resolved

src/components/MonitorList.vue Outdated Show resolved Hide resolved

src/components/MonitorList.vue Show resolved Hide resolved

CommanderStorm requested changes Jan 12, 2026

View reviewed changes

CommanderStorm added the pr:please address review comments this PR needs a bit more work to be mergable label Jan 12, 2026

CommanderStorm marked this pull request as draft January 12, 2026 06:29

hemanth5544 added 7 commits January 12, 2026 12:59

changes in t

e33d405

fix

233912e

req changes

8731e16

adjusted space for mobile

0dad1de

updated msg

ea69bc6

Merge branch 'master' of https://github.com/hemanth5544/uptime-kuma i…

0374674

…nto actions

Merge branch 'actions' of https://github.com/hemanth5544/uptime-kuma …

988e3fd

…into actions

[autofix.ci] apply automated fixes

b36b6a1

CommanderStorm approved these changes Jan 12, 2026

View reviewed changes

CommanderStorm changed the title ~~feat: Actions added to perform pause,resume and delete along~~ feat: Rework how selected actions to perform pause,resume and delete work and add a bulk-delete option Jan 12, 2026

CommanderStorm changed the title ~~feat: Rework how selected actions to perform pause,resume and delete work and add a bulk-delete option~~ feat: Rework how selected actions to perform pause,resume work and add a bulk-delete option Jan 12, 2026

hemanth5544 and others added 4 commits January 12, 2026 16:01

imporvments

373445f

suggested changes

abc2f37

Merge branch 'actions' of https://github.com/hemanth5544/uptime-kuma …

cf352eb

…into actions

[autofix.ci] apply automated fixes

2cdd014

CommanderStorm reviewed Jan 12, 2026

View reviewed changes

src/components/MonitorList.vue Outdated Show resolved Hide resolved

src/components/MonitorList.vue Outdated Show resolved Hide resolved

src/components/MonitorList.vue Outdated Show resolved Hide resolved

src/components/MonitorList.vue Outdated Show resolved Hide resolved

CommanderStorm and others added 2 commits January 12, 2026 12:12

Apply suggestions from code review

ed2cdce

[autofix.ci] apply automated fixes

067bfcb

CommanderStorm marked this pull request as ready for review January 12, 2026 11:15

Merge branch 'master' into actions

cec66bf

CommanderStorm enabled auto-merge (squash) January 12, 2026 11:16

CommanderStorm disabled auto-merge January 12, 2026 11:18

Merge branch 'master' into actions

afe8930

CommanderStorm enabled auto-merge (squash) January 12, 2026 11:23

CommanderStorm merged commit 4c99f92 into louislam:master Jan 12, 2026
24 checks passed

CommanderStorm added this to the 2.1.0 milestone Jan 12, 2026

louislam mentioned this pull request Jan 13, 2026

[DRY RUN] Update to 2.1.0-beta.2 #6693

Closed

CommanderStorm mentioned this pull request Jan 15, 2026

The filter looks weird in 2.1.0-beta.2 #6742

Closed

1 task

	"selectedMonitorCount": "Selected: {0}",
	"selectedMonitorCount": "{0} selected",

	this.$root.toastError(this.$t("bulkDeleteErrorMsg", [errorCount]));
	this.$root.toastError(this.$tc("bulkDeleteErrorMsg", errorCount));

	"bulkDeleteErrorMsg": "Failed to delete {0} monitor(s)",
	"bulkDeleteErrorMsg": "Failed to delete {n} monitor \| Failed to delete {n} monitors",

	"selectedMonitorCount": "selected: {n} \| selected: {n}",
	"selectedMonitorCount": "{n} selected \| {n} selected",

	:aria-label="$t('selectAllMonitors')"
	:aria-label="selectAll ? $t('selectAllMonitorsAria') : $t('deselectAllMonitorsAria')"

	"selectAllMonitors": "Select/Deselect all monitors",
	"selectAllMonitorsAria": "Select all monitors",
	"deselectAllMonitorsAria": "Deselect all monitors",

Uh oh!

Conversation

hemanth5544 commented Jan 11, 2026

Summary

📑 Related Issues / Pull Requests

🔖 Feature Description

✔️ Solution

❓ Alternatives

📝 Additional Context

Uh oh!

github-actions bot commented Jan 11, 2026

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Reviewed changes

Uh oh!

Uh oh!

Uh oh!

Uh oh!

CommanderStorm left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

hemanth5544 commented Jan 12, 2026

Uh oh!

CommanderStorm left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

hemanth5544 commented Jan 12, 2026

Uh oh!

CommanderStorm left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants