Alexander/FitTrackee
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

API & Client - display uploaded files size in admin + minor changes

Browse Source
This commit is contained in:
Sam
2020-05-01 20:18:19 +02:00
parent abca323936
commit 5aa1d77553
12 changed files with 119 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
fittrackee_client/src/components/Admin/AdminStats.jsx
View File

@ -3,6 +3,7 @@ import { withTranslation } from 'react-i18next'
import { connect } from 'react-redux'
import { getAppData } from '../../actions/application'
import { getFileSize } from '../../utils'
class AdminStats extends React.Component {
componentDidMount() {
@ -11,9 +12,10 @@ class AdminStats extends React.Component {
render() {
const { appStats, t } = this.props
const uploadDirSize = getFileSize(appStats.uploads_dir_size, false)
return (
<div className="row">
<div className="col-md-4">
<div className="col-lg-3 col-md-6 col-sm-6">
<div className="card activity-card">
<div className="card-body row">
<div className="col-3">
@ -32,7 +34,7 @@ class AdminStats extends React.Component {
</div>
</div>
</div>
<div className="col-md-4">
<div className="col-lg-3 col-md-6 col-sm-6">
<div className="card activity-card">
<div className="card-body row">
<div className="col-3">
@ -49,7 +51,7 @@ class AdminStats extends React.Component {
</div>
</div>
</div>
<div className="col-md-4">
<div className="col-lg-3 col-md-6 col-sm-6">
<div className="card activity-card">
<div className="card-body row">
<div className="col-3">
@ -68,6 +70,21 @@ class AdminStats extends React.Component {
</div>
</div>
</div>
<div className="col-lg-3 col-md-6 col-sm-6">
<div className="card activity-card">
<div className="card-body row">
<div className="col-3">
<i className="fa fa-folder-open fa-3x fa-color" />
</div>
<div className="col-9 text-right">
<div className="huge">{uploadDirSize.size}</div>
<div>
{uploadDirSize.suffix} ({t('administration:uploads')})
</div>
</div>
</div>
</div>
</div>
</div>
)
}