AkkomaGang/admin-fe
6
2
Fork 9
Code Issues 5 Pull requests 2 Projects Releases Wiki Activity

Add report count

Browse source
This commit is contained in:
Angelina Filippova 2019-09-30 00:27:03 +03:00
parent a0667c1f45
commit d29cd29941
1 changed files with 12 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/views/reports/index.vue
View file

@ -1,6 +1,9 @@
<template> <template>
<div class="reports-container"> <div class="reports-container">
<h1>{{ $t('reports.reports') }}</h1> <h1>
{{ $t('reports.reports') }}
<span class="report-count">({{ normalizedReportsCount }})</span>
</h1>
<div class="filter-container"> <div class="filter-container">
<reports-filter/> <reports-filter/>
<el-checkbox v-model="groupReports" class="group-reports-checkbox"> <el-checkbox v-model="groupReports" class="group-reports-checkbox">
@ -19,6 +22,7 @@
<script> <script>
import GroupedReport from './components/GroupedReport' import GroupedReport from './components/GroupedReport'
import numeral from 'numeral'
import Report from './components/Report' import Report from './components/Report'
import ReportsFilter from './components/ReportsFilter' import ReportsFilter from './components/ReportsFilter'
@ -197,6 +201,9 @@ export default {
loading() { loading() {
return this.$store.state.reports.loading return this.$store.state.reports.loading
}, },
normalizedReportsCount() {
return numeral(this.$store.state.reports.totalReportsCount).format('0a')
},
reports() { reports() {
return this.$store.state.reports.fetchedReports return this.$store.state.reports.fetchedReports
} }
@ -234,6 +241,10 @@ export default {
color: gray; color: gray;
margin-left: 19px margin-left: 19px
} }
.report-count {
color: gray;
font-size: 28px;
}
} }
@media @media
only screen and (max-width: 760px), only screen and (max-width: 760px),