2018-08-13 18:05:58 +02:00
|
|
|
<template>
|
|
|
|
|
<div>
|
2018-08-13 21:30:42 +02:00
|
|
|
<h1>%i18n:@dashboard%</h1>
|
2018-08-14 09:53:57 +02:00
|
|
|
<div v-if="stats">
|
|
|
|
|
<p><b>%i18n:@all-users%</b>: <span>{{ stats.usersCount | number }}</span></p>
|
|
|
|
|
<p><b>%i18n:@original-users%</b>: <span>{{ stats.originalUsersCount | number }}</span></p>
|
|
|
|
|
<p><b>%i18n:@all-notes%</b>: <span>{{ stats.notesCount | number }}</span></p>
|
|
|
|
|
<p><b>%i18n:@original-notes%</b>: <span>{{ stats.originalNotesCount | number }}</span></p>
|
|
|
|
|
</div>
|
2018-08-13 18:05:58 +02:00
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script lang="ts">
|
|
|
|
|
import Vue from "vue";
|
|
|
|
|
|
|
|
|
|
export default Vue.extend({
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
stats: null
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
created() {
|
|
|
|
|
(this as any).api('stats').then(stats => {
|
|
|
|
|
this.stats = stats;
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
</script>
|
2018-08-13 21:30:42 +02:00
|
|
|
|
|
|
|
|
<style lang="stylus" scoped>
|
|
|
|
|
h1
|
|
|
|
|
margin 0 0 1em 0
|
|
|
|
|
padding 0 0 8px 0
|
|
|
|
|
font-size 1em
|
|
|
|
|
color #555
|
|
|
|
|
border-bottom solid 1px #eee
|
|
|
|
|
</style>
|
