Publication minimap implemented

This commit is contained in:
Porras-Bernardez 2024-05-24 13:47:28 +02:00
parent ccf4e238f3
commit 9968b1e466
6 changed files with 108 additions and 43 deletions

View file

@ -1,3 +1,4 @@
// detail-dataset.component.ts
import { Component, Vue, Prop } from "vue-facing-decorator";
import { DbDataset } from "@/models/dataset";
import DatasetService from "../../services/dataset.service";
@ -9,13 +10,14 @@ import { Suggestion } from "@/models/dataset";
import { VUE_API } from "@/constants";
// import DataMetricsBadge from "data-metrics-badge/dist/data-metrics-badge.js";
// import DataMetricsBadge from "@/components/datacite/DataMetricsBadge.vue";
import MapComponent from '@/components/MapComponent.vue';
import Minimap from '@/components/minimap/Minimap.vue';
import * as L from 'leaflet';
@Component({
name: "DatasetDetailComponent",
components: {
VsInput,
MapComponent,
Minimap,
// DataMetricsBadge,
},
})
@ -174,4 +176,6 @@ export default class DatasetDetailComponent extends Vue {
citation += ", Wien";
return citation;
}
}

View file

@ -1,3 +1,4 @@
<!-- detail-dataset.component.vue -->
<template v-if="datasetId">
<!-- <div class="container">
<section class="section" v-if="dataset != undefined">
@ -189,7 +190,7 @@
<div class="card">
<div class="column">
<h3 class="label uppercase">MAP</h3>
<MapComponent></MapComponent>
<Minimap :bounds="dataset.Bounds"></Minimap>
</div>
</div>
<div class="card">
@ -328,6 +329,7 @@
</template>
<script lang="ts">
import Minimap from "@/components/Minimap.vue";
import DatasetDetailComponent from "./dataset-detail.component";
export default DatasetDetailComponent;
</script>