@abi-software/gallery 0.3.0-beta.1 → 0.3.0-beta.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abi-software/gallery",
-  "version": "0.3.0-beta.1",
+  "version": "0.3.0-beta.4",
   "repository": {
     "type": "git",
     "url": "https://github.com/hsorby/mapcore-gallery.git"

package/src/components/Card.vue

@@ -21,11 +21,11 @@
         </el-tooltip>
       </div>
       <div v-if="showCardDetails" class="details">
-        <p>
+        <p v-if="!data.hideType">
           <b>{{ data.type }}</b>
         </p>
         <el-popover ref="galleryPopover" :content="data.title" placement="top" trigger="hover" popper-class="gallery-popper" />
-        <p class="title" v-popover:galleryPopover>
+        <p v-if="!data.hideTitle" class="title" v-popover:galleryPopover>
           {{ data.title }}
         </p>
         <el-button class="button" @click.prevent="cardClicked"> View {{ data.type }}</el-button>
@@ -194,7 +194,9 @@ export default {
 </script>
 
 <style scoped>
-.button {
+.button,
+.button:hover,
+.button:focus {
   z-index: 10;
   font-family: Asap;
   font-size: 14px;

package/src/components/Gallery.vue

@@ -154,7 +154,7 @@ export default {
     canShowIndicatorBar() {
       const indicatorWidth = convertRemToPixels(1)
       const indicatorAllowance = this.maxWidth / (indicatorWidth * this.itemCount)
-      return this.showIndicatorBar && indicatorAllowance > 0.1
+      return this.showIndicatorBar && indicatorAllowance > 0.1 && this.itemCount > 1
     },
     valueAdjustment() {
       const halfWindow = Math.floor(this.numberOfItemsVisible / 2)

package/src/mixins/GalleryHelpers.js

@@ -81,7 +81,7 @@ export default {
             let item = items.find(x => x.id === info.id)
             const name = response.name
             if (name) {
-              this.$set(item, 'title', name.substring(0, name.lastIndexOf('.')))
+              item.title = name
             }
           },
           reason => {
@@ -92,9 +92,6 @@ export default {
             ) {
               info.fetchAttempts += 1
               this.getImageInfoFromBiolucida(apiEndpoint, items, info)
-            } else {
-              let item = items.find(x => x.id === info.id)
-              this.$set(item, 'thumbnail', this.defaultImg)
             }
 
             return Promise.reject('Maximum iterations reached.')