From 39aec56947ac8ea765d9b832545a5bdefdbdb8cc Mon Sep 17 00:00:00 2001
From: syuilo <4439005+syuilo@users.noreply.github.com>
Date: Tue, 13 May 2025 12:23:35 +0900
Subject: [PATCH] wip

---
 locales/index.d.ts                                |  4 ++++
 locales/ja-JP.yml                                 |  1 +
 .../frontend/src/components/MkUploadDialog.vue    | 15 ++++++++++++---
 3 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/locales/index.d.ts b/locales/index.d.ts
index c9f3ce3f5e..86987da735 100644
--- a/locales/index.d.ts
+++ b/locales/index.d.ts
@@ -11911,6 +11911,10 @@ export interface Locale extends ILocale {
          * {x}%節約
          */
         "savedXPercent": ParameterizedString<"x">;
+        /**
+         * アップロードされていないファイルがありますが、中止しますか？
+         */
+        "abortConfirm": string;
     };
 }
 declare const locales: {
diff --git a/locales/ja-JP.yml b/locales/ja-JP.yml
index 7045a6f46a..58d7367856 100644
--- a/locales/ja-JP.yml
+++ b/locales/ja-JP.yml
@@ -3186,3 +3186,4 @@ _serverSetupWizard:
 _uploader:
   compressedToX: "{x}に圧縮"
   savedXPercent: "{x}%節約"
+  abortConfirm: "アップロードされていないファイルがありますが、中止しますか？"
diff --git a/packages/frontend/src/components/MkUploadDialog.vue b/packages/frontend/src/components/MkUploadDialog.vue
index 2051e565c4..0ecf400427 100644
--- a/packages/frontend/src/components/MkUploadDialog.vue
+++ b/packages/frontend/src/components/MkUploadDialog.vue
@@ -63,7 +63,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 
 	<template #footer>
 		<div class="_buttonsCenter">
-			<MkButton v-if="isUploading" rounded @click=""><i class="ti ti-x"></i> {{ i18n.ts.cancel }}</MkButton>
+			<MkButton v-if="isUploading" rounded @click="cancel()"><i class="ti ti-x"></i> {{ i18n.ts.cancel }}</MkButton>
 			<MkButton v-else-if="!firstUploadAttempted" primary rounded @click="upload()"><i class="ti ti-upload"></i> {{ i18n.ts.upload }}</MkButton>
 			<MkButton v-else-if="canRetry" primary rounded @click="upload()"><i class="ti ti-reload"></i> {{ i18n.ts.retry }}</MkButton>
 		</div>
@@ -90,6 +90,7 @@ import MkSwitch from '@/components/MkSwitch.vue';
 import MkSelect from '@/components/MkSelect.vue';
 import { isWebpSupported } from '@/utility/isWebpSupported.js';
 import { uploadFile } from '@/utility/upload.js';
+import * as os from '@/os.js';
 
 const $i = ensureSignin();
 
@@ -173,8 +174,16 @@ watch(items, () => {
 	}
 }, { deep: true });
 
-function cancel() {
-	// TODO: アップロードを中止しますか？
+async function cancel() {
+	const { canceled } = await os.confirm({
+		type: 'question',
+		text: i18n.ts._uploader.abortConfirm,
+		okText: i18n.ts.yes,
+		cancelText: i18n.ts.no,
+	});
+	if (canceled) return;
+
+	emit('done', items.value.filter(item => item.uploaded != null).map(item => item.uploaded!));
 	dialog.value?.close();
 }