Skip COG preview if unavailable

Author: mojodna

src/components/Item.vue

@@ -23,9 +23,9 @@
       <div class="col-md-8">
         <b-tabs>
           <b-tab
-            v-if="cog"
+            v-if="cog != null"
             title="Preview"
-            active
+            :active="cog != null"
           >
             <div
               id="map-container"
@@ -36,6 +36,7 @@
           <b-tab
             v-if="thumbnail"
             title="Thumbnail"
+            :active="cog == null && thumbnail != null"
           >
             <a :href="thumbnail">
               <img
@@ -48,6 +49,7 @@
           <b-tab
             v-if="assets.length > 0"
             title="Assets"
+            :active="cog == null && thumbnail == null"
           >
             <div class="table-responsive assets">
               <table class="table">
@@ -407,7 +409,9 @@ export default {
   methods: {
     ...mapActions(["load"]),
     initialize() {
-      this.initializePreviewMap();
+      if (this.cog != null) {
+        this.initializePreviewMap();
+      }
       this.initializeLocatorMap();
     },
     initializeLocatorMap() {
@@ -649,6 +653,10 @@ code {
   z-index: 99999;
 }
 
+.leaflet-container {
+  background-color: #262626;
+}
+
 #locator-map {
   height: 200px;
   width: 100%;