add notice that a download can take a while, to prevent additional im…

…patient clicks
internetstandards · Mar 4, 2024 · 439c9c8 · 439c9c8
1 parent 69b41b2
commit 439c9c8
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 7 deletions.
diff --git a/src/components/reports/Report.vue b/src/components/reports/Report.vue
@@ -17,7 +17,13 @@
     <div v-if="reports.length > 0 && reports_to_load === 0">
 
       <template v-if="!tags_applied">
-        <report-download :report="report" v-for="report in shallow_reports" :key="`d${report.id}`"></report-download>
+          <content-block class="do-not-print">
+          <b-container>
+            <report-download :report="report" v-for="report in shallow_reports" :key="`d${report.id}`" class="mb-2"></report-download>
+            <small>{{$t('patience')}}</small>
+            </b-container>
+            </content-block>
+
         <!-- create a shallow report that can be mutated and does not contain the full data, which saves a lot of memory. -->
         <sharing-configuration
             :report="report" v-for="report in shallow_reports"
@@ -161,15 +167,17 @@ export default {
     "intro": "It is possible to select one or multiple reports. Selecting a single report shows all data of that report, including graphs and a table with detailed results. Selecting two reports, a comparison is made between these reports in the graphs and detailed result. Selecting more than two reports, only graphs are shown.",
     "tab_metrics": "Metrics table",
     "tab_graphs": "Graphs",
-    "tab_changes": "Changes"
+    "tab_changes": "Changes",
+    "patience": "Reports with over 1000 domains may take a minute before downloading starts, please be patient."
   },
   "nl": {
     "settings": "Selecteer zichtbare meetwaarden",
     "title": "Rapporten",
     "intro": "Het is mogelijk om meerdere rapporten te selecteren. Bij het selecteren van een enkel rapport wordt alle relevante informatie hierover getoond. Bij het selecteren van twee rapporten wordt een vergelijking gemaakt: zowel in de grafieken als in de detail tabel. Bij het selecteren van meer dan twee rapporten zijn alleen de grafieken zichtbaar.",
     "tab_metrics": "Meetwaardentabel",
     "tab_graphs": "Grafieken",
-    "tab_changes": "Veranderingen"
+    "tab_changes": "Veranderingen",
+    "patience": "Het kan even duren voordat een download begint van een rapport met meer dan 1000 domeinen. Neem hiervoor even de tijd."
   }
 }
 </i18n>
diff --git a/src/components/reports/ReportDownload.vue b/src/components/reports/ReportDownload.vue
@@ -1,7 +1,6 @@
 <!-- SPDX-License-Identifier: Apache-2.0 -->
 <template>
-  <content-block class="do-not-print">
-    <b-container>
+
     <b-row>
       <b-col cols="3">
         ⬇️ {{$t("title", [report.id, report.urllist_name])}}
@@ -16,8 +15,7 @@
        <b-icon icon="file-text"/> <a :href="make_downloadlink(report.id, 'csv')">{{ $t("csv") }}</a>
       </b-col>
     </b-row>
-    </b-container>
-  </content-block>
+
 </template>
 <script>
 export default {