@@ -510,6 +581,18 @@ export default {
background-color: #979797;
}
+.image-gallery-container {
+ :deep(.gallery) {
+ .gallery-strip {
+ padding: 1rem 0;
+ }
+
+ > div {
+ min-height: max-content !important;
+ }
+ }
+}
+
/* Fix for chrome bug where under triangle pops up above one on top of it */
.selector:not(*:root),
.tooltip-container::after {
diff --git a/src/components/Tooltip/Tooltip.vue b/src/components/Tooltip/Tooltip.vue
index a942fd5..3a1be28 100644
--- a/src/components/Tooltip/Tooltip.vue
+++ b/src/components/Tooltip/Tooltip.vue
@@ -1,13 +1,22 @@
@@ -21,6 +30,10 @@ export default {
tooltipEntry: {
type: Object,
},
+ tooltipType: {
+ type: String,
+ default: 'provenance',
+ },
annotationDisplay: {
type: Boolean,
default: false,
@@ -28,6 +41,10 @@ export default {
annotationEntry: {
type: Object,
},
+ galleryItems: {
+ type: Array,
+ default: () => [],
+ },
},
mounted: function() {
// Emit events from child components
@@ -35,6 +52,11 @@ export default {
this.$emit("onActionClick", data);
});
},
+ methods: {
+ viewImage: function (url) {
+ this.$emit('view-image', url)
+ }
+ }
};
diff --git a/src/components/index.js b/src/components/index.js
index 5273c38..cbbffb5 100644
--- a/src/components/index.js
+++ b/src/components/index.js
@@ -3,5 +3,13 @@ import HelpModeDialog from "./HelpModeDialog/HelpModeDialog.vue";
import Tooltip from "./Tooltip/Tooltip.vue";
import TreeControls from "./TreeControls/TreeControls.vue";
import CopyToClipboard from "./CopyToClipboard/CopyToClipboard.vue";
+import IframeImageDialog from "./ImageDialog/IframeImageDialog.vue";
-export { DrawToolbar, HelpModeDialog, Tooltip, TreeControls, CopyToClipboard };
+export {
+ DrawToolbar,
+ HelpModeDialog,
+ Tooltip,
+ TreeControls,
+ CopyToClipboard,
+ IframeImageDialog
+};
diff --git a/src/mixins/flatmapImageMixin.js b/src/mixins/flatmapImageMixin.js
new file mode 100644
index 0000000..39259a3
--- /dev/null
+++ b/src/mixins/flatmapImageMixin.js
@@ -0,0 +1,42 @@
+export default {
+ // Note that the setting store is included in MapContent.vue
+ methods: {
+ findImagesForSpeciesFromGalleryItems: function (galleryItems, speciesToFind) {
+ let imageList = []
+ galleryItems.forEach((image) => {
+ if (image.species && image.species.length > 0) {
+ image.species.forEach((species) => {
+ if (species.species && species.species.curie === speciesToFind) {
+ imageList.push(image)
+ }
+ })
+ }
+ })
+ return imageList
+ },
+ findAllSpeciesFromGalleryItems: function (galleryItems) {
+ let speciesList = [];
+ let speciesSet = new Set();
+
+ galleryItems.forEach((image) => {
+ if (image.species && image.species.length > 0) {
+ image.species.forEach((species) => {
+ if (species.species) {
+ let ispc = species.species;
+ if (!speciesSet.has(ispc.curie)) {
+ speciesSet.add(ispc.curie);
+ speciesList.push({ 'taxon': ispc.curie, 'name': ispc.name, 'count': 1});
+ } else {
+ speciesList.forEach((sp) => {
+ if (sp.taxon === ispc.curie) sp.count++;
+ });
+ }
+ }
+ });
+ }
+ });
+
+ return speciesList;
+ },
+ }
+}