Better instance page
This commit is contained in:
parent
f45fb56e15
commit
586d3c4db7
2 changed files with 25 additions and 45 deletions
|
@ -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>
|
||||||
|
|
|
@ -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>
|
|
||||||
|
|
Loading…
Reference in a new issue