Show better message for empty results that occur when following a nex…

…t link. #426
radiantearth · Apr 15, 2024 · 9047872 · 9047872
1 parent 3fa785f
commit 9047872
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 0 deletions.
diff --git a/src/locales/de/texts.json b/src/locales/de/texts.json
@@ -232,6 +232,7 @@
     "matches": "enthält etwa",
     "metaDescription": "Durchsuche die angebotenen Daten von {title}.",
     "modifyCriteria": "Bitte die Suchkriterien ändern.",
+    "noFurtherItemsFound": "Keine weiteren Elemente verfügbar.",
     "noItemsFound": "Keine Elemente gefunden für die angegebenen Filter.",
     "noOptions": "Noch nichts eingegeben",
     "notEqualTo": "entspricht nicht",

diff --git a/src/locales/en/texts.json b/src/locales/en/texts.json
@@ -232,6 +232,7 @@
     "matches": "matches",
     "metaDescription": "Search through the data offering of {title}.",
     "modifyCriteria": "Please modify the search criteria.",
+    "noFurtherItemsFound": "No further items available.",
     "noItemsFound": "No items found for the given filters.",
     "noOptions": "Nothing entered yet",
     "notEqualTo": "not equal to",

diff --git a/src/views/Search.vue b/src/views/Search.vue
@@ -23,6 +23,7 @@
         <b-alert v-if="error" variant="error" show>{{ error }}</b-alert>
         <Loading v-else-if="!data && loading" fill top />
         <b-alert v-else-if="data === null" variant="info" show>{{ $t('search.modifyCriteria') }}</b-alert>
+        <b-alert v-else-if="results.length === 0 && noFurtherItems" variant="info" show>{{ $t('search.noFurtherItemsFound') }}</b-alert>
         <b-alert v-else-if="results.length === 0" variant="warning" show>{{ $t('search.noItemsFound') }}</b-alert>
         <template v-else>
           <div id="search-map" v-if="itemCollection">
@@ -184,6 +185,13 @@ export default {
     pageDescription() {
       let title = STAC.getDisplayTitle([this.collectionLink, this.parentLink, this.root], this.catalogTitle);
       return this.$t('search.metaDescription', {title});
+    },
+    noFurtherItems() {
+      // Ideally this would be dertmined by the prev link, but it's not required
+      // so we check whether our current link has a next rel type which indicates
+      // that it's a subsequent page. On the first pages the link rel type would be
+      // "search" (or "prev" or "first"). This only works for forward navigation.
+      return this.link.rel === 'next';
     }
   },
   watch:{