Less strict get capabilities; show layers that can't be downloaded

src/components/LayerChooser/LayerChooser.vue

@@ -77,6 +77,23 @@
                   {{ selected ? 'mdi-clock-time-three' : 'mdi-clock-time-three-outline' }}
                 </v-icon>
               </v-col>
+              <v-col class="ml-n5">
+                <v-tooltip 
+                  v-if="nonDownloadableLayers.includes(item.id)"
+                  top
+                >
+                  <template #activator="{ on, attrs }">
+                    <v-icon 
+                      color="red"
+                      v-bind="attrs"
+                      v-on="on"
+                      style="cursor: help;"
+                    >
+                      mdi-download-off
+                    </v-icon>
+                  </template>
+                </v-tooltip>
+              </v-col>
               <v-col>
                 <v-icon v-if="item.layer">
                   {{ selected ? 'mdi-layers' : 'mdi-layers-outline' }}
@@ -158,7 +175,14 @@
     computed: {
       ...mapGetters('app', [ 'viewerConfig', 'viewerName', 'viewerPrivacyStatement' ]),
       ...mapGetters('data', [ 'displayLayers', 'openedFolders' ]),
-      ...mapGetters('map', [ 'activeFlattenedLayerIds' ]),
+      ...mapGetters('map', [ 'activeFlattenedLayerIds', 'activeFlattenedLayers' ]),
+
+      nonDownloadableLayers() {
+        return this.activeFlattenedLayers
+          .filter(layer => layer.dataServiceType === 'Unknown')
+          .map(layer => layer.id)
+      },
+
       layersWithParents() {
         if (!this.searchString) {
           return addParentIdToLayers(this.displayLayers);

src/lib/get-capabilities.js

@@ -16,9 +16,9 @@
 
 
 const getTags = (tagName) => root =>
-  [ ...root ]
+  root ? [ ...root ]
     .map(el => [ ...el.getElementsByTagName(tagName) ])
-    .flat()
+    .flat() : []
 
 const getChildTags = (tagName) => root =>
   [ ...root ]
@@ -73,10 +73,10 @@
     try {
       const res = await axios.get(url, { validateStatus: () => true })
       if (res.status >= 200 && res.status < 300) {
         console.log(`[Handled] ${ type.toUpperCase() } detected successfully: ${ url }`)
         return res.data
       } else if (res.status === 404) {
         console.log(`[Handled] ${ type.toUpperCase() } check failed with 404: ${ url }`)
       } else {
         console.log(`[Handled] ${ type.toUpperCase() } check failed with status ${ res.status }: ${ url }`)
       }
@@ -268,7 +268,7 @@
   if (!keywords.length) {
 
     keywords = pipe(
-      () => [ capabilities.querySelector('KeywordList') ],  
+      () => [ capabilities.querySelector('KeywordList') ].filter(Boolean),  
       getTags('Keyword'), 
       map(getTagContent), 
     )()

src/views/DownloadGeoserver.vue

@@ -243,10 +243,12 @@
       },
 
       activeLayersList() {
-        return this.activeFlattenedLayers.map(({ id, name }) => ({
-          text: name,
-          value: id,
-        }))
+        return this.activeFlattenedLayers
+          .filter(layer => layer.dataServiceType && layer.dataServiceType !== 'Unknown')
+          .map(({ id, name }) => ({
+            text: name,
+            value: id,
+          }))
       },
 
       selectedLayerData() {