refactor
This commit is contained in:
		@@ -4,24 +4,24 @@
 | 
			
		||||
	<MkSpacer :content-max="700" :margin-min="16" :margin-max="32">
 | 
			
		||||
		<FormSuspense :p="init">
 | 
			
		||||
			<div class="_gaps_m">
 | 
			
		||||
				<FormFolder>
 | 
			
		||||
				<MkFolder>
 | 
			
		||||
					<template #icon><i class="ti ti-brand-twitter"></i></template>
 | 
			
		||||
					<template #label>Twitter</template>
 | 
			
		||||
					<template #suffix>{{ enableTwitterIntegration ? i18n.ts.enabled : i18n.ts.disabled }}</template>
 | 
			
		||||
					<XTwitter/>
 | 
			
		||||
				</FormFolder>
 | 
			
		||||
				<FormFolder>
 | 
			
		||||
				</MkFolder>
 | 
			
		||||
				<MkFolder>
 | 
			
		||||
					<template #icon><i class="ti ti-brand-github"></i></template>
 | 
			
		||||
					<template #label>GitHub</template>
 | 
			
		||||
					<template #suffix>{{ enableGithubIntegration ? i18n.ts.enabled : i18n.ts.disabled }}</template>
 | 
			
		||||
					<XGithub/>
 | 
			
		||||
				</FormFolder>
 | 
			
		||||
				<FormFolder>
 | 
			
		||||
				</MkFolder>
 | 
			
		||||
				<MkFolder>
 | 
			
		||||
					<template #icon><i class="ti ti-brand-discord"></i></template>
 | 
			
		||||
					<template #label>Discord</template>
 | 
			
		||||
					<template #suffix>{{ enableDiscordIntegration ? i18n.ts.enabled : i18n.ts.disabled }}</template>
 | 
			
		||||
					<XDiscord/>
 | 
			
		||||
				</FormFolder>
 | 
			
		||||
				</MkFolder>
 | 
			
		||||
			</div>
 | 
			
		||||
		</FormSuspense>
 | 
			
		||||
	</MkSpacer>
 | 
			
		||||
@@ -34,7 +34,7 @@ import XTwitter from './integrations.twitter.vue';
 | 
			
		||||
import XGithub from './integrations.github.vue';
 | 
			
		||||
import XDiscord from './integrations.discord.vue';
 | 
			
		||||
import FormSuspense from '@/components/form/suspense.vue';
 | 
			
		||||
import FormFolder from '@/components/form/folder.vue';
 | 
			
		||||
import MkFolder from '@/components/MkFolder.vue';
 | 
			
		||||
import * as os from '@/os';
 | 
			
		||||
import { i18n } from '@/i18n';
 | 
			
		||||
import { definePageMetadata } from '@/scripts/page-metadata';
 | 
			
		||||
 
 | 
			
		||||
@@ -1,60 +1,60 @@
 | 
			
		||||
<template>
 | 
			
		||||
<MkSpacer :content-max="1000">
 | 
			
		||||
	<div ref="rootEl" class="edbbcaef">
 | 
			
		||||
		<MkFolder class="item">
 | 
			
		||||
		<MkFoldableSection class="item">
 | 
			
		||||
			<template #header>Stats</template>
 | 
			
		||||
			<XStats/>
 | 
			
		||||
		</MkFolder>
 | 
			
		||||
		</MkFoldableSection>
 | 
			
		||||
 | 
			
		||||
		<MkFolder class="item">
 | 
			
		||||
		<MkFoldableSection class="item">
 | 
			
		||||
			<template #header>Active users</template>
 | 
			
		||||
			<XActiveUsers/>
 | 
			
		||||
		</MkFolder>
 | 
			
		||||
		</MkFoldableSection>
 | 
			
		||||
 | 
			
		||||
		<MkFolder class="item">
 | 
			
		||||
		<MkFoldableSection class="item">
 | 
			
		||||
			<template #header>Heatmap</template>
 | 
			
		||||
			<XHeatmap/>
 | 
			
		||||
		</MkFolder>
 | 
			
		||||
		</MkFoldableSection>
 | 
			
		||||
 | 
			
		||||
		<MkFolder class="item">
 | 
			
		||||
		<MkFoldableSection class="item">
 | 
			
		||||
			<template #header>Retention rate</template>
 | 
			
		||||
			<XRetention/>
 | 
			
		||||
		</MkFolder>
 | 
			
		||||
		</MkFoldableSection>
 | 
			
		||||
 | 
			
		||||
		<MkFolder class="item">
 | 
			
		||||
		<MkFoldableSection class="item">
 | 
			
		||||
			<template #header>Moderators</template>
 | 
			
		||||
			<XModerators/>
 | 
			
		||||
		</MkFolder>
 | 
			
		||||
		</MkFoldableSection>
 | 
			
		||||
 | 
			
		||||
		<MkFolder class="item">
 | 
			
		||||
		<MkFoldableSection class="item">
 | 
			
		||||
			<template #header>Federation</template>
 | 
			
		||||
			<XFederation/>
 | 
			
		||||
		</MkFolder>
 | 
			
		||||
		</MkFoldableSection>
 | 
			
		||||
		
 | 
			
		||||
		<MkFolder class="item">
 | 
			
		||||
		<MkFoldableSection class="item">
 | 
			
		||||
			<template #header>Instances</template>
 | 
			
		||||
			<XInstances/>
 | 
			
		||||
		</MkFolder>
 | 
			
		||||
		</MkFoldableSection>
 | 
			
		||||
 | 
			
		||||
		<MkFolder class="item">
 | 
			
		||||
		<MkFoldableSection class="item">
 | 
			
		||||
			<template #header>Ap requests</template>
 | 
			
		||||
			<XApRequests/>
 | 
			
		||||
		</MkFolder>
 | 
			
		||||
		</MkFoldableSection>
 | 
			
		||||
 | 
			
		||||
		<MkFolder class="item">
 | 
			
		||||
		<MkFoldableSection class="item">
 | 
			
		||||
			<template #header>New users</template>
 | 
			
		||||
			<XUsers/>
 | 
			
		||||
		</MkFolder>
 | 
			
		||||
		</MkFoldableSection>
 | 
			
		||||
 | 
			
		||||
		<MkFolder class="item">
 | 
			
		||||
		<MkFoldableSection class="item">
 | 
			
		||||
			<template #header>Deliver queue</template>
 | 
			
		||||
			<XQueue domain="deliver"/>
 | 
			
		||||
		</MkFolder>
 | 
			
		||||
		</MkFoldableSection>
 | 
			
		||||
 | 
			
		||||
		<MkFolder class="item">
 | 
			
		||||
		<MkFoldableSection class="item">
 | 
			
		||||
			<template #header>Inbox queue</template>
 | 
			
		||||
			<XQueue domain="inbox"/>
 | 
			
		||||
		</MkFolder>
 | 
			
		||||
		</MkFoldableSection>
 | 
			
		||||
	</div>
 | 
			
		||||
</MkSpacer>
 | 
			
		||||
</template>
 | 
			
		||||
@@ -79,7 +79,7 @@ import { i18n } from '@/i18n';
 | 
			
		||||
import { definePageMetadata } from '@/scripts/page-metadata';
 | 
			
		||||
import { defaultStore } from '@/store';
 | 
			
		||||
import MkFileListForAdmin from '@/components/MkFileListForAdmin.vue';
 | 
			
		||||
import MkFolder from '@/components/MkFolder.vue';
 | 
			
		||||
import MkFoldableSection from '@/components/MkFoldableSection.vue';
 | 
			
		||||
 | 
			
		||||
const rootEl = $shallowRef<HTMLElement>();
 | 
			
		||||
let serverInfo: any = $ref(null);
 | 
			
		||||
 
 | 
			
		||||
@@ -4,7 +4,7 @@
 | 
			
		||||
	<MkSpacer :content-max="700" :margin-min="16" :margin-max="32">
 | 
			
		||||
		<FormSuspense :p="init">
 | 
			
		||||
			<div class="_gaps_m">
 | 
			
		||||
				<FormFolder>
 | 
			
		||||
				<MkFolder>
 | 
			
		||||
					<template #icon><i class="ti ti-shield"></i></template>
 | 
			
		||||
					<template #label>{{ i18n.ts.botProtection }}</template>
 | 
			
		||||
					<template v-if="enableHcaptcha" #suffix>hCaptcha</template>
 | 
			
		||||
@@ -13,9 +13,9 @@
 | 
			
		||||
					<template v-else #suffix>{{ i18n.ts.none }} ({{ i18n.ts.notRecommended }})</template>
 | 
			
		||||
 | 
			
		||||
					<XBotProtection/>
 | 
			
		||||
				</FormFolder>
 | 
			
		||||
				</MkFolder>
 | 
			
		||||
 | 
			
		||||
				<FormFolder>
 | 
			
		||||
				<MkFolder>
 | 
			
		||||
					<template #icon><i class="ti ti-eye-off"></i></template>
 | 
			
		||||
					<template #label>{{ i18n.ts.sensitiveMediaDetection }}</template>
 | 
			
		||||
					<template v-if="sensitiveMediaDetection === 'all'" #suffix>{{ i18n.ts.all }}</template>
 | 
			
		||||
@@ -56,9 +56,9 @@
 | 
			
		||||
 | 
			
		||||
						<MkButton primary @click="save"><i class="ti ti-device-floppy"></i> {{ i18n.ts.save }}</MkButton>
 | 
			
		||||
					</div>
 | 
			
		||||
				</FormFolder>
 | 
			
		||||
				</MkFolder>
 | 
			
		||||
 | 
			
		||||
				<FormFolder>
 | 
			
		||||
				<MkFolder>
 | 
			
		||||
					<template #label>Active Email Validation</template>
 | 
			
		||||
					<template v-if="enableActiveEmailValidation" #suffix>Enabled</template>
 | 
			
		||||
					<template v-else #suffix>Disabled</template>
 | 
			
		||||
@@ -69,9 +69,9 @@
 | 
			
		||||
							<template #label>Enable</template>
 | 
			
		||||
						</MkSwitch>
 | 
			
		||||
					</div>
 | 
			
		||||
				</FormFolder>
 | 
			
		||||
				</MkFolder>
 | 
			
		||||
 | 
			
		||||
				<FormFolder>
 | 
			
		||||
				<MkFolder>
 | 
			
		||||
					<template #label>Log IP address</template>
 | 
			
		||||
					<template v-if="enableIpLogging" #suffix>Enabled</template>
 | 
			
		||||
					<template v-else #suffix>Disabled</template>
 | 
			
		||||
@@ -81,9 +81,9 @@
 | 
			
		||||
							<template #label>Enable</template>
 | 
			
		||||
						</MkSwitch>
 | 
			
		||||
					</div>
 | 
			
		||||
				</FormFolder>
 | 
			
		||||
				</MkFolder>
 | 
			
		||||
 | 
			
		||||
				<FormFolder>
 | 
			
		||||
				<MkFolder>
 | 
			
		||||
					<template #label>Summaly Proxy</template>
 | 
			
		||||
 | 
			
		||||
					<div class="_gaps_m">
 | 
			
		||||
@@ -94,7 +94,7 @@
 | 
			
		||||
 | 
			
		||||
						<MkButton primary @click="save"><i class="ti ti-device-floppy"></i> {{ i18n.ts.save }}</MkButton>
 | 
			
		||||
					</div>
 | 
			
		||||
				</FormFolder>
 | 
			
		||||
				</MkFolder>
 | 
			
		||||
			</div>
 | 
			
		||||
		</FormSuspense>
 | 
			
		||||
	</MkSpacer>
 | 
			
		||||
@@ -105,7 +105,7 @@
 | 
			
		||||
import { } from 'vue';
 | 
			
		||||
import XBotProtection from './bot-protection.vue';
 | 
			
		||||
import XHeader from './_header_.vue';
 | 
			
		||||
import FormFolder from '@/components/form/folder.vue';
 | 
			
		||||
import MkFolder from '@/components/MkFolder.vue';
 | 
			
		||||
import MkRadios from '@/components/MkRadios.vue';
 | 
			
		||||
import MkSwitch from '@/components/MkSwitch.vue';
 | 
			
		||||
import FormInfo from '@/components/MkInfo.vue';
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user