Mercurial > gemma

comparison client/src/components/fairway/AvailableFairwayDepth.vue @ 3437:6a044d6c2cdc

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
afd: csv download
author Thomas Junk <thomas.junk@intevation.de>
date Fri, 24 May 2019 10:21:06 +0200
parents e5bc8f4924cb
children d7ec52232702
comparison
equal deleted inserted replaced
3436:d6532429e703 3437:6a044d6c2cdc
33 type="button" 33 type="button"
34 class="btn btn-sm btn-info d-block w-100 mt-1" 34 class="btn btn-sm btn-info d-block w-100 mt-1"
35 > 35 >
36 <translate>Export to PDF</translate> 36 <translate>Export to PDF</translate>
37 </button> 37 </button>
38 <a
39 :href="dataLink"
40 :download="csvFileName"
41 class="mt-1 btn btn-sm btn-info"
42 >Download CSV</a
43 >
38 </div> 44 </div>
39 </DiagramLegend> 45 </DiagramLegend>
40 <div 46 <div
41 ref="diagramContainer" 47 ref="diagramContainer"
42 :id="containerId" 48 :id="containerId"
174 "selectedFairwayAvailabilityFeature", 180 "selectedFairwayAvailabilityFeature",
175 "fwData", 181 "fwData",
176 "from", 182 "from",
177 "to", 183 "to",
178 "frequency", 184 "frequency",
179 "legend" 185 "legend",
186 "csv"
180 ]), 187 ]),
188 dataLink() {
189 return `data:text/csv;charset=utf-8, ${encodeURIComponent(this.csv)}`;
190 },
191 csvFileName() {
192 return `${this.$gettext("fairwayavailability")}-${
193 this.selectedFairwayAvailabilityFeature.properties.name
194 }-${filters.surveyDate(this.fromDate)}-${filters.surveyDate(
195 this.toDate
196 )}-${this.$gettext(this.frequency)}-.csv`;
197 },
181 frequencyToRange() { 198 frequencyToRange() {
182 const frequencies = { 199 const frequencies = {
183 [FREQUENCIES.MONTHLY]: [-33, 33], 200 [FREQUENCIES.MONTHLY]: [-33, 33],
184 [FREQUENCIES.QUARTERLY]: [-93, 93], 201 [FREQUENCIES.QUARTERLY]: [-93, 93],
185 [FREQUENCIES.YEARLY]: [-370, 370] 202 [FREQUENCIES.YEARLY]: [-370, 370]