github-mirror/framework
2
0
Fork 0
mirror of https://github.com/flarum/framework.git synced 2025-01-19 07:42:48 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: add statistics chart export button (#3662)

Browse Source
This commit is contained in:
David Wheatley 2022-11-01 18:47:22 +01:00 committed by GitHub
parent 201d7430fe
commit 4e5e4e5c6e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 23 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
extensions/statistics/js/src/admin/components/StatisticsWidget.tsx
View File

@ -318,6 +318,18 @@ export default class StatisticsWidget extends DashboardWidget {
</>
{this.noData && <Placeholder text={app.translator.trans(`flarum-statistics.admin.statistics.no_data`)} />}
{!this.noData && !!this.chart && (
<Button
className="StatisticsWidget-chartExport Button"
icon="fas fa-file-export"
onclick={() => {
this.chart.export();
}}
>
{app.translator.trans('flarum-statistics.admin.statistics.export_chart_button')}
</Button>
)}
</div>
);
}

13
extensions/statistics/less/admin.less
View File

@ -109,6 +109,13 @@
.Placeholder {
padding-bottom: 32px;
}
&-chartExport {
position: relative;
z-index: 1;
margin: 16px;
margin-top: -32px;
}
}
/*!
@ -119,9 +126,9 @@
position: relative; /* for absolutely positioned tooltip */
/* https://www.smashingmagazine.com/2015/11/using-system-ui-fonts-practical-guide/ */
font-family: -apple-system, BlinkMacSystemFont,
'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell',
'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
"Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
sans-serif;
.axis,
.chart-label {

1
extensions/statistics/locale/en.yml
View File

@ -20,6 +20,7 @@ flarum-statistics:
# These translations are used in the Statistics dashboard widget.
statistics:
discussions_heading: => core.ref.discussions
export_chart_button: Export chart to SVG
last_12_months_label: Last 12 months
last_28_days_label: Last 28 days
last_7_days_label: Last 7 days