torjus/apiary
1
0
Fork 0
Code Issues 1 Pull Requests Projects Releases Wiki Activity

Improve stats view

Browse Source
This commit is contained in:
Torjus Håkestad
2021-04-10 15:09:26 +02:00
parent 28120637e1
commit af6b022932
2 changed files with 112 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
web/frontend/src/components/Stats.vue
View File

@@ -1,26 +1,53 @@
<template>
<div class="stats">
<h1>Stats!</h1>
<stats-username />
<b-card no-body>
<b-tabs card>
<b-tab title="Totals">
<b-card-body>
<stats-pie statType="total" />
</b-card-body>
</b-tab>
<b-tab title="Usernames">
<b-card-body>
<stats-pie statType="username" />
</b-card-body>
</b-tab>
<b-tab title="Passwords">
<b-card-body>
<stats-pie statType="password"></stats-pie>
</b-card-body>
</b-tab>
<b-tab title="Countries">
<b-card-body>
<stats-pie statType="country"></stats-pie>
</b-card-body>
</b-tab>
<b-tab title="IPs">
<b-card-body>
<stats-pie statType="ip"></stats-pie>
</b-card-body>
</b-tab>
</b-tabs>
</b-card>
</div>
</template>
<script lang="ts">
import { Component, Prop, Vue } from 'vue-property-decorator';
import StatsUsername from '@/components/StatsUsername.vue';
import StatsPie from '@/components/StatsPie.vue';
@Component({
components: {
StatsUsername,
StatsPie,
},
})
export default class Stats extends Vue {
@Prop() private msg!: string;
}
export default class Stats extends Vue {}
</script>
<style lang="scss" scoped>
.stats {
align-content: center;
width: 70%;
margin: 50px;
}
</style>