Client - fix applications stats display
This commit is contained in:
Sam
parent
c836c0da7a
commit
13a2f3b526
2
fittrackee/dist/index.html
vendored
2
fittrackee/dist/index.html
vendored
@ -1 +1 @@
|
|||||||
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><!--[if IE]><link rel="icon" href="/favicon.ico"><![endif]--><link rel="stylesheet" href="/static/css/fork-awesome.min.css"><link rel="stylesheet" href="/static/css/leaflet.css"><title>FitTrackee</title><link href="/static/css/admin.babfd43e.css" rel="prefetch"><link href="/static/css/main.f9856c63.css" rel="prefetch"><link href="/static/css/main~workouts.0edb3403.css" rel="prefetch"><link href="/static/css/profile.05400f70.css" rel="prefetch"><link href="/static/css/reset.46776e72.css" rel="prefetch"><link href="/static/css/workouts.84cbed34.css" rel="prefetch"><link href="/static/js/admin.2f1d393d.js" rel="prefetch"><link href="/static/js/chunk-2d0c9189.c81458cc.js" rel="prefetch"><link href="/static/js/chunk-2d0cf391.020c75ea.js" rel="prefetch"><link href="/static/js/chunk-2d0da8f3.c8c3e7e8.js" rel="prefetch"><link href="/static/js/chunk-2d2248b6.d84473c1.js" rel="prefetch"><link href="/static/js/chunk-2d22523a.4b710d99.js" rel="prefetch"><link href="/static/js/main.23f4d3a6.js" rel="prefetch"><link href="/static/js/main~workouts.6afa0411.js" rel="prefetch"><link href="/static/js/profile.62578012.js" rel="prefetch"><link href="/static/js/reset.518e646f.js" rel="prefetch"><link href="/static/js/workouts.ca9449b1.js" rel="prefetch"><link href="/static/css/app.2b8c39ab.css" rel="preload" as="style"><link href="/static/js/app.28d0829a.js" rel="preload" as="script"><link href="/static/js/chunk-vendors.caa4fc1c.js" rel="preload" as="script"><link href="/static/css/app.2b8c39ab.css" rel="stylesheet"><link rel="icon" type="image/png" sizes="32x32" href="/img/icons/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="/img/icons/favicon-16x16.png"><link rel="manifest" href="/manifest.json"><meta name="theme-color" content="#4DBA87"><meta name="apple-mobile-web-app-capable" content="no"><meta name="apple-mobile-web-app-status-bar-style" content="default"><meta name="apple-mobile-web-app-title" content="fittrackee_client"><link rel="apple-touch-icon" href="/img/icons/apple-touch-icon-152x152.png"><link rel="mask-icon" href="/img/icons/safari-pinned-tab.svg" color="#4DBA87"><meta name="msapplication-TileImage" content="/img/icons/msapplication-icon-144x144.png"><meta name="msapplication-TileColor" content="#000000"></head><body><noscript><strong>We're sorry but FitTrackee doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script src="/static/js/chunk-vendors.caa4fc1c.js"></script><script src="/static/js/app.28d0829a.js"></script></body></html>
|
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><!--[if IE]><link rel="icon" href="/favicon.ico"><![endif]--><link rel="stylesheet" href="/static/css/fork-awesome.min.css"><link rel="stylesheet" href="/static/css/leaflet.css"><title>FitTrackee</title><link href="/static/css/admin.babfd43e.css" rel="prefetch"><link href="/static/css/main.f9856c63.css" rel="prefetch"><link href="/static/css/main~workouts.0edb3403.css" rel="prefetch"><link href="/static/css/profile.05400f70.css" rel="prefetch"><link href="/static/css/reset.46776e72.css" rel="prefetch"><link href="/static/css/workouts.84cbed34.css" rel="prefetch"><link href="/static/js/admin.2f1d393d.js" rel="prefetch"><link href="/static/js/chunk-2d0c9189.c81458cc.js" rel="prefetch"><link href="/static/js/chunk-2d0cf391.020c75ea.js" rel="prefetch"><link href="/static/js/chunk-2d0da8f3.c8c3e7e8.js" rel="prefetch"><link href="/static/js/chunk-2d2248b6.d84473c1.js" rel="prefetch"><link href="/static/js/chunk-2d22523a.4b710d99.js" rel="prefetch"><link href="/static/js/main.23f4d3a6.js" rel="prefetch"><link href="/static/js/main~workouts.6afa0411.js" rel="prefetch"><link href="/static/js/profile.62578012.js" rel="prefetch"><link href="/static/js/reset.518e646f.js" rel="prefetch"><link href="/static/js/workouts.ca9449b1.js" rel="prefetch"><link href="/static/css/app.2b8c39ab.css" rel="preload" as="style"><link href="/static/js/app.bc92e4d5.js" rel="preload" as="script"><link href="/static/js/chunk-vendors.caa4fc1c.js" rel="preload" as="script"><link href="/static/css/app.2b8c39ab.css" rel="stylesheet"><link rel="icon" type="image/png" sizes="32x32" href="/img/icons/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="/img/icons/favicon-16x16.png"><link rel="manifest" href="/manifest.json"><meta name="theme-color" content="#4DBA87"><meta name="apple-mobile-web-app-capable" content="no"><meta name="apple-mobile-web-app-status-bar-style" content="default"><meta name="apple-mobile-web-app-title" content="fittrackee_client"><link rel="apple-touch-icon" href="/img/icons/apple-touch-icon-152x152.png"><link rel="mask-icon" href="/img/icons/safari-pinned-tab.svg" color="#4DBA87"><meta name="msapplication-TileImage" content="/img/icons/msapplication-icon-144x144.png"><meta name="msapplication-TileColor" content="#000000"></head><body><noscript><strong>We're sorry but FitTrackee doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script src="/static/js/chunk-vendors.caa4fc1c.js"></script><script src="/static/js/app.bc92e4d5.js"></script></body></html>
|
||||||
@ -64,7 +64,7 @@ self.__precacheManifest = (self.__precacheManifest || []).concat([
|
|||||||
"url": "/img/workouts/mountains.svg"
|
"url": "/img/workouts/mountains.svg"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"revision": "a83d95cb780cb551f9c6e0257addee7a",
|
"revision": "45c1f36f13bcd71d9afc10d45d236279",
|
||||||
"url": "/index.html"
|
"url": "/index.html"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
@ -80,7 +80,7 @@ self.__precacheManifest = (self.__precacheManifest || []).concat([
|
|||||||
"url": "/static/css/admin.babfd43e.css"
|
"url": "/static/css/admin.babfd43e.css"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"revision": "580dbac1a3cc1ff6f809",
|
"revision": "72dccc5c8629f12578d3",
|
||||||
"url": "/static/css/app.2b8c39ab.css"
|
"url": "/static/css/app.2b8c39ab.css"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
@ -196,8 +196,8 @@ self.__precacheManifest = (self.__precacheManifest || []).concat([
|
|||||||
"url": "/static/js/admin.2f1d393d.js"
|
"url": "/static/js/admin.2f1d393d.js"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"revision": "580dbac1a3cc1ff6f809",
|
"revision": "72dccc5c8629f12578d3",
|
||||||
"url": "/static/js/app.28d0829a.js"
|
"url": "/static/js/app.bc92e4d5.js"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"revision": "bd7d183c9f68e5f4027d",
|
"revision": "bd7d183c9f68e5f4027d",
|
||||||
2
fittrackee/dist/service-worker.js
vendored
2
fittrackee/dist/service-worker.js
vendored
@ -14,7 +14,7 @@
|
|||||||
importScripts("https://storage.googleapis.com/workbox-cdn/releases/4.3.1/workbox-sw.js");
|
importScripts("https://storage.googleapis.com/workbox-cdn/releases/4.3.1/workbox-sw.js");
|
||||||
|
|
||||||
importScripts(
|
importScripts(
|
||||||
"/precache-manifest.d81ab1e239beb2ec33c92fe076422816.js"
|
"/precache-manifest.315e3d88cfae96e04be1e471c965d917.js"
|
||||||
);
|
);
|
||||||
|
|
||||||
workbox.core.setCacheNameDetails({prefix: "fittrackee_client"});
|
workbox.core.setCacheNameDetails({prefix: "fittrackee_client"});
|
||||||
|
|||||||
2
fittrackee/dist/static/js/app.28d0829a.js
vendored
2
fittrackee/dist/static/js/app.28d0829a.js
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
2
fittrackee/dist/static/js/app.bc92e4d5.js
vendored
Normal file
2
fittrackee/dist/static/js/app.bc92e4d5.js
vendored
Normal file
File diff suppressed because one or more lines are too long
1
fittrackee/dist/static/js/app.bc92e4d5.js.map
vendored
Normal file
1
fittrackee/dist/static/js/app.bc92e4d5.js.map
vendored
Normal file
File diff suppressed because one or more lines are too long
@ -2,18 +2,18 @@
|
|||||||
<div id="user-stats">
|
<div id="user-stats">
|
||||||
<StatCard
|
<StatCard
|
||||||
icon="users"
|
icon="users"
|
||||||
:value="usersCount"
|
:value="appStatistics.users"
|
||||||
:text="$t('admin.USER', usersCount)"
|
:text="$t('admin.USER', appStatistics.users)"
|
||||||
/>
|
/>
|
||||||
<StatCard
|
<StatCard
|
||||||
icon="tags"
|
icon="tags"
|
||||||
:value="sportsCount"
|
:value="appStatistics.sports"
|
||||||
:text="$t('workouts.SPORT', sportsCount)"
|
:text="$t('workouts.SPORT', appStatistics.sports)"
|
||||||
/>
|
/>
|
||||||
<StatCard
|
<StatCard
|
||||||
icon="calendar"
|
icon="calendar"
|
||||||
:value="workoutCount"
|
:value="appStatistics.workouts"
|
||||||
:text="$t('workouts.WORKOUT', workoutCount)"
|
:text="$t('workouts.WORKOUT', appStatistics.workouts)"
|
||||||
/>
|
/>
|
||||||
<StatCard
|
<StatCard
|
||||||
icon="folder-open"
|
icon="folder-open"
|
||||||
@ -24,32 +24,20 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { computed, withDefaults } from 'vue'
|
import { computed, toRefs } from 'vue'
|
||||||
|
|
||||||
import StatCard from '@/components/Common/StatCard.vue'
|
import StatCard from '@/components/Common/StatCard.vue'
|
||||||
import { IAppStatistics } from '@/types/application'
|
import { IAppStatistics } from '@/types/application'
|
||||||
import { getReadableFileSize } from '@/utils/files'
|
import { getReadableFileSize } from '@/utils/files'
|
||||||
|
|
||||||
interface Props {
|
interface Props {
|
||||||
appStatistics?: IAppStatistics
|
appStatistics: IAppStatistics
|
||||||
}
|
}
|
||||||
const props = withDefaults(defineProps<Props>(), {
|
const props = defineProps<Props>()
|
||||||
appStatistics: () => ({} as IAppStatistics),
|
|
||||||
})
|
|
||||||
|
|
||||||
|
const { appStatistics } = toRefs(props)
|
||||||
const uploadDirSize = computed(() =>
|
const uploadDirSize = computed(() =>
|
||||||
props.appStatistics.uploads_dir_size
|
getReadableFileSize(appStatistics.value.uploads_dir_size, false)
|
||||||
? getReadableFileSize(props.appStatistics.uploads_dir_size, false)
|
|
||||||
: { size: 0, suffix: 'bytes' }
|
|
||||||
)
|
|
||||||
const usersCount = computed(() =>
|
|
||||||
props.appStatistics.users ? props.appStatistics.users : 0
|
|
||||||
)
|
|
||||||
const sportsCount = computed(() =>
|
|
||||||
props.appStatistics.sports ? props.appStatistics.sports : 0
|
|
||||||
)
|
|
||||||
const workoutCount = computed(() =>
|
|
||||||
props.appStatistics.workouts ? props.appStatistics.workouts : 0
|
|
||||||
)
|
)
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|||||||
@ -8,6 +8,13 @@ export const state: IRootState = {
|
|||||||
language: 'en',
|
language: 'en',
|
||||||
locale: enUS,
|
locale: enUS,
|
||||||
errorMessages: null,
|
errorMessages: null,
|
||||||
application: <IApplication>{},
|
application: <IApplication>{
|
||||||
|
statistics: {
|
||||||
|
sports: 0,
|
||||||
|
uploads_dir_size: 0,
|
||||||
|
users: 0,
|
||||||
|
workouts: 0,
|
||||||
|
},
|
||||||
|
},
|
||||||
appLoading: false,
|
appLoading: false,
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user