From b3156f0e334dc2c3f5fcd7c4203fb5ac5b283be8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E3=81=82=E3=82=8F=E3=82=8F=E3=82=8F=E3=81=A8=E3=83=BC?=
 =?UTF-8?q?=E3=81=AB=E3=82=85?=
 <17376330+u1-liquid@users.noreply.github.com>
Date: Thu, 7 Nov 2024 19:20:44 +0900
Subject: [PATCH] wip

---
 .../server/api/endpoints/watermark/update.ts  |  2 +-
 .../frontend/src/pages/settings/drive.vue     | 32 +++++++++++++++----
 2 files changed, 27 insertions(+), 7 deletions(-)

diff --git a/packages/backend/src/server/api/endpoints/watermark/update.ts b/packages/backend/src/server/api/endpoints/watermark/update.ts
index a88318fc7..ca6c4a5ec 100644
--- a/packages/backend/src/server/api/endpoints/watermark/update.ts
+++ b/packages/backend/src/server/api/endpoints/watermark/update.ts
@@ -27,7 +27,7 @@ export const paramDef = {
 		background: { type: 'string' },
 		rotate: { type: 'number' },
 	},
-	required: ['fileId'],
+	required: [],
 } as const;
 
 // eslint-disable-next-line import/no-default-export
diff --git a/packages/frontend/src/pages/settings/drive.vue b/packages/frontend/src/pages/settings/drive.vue
index 1b8f993b0..9073a3594 100644
--- a/packages/frontend/src/pages/settings/drive.vue
+++ b/packages/frontend/src/pages/settings/drive.vue
@@ -52,12 +52,30 @@ SPDX-License-Identifier: AGPL-3.0-only
 								<img src="/client-assets/default-watermark.png" style="width: 100%; height: 100%; object-fit: contain; opacity: 0.5;"/>
 							</div>
 						</div>
-						<FormSplit>
-							<div class="_buttons">
-								<MkButton primary rounded><i class="ti ti-photo"/>{{ i18n.ts.selectFile }}</MkButton>
-								<MkButton danger rounded><i class="ti ti-trash"></i> {{ i18n.ts.defa }}</MkButton>
-							</div>
-						</FormSplit>
+					</FormSection>
+					<div class="_buttons">
+						<MkButton primary><i class="ti ti-photo"/>{{ i18n.ts.selectFile }}</MkButton>
+						<MkButton><i class="ti ti-photo"></i> {{ i18n.ts.default }}</MkButton>
+					</div>
+					<FormSection>
+						<template #label>{{ i18n.ts.placement }}</template>
+						<div class="_gaps_s">
+							<MkRadios v-model="watermarkPreset.placement">
+								<option value="leftTop">{{ i18n.ts.leftTop }}</option>
+								<option value="centerTop">{{ i18n.ts.centerTop }}</option>
+								<option value="rightTop">{{ i18n.ts.rightTop }}</option>
+							</MkRadios>
+							<MkRadios v-model="watermarkPreset.placement">
+								<option value="leftCenter">{{ i18n.ts.leftCenter }}</option>
+								<option value="centerCenter">{{ i18n.ts.center }}</option>
+								<option value="rightCenter">{{ i18n.ts.rightCenter }}</option>
+							</MkRadios>
+							<MkRadios v-model="watermarkPreset.placement">
+								<option value="leftBottom">{{ i18n.ts.leftBottom }}</option>
+								<option value="centerBottom">{{ i18n.ts.centerBottom }}</option>
+								<option value="rightBottom">{{ i18n.ts.rightBottom }}</option>
+							</MkRadios>
+						</div>
 					</FormSection>
 				</div>
 			</MkFolder>
@@ -105,6 +123,7 @@ import { signinRequired } from '@/account.js';
 import MkInfo from "@/components/MkInfo.vue";
 import MkButton from "@/components/MkButton.vue";
 import MkFolder from "@/components/MkFolder.vue";
+import MkRadios from "@/components/MkRadios.vue";
 
 const $i = signinRequired();
 
@@ -132,6 +151,7 @@ const keepOriginalFilename = computed(defaultStore.makeGetterSetter('keepOrigina
 
 const useWatermark = computed(defaultStore.makeGetterSetter('useWatermark'));
 const watermarkConfig = computed(defaultStore.makeGetterSetter('watermarkConfig'));
+const watermarkPreset = ref<{ placement: string }>({});
 
 misskeyApi('drive').then(info => {
 	capacity.value = info.capacity;