diff options
| author | schneefux <schneefux+commit@schneefux.xyz> | 2018-07-20 17:08:40 +0200 |
|---|---|---|
| committer | schneefux <schneefux+commit@schneefux.xyz> | 2018-12-13 17:09:31 +0100 |
| commit | baf2f9ee1ff66783c39b510c8ab3ac3f4a80a3f9 (patch) | |
| tree | d67712fff87c437bf56ffece08180d20f6efec32 /src/ReportTable.vue | |
| parent | cbf8fde7440e778597f16dff15b4fde829f2f730 (diff) | |
| download | brokentalents-baf2f9ee1ff66783c39b510c8ab3ac3f4a80a3f9.tar.gz brokentalents-baf2f9ee1ff66783c39b510c8ab3ac3f4a80a3f9.zip | |
ReportTable: Add CSV download
Diffstat (limited to 'src/ReportTable.vue')
| -rw-r--r-- | src/ReportTable.vue | 16 |
1 files changed, 16 insertions, 0 deletions
diff --git a/src/ReportTable.vue b/src/ReportTable.vue index 0531ca4..972b006 100644 --- a/src/ReportTable.vue +++ b/src/ReportTable.vue @@ -30,6 +30,12 @@ </b-tooltip> </template> + <template slot="footer"> + <div class="has-text-right"> + <button class="button" @click="downloadCsv()">Download CSV</button> + </div> + </template> + <template slot-scope="props"> <b-table-column field="Actor" label="Hero" sortable> <!-- desktop, table view --> @@ -131,6 +137,16 @@ export default Vue.component('report-table', { return ReportService.getTotalPicks(this.selectedMode); }, }, + methods: { + downloadCsv: function() { + const csv = ReportService.getCsv(this.selectedMode); + const downloaderElement = document.createElement('a'); + downloaderElement.href = 'data:text/csv;charset=utf-8,' + encodeURI(csv); + downloaderElement.target = '_blank'; + downloaderElement.download = maps.getMode(this.selectedMode) + '.csv'; + downloaderElement.click(); + }, + }, components: { HeroImage, }, |