mirror of
https://github.com/Ocelot-Social-Community/Ocelot-Social.git
synced 2025-12-13 07:46:06 +00:00
3d4724e314
This commit message is a great example of why you should explain
**the reason** of your commit.
When I came across this bug I had a quick look into the code where it
came from. I could see that the bug only happened after a timer and
apparently reverting the biggest part of d84892930295dcfd3f6687fc33c7234446127099
would fix the bug. However I have no idea what the following commit
message means:
```
commit d84892930295dcfd3f6687fc33c7234446127099
Author: Grzegorz Leoniec <greg@app-interactive.de>
Date: Wed Mar 6 18:45:57 2019 +0100
Improved countTo component
```
I just don't know why the code is there - like what is it's purpose
@appinteractive? I can only guess: I believe that it's supposed to
update the counters in-place (without starting from 0 everytime).
Because apollo was set to poll the data every second.
Taking that into account I would rather remove this polling feature
completely and have less code and less complexity. Admins can still
refresh the page.
152 lines
4.9 KiB
Vue
152 lines
4.9 KiB
Vue
<template>
|
|
<ds-card>
|
|
<no-ssr>
|
|
<ds-space margin="large">
|
|
<ds-flex>
|
|
<ds-flex-item :width="{ base: '100%', sm: '50%', md: '33%' }">
|
|
<ds-space margin="small">
|
|
<ds-number :count="0" :label="$t('admin.dashboard.users')" size="x-large" uppercase>
|
|
<no-ssr slot="count">
|
|
<hc-count-to :end-val="statistics.countUsers || 0" />
|
|
</no-ssr>
|
|
</ds-number>
|
|
</ds-space>
|
|
</ds-flex-item>
|
|
<ds-flex-item :width="{ base: '100%', sm: '50%', md: '33%' }">
|
|
<ds-space margin="small">
|
|
<ds-number :count="0" :label="$t('admin.dashboard.posts')" size="x-large" uppercase>
|
|
<no-ssr slot="count">
|
|
<hc-count-to :end-val="statistics.countPosts || 0" />
|
|
</no-ssr>
|
|
</ds-number>
|
|
</ds-space>
|
|
</ds-flex-item>
|
|
<ds-flex-item :width="{ base: '100%', sm: '50%', md: '33%' }">
|
|
<ds-space margin="small">
|
|
<ds-number
|
|
:count="0"
|
|
:label="$t('admin.dashboard.comments')"
|
|
size="x-large"
|
|
uppercase
|
|
>
|
|
<no-ssr slot="count">
|
|
<hc-count-to :end-val="statistics.countComments || 0" />
|
|
</no-ssr>
|
|
</ds-number>
|
|
</ds-space>
|
|
</ds-flex-item>
|
|
<ds-flex-item :width="{ base: '100%', sm: '50%', md: '33%' }">
|
|
<ds-space margin="small">
|
|
<ds-number
|
|
:count="0"
|
|
:label="$t('admin.dashboard.notifications')"
|
|
size="x-large"
|
|
uppercase
|
|
>
|
|
<no-ssr slot="count">
|
|
<hc-count-to :end-val="statistics.countNotifications || 0" />
|
|
</no-ssr>
|
|
</ds-number>
|
|
</ds-space>
|
|
</ds-flex-item>
|
|
<ds-flex-item :width="{ base: '100%', sm: '50%', md: '33%' }">
|
|
<ds-space margin="small">
|
|
<ds-number
|
|
:count="0"
|
|
:label="$t('admin.dashboard.organizations')"
|
|
size="x-large"
|
|
uppercase
|
|
>
|
|
<no-ssr slot="count">
|
|
<hc-count-to :end-val="statistics.countOrganizations || 0" />
|
|
</no-ssr>
|
|
</ds-number>
|
|
</ds-space>
|
|
</ds-flex-item>
|
|
<ds-flex-item :width="{ base: '100%', sm: '50%', md: '33%' }">
|
|
<ds-space margin="small">
|
|
<ds-number
|
|
:count="0"
|
|
:label="$t('admin.dashboard.projects')"
|
|
size="x-large"
|
|
uppercase
|
|
>
|
|
<no-ssr slot="count">
|
|
<hc-count-to :end-val="statistics.countProjects || 0" />
|
|
</no-ssr>
|
|
</ds-number>
|
|
</ds-space>
|
|
</ds-flex-item>
|
|
<ds-flex-item :width="{ base: '100%', sm: '50%', md: '33%' }">
|
|
<ds-space margin="small">
|
|
<ds-number :count="0" :label="$t('admin.dashboard.invites')" size="x-large" uppercase>
|
|
<no-ssr slot="count">
|
|
<hc-count-to :end-val="statistics.countInvites || 0" />
|
|
</no-ssr>
|
|
</ds-number>
|
|
</ds-space>
|
|
</ds-flex-item>
|
|
<ds-flex-item :width="{ base: '100%', sm: '50%', md: '33%' }">
|
|
<ds-space margin="small">
|
|
<ds-number :count="0" :label="$t('admin.dashboard.follows')" size="x-large" uppercase>
|
|
<no-ssr slot="count">
|
|
<hc-count-to :end-val="statistics.countFollows || 0" />
|
|
</no-ssr>
|
|
</ds-number>
|
|
</ds-space>
|
|
</ds-flex-item>
|
|
<ds-flex-item :width="{ base: '100%', sm: '50%', md: '33%' }">
|
|
<ds-space margin="small">
|
|
<ds-number :count="0" :label="$t('admin.dashboard.shouts')" size="x-large" uppercase>
|
|
<no-ssr slot="count">
|
|
<hc-count-to :end-val="statistics.countShouts || 0" />
|
|
</no-ssr>
|
|
</ds-number>
|
|
</ds-space>
|
|
</ds-flex-item>
|
|
</ds-flex>
|
|
</ds-space>
|
|
</no-ssr>
|
|
</ds-card>
|
|
</template>
|
|
|
|
<script>
|
|
import gql from 'graphql-tag'
|
|
import HcCountTo from '~/components/CountTo.vue'
|
|
|
|
export default {
|
|
components: {
|
|
HcCountTo,
|
|
},
|
|
data() {
|
|
return {
|
|
statistics: {},
|
|
}
|
|
},
|
|
computed: {
|
|
isClient() {
|
|
return process.client
|
|
},
|
|
},
|
|
apollo: {
|
|
statistics: {
|
|
query: gql`
|
|
query {
|
|
statistics {
|
|
countUsers
|
|
countPosts
|
|
countComments
|
|
countNotifications
|
|
countOrganizations
|
|
countProjects
|
|
countInvites
|
|
countFollows
|
|
countShouts
|
|
}
|
|
}
|
|
`,
|
|
},
|
|
},
|
|
}
|
|
</script>
|