Fix: settings - hide API token by default

sakura-tel · Jan 5, 2023 · 7e0d6a4 · 7e0d6a4
1 parent 4cd05ed
commit 7e0d6a4
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 3 deletions.
diff --git a/locales/en-US.yml b/locales/en-US.yml
@@ -1157,6 +1157,7 @@ common/views/components/media-image.vue:
   sensitive: "NSFW"
   click-to-show: "Click to show"
 common/views/components/api-settings.vue:
+  show-token: "Show API Token"
   intro: "To access the API, set this token as the key 'i' of request parameters."
   caution: "Do not enter this token to any apps nor tell this token to others otherwise your account may get compromised."
   regeneration-of-token: "If your token gets leaked, you can regenerate it."

diff --git a/locales/ja-JP.yml b/locales/ja-JP.yml
@@ -1269,6 +1269,7 @@ common/views/components/media-image.vue:
   click-to-show: "クリックして表示"
 
 common/views/components/api-settings.vue:
+  show-token: "APIトークンを表示"
   intro: "API を利用するには、上記のトークンを i というキーでパラメータに付加してリクエストします。"
   caution: "アカウントを不正利用される可能性があるため、このトークンは第三者に教えないでください(アプリなどにも入力しないでください)。"
   regeneration-of-token: "万が一このトークンが漏れたりその可能性がある場合は、トークンを再生成できます。"

diff --git a/src/client/app/common/views/components/settings/api.vue b/src/client/app/common/views/components/settings/api.vue
@@ -3,9 +3,12 @@
 	<template #title><fa icon="key"/> API</template>
 
 	<section class="fit-top">
-		<ui-input :value="$store.state.i.token" readonly>
-			<span>{{ $t('token') }}</span>
-		</ui-input>
+		<details>
+			<summary>{{ $t('show-token') }}</summary>
+			<ui-input :value="$store.state.i.token" readonly>
+				<span>{{ $t('token') }}</span>
+			</ui-input>
+		</details>
 		<p>{{ $t('intro') }}</p>
 		<ui-info warn>{{ $t('caution') }}</ui-info>
 		<p>{{ $t('regeneration-of-token') }}</p>