Better instance page

This commit is contained in:
syuilo 2020-02-17 02:27:14 +09:00
parent f45fb56e15
commit 586d3c4db7
2 changed files with 25 additions and 45 deletions

View File

@ -51,6 +51,17 @@
</div> </div>
</div> </div>
</section> </section>
<section class="_card info">
<div class="_content table">
<div><b>Misskey</b><span>v{{ version }}</span></div>
</div>
<div class="_content table" v-if="serverInfo">
<div><b>Node.js</b><span>{{ serverInfo.node }}</span></div>
<div><b>PostgreSQL</b><span>v{{ serverInfo.psql }}</span></div>
<div><b>Redis</b><span>v{{ serverInfo.redis }}</span></div>
</div>
</section>
</div> </div>
</template> </template>
@ -409,5 +420,17 @@ export default Vue.extend({
} }
} }
} }
> .info {
> .table {
> div {
display: flex;
> * {
flex: 1;
}
}
}
}
} }
</style> </style>

View File

@ -1,5 +1,5 @@
<template> <template>
<div v-if="meta" class="yihovjtf"> <div v-if="meta">
<portal to="icon"><fa :icon="faCog"/></portal> <portal to="icon"><fa :icon="faCog"/></portal>
<portal to="title">{{ $t('settings') }}</portal> <portal to="title">{{ $t('settings') }}</portal>
@ -150,22 +150,6 @@
<mk-button primary @click="save(true)"><fa :icon="faSave"/> {{ $t('save') }}</mk-button> <mk-button primary @click="save(true)"><fa :icon="faSave"/> {{ $t('save') }}</mk-button>
</div> </div>
</section> </section>
<section class="_card info">
<div class="_title"><fa :icon="faInfoCircle"/> {{ $t('instanceInfo') }}</div>
<div class="_content table" v-if="stats">
<div><b>{{ $t('users') }}</b><span>{{ stats.originalUsersCount | number }}</span></div>
<div><b>{{ $t('notes') }}</b><span>{{ stats.originalNotesCount | number }}</span></div>
</div>
<div class="_content table">
<div><b>Misskey</b><span>v{{ version }}</span></div>
</div>
<div class="_content table" v-if="serverInfo">
<div><b>Node.js</b><span>{{ serverInfo.node }}</span></div>
<div><b>PostgreSQL</b><span>v{{ serverInfo.psql }}</span></div>
<div><b>Redis</b><span>v{{ serverInfo.redis }}</span></div>
</div>
</section>
</div> </div>
</template> </template>
@ -180,7 +164,7 @@ import MkTextarea from '../../components/ui/textarea.vue';
import MkSwitch from '../../components/ui/switch.vue'; import MkSwitch from '../../components/ui/switch.vue';
import MkInfo from '../../components/ui/info.vue'; import MkInfo from '../../components/ui/info.vue';
import MkUserSelect from '../../components/user-select.vue'; import MkUserSelect from '../../components/user-select.vue';
import { version, url } from '../../config'; import { url } from '../../config';
import i18n from '../../i18n'; import i18n from '../../i18n';
import getAcct from '../../../misc/acct/render'; import getAcct from '../../../misc/acct/render';
@ -203,10 +187,7 @@ export default Vue.extend({
data() { data() {
return { return {
version,
url, url,
stats: null,
serverInfo: null,
proxyAccount: null, proxyAccount: null,
proxyAccountId: null, proxyAccountId: null,
cacheRemoteFiles: false, cacheRemoteFiles: false,
@ -291,14 +272,6 @@ export default Vue.extend({
this.proxyAccount = proxyAccount; this.proxyAccount = proxyAccount;
}); });
} }
this.$root.api('admin/server-info').then(res => {
this.serverInfo = res;
});
this.$root.api('stats').then(res => {
this.stats = res;
});
}, },
mounted() { mounted() {
@ -395,19 +368,3 @@ export default Vue.extend({
} }
}); });
</script> </script>
<style lang="scss" scoped>
.yihovjtf {
> .info {
> .table {
> div {
display: flex;
> * {
flex: 1;
}
}
}
}
}
</style>