@abi-software/map-utilities 0.0.0-beta.6 → 1.0.0-beta.1

package/src/components/Tooltip/Tooltip.vue

@@ -1,53 +1,62 @@
-<template>
-  <div class="tooltip-container" id="tooltip-container">
-    <template v-if="annotationDisplay">
-      <annotation-popup
-        :annotationEntry="annotationEntry"
-        @annotation="$emit('annotation', $event)"
-      />
-    </template>
-    <template v-else>
-      <provenance-popup :tooltipEntry="tooltipEntry" />
-    </template>
-  </div>
-</template>
-
-<script>
-import EventBus from '../EventBus.js';
-
-export default {
-  name: "Tooltip",
-  props: {
-    tooltipEntry: {
-      type: Object,
-    },
-    annotationDisplay: {
-      type: Boolean,
-      default: false,
-    },
-    annotationEntry: {
-      type: Object,
-    },
-  },
-  mounted: function() {
-    // Emit events from child components
-    EventBus.on("onActionClick", (data) => {
-      this.$emit("onActionClick", data);
-    });
-  },
-};
-</script>
-
-<style lang="scss" scoped>
-.tooltip-container {
-  text-align: justify;
-  border-radius: 4px;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
-  pointer-events: auto;
-  background: #fff;
-  border: 1px solid $app-primary-color;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-</style>
+<template>
+  <div class="tooltip-container" id="tooltip-container">
+    <template v-if="tooltipType === 'annotation'">
+      <annotation-popup
+        :annotationEntry="annotationEntry"
+        @annotation="$emit('annotation', $event)"
+      />
+    </template>
+    <template v-if="tooltipType === 'provenance'">
+      <provenance-popup :provenanceEntry="provenanceEntry" />
+    </template>
+    <template v-if="tooltipType === 'image'">
+      <image-gallery-popup :imageEntry="imageEntry" />
+    </template>
+  </div>
+</template>
+
+<script>
+import EventBus from "../EventBus.js";
+
+export default {
+  name: "Tooltip",
+  props: {
+    tooltipType: {
+      type: String,
+      default: "",
+    },
+    provenanceEntry: {
+      type: Object,
+      default: {},
+    },
+    annotationEntry: {
+      type: Object,
+      default: {},
+    },
+    imageEntry: {
+      type: Array,
+      default: [],
+    },
+  },
+  mounted: function () {
+    // Emit events from child components
+    EventBus.on("onActionClick", (data) => {
+      this.$emit("onActionClick", data);
+    });
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.tooltip-container {
+  text-align: justify;
+  border-radius: 4px;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+  pointer-events: auto;
+  background: #fff;
+  border: 1px solid $app-primary-color;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+</style>