wakariyasuku

locales/index.d.ts

@@ -658,6 +658,7 @@ export interface Locale {
     "medium": string;
     "small": string;
     "generateAccessToken": string;
+    "accessToken": string;
     "permission": string;
     "adminPermission": string;
     "enableAll": string;

locales/ja-JP.yml

@@ -655,6 +655,7 @@ large: "大"
 medium: "中"
 small: "小"
 generateAccessToken: "アクセストークンの発行"
+accessToken: "アクセストークン"
 permission: "権限"
 adminPermission: "管理者権限"
 enableAll: "全て有効にする"

packages/frontend/src/pages/settings/general.vue

@@ -216,93 +216,102 @@ SPDX-License-Identifier: AGPL-3.0-only
 			</MkFolder>
 		</div>
 	</MkFoldableSection>
+    <MkFoldableSection>
 
-	<FormSection>
+        <template #header>他のサーバーのローカルタイムラインを覗けるようにする</template>
-		<template #label>{{ i18n.ts.other }}</template>
+        <div class="_gaps_m">
-
+            <MkFoldableSection>
-		<div class="_gaps">
+                <template #header>{{ i18n.ts.accessToken }} の発行の仕方</template>
-			<MkFolder>
+            <img width="400" href="https://files.prismisskey.space/misskey/676e4b79-7897-4ea9-b074-a98139312f76.gif">
-				<template #label>リモートのローカルタイムラインをTLの上のバーのやつに表示する</template>
+            </MkFoldableSection>
-				<div style="padding: 0 16px;">
+            <div v-if="maxLocalTimeline >= 1" >
-					<div v-if="maxLocalTimeline >= 1" style="padding: 16px 0 ;" >
                 <MkInput v-model="remoteLocalTimelineName1" placeholder="prismisskey">
-                            <template #label>{{i18n.ts.name}}</template>
+                    <template #label>{{ i18n.ts.name }}</template>
                 </MkInput>
                 <MkInput v-model="remoteLocalTimelineDomain1" placeholder="prismisskey.space">
-                            <template #label>instance Url</template>
+                    <template #label>サーバーURL</template>
                 </MkInput>
                 <MkInput v-model="remoteLocalTimelineToken1" placeholder="">
                     <template #prefix><i class="ti ti-key"></i></template>
-                            <template #label>Token</template>
+                    <template #label>{{ i18n.ts.accessToken }}</template>
                 </MkInput>
                 <MkSwitch v-model="remoteLocalTimelineEnable1">
                     {{ i18n.ts.enable }}
                 </MkSwitch>
             </div>
-					<div v-if="maxLocalTimeline >= 2" style="padding: 16px 0 ;" >
+            <div v-if="maxLocalTimeline >= 2" >
                 <MkInput v-model="remoteLocalTimelineName2" placeholder="prismisskey">
-                            <template #label>{{i18n.ts.name}}</template>
+                    <template #label>{{ i18n.ts.name }}</template>
                 </MkInput>
                 <MkInput v-model="remoteLocalTimelineDomain2" placeholder="prismisskey.space">
-                            <template #label>instance Url</template>
+                    <template #label>サーバーURL</template>
                 </MkInput>
                 <MkInput v-model="remoteLocalTimelineToken2" placeholder="">
                     <template #prefix><i class="ti ti-key"></i></template>
-                            <template #label>Token</template>
+                    <template #label>{{ i18n.ts.accessToken }}</template>
                 </MkInput>
                 <MkSwitch v-model="remoteLocalTimelineEnable2">
                     {{ i18n.ts.enable }}
                 </MkSwitch>
             </div>
-                    <div v-if="maxLocalTimeline >= 3" style="padding: 16px 0 ;" >
+
+            <div v-if="maxLocalTimeline >= 3" >
                 <MkInput v-model="remoteLocalTimelineName3" placeholder="prismisskey">
-                            <template #label>{{i18n.ts.name}}</template>
+                    <template #label>{{ i18n.ts.name }}</template>
                 </MkInput>
                 <MkInput v-model="remoteLocalTimelineDomain3" placeholder="prismisskey.space">
-                            <template #label>instance Url</template>
+                    <template #label>サーバーURL</template>
                 </MkInput>
                 <MkInput v-model="remoteLocalTimelineToken3" placeholder="">
                     <template #prefix><i class="ti ti-key"></i></template>
-                            <template #label>Token</template>
+                    <template #label>{{ i18n.ts.accessToken }}</template>
                 </MkInput>
                 <MkSwitch v-model="remoteLocalTimelineEnable3">
                     {{ i18n.ts.enable }}
                 </MkSwitch>
             </div>
-                    <div v-if="maxLocalTimeline >= 4" style="padding: 16px 0 ;" >
+
+            <div v-if="maxLocalTimeline >= 4" >
                 <MkInput v-model="remoteLocalTimelineName4" placeholder="prismisskey">
-                            <template #label>{{i18n.ts.name}}</template>
+                    <template #label>{{ i18n.ts.name }}</template>
+                </MkInput>
+                <MkInput v-model="remoteLocalTimelineDomain4" placeholder="prismisskey.space">
+                    <template #label>サーバーURL</template>
                 </MkInput>
-						<MkInput v-model="remoteLocalTimelineDomain4" placeholder="prismisskey.space"/>
                 <MkInput v-model="remoteLocalTimelineToken4" placeholder="">
                     <template #prefix><i class="ti ti-key"></i></template>
-                            <template #label>Token</template>
+                    <template #label>{{ i18n.ts.accessToken }}</template>
                 </MkInput>
                 <MkSwitch v-model="remoteLocalTimelineEnable4">
                     {{ i18n.ts.enable }}
                 </MkSwitch>
             </div>
-                    <div v-if="maxLocalTimeline >= 5" style="padding: 16px 0 ;" >
+
+            <div v-if="maxLocalTimeline >= 5"  >
                 <MkInput v-model="remoteLocalTimelineName5" placeholder="prismisskey">
-                            <template #label>{{i18n.ts.name}}</template>
+                    <template #label>{{ i18n.ts.name }}</template>
                 </MkInput>
                 <MkInput v-model="remoteLocalTimelineDomain5" placeholder="prismisskey.space">
-                            <template #label>instance Url</template>
+                    <template #label>サーバーURL</template>
                 </MkInput>
                 <MkInput v-model="remoteLocalTimelineToken5" placeholder="">
                     <template #prefix><i class="ti ti-key"></i></template>
-                            <template #label>Token</template>
+                    <template #label>{{ i18n.ts.accessToken }}</template>
                 </MkInput>
                 <MkSwitch v-model="remoteLocalTimelineEnable5">
                     {{ i18n.ts.enable }}
                 </MkSwitch>
-
             </div>
+
             <MkButton @click="remoteLocaltimelineSave">
-                        {{ i18n.ts.save}}
+                {{ i18n.ts.save }}
             </MkButton>
         </div>
-			</MkFolder>
+    </MkFoldableSection>
+	<FormSection>
+		<template #label>{{ i18n.ts.other }}</template>
+
+		<div class="_gaps">
 			<MkFolder>
 				<template #label>{{ i18n.ts.additionalEmojiDictionary }}</template>
 				<div class="_buttons">